Zoom Slider | Codrops
A simple content slider with depth-like zoom functionality for a predefined area in each slide. Today’s Blueprint is a simple content slider with depth-like zoom functionality. Each slide has a predefined zoom area that will be used to calculate the appropriate scale value for a fullscreen fill. Once the icon for zooming is clicked, the zoom area as well as the page get scaled, creating the illusi
Endless Forest
Endless Forest - WebGL(html5) Some kinda music visualization while running in to an endless forest. Music by Rob Zombie - Sawdust In The Blood from the album Educated Horses. Done using three.js. Note. You need a modern browser that supports WebGL for this to run the way it is intended. For example. Google Chrome 9+ or Firefox 4+. (If you are already using one of those browsers and it's still not
Webブラウザで動画編集！ - Yanagi Entertainment
html5で videoの任意のフレームをcanvasに描画するメモ - 超自己満足プログラミング http://d.hatena.ne.jp/favril/20100225/1267099197 昨日この記事を見て、これはすごい！ すごいすごい！ ってなって、これができるんならWebブラウザだけで動画編集できるんじゃね？ と思ったりしたので、ざっくり作ってみました。 http://yanagiatool.appspot.com/jsvideo/player.html （MacのSafari4で動作確認。QuickTime + ChromeならWindowsでもいけるかも？） あそびかた 「動画を読み込む」ボタンを押すと、テキストボックスに入ってるurlの動画を読み込みます。「state」って書いてあるところが「stand by」になったら「再生 / 停止」ボタンを押してください。 あとは
Rotating color cube box with CSS3 animation, transforms and gradients
Spinning spiraling cube using CSS3 3D animation and 3D transforms. Note: Hover the black box or cube to pause the animation. Please view in Safari, iPhone or iPad. If the animation freezes while viewing in wide-screen and at the same time hovering the viewport with the mouse, simply refresh the browser to restart the animation. All images used come from WISE - Multimedia Gallery and are used in th
CSS3: Resources, Tutorials and DemosFreelance Review | Freelance Review
Dear readers: pleeeeeeeease, don’t be afraid to try something new! It’s one thing to find out about a cool new design technique, like using CSS3, but it’s another thing entirely to actually put what you’ve learned about into practice. If you don’t try new things, you’ll get stuck in a design rut and that’s not good for you or for your clients. In this article, I’ve gathered some of the web’s best
html5 canvas and the flying dots - Codeflow
<iframe scrolling = "no" style = "width: 200px; height: 200px;" src = "http://codeflow.org/misc/gravity.html"> </iframe> PhysicsThe physics underlying the code is an n-body gravity simulation. There are 15 dots on the screen, and each has a velocity and pulls on each other dot, thus changing their velocities. A suitably fast integration method has to be used (javascript isn't very fast) and the Eu
CSS3 Animated Bubble Buttons | Tutorialzine Demo
Looks best in Safari & Chrome, degrades gracefully in the rest.
TRENDLINE
Internet Explorer 9ベータ版のダウンロードはこちらから。 ※Internet Explorer 9ベータ版は、Windows 7およびWindows Vista搭載のパソコンのみでダウンロード可能です。 このページはInternet Explorer 9ベータ版および、最新のFirefox、GoogleChromeなどのモダンブラウザでの閲覧に最適化されています。 また、ベータ版であるため操作や表示に遅延や不具合が生じる場合がございますのでご了承ください。 Copyright (C) 2010 Yahoo Japan Corporation. All Rights Reserved.
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
Polaroid Images with Only CSS3 | Playground from ZURB
Polaroids with CSS3 In this playground adventure, we use some awesome CSS2 and CSS3 to turn an otherwise unassuming list of images into a full-blown set of polaroid pictures. Check out the demo and code snippets below. Read the blog post for more info » Note: Demo works best in Safari 4.x and Chrome 5. In Firefox you won't see the enlarging transition. How it Works Through a combination of browser
CSS3 Dropdown Menu - Web Designer Wall
While I was coding the Notepad theme, I’ve learned some new CSS3 features and now I would like to share it with you. View the demo to see a Mac-like multi-level dropdown menu that I’ve created using border-radius, box-shadow, and text-shadow. It renders perfect on Firefox, Safari and Chrome. The dropdown also works on non-CSS3 compitable browsers such as IE7+, but the rounded corners and shadow wi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - maroslaw/rainyday.js: Simulating raindrops falling on a window
https://demo.agektmr.com/dialog/
http://www.vizago.ch/demo.php
Demos of open web technologies | MDN
http://demos.hacks.mozilla.org/openweb/WARMCSS/
Top 20 Premium Quality Sliders | Envato Tuts+
http://kurrik-slides.appspot.com/html5-techtalk/
Impressive Webs Demo Page
https://xplsv.com/prods/demos/online/xplsv_orsotheysay/