プロが実践するモダン CSS の書き方入門テクニック20選まとめ
海外サイトTutorialzineで公開された「20 Protips For Writing Modern CSS」の著者 Danny Markov より許可をもらい、翻訳転載しています。 この記事では、CSSスタイリングで実践したい、便利な20種類のテクニックをご紹介しています。CSSをはじめたばかりの初心者のひとにも合った内容も多く、あまり知られていない少しだけ高度で、より実践的なCSSテクニックまで学ぶことできます。これらのテクニックを利用することで、今後のウェブ制作をよりスムーズに、快適に行うことができるでしょう。 コンテンツ目次 1. 縦方向のマージン幅に気をつけよう。 2. レイアウトに Flexbox を利用しよう。 3. CSS リセットをしよう。 4. Border-box をすべてに適用しよう。 5. イメージファイルは背景に適用しよう。 6. リストテーブル用ボーダー
印象に残る！丸の要素をうま〜く取り入れているサイト13選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
日本のみなさん、こんにちはぁ！最近なぜか丸いものにハマっているバンクーバー在住のライターの、のび太です。 丸いものと言えば、パンダ、アンパンマン、ぽっちゃり男etc。丸い要素には「やわらかい」「やさしい」「かわいらしい」などの好印象を与える力があるのではないでしょうか。 Webサイトで丸い要素を取り入れているサイトはたくさんありますね。例えば、ソーシャルメディアボタン、日付、ナビゲーション、背景パターン、アバター画像などなど。四角いボックス型ではなく円形を利用することで、ユニークに見えてユーザーを惹きつける効果があると思います。 今回は、僕が特に印象に残った「丸の要素をうま〜く取り入れているサイト」をご紹介したいと思います！ 丸の要素をうま〜く取り入れた印象に残るサイト13選 Urbangap https://www.urbangap.com/urban12/maggio ※現在はサービス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
