Noise of Web Programming

主にHTML/CSS/JavaScriptやWebサービスの情報を配信しています。可能な限り実装方法まで書いていくつもりです。

ブログを移転しました。

Tecuration.com

このサイト同様、HTML/CSS/JavaScriptなどのフロントサイドWeb開発に関する最新情報やライフハックを配信しています。

JSライブラリを使わずRetina対応のレスポンシブメニューを作る方法

JSライブラリを使わずにRetinaディスプレイ対応のレスポンシブメニューをHTML/CSS/JSで作る方法が紹介されていたので書いておく。これは勉強になるなー。

RESPONSIVE RETINA-READY MENU


やっぱり自分でコーディングするとそれだけ力になるわけで、他にも応用が利く知識が得られるわけだよね。だからこういう説明つきでコーディング方法を書いてくれる記事はありがたいわけです(英語だが)。
ただ時間がないって人もいると思うので、そういう人は素直にDownload!まっこの手の機能を実現するJSライブラリはたくさんあるので、それらを利用するのも手ですな。過去に紹介した「responsive-nav.js」なんかもかなり使える。

超軽量&IE対応のレスポンシブナビゲーションバー「responsive-nav.js」


知識を増やしたいというフロントサイドエンジニアはぜひこの機に勉強してみてはいかがだろうか。