• かちびと.net

    Web制作の話題を中心に、便利なWebサービスやリソースなどを紹介

  • About This

    Web制作者向けのTips、チュートリアル、リソース等を自分用のメモとしてほぼ毎日配信しています。たまにWordPressやjQuery、CSSのスニペットのメモも取ります。詳細はAbout me またはhumans.txtに書いてます。

    Powered by: WordPress/nginx/css3/html5/jQuery/GA/

  • Links

その場でサクッと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

Tools & Resources

Snippets

Blog