Flash製の広告をcss3で再現したデモが凄い iPhoneでも動いた(当たり前ですけど) のでちょっと素敵だなーと思ってメモ。 動きのあるFlashの広告をcss3を使用 して再現したデモがありましたよ。 HTML5のフレームワークを配布して いるSENCHAのブログで公開さ...2010.09.05 | 10時42分46秒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デザイン
画像を使ったいろいろなjQueryプラグイン224個まとめ( 200+ collection of jQuery for images ) 画像にエフェクトをかけて拡大表示 したり、スライドを作ったり、ツール チップで表示したり、というような 画像を使用したjQuery全般が沢山 あるのと、探してる方が直ぐに見つ けられるようにリンク集を作りました。2010.08.04 | 10時49分39秒cssやプログラミングjQueryWebデザイン
横に飛び出るjQueryメニュー・Horizontal Slide Out MenuをIE対応にするIE fix 昨日書いたjQueryのメニューの Horizontal Slide Out Menuという 横に飛び出るcssメニューですが、 デフォルトではIEで表示が崩れて います。これをIEでも実装出来る ようにします。2010.07.22 | 10時56分17秒cssやプログラミングjQueryWebデザイン
cssスプライトとjQueryを組み合わせたナビゲーションメニュー・AutoSpritesAutoSprites cssスプライトをjQueryと組み合わせて 使用するAutoSpritesをご紹介します。 軽量化できるので人気のあるcssスプ ライトにjQueryを加える事でより豊かな 表現が可能になりますね。2010.07.19 | 10時40分50秒cssやプログラミングjQueryWebデザイン
jQuery+cssのパネルが滑らかにスライドする、クールなドロップダウンメニュースライドパネルメニュー なかなか良さそうだったのでメモ。 例によってIE6は上手く実装できて いませんでしたが、cssハックでも 使えばなんとかなるかな・・見た目 もクールで素敵なのでどこかで 使いたいです。2010.07.16 | 12時50分16秒cssやプログラミングjQueryWebデザイン
CSS3のtransformやbox-shadowを主要ブラウザ全てに対応させるjsライブラリ・cssSandpapercssSandpaper これ系はいくつかありますので 1つの選択肢として、という感じ ですね。css3をIEにも対応させ るjsライブラリですが、特徴は プロパティが1行で済む点です。2010.07.14 | 10時33分16秒cssやプログラミングWebデザイン
css3で実装するドロップシャドウの応用・めくれた感じを作り出すcss3を応用 css3で新たに加えられたドロップ シャドウを使って一歩進んだシャド ウを作るTipsです。画像でよく使わ れている、めくれた際に出来る様な シャドウをcssのみで実装。2010.07.01 | 12時27分53秒cssやプログラミングWebデザイン
手軽にcssスプライトを作れるシンプルなWebサービス・css sprites generatorcss sprites generator cssスプライトは複数の画像を 1つの画像にして、容量を軽減 する手法ですが、このcssスプ ライト用の画像を簡単に作成 出来るジェネレーターがありま したのでご紹介します。2010.06.22 | 11時03分47秒WebサービスWebツール
画像もjsも使わず、css+htmlだけでソーシャルメディアアイコンPure CSS ちょっとしたネタ。ドラえもんやら Operaアイコンやらをcssオンリー で作られて、益々css3の可能性 が楽しみですが、今度はFlickrや Facebook、TwitterやRSSの アイコン10種をcssのみで作った 猛者が登場しましたよ。2010.06.21 | 11時38分29秒cssやプログラミングWebデザイン
jsやcssのコードを共有できるjsdo.itがなかなか面白いな・・jsdo.it 先日公開されたjsdo.it、もう 触ってみました?なかなか 面白いですね、これ。jsと html、cssを共有、編集出来 ますよ。いい勉強になるので は無いでしょうか?2010.06.20 | 10時40分12秒Webサービスその他
CSS+HTMLのみで実装出来る、クロスブラウザ対応のWebデザインテクニック集css × クロスブラウザ cssとHTMLタグのマークアップ のみで実装出来るテクニック集 です。クロスブラウザ対応のみ をcss-playから探したので、 ついでにご紹介します。2010.06.15 | 10時27分16秒cssやプログラミングWebデザイン
今更CSS-TRICKSのCODE SNIPPETS GALLERYのWeb制作Tips集が便利なことに気が付いた便利なTips集 今更ですが海外記事の紹介 でよく見かけるCSS-TRICKS が構築しているページの中に CODE SNIPPETS GALLERY というページがあるのですが、 これが個人的に激しく便利な 事にようやく気が付きました・・2010.05.28 | 10時44分40秒cssやプログラミングWebデザイン
キャプションがクロスしながら切り替わるcss3+jQueryのスライドギャラリーのサンプルtransition slide css3とjQueryを使ったギャラリーの サンプルです。css3のtransitionを 使ってキャプションをクロスさせなが ら、切り替えています。transitionは IEが対応していないので参考という 感じで。2010.05.09 | 11時20分42秒cssやプログラミングjQueryWebデザイン
css3のtransitionプロパティでアニメーションサンプルをいろいろ作ってみたcss3 transition css3のアニメーションプロパティ、 transitionがとても面白いので何と なくアニメーションのサンプルを 色々と作ってみました。まだ対応 ブラウザは少ないですが、将来の 為に予習してみたのでシェア。2010.04.12 | 10時45分14秒cssやプログラミングWebデザイン
ドロップダウンするcssメニューいろいろdrop down menu サイトによっては必要ないかも 知れませんが、メニュー項目が 増えてくるとゴチャ付くので、 ドロップダウンするようにして 隠しておくと見やすくなりますね。2010.04.08 | 10時40分04秒cssやプログラミングWebデザイン
css3のtransformの実装サンプルtransform 今更ですけど、css3のサンプル をメモ代わりに記事にしておき ます。使わないと思っていました が、仕事以外で使うのでコピペ 用にメモ。2010.04.06 | 10時37分11秒cssやプログラミングWebデザイン
[cssメニュー]マウスオーバーで滑らかに別要素をドロップダウンさせるjQuery・Fluid NavigationFluid Navigation 最近存在を知ったのでメモ。 1ヶ月も前の情報ですけど、 今更ながらなかなか良さそう なプラグインです。2010.03.03 | 10時44分54秒cssやプログラミングjQueryWebデザイン
人物のシルエットにマウスオーバーすると写真がフェードインするjQueryプラグインSilhouette Fadeins これは結構実用的なテクニック なのでは。人物のシルエットに マウスオーバーすると写真が フェードインします。2010.02.19 | 11時48分56秒cssやプログラミングjQueryWebデザイン
ピュアCSSで実装する折り鶴の影の動きが凄い 以前ご紹介した、cssとHTMLのみで 擬似的な3D表示を実現するCSSと 同じサイトで、また素晴らしいテクニック を公開してくれました。今回のcssは 素晴らしい動きをする折鶴の影を実装 します。2010.01.31 | 10時39分57秒cssやプログラミングWebデザイン
cssの情報・まとめ cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。2010.01.20 | 10時36分01秒cssやプログラミングWebデザイン
IE6対応・cssのみでマウスオーバー時に噴出しも実装するナビゲーションKntL-Pager JSや画像を使わず、cssとHTMLオンリー でマウスオーバー時に噴出し状のツール チップの実装が可能なナビゲーション KntL Pagerをご紹介します。これは結構 便利そう。ありがたい事にIE6にも対応、 cssも無料でダウン...2010.01.14 | 10時51分23秒cssやプログラミングWebデザイン