#css設計完全ガイド search results
すごい厚みの書籍「CSS設計完全ガイド」が届きました。 半田さん( @assialiholic )の執筆で、発売は2月27日から。 私はこの書籍にレビューで協力しました。 CSS設計の解説と現場で使えるサンプルが充実しているので、HTMLコーダーにオススメです。 #CSS設計完全ガイド gihyo.jp/book/2020/978-…
CSS設計完全ガイド読破。 とても分かりやすい説明で書かれており、すぐに実務で使えます。 HTML/CSSを勉強し始めた人というより、Sassなどを使ってある程度一人で実装できる人向けです。 著者の半田さん @assialiholic に感謝申し上げます。良書をありがとうございました。 #CSS設計完全ガイド
ディレクター向けという記事ですが、デザイナーも知っておくべきCSS設計の良し悪し。見た目には表れにくいけど大事。 「Webディレクター必携 ─ 現場経験から導いた“フロント制作 完全ガイド”」 Vol.4 軽くて崩れにくいCSS設計 ─ 複雑なデザインを支える実装の工夫とは？ fastcoding.jp/blog/all/info/…
「CSS設計完全ガイド」を読み進めております。現在Chapter3-BEMについて 詰まることなく読み進めてNotionに要点をまとめていってるけど、まだまだ先が長い これまでの印象 とにかく「抽象化」！「再利用性」！って感じ #Web制作 #CSS設計完全ガイド
HTMLとCSSをコーディングしている時‥ 「ほんとにこれが最適解なのかな？」 と思うことが多々あったので、評価の高いこの本を買いました！ 結構分厚い参考書ですが、、 気合いで習得します！！ #web制作 #CSS設計完全ガイド
【習慣化21日目】 ・CSS設計完全ガイド 読了 ・CSS Diner 全ステージクリア ・Codejump 初級編 CSS設計完全ガイド読了。 自分のレベルにはまだ早すぎた感が否めないけど、一度読み終えてたら再読の効率が段違いってことで。 次は何を読もうか #駆け出しエンジニア #codejump #CSS設計完全ガイド
これは必修！ 百万回読み直してreset.cssに追記しないと🫠🫠 特に「CSSの論理プロパティ」についてはまだ知識をアップデートしきれてなくて…🥺ｱﾀｸｼのコードから加齢臭がしないようにしなきゃ CSSでボタンを実装するときに記述しておくと便利なスタイルのまとめ | コリス coliss.com/articles/build…
🖥学習記録 【内容】 #デイトラ #web制作 #CSS設計完全ガイド 8. 拡張しやすい 【学・考】 なるべく後々の変更に耐えられるように設計しておく。 拡張しやすさを担保するにはマルチクラス設計である事が前提。
🖥学習記録 【内容】 #デイトラ #web制作 #CSS設計完全ガイド 7. クラス名から見た目・機能・役割が想像できる 【学・考】 加えて、「具体性と汎用性のバランス」も重要。サンプルを読むと頷ける。 モジュールの名前を考える時にBootstrapが参考になるんだね。
🖥学習記録 【内容】 #デイトラ #web制作 #CSS設計完全ガイド 6. クラス名から影響範囲が想像できる 【学・考】 クラス名を見るだけで影響範囲が推察できるように。その為にルート要素のクラス名の継承が大切。でも5.詳細度がみだりに高くない、見通しが良いコードを心掛ける。
🖥学習記録 【内容】 #デイトラ #web制作 #CSS設計完全ガイド 5. 詳細度がみだりに高くない 【学・考】 詳細度が高いと上書きが難しい、メンテナンス工数が増えるなどあまりいいことがない。 詳細度を低くするには、セレクターはクラスセレクターを使用することが基本。
🖥学習記録 【内容】 #デイトラ #web制作 #CSS設計完全ガイド 4.特定のコンテキストにみだりに依存しない 【学・考】 モジュールには前提としてどこでも使い回したいと言う意図がある。コンテキスト(場所、状況)に依存していると、コンテキストが変わった途端コードが動かなくなる。
🖥学習記録 【内容】 #デイトラ #web制作 #CSS設計完全ガイド 3.影響範囲がみだりに広すぎない 【学・考】 “みだりに”広すぎると、不要なスタイリングを打ち消すコードを書くなど、無駄なコードが増え、複雑になり保守性を損なう。 解決策はスコープを絞るか、使用するとしても最小限に留める
🖥学習記録 【内容】 #デイトラ #web制作 #CSS設計完全ガイド 2.HTMLとスタイリングが疎結合である 【学・考】 要素型セレクターを多用すると個別でスタイリングしにくくなってしまう。そのためHTMLとスタイリングの結びつきは弱めた方が良い=クラスセレクターで回避 解釈合ってるかな？
🖥学習記録 【内容】 #デイトラ #web制作 #CSS設計完全ガイド 1.特性に応じてCSSを分類する 【学・考】 ベース、レイアウト、モジュールとグループ分けするとわかりやすく管理しやすい。ly-やbl-の接頭辞は活用したい。 CSS設計を学ぶことは、信頼性に貢献する気がする。
学習392日目🌸まさたさんWP課題 全体的にまだ無駄なクラスが多い気がしますが、特にボタン。「#CSS設計完全ガイド」を見て、復習しました🥲 はにわまんさんのこちらのサイトも、デザインと一緒にコードが書かれていて分かりやすいです😍 haniwaman.com/css-btn/
haniwaman.com
CSSで表現できるボタンの基本パターン（※ Font Awesomeを使うものもあり） | HPcode（えいちぴーこーど）
ボタンのパターン集を作成しました。コピペで使っていただいてOKです。 ボタン 上記のHTMLをCSSでカスタマイズしていきます！ ベースのボタン ボタ
学習293日目(5h)✳️しょーごさん中級EX(10hr) トップページがやっと8割ほどできた😂パーツの使い回しを考えて、#CSS設計完全ガイド を読み直したりしていたら、すごく時間がかかった😭これから下層ページに入ります🏃♂️💪 #プログラミング独学 #css #sass #夜は目がよく見えない
すごい厚みの書籍「CSS設計完全ガイド」が届きました。 半田さん( @assialiholic )の執筆で、発売は2月27日から。 私はこの書籍にレビューで協力しました。 CSS設計の解説と現場で使えるサンプルが充実しているので、HTMLコーダーにオススメです。 #CSS設計完全ガイド gihyo.jp/book/2020/978-…
CSS設計完全ガイド読破。 とても分かりやすい説明で書かれており、すぐに実務で使えます。 HTML/CSSを勉強し始めた人というより、Sassなどを使ってある程度一人で実装できる人向けです。 著者の半田さん @assialiholic に感謝申し上げます。良書をありがとうございました。 #CSS設計完全ガイド
Web制作独学2R 53d 学習内容 #CSS設計完全ガイド 🙄class命名規則とうまく組み合わせてSassを取り入れたいと思い、#Sassの教科書 を読んでみた。しっくりこなかったので、時短テクニックを身につけるためBEMも取り入れて効率良くコードを書きたい #駆け出しエンジニア さあ！今日も淡々と・・・🤖
Something went wrong.
Something went wrong.
United States Trends
- 1. Thanksgiving 333K posts
- 2. Trumplican N/A
- 3. Good Wednesday 31K posts
- 4. #wednesdaymotivation 5,079 posts
- 5. #PuebloEnBatallaYVictoria 2,500 posts
- 6. #Wednesdayvibe 2,597 posts
- 7. Hong Kong 11.4K posts
- 8. Colorado State 3,506 posts
- 9. Nuns 8,356 posts
- 10. Stranger Things Day 3,715 posts
- 11. #BurnoutSyndromeSeriesEP1 205K posts
- 12. Mora 21.8K posts
- 13. Karoline Leavitt 26.6K posts
- 14. Hump Day 13K posts
- 15. Gretzky N/A
- 16. Food Network N/A
- 17. Elton 9,325 posts
- 18. Ribs 11.1K posts
- 19. 28 Years Later 1,887 posts
- 20. Babe Ruth N/A