CSS Flexboxで聖杯レイアウトのテンプレート
Windows 7のIE10以下のサポートが切れて2年が経ち、Windows Vistaの延長サポートも2017年4月11日に切れたので、ぼ...
jQueryでグローバルナビの現在地をアクティブに（CSSクラス付与）
Webサイト構築で、ほぼ必須と言ってもいいグローバルナビゲーションと現在位置（カレント）表示。 毎回1から制作するのもアレなので、汎用的に...
ナビゲーションをスクロール時に固定する時、SafariやChromeで挙動がおかしい？
とある案件で、ある程度スクロールしたらサイドナビゲーションを固定したい、という要望があり、これに対応した際に起きた問題と、その対応策の備忘録...
Bose SoundLink Mini II の使用感など
昨年、妻のクリスマスプレゼント用として「Bose SoundLink Mini II」を購入したのですが、思いの外その重低音がヘヴィメタルに...
El Capitanでもlocalhostを使う
OSX Yosemiteが思いのほか重く、結局Mavericksのまま使い続けてきましたが、El Capitanの評判が意外にも良いみたいで...
JavaScriptで画像とリンクを動的に変更する（備忘録）
とあるWeb制作案件にて、クライアントから「ボタンを押して画像とリンクを変えたい」という要望があり、対応した時の備忘録です。 図で説明する...
OS X Yosemiteでlocalhostを使えるようにするための各種設定
OSXをMavericksからYosemiteにアップグレードした際に、Apacheのバージョン違いのためにlocalhostが動かなくなっ...
背景画像の縦横比率を維持したまま、コンテンツの幅に合わせて表示させる方法
背景画像を表示させる際に、画像の見え方自体は固定しつつ、元の画像サイズ以上にブラウザを広げた時には、画像の縦横比率を固定したままボックスごと...
IE8で :last-child 疑似クラスを使う方法
企業系のWebサイト制作案件でよくある、「検証対象ブラウザはWindows 7＋IE8以降です」というケース。 Windows 7でのIE...
Firefoxでmax-widthが効かない？バグ？仕様？
とあるスマホ案件にて、html制作中に出くわした現象の備忘録です。 現象 画像とテキストが横並びになるレイアウトで、画面サイズに...