「HTML/CSS」カテゴリーアーカイブ

(93) 画面幅に合わせてフォントサイズ切り替え

1. やりたいこと iPad Proなど、最近のタブレット端末はとっても解像度が高い。このような端末の場合… パソコン画面に表示するつもりで作った WEBページをタブレットで表示すると文字が小さすぎて見づ… 続きを読む »

後で清書する。以下のCSSを追記する。 input[type=”submit”]{ appearance: button; -moz-appearance: button; -webkit-appearance: bu… 続きを読む »

1. やりたいこと DIV矩形内に配置した複数行のテキストを、縦方向の中断に寄せたい。 2. やってみる 1) 縦方向中寄せ解説・10行目～13行目 : 縦方向中断寄せのための設定 2) 横方向中寄せ解説・10行… 続きを読む »

いろいろと考えることがある。・JavaScriptを無効にした状態で WEBブラウジングしている人の数は？・JavaScriptに未対応のWEBブラウザで WEBブラウジングしている人の数は？・これらの人々に見られ… 続きを読む »

1. やりたいこと前々回の (56) 【Sass入門#1】sassでcssを簡潔に書く。　前回の (57) 【Sass入門#2】sassでcssを簡潔に書く。の続き。前々回、前回で Sassの基本を学んだ。今回… 続きを読む »

1. やりたいこと前回の (56) 【Sass入門#1】sassでcssを簡潔に書く。の続き。 Sassを使って CSSファイルの記述内容を整理整頓したい。 3. やってみる (1) 変数を使う。こんな SCSSフ… 続きを読む »

1. やりたいこと大きなサイトを書くと、必然的にCSSも大きく複雑になる。こんなとき… 「CSSで変数が使えたらなぁ…」「速度のロスなくCSSの中で別のCSSをインポート出来たらなぁ&#82… 続きを読む »

1. 悩ましいことレスポンシブデザインでホームページを作成するとき、画面の横幅に応じたレイアウト調整を CSSに記述する。でも、世の中にはいろいろな画面サイズのデバイスが存在する。単純にパソコン/スマホの二択では… 続きを読む »

1. やりたいこと JavaScriptファイルの更新を監視し、自動的に JavaScriptファイルを minifyしたい。 2. やってみる！ (50) Node.js + gulpでcssファイルを自動圧縮とほと… 続きを読む »

1. やりたいこと JavaScriptファイルの更新を監視し、自動的に画像ファイルを minifyしたい。 2. やってみる！ (50) Node.js + gulpでcssファイルを自動圧縮とほとんど同じだ。ファ… 続きを読む »