【初心者必見】CSSチートシート集まとめ - 現役エンジニアが使い方も合わせて徹底解説(保存版)
(この記事は2021年8月に更新されました) ・ CSS実装の効率化を測りたい ・ フレックスボックスに中々慣れられない ・ 実装する上で使えるカンニングペーパーが欲しい この記事はそんな悩みがある方に向けて書いています。 チート集というのは、プログラミングの実装でよく使われるコードが、わかりやすくまとめられているものです。 これによって効率的にコードの実装を進めることができます。 今回は、世の中にある4つの代表的なCSSのチート集を、使い方と学習法も合わせて解説していきます。 この記事を読めば、でネット上に散らばっている『主要CSSチート集を網羅的に知る』ことができます。 ✔︎ 本日のテーマ CSSチート集まとめ ✔︎ CSSチート集 ・① CSSセレクターチート ・② flexboxチート ・③ Sassチートシート ・④ Tailwindチートシート ① CSSセレクターチート集 初
【コピペOK】Sassで簡単にメディアクエリを使用する方法｜macoblog
Sassは簡単にスタイルを記述できる便利なものって思ってませんか？、、、間違ってはいませんがその認識だけじゃ勿体ない、Sassの真価を体感できるのはメディアクエリを使った時です。 Sassで便利なメディアクエリの書き方【コピペOK】 CSSでメディアクエリを指定するのってめんどくさいですよね、たくさん作ると管理も大変だし、工夫してまとめるにしても少し手間がかかるので正直だるいです。 そこで、これから紹介するSass式メディアクエリを使えば、コード量もグッと減り、width指定も一括で管理できるようになるので管理コストも大幅に減らせます。 ①：変数とミックスインで定義 下記をコピペしてください。 style.scss $pc: 1024px; // PC $tab: 680px; // タブレット $sp: 480px; // スマホ @mixin pc { @media (max-widt
Sassのモジュールシステムを@importから@useに移行する方法を考えてみた
先日、KOJIKA17さんの「Sassを@importから@useに置き換えるための手引き 」という記事を見て、2022年10月ころにはSassで@importが使えなくなる可能性があることを知りました。まだ2年ありますが、新しく取り組むプロジェクトでは@useを使ったモジュールシステムにしたいので、自分が使っている構成の置き換えについて考えてみました。 まずはアイディアをシェアをして叩き台にしてもらうのが目的ですが、他に良い書き方があったらぜひアドバイスいただきたいというのもあります。 試しながら、考えながら書いているので内容は変更される可能性が高いかもしれません。 Sassの新モジュールシステムについて Sassの新しいモジュールシステムについては、上述の記事や SHIFTBRAINさんのブログ がわかりやすかったです。ありがとうございます。 公式の発表と@useと@forwardのド
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
