Web 6件

2019/11/19

CSSの「font-size: 20px;」という指定について調べたら奥が深かった

CSSで普段なんの気無しに使っている「font-size: 20px;」といった指定の挙動を細かく調べてみたら、想像を遥かに超える複雑さでした。調べたことや実験結果を記録します。

2019/11/01

サムネイルが右側に並んだ画像リストのCSSとJSをじっくりコーディング(JS編)

大きな画像の横に、クリックして画像を切り替えるサムネイルが並んだレイアウトのCSS・JSコーディングの流れをじっくり解説していきます。前編のCSS編に続き、本記事ではクリックして画像を変更するJS部分について解説します。

2019/10/31

サムネイルが右側に並んだ画像リストのCSSとJSをじっくりコーディング(CSS編)

大きな画像の横に、クリックして画像を切り替えるサムネイルが並んだレイアウトのCSS・JSコーディングの流れをじっくり解説していきます。前後編に分け、前編の本記事ではCSSについて解説します。

2019/09/24

よくあるグローバルナビのCSSをじっくりコーディング

WEBサイト制作でよくある見た目のグローバルナビのHTMLとCSSをコーディングした際、考えることが予想よりも多くありました。コーディングの流れをじっくり解説します。

2018/04/032018/04/04

gulp-sassのマイナーバージョンが上がったらsassファイルがコンパイルできなくなった

プロジェクトのメンバーから、gulpタスクで行なっているsassのコンパイルができなくなったとの相談を受けた。起きていたエラーは以下。SassのControl Directives(@if、@each、@for、@while)や他のmixinの中ではmixin…

2015/01/28

サイトのパフォーマンスの課題を発見し定期的に計測する

先日、HTML5Conferenceに参加してきました。「2015年これからの日本のWeb…