Videos are taking over people’s entertainment world, and more and more people are willing to express themselves or get information…
You came here for some really cool CSS text effects that will help you make amazing web typography for your websites. In order to successfully give a website a look that is more visually impressive, designers always concentrate on placing more emphasis upon typography that is both stylish and neat in nature. These same designers used to depend upon programs such as Photoshop to accomplish this; ho
CasualJSはCanvasタグを使ったアニメーション/ゲーム作成用JavaScriptフレームワーク。 CasualJSはJavaScript/HTML5製のオープンソース・ソフトウェア。JavaScriptはHTML5の登場によって大きく花開こうとしている。位置情報の利用、ストレージ、WebSocket(今は切り離されているが)、Canvasタグ等様々な新技術が盛り込まれている。 ボタン Canvasタグを使うことで、アニメーションを行ったりグラフィックを描くことができる。それもJavaScriptからインタラクティブに扱えるものだ。だが全てを作り込むのは大変だ。そこで使ってみたいのがCasualJSというJavaScriptフレームワークだ。 CasualJSはHTML5のCanvasを利用するためのフレームワークだ。ActionScript3ライクという説明がついている通り、アニ
Step 1. Drag the button to your bookmarks bar. Step 2. Navigate to enemy site and launch. Step 3. Go wild. Super cool highscores Brag amongst your friends with new highscores! Awesome achievements Up your rank and gain XP with super fun achievements. Choose from hundreds of ships Now you can switch ship in game making it all more fun Create your own super ship With the super easy editor you can cr
TFujinami codes (jsdo.it) 珍しくというか初めてニュースクリップではなくオリジナルで書きます。 EaselJSやGuryなど幾つかのHTML5 canvasのフレームワークを試してみました。 ランダムで線、四角(長方形)、丸(楕円)を描画します。画面をクリックするとローテーションします。 コード共有サイトのjsdo.itですべて公開してあります。 - EaselJS (記事) - Gury (記事) - oCanvas (記事) jsdo.it上では動作しないのでダウンロードしてください - jCanvaScript (記事) - CasualJS (記事) 4/27追加 パフォーマンス低し、使い方が間違っている? - jCanvas (記事) 5/20追加 - Processing.js (記事) 5/24追加 - LibCanvas (記事) 6/8追加 Ell
集まった花火のコードをもとに、jsdo.it上で花火大会を開催します! 色や形をアレンジしたり、個性的な演出はあなた次第。 ひと夏の思い出をあなたの花火で彩ってみませんか? 花火職人のみなさんへ 「hanabi」のタグがついたコードが会場で打ち上がります。 各コードはiframeで表示され、徐々にフェードアウトしつつ約3秒間表示されます。 他の花火と重なることはありません。背景は黒(#000)もしくは透過で作成してください。 画像から花火を作ってみよう! 1. THE花火職人 / Fireworks Generatorに画像をドラッグ&ドロップして配列を生成します。 2. 以下のコードをフォークして、htmlのscriptタグの中に生成した配列を貼り付けます。 → やらない花 注目の花火 これらの花火をあなたらしくアレンジ(=フォーク)してみましょう! 「Fork」ボタンをクリックすると編
先週末の6月11日、札幌で開催されたオープンソースカンファレンス2011 Hokkaidoにて、スピーカーとして参加してきました。 よさこいソーラン祭りも札幌で開催されていた日にもかかわらず、600人以上の参加者がOSCにきていたとか。その参加者のうちの120人程の前でjQueryの入門的な話をしてきました。 その際のスライド自体は、都合により公開しませんが、その内容のうち、一部をここで書いておきます。 6割の未経験者 今回のjQuery入門の話をする前に、簡単に挙手にてjQueryの利用状況を聞いてみたのですが、参加した人の6割程はjQueryを今まで使ったことの無い方でした。残りはプラグインなどを使ったことのある位な方が多いようでした。これはちょっとびっくりした位で、もっと使われているものかと思っていたのです。しかし実際の参加者層としては、使ったことの無い方が多いという。 JavaSc
jsdo.it大好きです。 なので覚えておきたい10のことをまとめました。1 Chromeじゃなくてもすぐにコードを書きたい わからないことを質問する コメント・お気に入りにする プロフィールを変更する コメントを削除する Forkした・されたコードとのDiffを見る エディタでキーボードショートカットを使う エディタで同じ単語をハイライトする jsdo.it APIを使う Daily code rankingに載る jsdo.itを使ってる人向けです。 Chromeじゃなくてもすぐにコードを書きたい Chromeには JustEditがあるのですぐにコードを書き始める事ができます。 実はhttp://jsdo.it/code/newを叩くと書けます。ブックマークしてもいいね! わからないことを質問する 気づきづらいですが右上にDiscussionsがあります。2 プロフィールを変更する
Homu = {}; Homu.convertTable = { ".-": "a", "-...": "b", "-.-.": "c", "-..": "d", ".": "e", "..-.": "f", "--.": "g", "....": "h", "..": "i", ".---": "j", "-.-": "k", ".-..": "l", "--": "m", "-.": "n", "---": "o", ".--.": "p", "--.-": "q", ".-.": "r", "...": "s", "-": "t", "..-": "u", "...-": "v", ".--": "w", "-..-": "x", "-.--": "y", "--..": "z", ".-.-.-": ";", // original is '.' "--..--": ",", ".
質問を投稿するJavaScript,HTML,CSS、それぞれのコードを使用して具体的に質問・回答することができます。 質問してみよう! 1.上にある"質問を投稿する"をクリック 2.質問内容、コードを入力して"Add Question"ボタンをクリック 3.コードと共に質問が表示されます 回答してみよう! 1.質問を選択する 2.回答内容、コードを入力して"Add Answer"ボタンをクリック 3.コードと共に回答が表示されます Tag
はじめに jQueryの機能を大きく分けると、DOM操作、アニメーション、イベント処理、Ajax、その他のユーティリティ関数といった分類ができます。DOM操作は前回の記事で解説したような、HTMLの要素を追加したり書き換えたりといった操作です。今回はその中の1つ、アニメーションについて解説します。アニメーションも正確にはDOM操作に分類されますが、アニメーションだけでかなり大きな比重を占めるので今回は通常のDOM操作とわけて考えます。イベント処理やAjax、ユーティリティ関数についても連載の後のほうで解説する予定です。 JavaScriptでアニメーションの基本 まず始めに、jQueryを使わないでアニメーションをする方法を紹介します。jQueryのアニメーションが実際に内部でどのような処理が行われているかを知ることでその後の理解度が増すと思います。JavaScriptでアニメーションは基
mashiはJavaScriptベースのタイムライン指定のアニメーションを実現するツールキット。 mashiはJavaScript製のオープンソース・ソフトウェア。Webブラウザ上でアニメーションを実現しようと思うと、技術的に候補にあがるのがアニメーションGIF、Flashそして動画だろう。どれもあまり動的に作り出すものではないので、再利用性やシステムとの親和性は高くない。 画面上の部分がアニメーションする もっと手軽にアニメーションを作ったり閲覧することができれば、Webサービスのアピール方法が変わるかもしれない。そのためのツールキットがmashiになる。タイムラインに則って、情報をスムーズに切り替えることが可能だ。 mashiはベースになる幾つかのツールキットを組み合わせつつ、app.jsというファイルを編集してタイムラインを作っていく。作られたアニメーションは再生ボタンがあり、それを
/* * CSSでキュウべえ(FULL)を描いてみた * ※Google Chrome, FireFox, Safari, Operaに対応しています。 */ <div class="qb"> <!-- tail --> <div class="tail"> <div class="parts-1"></div> <div class="parts-2"></div> <div class="parts-3"></div> <div class="parts-4"></div> <div class="parts-5"></div> <div class="parts-6"></div> <div class="parts-7"></div> <div class="parts-8"></div> <div class="parts-9"></div> </div> <!-- ear --
jsdo.itはhtml、CSS、javascriptを書いてその場で実行→シェアできるサービスです。 お手本コードをアレンジするだけなので、変数の基礎や配列の基礎を遊びながら覚えられる企画ですね。 こんな診断が投稿されています ネタ系 ぼくと契約して魔法少...じゃなくて
jsdo.itって? jsdo.itはHTML5・CSS・javascriptを書いて 投稿・共有ができるサービスです。 書いたコードをその場で実行確認できるから、 WebサイトやWebコンテンツを作って そのまま公開できるのが特徴です! 初心者でもカンタンです! 初めての方もカンタンに始めることができます。 2種類のお手本コードを用意しました! お手本コードをあなたらしくアレンジ(=Fork)するだけで、 とっても簡単に○○診断が作れます! 今ならNINTENDO 3DSが当たるキャンペーンを実施中です! みんなが作った診断で遊んでみよう! 新着の診断 forked: あなたに足りない成分26view forked: 本当のモテ期診断638view forked: 本当のモテ期診断671view forked: 本当のモテ期診断558view forked: 本当のモテ期診断556vie
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
Welcome to jQuery for Designers Learn how easy it is to apply web interaction using jQuery Search Search for Featured Simple use of Event Delegation Posted on 14th June 2011 — Event delegation may be some techie term that you’d rather shy away from, but if you’ve not already used it, this example will show you a simple but powerful use of event delegation. View Tutorial 16 Comments Tutorials – It’
Microsoft is holding an AI Agents Hackathon, and we want to see what you can build with Python! We'll have 20+ live streams showing you how to build AI agents with Python using popular agent frameworks and Microsoft technologies. Then, you can submit your project for a chance to win prizes, including a Best in Python prize!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く