その場でサクッとiPhoneやiPad等の幅でWebサイトの表示確認が出来るレスポンシブWebデザインの補助用ブックマークレット・Resizer

ここ何日かずっとレスポンシブWebデザイン
のネタが続きますが・・便利なブックマーク
レットです。閲覧中のWEBサイトをiPhoneや
iPadの幅で見たときの表示状態で確認出来る
ブックマークレットです。というか単純に
リサイズしてくれる、ってやつですね。

Read More »

ウィンドウサイズに応じてli要素とselect要素を切り替えるレスポンシブなメニューを実装する軽量jQueryプラグイン・Responsive Menu

ウィンドウサイズに応じてli要素と
select要素にスイッチできるjQuery
プラグイン、Responsive Menuのメモ。
ブレークポイントを設定して、閲覧
するウィンドウサイズがそのポイント
に達したらli要素で作ったメニュー
をselectにしてコンパクト化します。

Read More »

ドロップダウンメニューやスライドショーなどを取り入れたWebサイトをレスポンシブWebデザイン対応で構築する為の勉強用テンプレ・YAMB

気になったので備忘録。ドロップダウン
のメニューやコンテンツスライダーなど、
一般的によく見かけるUIを取り入れたWeb
サイトをレスポンシブWebデザイン対応で
構築する為の勉強用になるかと思って
メモ書き。まだちゃんと触ってません。

Read More »

様々なデバイスにレイアウトを最適化するレスポンシブWebデザイン対応でタブやフォームなどのリッチUIもセットにしたフレームワーク・Foundation(と、サーバー移転のお知らせ)

iPadやiPhoneなど、様々なデバイスにもレイアウトを最適化するレスポンシブWebデザイン対応で、タブやグリッド、フォームデザインなど、UIをリッチなデザインに変更可能なマルチフレームワーク・Foundationのご紹介。

Read More »

CSS3のハードウェアアクセラレーターを使ったビジュアルエフェクト生成用jsライブラリ・Alice.js

気になったので備忘録的に触って見ました。
ハードウェアアクセラレーターを使った
CSS3の新機能を実装出来るjsライブラリ・
Alice.jsです。と、分かったような事を
書きましたが、まだちょっと勉強不足で
いろいろ調査中です。ので内容にはあまり
期待しないで下さい。

Read More »

Ads

Posts

Contact

Services