コーディング

OOCSSを土台にしたCSS命名規則

概要 BEM, OOCSS, SMACSSなどのCSSの設計概念はメンテナブルなCSSの設計に重要な概念である。 しかし、いずれも設計思想であって具体的な命名規則ではない。そのため導入してもうまく使いこなせるとは限らない […]

グリッドレイアウトのCSS

Bootstrapのグリッドが細かすぎて使いにくい&ファイルが肥大化するので自分で作ることにした。基本的な構造はBootstrapの真似。 レスポンシブで表示幅が狭くなった時の段組はBootstrapとは異なるものになる […]

背景画像によるパララックス効果

コードの備忘録。とりあえずコードのみ。 jQuery(function(){ var bg1 = jQuery(“.pximg1”).css(“height”).replace(“px”,””); jQuery(wind […]

横並びグローバルメニューのCSSをどのように実現するか

はじめに ウェブサイトを制作する上で、頻繁に使うテクニックが要素の横並びです。 グローバルナビゲーションや、メールフォーム、画像の回り込みやカラムの配置と、ウェブサイトのデザインに横並びは欠かせません。 一方、横並びはデ […]