CSSに関するedgeknightのブックマーク (3)
-
HTML/CSSの知識を習得しても、いざWebサイトを構築しようとすると手が止まってしまう。それは知識の体系化ができていないから、と語るのが﹃HTML/CSSブロックコーディング﹄の著者である笠井枝理依さんです。笠井さんは本書で、そうした悩みを解決する手法としてサイトの要素をブロック単位で分解してコーディングしていくブロックコーディングを解説しています。今回は本書からWebサイトをブロックに分解する方法を紹介します。 本書は﹃HTML/CSSブロックコーディング デザインをすらすら再現できる﹄の﹁Ch01 モックアップをブロック分解﹂を抜粋したものです。掲載にあたって編集しています。 モックアップとは モックアップとは皆さんが考えるところの﹁デザイン﹂であり、日本では﹁デザインカンプ﹂と呼ばれることもよくあります。Webページがどのように表示されるのか、実際にブラウザで表示される場合と遜色
-
フロントエンド連載の5記事目です。 HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては﹁何をいまさら﹂という話題かと思います。 しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、そもそもHTML5とは何かや、廃止された経緯をまとめてみます。 HTML5とはWebサイトを作るときに必ず書くことになるHTML。Webサイトのコンテンツ、つまり中身や構造を作るために使うマークアップ言語です。 そして、その最近版として10年ほど前に登場したHTML5。当時は Webニュースなどで盛んに特集が組まれていましたが、このHTML5がついこないだ、2021年1月28日に廃止されました。 広義のHTML5 / 狭義のHTML5HTML5
-
このブログでは、はてなブログの公式テーマ﹁Smooth﹂を使っている。 blog.hatena.ne.jp デフォルトでの表の罫線の色 試行錯誤1回目 試行錯誤2回目 試行錯誤3回目・完成形 デフォルトでの表の罫線の色デフォルト(初期状態)での表の罫線の色が薄かったので濃くしようとした。 デフォルトでの表の罫線。色がかなり薄い。 CSSの試行錯誤を数回重ねた。色コードは以下を参考にした。 www.colordic.org 試行錯誤1回目1回目は以下を参考にした。 www.nishishi.com table { border-collapse: collapse; border: solid #a9a9a9; }table th, table td { border-style: solid; border-color: #a9a9a9; } 幅が表の罫線に合わなかった。 試行錯誤2回目
-
1