Segment
Basic usage HTML Add the segment script (less than 2kb), and define a path somewhere. <script src="/dist/segment.min.js"></script> <svg> <path id="my-path" ...> </svg> JavaScript Initialize a new Segment with the path. Then draw a segment of stroke every time you want with: .draw(begin, end, duration, options). var myPath = document.getElementById("my-path"), segment = new Segment(myPath); segment
GitHub - drewwilson/atvImg
atvImg = 'AppleTV Image' Made by http://drewwilson.com This lightweight (2kb) plug-in will automatically turn your layered Apple TV PNGs into 3D parallax icons, the same way the new Apple TV treats app icons. You can have any number of AppleTV Images on your web page. No dependencies, this plugin is just plain ol' vanilla javascript. Works on all major browsers. It even supports touch and mobile.
Card Expansion Effect - Demo 4
Card Expansion Effect with SVG clipPath Polygonal clip, reversed pattern with fill and background image. Business model canvas bootstrapping deployment startup. In A/B testing pivot niche market alpha conversion startup down monetization partnership business-to-consumer success for investor mass market business-to-business. Release creative social proof influencer iPad crowdsource gamification lea
pixi.js v2 を試してみるテスト - jsdo.it - Share JavaScript, HTML5 and CSS
pixi.js v2 を試してみるテスト pixi.js は Goodboy Digital 社による 2D 描画用ライブラリです。 最近、v2 が出たようなので試してみました（サンプルを移植しただけですが。。。） v2 より GLSL シェーダが指定できるようなったようです。 ＜参考＞ ■ Pixi.js v2 the fastest 2D webGL renderer around - Goodboy http://www.goodboydigital.com/pixi-js-v2-fastest-2d-webgl-renderer/ ■ pixi.js example http://www.goodboydigital.com/pixijs/examples/25/ ■ GoodBoyDigital/pixi.js https://github.com/GoodBoyDigital/
WebGL Perlin Godrays
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
3D Items Quick View
Product Name $9.99 Open Product Name $9.99 Open Product Name $9.99 Open Product Name $9.99 Open Product Name $9.99 Open Product Name $9.99 Open Product Name $9.99 Open Product Name $9.99 Open Product Name $9.99 Open Download Mercurio, an HTML, CSS, JS Ecommerce Template created by the CodyHouse team.
Waves
Waves - Click effect inspired by Google Material DesignGetting Started It's easy to use Waves. Download the latest version of Waves from Github repository. Just include waves.css and waves.js to your HTML file. And Waves is ready to use! To put Waves effect on your buttons, wrap it inside a <span> that contain .waves-effect and .waves-button class. Waves support Font Awesome icons, so you can give
Ripple Click Effect From Google Material Design Using jQuery & CSS3
Recreating the ripple click effect from Google material design Description Recently Google released its material design spec which showcases some very cool user interactions. One of them is the ripple click effect where an ink-drop like element moves out radially from the position where the user taps/clicks. This effect has also been integrated in the paper elements collection in the Polymer Proje
放電 - jsdo.it - Share JavaScript, HTML5 and CSS
// forked from jagarikin's "七星結界" http://jsdo.it/jagarikin/gw7C var ctx,canvas,timer,cp,mp,mon; //座標オブジェクト生成 function newPos(x,y){ var p = new Object(); p.x=x; p.y=y; return p; } //OnLoad window.onload=function(){ canvas = document.getElementsByTagName('canvas')[0]; ctx = canvas.getContext('2d'); canvas.width=canvas.height=400; ctx.fillRect(0,0,400,400); gime=ctx.getImageData(0,0,400,400); ctx.glo
リアルタイムグリッチエフェクト - jsdo.it - Share JavaScript, HTML5 and CSS
var base64Encoder = { chars : 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/', n : 76, encode : function(b) { var s = this.chars; var c = ''; var b1, b2, b3, b4; for (var i = 0; b.length > i; i += 3) { b1 = (b[i] & 0xFC) >> 2; c += s.charAt(b1); if (b.length > i + 1) { b2 = (b[i] & 0x03) << 4 | (b[i + 1] & 0xF0) >> 4; c += s.charAt(b2); if (b.length > i + 2) { b3 = (b[i + 1] & 0
3D CSS Typography
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
YouTube Live at E3
YouTube Live at E3 - Live this Sunday at YouTube.com/Gaming
Balloons!
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
POP! crackART
Gooey Pagination
Howl's Moving Castle
Brickapic
Hover Effect Ideas | Set 1
http://bouncejs.com/
Four Boxes Slideshow | Demo 3