「　Programに関する記事　」

WebSiteで使っている拡張子jpg png gif などの画像の違いがわかりますか？区別しないでそのまま使っていませんか？拡張子により画像には違いがあります。jpg png gif の知っていおきたい特徴を説明します。拡張子による画像の特徴が理解でき、画像の使い分けができるようになります。

background-img や img を思い通りのスタイルにするのに苦労していませんか？img のスタイリング方法を実際の画像の変化を確認しながら説明します。CSSと画像の変化を実感して理解できます。レスポンシブ 時に、 background-img や img の画像変化をイメージしスタイリングできるようになります。

CSS,SCSSで適したクラス名をつけるのに迷いませんか？クラス名の命名規則を決めるBEM: Block Element Modifierの考え方を説明します。BEMと相性が良いSassを使ったスタイルの書き方を説明します。定義したコードを再利用して理解し易いコードが書けるようになります。

cssでスタイルを書く時に混乱して書き難いと感じることはありませんか？CSSに比べ開発効率が向上するSass: Syntactically Awesome StyleSheet についてご説明します。①メリットと目的を説明します。②cssの代わりに、Sassのわかり易いコードの書き方を説明します。

サイト制作していて思い通りのデザインにならないことはありませんか？ブラウザ独自に設定されているCSSがデザインのジャマをしていませんか？思い通りのデザインにするには、始めにCSSリセットすることでブラウザ毎の違いを無しにしましょう。ここでは、ブラウザ独自のCSSの内容とCSSリセットのやり方を説明します。