CSS

（2016/10/14）改訂版があります。はてなブログ／ボトムナビゲーション改訂版 - IMUZA.com「はてなブログ＝レスポンシブデザインの場合のスマホ UI を考えてみる - IMUZA.com」...

はてなブログで、レスポンシブデザインのテーマを使い、ヘッダに画像を当てるとその配置に結構苦労します。特に背景イメージではなくタイトルですと、スマホでタイトルがはみ出したりします。私自身もうまくいかないなあと思い...

スクリプトなしでアニメーションをスタートさせるトリガーに、:hover や :checked はよく使っています。たとえば、公開中のはてなブログのテーマでは、:checked を使ってモバイルのハンバーガーメニ...

ホバーエフェクトでググれば、かっこいいアニメーションのものがたくさんヒットします。ただ、スマホなどタッチデバイスの場合、a 要素にエフェクトをつけても、エフェクトが始まる前にリンク先に飛んでしまいます。他の要素...

今回、クロスブラウザという点で決定的な問題となるのは、CSS では、viewportcalcflexboxtransitiontransformJavascript ...

はてなブログのトップページは、記事をいくつか表示して、タイトルをクリックすると各ベージへ飛ぶという、いわゆる標準的なブログ仕様になっています。当たり前なんですが、ちょっと寂しいと思うこともあり、トップページだけ...

「HTML5 UP の Hyperspace デザインイメージを「はてなブログ」で実現できるか？」の２回めです。まず、テーマ名を決めないと記事が分かりにくいですね。元デザインの名前「hyperspace」をその...