Webエンジニアのブログ

Web制作においてサイトの見栄えに影響を与えるフォントサイズの指定では、pxやem、rem、%といったいろんな単位を使った経験があるでしょう。px単位は昔からよく使われていた単位でありますが、ブラウザのフォントサイズはユーザーが変更可能なた...
続きを読む>>

多くのデバイスに対応させるWebサイトの制作では、CSSのメディアクエリを使ってレスポンシブWebデザインを実装していきますが、Sassを使ったWeb制作でも、ベースとなるスタイルの後にメディアクエリを使う、またはネスト（入れ子）でメディア...
続きを読む>>

Web制作でSassを導入してCSSを生成していく中、ディレクトリ構造（フォルダ・ファイル構成）をしっかり作っておくと、Sass(scss)ファイルの管理がしやすくなります。 Sassを複数ファイルとして分割管理することで、編集する箇所...
続きを読む>>

昨今のWeb制作では、CSSを効率的に書くことができるSass（SCSS記法）で記述する手法を採用しているところも増えておりますが、Sassの書き方も新しい機能が追加されたり、時代によってアップデートされます。 Sassのコンパイル方法とし...
続きを読む>>

CSSでデザインを構築していく中でSassを利用していくと、作業効率とメンテナンス性の高いコードを書いていくことができます。Sassでのコードの書き方はいろいろありますが、ここでは「@mixin（ミックスイン）」のコードの書き方についてご紹...
続きを読む>>

CSSコーディングの作業効率を上げることができるSassは、コンパイルするのにGUIツールやコマンド操作といろんな方法があります。 Visual Studio Codeでは手軽にターミナルやコマンドプロンプトが利用できて、コマンド操作を慣れ...
続きを読む>>

Web制作の現場では、日々新しい技術を求められ、CSSでレイアウトを組んでいく中では、効率的かつメンテナンス性の高いコードを書いていくことが必要になってきますが、Sassを使うことで、通常のCSSではできないことができるようになります。 S...
続きを読む>>