ページ背景をフルスクリーンのスライドショーにするjQueryプラグインを作ってみた。（CSS3のアニメーション機能のみで実現） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ページ背景をフルスクリーンのスライドショーにするjQueryプラグインを作ってみた。（CSS3のアニメーション機能のみで実現） デモページ ダウンロード↓ こんばんは、デザイナーのOです。 まずはデモをどうぞლ(╹◡╹ლ)。 先日、「ページ背景に画像をフルスクリーンで表示させてスライドショーを流す」という案件がありました。 これの実装ですが、まっさきに考えたのはやはりjQueryプラグインでした。 この手のプラグインなら探せばそこら中にごろごろ転がってるし、あまり新鮮味が感じられないというか・・ ところが、いつものようにプラグインあさりしてたら、こんな面白い記事が目に留まった！ Fullscreen background image slideshow with CSS3 これ、CSS3のみでフルスクリーンのスライドショーを作るという試みですな！僕的には結構面白くて、特に三番目のデモ、背景
これは格好いい。Windows 8のMetro UIをHTML5で再現·Metro UI CSS MOONGIFT
Metro UI CSSはWindows 8のMetro UIをHTML5/CSS3で再現したソフトウェアです。 次期WindowsのWindows 8ではMetro UIと呼ばれる新しいインタフェースが利用されています。そんなMetro UIをCSSで再現したのがMetro UI CSSになります。 デスクトップで見たイメージです。アイコンが並んでいます。 選択できる画像リストです。 選択できるリストです。画像も埋め込めます。 チャットなどで使えそうなリストです。吹き出しもついています。 アプリケーションリストです。 時計などのウィジェットです。 iPadでの表示です。タブレットの方が最適化されています。 左右の移動もできます。 デモ動画です。動きはスムーズです。 動きはかなりスムーズで格好いいです。パネルを押すとちょっとへこんだり、ボタンも多数用意されています。リストをタップして選択し
RefineSlide
Features A few transitions to play with Responsive down to mobile scale CSS transition & 3D transform support Javascript fallback fade transition Auto-formatted, responsive thumbnails Good browser support (IE7+) HTML captions Hardware acceleration on supported browsers Free to use and abuse as you like Simple, semantic markup Lightweight: 12k minified (4k gzipped) Installation - Essential steps -
iPad2 simulator /w Css3, Jquery and HTML5 | alexw.me
This is a jquery iPad2 simulator, this is only an experiment of what can be done with javascript in ast browsers
jQuery Logo
CSS jQuery Logo Previous Inspired by Justin Sepulveda’s CSS Logos, I tried my hand at creating CSS Olympic Rings. That was a blast, but after completing a challenge by Mike Alsup to create the jQuery UI logo, I decided to do the next obvious thing and try the jQuery logo. Use the slider to see it dynamically scale! This experiment was performed by Doug Neiner and it requires a browser capable of r
Dynamic PNG shadow position & opacity with jQuery - by Daniel Kurdoghlian | PushingPixels.at
Dynamic PNG shadow position & opacity with jQuery by Daniel Kurdoghlian The Source Code Below you can see the magic interesting part of my script: function moveShadow(){ lightX = parseInt(lightbulb.offset().left) + lightCenterX; lightY = parseInt(lightbulb.offset().top) + lightCenterY; logoX = parseInt(logo.offset().left) + logoCenterX; logoY = parseInt(logo.offset().top) + logoCenterY; distanceX
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - olton/metroui: Impressive component library for expressive web development! Build responsive projects on the web with the first front-end component library in Metro Style. And now there are even more opportunities every day!
HTMLのテーブルの各セルを角丸にしたいのですが、角丸の画像を使わずにCSSやJS(jQueryとか)だけでできないでしょうか？…
jqueryrotate - Project Hosting on Google Code
オープン Web テクノロジーのデモ | MDN
http://designindevelopment.com/css/css3-chess-board/