jQuery Mobileを使った、タップで拡大するシンプルなイメージギャラリーを構築する際のサンプルコード

備忘録。JQMでイメージギャラリーを作成する
際に参考になりそうなサンプルがありましたの
でご紹介です。問題視されていた脆弱性もと
りあえず修正されましたし、実践も視野に入れ
てスキルを磨きたいところですね。JQMももう
少し軽くなってくれるといいんですけどね・・

Read More »

レトロな蓄音機で音楽を再生出来るiPhoneのドック・iVictrola

なかなか凄いiPhoneドックが登場したみたい
です・・・iPhoneを差し込むと、蓄音機で再生
出来るドック・iVictrola。レトロな蓄音機型で
なかなか良さそうなインテリアになりそうです。
ドックはいろいろと種類があり、ユニークなもの
も沢山見かけますが、ここまで存在感のある
ドックは始めてかも。

Read More »

jQuery Mobileのオリジナルテーマカラーを簡単に追加できるCSSジェネレーター・jQuery Mobile Themerollerと、オリジナルテーマカラーの追加方法

この手のWebサービスは初見だったので
ちょっとメモ的に。JQMのデザインを簡単
に変更できるcssジェネレーターです。JQM
でそろそろ脱CDNしたい、という方は試しに
テストしてみてはいかがでしょう。直感で
変更できるのでわりとオススメです。

Read More »

jQuery Mobileにシンプルなページネーションを簡単に実装出来るプラグイン・jQuery Mobile Pagination Plugin

どこかで使うかもと思ったので備忘録。JQM
にシンプルなページ送りを実装出来る、という
jQueryプラグイン。実装もとても簡単なので
覚えておいて損は無さそうです。ちょっと問題
になっていたXSSの問題も一応は解決したの
でそろそろ実践に向けてスキルを磨きたいとこ
ろですね。

Read More »

240pxから最大2560pxの画面サイズまで対応出来るレスポンシブWebデザイン構築用のグリッドシステム・Golden Grid System

iPhoneなどのモバイルや、超ワイドなモニターサイズ
までサポートしているレスポンシブWebデザイン構築用
のフレームワーク・Golden Grid Systemなるものが
登場した模様です。最大で2560pxまで対応できる
らしいですよ。テレビでネットを見れるようにもなって
いるのでそういった事情からですかね・・どんどん
進化していきますねー。

Read More »

iPadアプリ専門のハイクオリティなUIを収集しているダイナミックなギャラリーサイト・Landing Pad

iPadアプリの素敵なインターフェースを専門に
収集しているギャラリーサイト・Landing Pad
のご紹介。とってもダイナミックな方法で閲覧
出来るので見てるだけでも楽しいです。クオ
リティ重視のようなのでまだ数が多いとは
言えませんが、こういうサイトは覚えておくと
後で困らないですよね。

Read More »

スマートフォンにも対応可能・ウィンドウサイズに応じてレイアウトを自動調整する軽量jQueryイメージスライダー・FLEXSLIDER

スマートフォンやiPadなどのタブレットはもちろん、
様々なウィンドウサイズにも自動でレイアウトを
調整するレスポンシブなjQueryスライダーのご
紹介。FLEXSLIDERは4KBと軽量で、実装も
手軽なので覚えておくと重宝しそうです。マーク
アップも簡単なのでiPhone向けサイトの構築
時に導入を検討したいですね。

Read More »

iPhoneやiPad等にもWebサイトを最適化するレスポンシブWebデザイン構築に役立つフレームワークやTipsいろいろ

iPhoneやiPadなどの人気デバイスに
Webサイトのレイアウトを最適化する為
の方法の一つとして、Media Queriesを
使ったレスポンシブWebデザインの構築
が注目されつつあります。当サイトでも
何度か取り上げていますが、ここで少し
まとめてみたいと思います。

Read More »

Media Queryを使用したレスポンシブWebデザインの構築時にはResponsivepxっていうツールが超オススメです

たまたま見つけたツールが泣きそうなくらい
便利だったのでシェア。Media Queryを使用
したレスポンシブなWebデザインの構築時
にとっても役に立ってくれるツールです。URL
を指定するだけで、あとは幅を調整しながら
レイアウトの微調整が可能です。ページ推移
も不要なのが大きいですね。

Read More »

Ads

Posts

Contact

Services