※Web開発 【CSS】justify-contentの使い方や効かない原因を解説
Web制作をしていると、要素を横並びにするレイアウトをよく使います。そこで「横並びにした要素を均等に配置したい」「両端の要素を親要素の端に揃えたい」などと思うことはありませんか？そのようなレイアウトを作成するには、display: flex...
css
※Web開発 ※Web開発 フレックスボックス
フレックスボックス(Flexbox) は、アイテムを行または列に並べるための 1 次元のレイアウト方法です。アイテムがたわんで（伸びて）追加の空間を埋めたり、縮んで小さい空間に収まったりします。この記事では、すべての基本事項について説明しま...
※Web開発 【CSS】background-colorとbackgroundの違い
ふと、CSSのbackground-colorとbackgroundの違いって何だろう？って思いました。いつもは背景色を指定する場合は、SyntaxHighlighterについて<style>#TableA { background-col...
※Web開発 h1タグは画像でも問題ない！画像を設定する時のポイント3つ！
h1タグは、そのサイトのテーマを示す重要なテキストです。SEOを考える上でも、h1タグには上位表示を狙いたいキーワードを取り入れるなど、戦略的な対策を行う必要があります。h1タグを使用する時に、デザインの兼ね合い上「画像」で視覚的に訴えたい...
※Web開発 CSSのかなり高度なテクニック -Expert CSS: The CPU Hack
※Web開発 positionについて
【補足解説】positionCSSpositionについてpositionには4つの値があります。static(スタティック)：初期値relative(リラティブ)：現在の位置を基準に相対的な位置を決めるabsolute(アブソリュート)：...
※Web開発 HTML・CSS・PHPなどのコードへのコメントタグの書き方まとめ
HTMLの場合1<!-- ここに表示させないコメントを入れます -->HTMLの場合、コメントアウトは「<!--」と「-->」の間に入れます。また、コメントが正しくない一例を以下に示します。1<!---------コメント---------...
※Web開発 【CSS入門】borderを使いこなすための3つのステップ
CSSのborderを使って枠線を引く方法を知りたいborderで枠の太さや色を指定するにはどうすればいいの？borderを使ってさまざまな形の図を作成したいこんにちは！フリーランスエンジニア兼フリーライターの ワキザカ サンシロウ です。...
※Web開発 【補足解説】colorについて
CSS色指定の4つの方法定義されたカラーキーワードを指定する「# + 6桁のカラーコード」で指定するrgbで指定HSLという形で指定定義されたカラーキーワードを指定する17種類とバリエーションは少ないですが、black, red , gre...
※Web開発 3D Transforms and Animations
キーフレームの設定アニメーションの舞台を設定するページ上の要素の回転写真カルーセルの作成回転する多角形上の写真キーフレームのタイミングの調整回転キューブ参照関連記事 - 変換と遷移ユーザーコメント3Dトランスフォームは、Safari / W...