#css設計完全ガイド search results
すごい厚みの書籍「CSS設計完全ガイド」が届きました。 半田さん( @assialiholic )の執筆で、発売は2月27日から。 私はこの書籍にレビューで協力しました。 CSS設計の解説と現場で使えるサンプルが充実しているので、HTMLコーダーにオススメです。 #CSS設計完全ガイド gihyo.jp/book/2020/978-…
CSS設計完全ガイド読破。 とても分かりやすい説明で書かれており、すぐに実務で使えます。 HTML/CSSを勉強し始めた人というより、Sassなどを使ってある程度一人で実装できる人向けです。 著者の半田さん @assialiholic に感謝申し上げます。良書をありがとうございました。 #CSS設計完全ガイド
「CSS設計完全ガイド」を読み進めております。現在Chapter3-BEMについて 詰まることなく読み進めてNotionに要点をまとめていってるけど、まだまだ先が長い これまでの印象 とにかく「抽象化」！「再利用性」！って感じ #Web制作 #CSS設計完全ガイド
HTMLとCSSをコーディングしている時‥ 「ほんとにこれが最適解なのかな？」 と思うことが多々あったので、評価の高いこの本を買いました！ 結構分厚い参考書ですが、、 気合いで習得します！！ #web制作 #CSS設計完全ガイド
【習慣化21日目】 ・CSS設計完全ガイド 読了 ・CSS Diner 全ステージクリア ・Codejump 初級編 CSS設計完全ガイド読了。 自分のレベルにはまだ早すぎた感が否めないけど、一度読み終えてたら再読の効率が段違いってことで。 次は何を読もうか #駆け出しエンジニア #codejump #CSS設計完全ガイド
🖥学習記録 【内容】 #デイトラ #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 #夜は目がよく見えない
帰省でバタつく前に am3:00〜昨日の続き☺️ やっと #CSS設計完全ガイド 読破📚 真似したい部分がいっぱいでした☺️！ コーディングも1つ終了✨ これから帰省します🚄 主人は仕事があるので毎年お留守番🎍子2人連れて行ってきます😊 #コーダー #web制作
#web制作 #CSS設計完全ガイド CSS設計完全ガイドを読んでいるところですが、漸く2/5ほど読み終えました。 評判通り、分かりやすいですね。 またお昼休みに読み進めます。
CSS設計完全ガイド ～詳細解説＋実践的モジュール集 Kindle版 半田惇志 (著) amzn.to/3U6h86g #CSS設計完全ガイド #CSS #スタイルシート #Web制作 #Webコーディング #Webデザイン
学習218日目(2h)✳️CSS設計復習。 金曜日まで、諸事情によりPCを使えないので、#CSS設計完全ガイド の書籍でBEMについて復習。新たにSassにチャレンジしながらBEMも混乱したら、ぐちゃぐちゃになりそう〜😂それにしても、、そろそろ自分専用のPCが欲しい😢 #プログラミング独学 #Sass #BEM
すごい厚みの書籍「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. Northern Lights 37.3K posts
- 2. #DWTS 50.3K posts
- 3. #Aurora 7,617 posts
- 4. Justin Edwards 2,078 posts
- 5. Louisville 17.3K posts
- 6. #RHOSLC 6,388 posts
- 7. Creighton 1,998 posts
- 8. #OlandriaxHarpersBazaar 4,738 posts
- 9. Andy 61K posts
- 10. Gonzaga 2,659 posts
- 11. Lowe 12.4K posts
- 12. #GoAvsGo 1,449 posts
- 13. Oweh 2,050 posts
- 14. JT Toppin N/A
- 15. Kentucky 25.5K posts
- 16. Elaine 36K posts
- 17. Celtics 12.2K posts
- 18. H-1B 28.2K posts
- 19. Dylan 30.5K posts
- 20. Robert 98.5K posts