iPhoneやAndroidなどスマートフォンのスワイプ操作で動かせるカルーセルを実装する非依存型スクリプト・SWIPEVIEW iPhoneやiPadなどのスワイプで動かせる カルーセルを実装する軽量なライブラリ・ SWIPEVIEWのご紹介。jQueryやmootoolsな どのライブラリにも依存しない、非依存型 の軽量スクリプトですので既存のサイト に...2011.10.12 | 11時37分11秒cssやプログラミングiPhone / iPadWebデザイン
全体をドラッグで動かせるグリッドレイアウトのイメージギャラリーをjQueryで構築するチュートリアル 画面いっぱいに広がったグリッドレイアウト のイメージギャラリーをドラッグで動かす 事ができるコンテンツをjQueryで実装する 為のチュートリアルです。かなり良く出来 てます。iPhoneでも一応可能でしたので 工夫すればスマート...2011.10.09 | 10時35分47秒jQueryWebデザイン
クリーン且つクオリティの高いデザインで完成度の高いフリーのHTML5製WordPressテーマ・TheProton なかなか素敵なテーマだったので ご紹介。サイトのオプションや、 美しいレイアウトと完成度の高い デザインながら無料で配布されて いるWordPressテーマ・TheProton です。高機能でもあるので作りを 参考にしたいですね...2011.10.08 | 12時18分20秒WordPressテーマ
iPhoneやAndroidのUIパターンを収集するシンプルで見やすいギャラリーサイト・Patterns of Design いくつか同じようなギャラリーサイトは ありますが、こちらもなかなか見やすか ったのでメモ。スマートフォンのUIの パターンギャラリーサイトです。スマー トフォンに限らず、通常のWebサイトの パーツデザインの参考にもなりそうです。...2011.10.03 | 11時17分47秒iPhone / iPadWebデザインインスピレーション
国内の良デザインなWeb制作会社を専門に掲載しているWebデザインギャラリー・「魅せるWebデザイン」 珍しいなー、と思ったのでご紹介。日本の Web制作会社さんのコーポレートサイトを 専門に収集しているWebデザインギャラリー 「魅せるWebデザイン」です。まだ数が多い 訳ではありませんが、なかなか見ないタイ プなので良い刺激にな...2011.09.28 | 11時46分25秒Webデザインインスピレーション
jQueryで背景画像をフルスクリーン表示してスライドショーに出来るやつ色々 気が向いたのでメモ。背景に配置した 画像をフルスクリーンで表示して、更 にスライドショー化できるjQueryのプ ラグインとか。さほど数は無いですけ ど・・・使う可能性があるかもなので 備忘録的にまとめておきます。2011.09.26 | 9時38分47秒jQueryWebデザイン
日本の良デザインなFacebookページを収集しているデザインギャラリーサイト・520PX facebookmark 今日は3連休最後ですね。個人的には 全然関係ないので普通に記事を書き ます。日本もかなりFacebookが浸透 したようですが、まだまだ数は少ない 印象です。企業もかなり参戦してきて いるので、Facebookページの需要も 少...2011.09.19 | 11時53分31秒Webデザインインスピレーション
導入も手軽でiPhoneなどにも自動でレイアウトを最適化するシンプルなイメージスライダーを実装出来るjQueryプラグイン・Slides レスポンシブWebデザイン対応のイメージ スライダーです。かなり沢山出てきました ね。こちらはcssやHTMLもシンプルで済む のでコードをシンプルにしたい際は使い 勝手が良さそうです。こうして選択肢が 増えるのは凄くうれしいです...2011.09.16 | 10時50分06秒iPhone / iPadjQueryWebデザイン
jQuery Mobileを使った、タップで拡大するシンプルなイメージギャラリーを構築する際のサンプルコード 備忘録。JQMでイメージギャラリーを作成する 際に参考になりそうなサンプルがありましたの でご紹介です。問題視されていた脆弱性もと りあえず修正されましたし、実践も視野に入れ てスキルを磨きたいところですね。JQMももう 少し軽く...2011.09.10 | 11時47分31秒iPhone / iPadjQueryWebデザイン
iPadアプリ専門のハイクオリティなUIを収集しているダイナミックなギャラリーサイト・Landing Pad iPadアプリの素敵なインターフェースを専門に 収集しているギャラリーサイト・Landing Pad のご紹介。とってもダイナミックな方法で閲覧 出来るので見てるだけでも楽しいです。クオ リティ重視のようなのでまだ数が多いとは 言...2011.08.17 | 15時36分25秒iPhone / iPadWebデザインインスピレーション
スマートフォンにも対応可能・ウィンドウサイズに応じてレイアウトを自動調整する軽量jQueryイメージスライダー・FLEXSLIDER スマートフォンやiPadなどのタブレットはもちろん、 様々なウィンドウサイズにも自動でレイアウトを 調整するレスポンシブなjQueryスライダーのご 紹介。FLEXSLIDERは4KBと軽量で、実装も 手軽なので覚えておくと重宝しそ...2011.08.16 | 10時39分18秒cssやプログラミングiPhone / iPadjQueryWebデザイン
エフェクトが無駄に凄いイメージスライダーを実装出来るjQueryプラグイン・Chop Slider 実用性は別にして、こういうの嫌いじゃない ので記事にします。よくあるイメージギャラリー なんですが、画像が変わる際のエフェクトが 無駄に凝っています(褒め言葉です)。こんな 事もflashを使わないで出来るんだなー、と 素直に関心...2011.08.11 | 11時25分55秒cssやプログラミングjQueryWebデザイン
スマフォとかミニマルデザインに特化した、これからお世話になりそうなWebデザインギャラリー 自分の中で課題があって、その為に 必要なインスピレーションを得るため のギャラリーサイトをまとめます。いち いちブックマークから探すのが面倒に なってきたのでちょっと整理がてら記事 にします。2011.07.22 | 11時37分20秒Webデザインインスピレーション
タイル状に並べられたイメージギャラリーごとドラッグ可能にするmootoolsプラグイン・The Wall 3連休をいかがお過ごしでしょうか。僕は 全く関係ないので普通に記事を書いて まいります。タイル状に並べられた画像 ギャラリーをそのままドラッグで動かせる というmootoolsのプラグイン・The Wall が結構クールで素敵でし...2011.07.18 | 11時25分00秒cssやプログラミングWebデザイン
無料フォントのみを使用してタイポグラフィを1日に1デザイン作成、100日間続ける学生のプロジェクト・100 Days of Typography ちょっと面白いプロジェクトだったので ご紹介です。スペイン(かな?)の学生 さんたちが1日1つのポスターデザインを 配布されている無料フォントのみを使って 100日間作り続ける、というもの。無料の フォントのみでここまで出来る、と...2011.07.16 | 11時04分04秒Webデザインインスピレーション
スクロールに応じて要素がアニメーションする、視差効果(パララックス)を取り入れたWebデザイン例とTipsいろいろ 最近ちょくちょく見かけるようになったので調べた事をメモ。スクロールすると、複数要素が、それぞれアニメーションするようなWebデザイン。視差効果を生み出すようなパララックス効果を取り入れたものや、ユニークにアニメーションするものなどなど。2011.07.06 | 11時13分36秒cssやプログラミングjQueryWebデザインインスピレーション
全画面をダイナミックなイメージギャラリーとして使う事が出来るjQueryプラグイン・JQUERY.MB.BGNDGALLERY 全画面をダイナミックにイメージギャラリー として使えるようにするjQueryプラグイン JQUERY.MB.BGNDGALLERY。同じ ようなライブラリは沢山あるので選択肢 の一つとして覚えておこうかなと思いま す。Flikcr...2011.06.25 | 10時39分47秒cssやプログラミングjQueryWebデザイン
グリッドに配置された画像にマウスオーバーした際に十字ハイライトさせるjQueryプラグイン 個人的に好きなタイプのjQueryの使い方 だったのでメモ。イメージギャラリーは、こ ういったエフェクトも大事な要因ですし、 参考にしておきたい所です。なかなかイン パクトもあって素敵ですね。尚、グリッドは Masonryを使って...2011.06.23 | 10時40分13秒cssやプログラミングjQueryWebデザイン
国内のWeb制作に役立ちそうな無料の写真素材やフォント、Webデザインギャラリー等のリソースサイトいろいろ・2011 写真素材の配布サイトや、アイコン、 Webデザインギャラリー、フォントなど など、しばらく貯めてたブックマークを 整理したので、メモ的にリンク集にして おきます。内容はWeb制作に役立つ、 日本のリソースサイトのまとめです。2011.06.20 | 10時36分21秒cssやプログラミングWebデザインインスピレーションメディア関連
日本の良デザインなWebサイトのみを集めているシンプルなデザインギャラリー・81-web とっても見やすかったのと、コンセプト が良かったのでご紹介。日本の良デ ザインなWebサイトに特化したWeb デザインギャラリーサイト・81-web。 大分知られてる様ですが、もっと知られ て欲しいなと思ってシェアしてみます。2011.06.10 | 12時26分34秒Webデザインインスピレーション
Twitterアカウントでログイン可能な、デザイナー向けの成果物共有サービス・Favwork なかなか面白そうだったのでご紹介。 Webやロゴなどのデザイナーさん向け の成果物共有サービスです。お仕事 で作ったものを紹介しあって、お互いの インスピレーションを高めよう、という 趣旨のようです。2011.05.16 | 12時09分21秒Webサービスその他
iPhoneやAndroidなどのスマートフォン向けUIの専門ギャラリーサイト・lovely ui iPhoneのアプリやAndroidアプリ等の デベロッパーさん向けですかね。スマホ 向けのUI専門ギャラリーサイト・lovely ui。 シンプルで見やすいです。いくつか同じ ようなデザインギャラリーがありますが、 複数あっても...2011.04.27 | 14時08分46秒Webデザインインスピレーション