Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Features Fully responsive. Scales with its container. Separate settings per breakpoint Uses CSS3 when available. Fully functional when not. Swipe enabled. Or disabled, if you prefer. Desktop mouse dragging Infinite looping. Fully accessible with arrow key navigation Add, remove, filter & unfilter slides Autoplay, dots, arrows, callbacks, etc... Single Item
What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
var texture = new TG.Texture( 256, 256 ) .add( new TG.XOR().tint( 1, 0.5, 0.7 ) ) .add( new TG.SinX().frequency( 0.004 ).tint( 0.5, 0, 0 ) ) .mul( new TG.SinY().frequency( 0.004 ).tint( 0.5, 0, 0 ) ) .add( new TG.SinX().frequency( 0.0065 ).tint( 0.1, 0.5, 0.2 ) ) .add( new TG.SinY().frequency( 0.0065 ).tint( 0.5, 0.5, 0.5 ) ) .add( new TG.Noise().tint( 0.1, 0.1, 0.2 ) ) .toCanvas(); document.body.
Control noisy classrooms with bouncing balls! A fun and free noise management tool. A free classroom noise level meter, monitor and management tool. Perfect if your school kids are too noisy! Bouncing balls react to sounds from the microphone. Sorry, Bouncy Balls is incompatible with your web browser. Please try using Chrome or Firefox instead.
Mike Tucker is the Interactive Director at Universal Everything in London. Recent work includes Radiohead's PolyFauna, 1000 Hands, and Intel Gliders.
Move the Web Forward You can make the web as awesome as you want it to be. You love web standards. You want to give back to the community. Curious about where to start? We're here to help. Whether you're a talented web developer, web-slinging since the days of tables and font tags, or you're a hobbyist hacker, there are a number ways for you to give back. Below, we list some of the ways that anyon
TIP Prior to v0.7.0-alpha.1 Two.js requires Underscore.js and Backbone.js Events. If you're already loading these files elsewhere then you can build the project yourself and get the file size even smaller. For more information on custom builds check out the source on github. # Overview Overview # Focus on Vector Shapes Two.js is deeply inspired by flat motion graphics (opens new window). As a resu
一口にJSerといっても、色々な分野の人がいます。あなたはどんなJSerになりたいですか? 方向性により学ぶべき事も変わってきます。目標を明確にしましょう。 というわけで、独断と偏見……というか主に偏見で三種類にまとめてみました。 追記: 「勉強法」とかタイトルに付けておきながら勉強法に触れてませんでしたので「勉強範囲」に修正しました。ひー。 三種類 アニメーションを作る人 アプリを作る人 サーバ側を作る人 基本的にプログラマ視点です。コーダー視点も最後に。 では、それぞれ見てみましょう。 アニメーションを作る人 Flashの代わりにJavaScriptやCSSを使う人。Flasherさんがシフトしてくる位置。 発注側が想定するJavaScripter。最近の携帯ゲームで需要がある。 お仕事 JSだけでなくCSSや画像を駆使して画面を描く。 UIだけならいなくても困る事はないけれど、UXま
Ut condimentum mi vel tellus. Suspendisse laoreet. Fusce ut est sed dolor gravida convallis. Morbi vitae ante. Vivamus ultrices luctus nunc. Suspendisse et dolor. Etiam dignissim. Proin malesuada adipiscing lacus. Donec metus. Curabitur gravida. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus
JavaScript でアニメーションを作る アニメーションとは何? ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() { el.style.opacity -= 0.01; }, 10); </script> なんで、あんな感じの書き方になるの? setInterval の意味が分からない こんな感じで書けないの? <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; w
ブログのリンクをマウスオーバーすると、効果音がなるようにしました(ページのロードが終了してからだけど)。 基本的に不可能なはずの、JavaScriptによるサウンドコントロールです。 Ajaxのユーザビリティの向上にでもどうぞ。ソースはこちら。 使用をする場合は、 ・WEBページのエンコードとjsファイルのエンコードを同じにすること ・jsコード内のswfファイルへのパスを、自分のサーバーの絶対パスに変更すること にご注意ください 現在の所、対応ブラウザはほぼパーフェクツ。 win IE6/FF1/OP7 mac IE5.5/Saf1.3/FF1.1 まぁ、タネとしては音声再生用のコンポーネントをflashで作成し、それをJavaScriptで制御しているわけです。 一応過去にも、flashを利用してajaxに効果音やBGMをつけるで紹介したように、先行事例はあるのですが、従来のLiveC
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く