jQuery+css3で作るダイナミック且つクールなWebギャラリー・SIDEWAYS css3を使う限り実践的なテクニックとは 言えませんが、素敵なWebギャラリー でしたのでメモがてらエントリー。jQuery とcss3で画面全体を使ったダイナミックな Webギャラリーです。かなりFlashに近い 感じで素敵です...2010.09.22 | 10時30分48秒cssやプログラミングjQueryWebデザイン
Facebookのように検索ボックスにアイコンつきのサジェスチョンを実装するjQuery Facebookの検索ボックスは結構 便利で、キーワードを入れるだけ で出てくれるサジェスチョンにアイ コンも入れてくれるんですが、そ んな検索ボックスを実装する jQueryのご紹介。2010.09.17 | 11時02分23秒cssやプログラミングjQueryWebデザイン
リストに使えそうなフリーの小さいアイコンセットまとめ リストアイコンをよく探してるので 自分用にまとめ。小さいアイコン だけにしています。結構迷うんで すよね、リストアイコン。そのまま 使えそうなのとか参考になりそう なものとか色々です。2010.09.15 | 10時30分54秒Webデザインメディア関連
スライドさせると画像がフェードインしながら表示されるjQueryプラグイン・Magic Scroller 見たことの無かったjQueryプラグイン だったので備忘録的に記事にします。 ギャラリータイプのプラグインです。 コンテンツをスライドさせると、画像 がサイドからフェードインしてきます。 シンプルで面白い見せ方ですね。2010.09.14 | 11時21分27秒cssやプログラミングjQueryWebデザイン
多機能且つ、クロスブラウザ対応のカルーセルを実装するjQueryプラグイン・carouFredSel 使い勝手が凄く良さそうだったので メモ&シェア。クロスブラウザ対応の カルーセルを実装するjQueryプラグ イン・carouFredSelのご紹介です。 シンプルながら縦タイプ、スライド、 lightboxを付加させる事が出来る...2010.09.10 | 10時58分27秒cssやプログラミングjQueryWebデザイン
iPhone向けWebサイトの制作等に役立ちそうな情報まとめ iPhone向けのWebサイトを制作する 際に役立ちそうな情報のまとめです。 情報が多くて混乱し始めたので、個人 的なメモ。iPhone関連のWeb制作情 報は基本的に載せています。アプリ 制作とかそっち系はたいして無いの でご...2010.09.08 | 10時55分06秒cssやプログラミングiPhone / iPadWebデザイン
borderに画像を使用したcss3プロパティをサクッと生成するジェネレーター・border-image-generator 今まで知らなかったんですが、 css3ってborderに画像を使える んですね・・・勉強不足でした。 border-image-generatorはその css3による画像borderをサクッと 作ってくれるWebジェネレーター ...2010.09.07 | 11時18分53秒cssやプログラミングWebサービスWebデザインジェネレーター
Flash製の広告をcss3で再現したデモが凄い iPhoneでも動いた(当たり前ですけど) のでちょっと素敵だなーと思ってメモ。 動きのあるFlashの広告をcss3を使用 して再現したデモがありましたよ。 HTML5のフレームワークを配布して いるSENCHAのブログで公開さ...2010.09.05 | 10時42分46秒cssやプログラミングWebデザイン
アニメーションが可愛らしいツールチップタイプのメニューを実装する国産jQueryプラグイン おっ、と思ったのでメモ。可愛らしい メニューがマウスオーバーでツール チップ的に表示されるjQueryプラグ イン。国産です。メニューの出現時 のアニメーションがなんとも可愛らし いですね。メニューに限らず応用効 きそうです。 ...2010.09.04 | 11時14分36秒cssやプログラミングjQueryWebデザイン
美しいWebデザインのWebアプリサイトのみをギャラリー化して紹介しているGreatWebApps デザインの美しいWebアプリや iPhoneアプリの紹介サイトのみ をブログ形式でひたすら紹介し ているGreatWebAppsのご紹 介です。このサイト自体、シンプ ルで素敵です。アプリを作成して いるデベロッパーさんにお勧め...2010.09.03 | 10時54分59秒Webデザインインスピレーション
iPhoneやiPadにも対応・モニターサイズに合わせて拡大表示するLightbox風jQueryプラグイン iPhoneやiPadにも対応した、モニター サイズに自動的に合わせて拡大表示 してくれるjQueryプラグイン、Touch- Galleryのご紹介です。Lightbox系の スクリプトは沢山ありますが、こちらも 一つの選択肢と...2010.09.02 | 11時03分17秒cssやプログラミングjQueryWebデザインメディア関連
マウスオーバーで背景がスライドダウンし、同時にコンテンツを横スライドさせるダイナミックなjQuery jQueryを使った面白いスライダーがあった のでメモ。IE6、7でも一応は動いてくれます よ。メニューのボタンにマウスを乗せると、 他のボタンがフェードアウトし、マウスを乗 せたボタンだけ下にスライド、同時にコン テンツが横にダ...2010.08.30 | 10時28分34秒cssやプログラミングjQueryWebデザイン
サムネイル付きのボックスをサイドからスライドさせるjQuery ちょっと使う予定が出来るかもなので メモ。サムネイル付きのメニューが マウスオーバーでサイドからスムー ズにスライドします。css3も使用して いますが、シャドウと角丸だけみたい ですね。2010.08.26 | 11時26分19秒cssやプログラミングjQueryWebデザイン
リンク不要で商用サイトにも利用可能なフリーのアイコンセットいろいろ 商用でも使っていいよと言ってくれて いるアイコンセットのまとめです。商用 でもOKだけど、要リンクタイプのクリエ イティブコモンズライセンスや、リンク シェア等の「リンク必須」な商用可アイ コンと、あまり使う機会の無い、ソーシ ...2010.08.24 | 11時02分15秒Webデザインメディア関連
Facebookの「ファンページ」にオリジナルデザインのコンテンツを加える方法 Like!ボタンが思いのほか日本でも良く 見かけるようになって、Facebookも 多少は普及し始めたかな?という印象 なので、Facebookの機能の一つで、 欧米でブランディング等にも使われて いるファンページにオリジナリティ...2010.08.23 | 10時59分58秒cssやプログラミングWebデザインインスピレーション
GoogleMapっぽい地図コンテンツを作成出来るjsライブラリ・Polymaps 便利そうだったのでメモ。GoogleMap をはじめ、様々な地図サービスのような ドラッグで移動したり、拡大縮小な地図 コンテンツを実装するJavaScriptライブラリ Polymapsのご紹介。地図には画像を使 い、マス目上に...2010.08.22 | 11時10分14秒cssやプログラミングWebデザイン
Flashに限りなく近いコンテンツをcss3+jsで創り上げたPure CSS3 Spiderman Cartoon ここまで出来る、という想像はしていました が、実際に作ってくれた方がいましたよ。 css3とjs、html5というFlash不使用で、 Flashサイトのようなコンテンツを実装して いるPure CSS3 Spiderman Cartoonの ご紹介です。2010.08.20 | 11時27分03秒cssやプログラミングWebデザイン
コンテンツスライダーを実装できる380バイトほどの超軽量なjQueryプラグイン シンプルで良さそうだったので メモ。コンテンツをスライドさせ る事が出来る、380バイト程度 の軽量なスクリプトです。軽い ですな、これは・・使い勝手も 良さそうです。2010.08.19 | 11時16分17秒cssやプログラミングjQueryWebデザイン
透過PNGにも対応のロールオーバーで滑らかに画像が切り替わる国産jQueryプラグイン とっても便利そうなjQueryプラグインが あったのでメモ。国産です。IE6、7でも 確認しましたが、Chrome等のブラウザ と相違なく動いてくれます。動きもとても スムーズで素敵。透過PNGにも対応し ていますが、他のライブラリと併用する形。2010.08.14 | 11時08分46秒cssやプログラミングjQueryWebデザインインスピレーション
画像を使ったいろいろなjQueryプラグイン224個まとめ( 200+ collection of jQuery for images ) 画像にエフェクトをかけて拡大表示 したり、スライドを作ったり、ツール チップで表示したり、というような 画像を使用したjQuery全般が沢山 あるのと、探してる方が直ぐに見つ けられるようにリンク集を作りました。2010.08.04 | 10時49分39秒cssやプログラミングjQueryWebデザイン
Youtube動画をクール且つシンプルなプレーヤーで実装するjQueryシンプルな動画プレーヤー Youtubeのインターフェースが 気に入らない、という方向け ですね。Youtube動画をクール でシンプルなプレーヤーで 実装出来るjQueryのご紹介 です。2010.07.31 | 10時53分15秒cssやプログラミングjQueryWebデザイン動画関連
コンプレックス配色をうまく使った、素敵なWebデザイン例コンプレックス配色 様々な配色の中でも個人的に 気に入っているのがコンプレッ クス配色という配色です。自然 の中ではあまり見られない配色 で都会的なイメージや見る人に 印象を与えるのに大きく貢献して くれます。2010.07.30 | 11時01分02秒Webデザインインスピレーション