JavaScriptで水や波、パーティクル等、ふわふわゆらゆら系の動きを表現 | Webクリエイターボックス
2018年8月6日 JavaScript, jQuery Webサイトのアクセントに、ちょっとした動きをつけたい時ってありますよね。一から作り込むのは大変ですが、プラグインを使えば意外と簡単に実装できますよ。夏らしい涼し気なデザインになりそうです。サンプルがうまく動かない時はデモ画面右上の「EDIT ON CODEPEN」をクリックして別タブで表示してみてください！ ↑私が10年以上利用している会計ソフト！ wavify See the Pen wavify Demo by Mana (@manabox) on CodePen. GitHub wavifyはjQueryのプラグイン。ふよふよと動く波を表現できます。jQueryとTweenMax、wavifyのファイルを読み込み、SVGコードを用意すればOK。 HTML <body> コンテンツ ・・・ <!-- SVG --> <svg
Support | Type Network
A desktop license allows you to download a font and install it on your computer. You may use it in any desktop application that contains a font menu: Microsoft Office/365 applicationsAdobe Creative Cloud applicationsBrowser-based tools like Canva* or Figma.(*A sole exception is Adobe Originals typefaces, which may not be used in Canva due to licensing restrictions). If you share documents with col
『ガールフレンド（仮）の「声」実装』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。こんにちわ。 「ガールフレンド（仮）」でフロントエンドの開発をしている秋山と申します。 「ガールフレンド（仮）」とは、ユーザーが主人公となり、様々な女の子と出会っていく“声が出る♪”学園恋愛カードゲームです。各カードには、人気声優のボイスが付いていて、さまざまな演出に合わせてキャラクターの声を聞くことができます。スマホのブラウザ版カードゲーム × 声ガールフレンド（仮）の開発に入る時点で、スマホブラウザゲームで音声を出しているサービスは他にもありましたが、カードに声が付いているものは少なかったかと思います。 また、スマートフォンのブラウ
Android × Canvas の即死ポイントとその回避策 | buccchi.jp
CreateJS を使ったWebアプリをいくつか作ったのですが、iPhone はサクサクでも Android でやたらハマる。 Android 2.3 で最適化したつもりのものが 4.0 の標準ブラウザで落ちたりする。 機種や OS のバージョンにより動作がさまざまなため確認しきれない。 というとこでハマったポイント3つを共有します。 誰かもっとよい解決策を教えてくれるとありがたい。 即死ポイントその1 Android 4.0.4 で Canvas をリサイズするとブラウザが落ちる 回避策 Canvas 領域を広めにとっておき、Canvas ではなく Container 側をリサイズ。 はみでた部分は css でトリミング。 これで落ちなくはなるが全体的にボケる。 2013.7.7 追記 その後、以下の方法を試したところ落ちずに動作すことが確認できました。 描画とかGPUアクセラレーション
アイドルサバイバルで「勝負を避けて進む」までスクロールする時の誤爆が怖いからiPhone用のブックマークレット作ったった - こげこげ堂はてな支舗
ブックマークレット自体の設定方法などは「iPhoneのブックマークレットについて簡単に教える - まめ速」なんかを参考にしてください。 「勝負を避けて進む」ボタンを押すブックマークレット 自動化ツールと見なされてBAN対象になる恐れがあります。ご利用は自己責任でお願いします。 javascript:(function(){var buttons = document.getElementsByTagName("input"); for(var i = 0;i < buttons.length; i++){ if (buttons[i].getAttribute("value") == "勝負を避けて先に進む"){ break; } };buttons[i].form.submit();})(); 「勝負を避けて進む」ボタンまでジャンプするブックマークレット ボタンをスクリプトに押させるのが
Firefoxでソフトシンセも作れるAudio Data APIの使い方 (1/5)
HTML5ではメディア要素としてAudioが定義され、プラグインを使わずに音声を扱えます。HTML5 Audioについては本連載でも何度か取り上げてきました。 ・第35回「HTML5 Audioで作るiTunes風音楽プレイヤー」 http://ascii.jp/elem/000/000/525/525808/ ・第36回「JSONで管理するHTML5音楽プレイヤーを作ってみた」 http://ascii.jp/elem/000/000/531/531370/ ・第37回「iPad対応！HTML5 Audioで作るブラウザーピアノ」 http://ascii.jp/elem/000/000/533/533100/ これまでに作成したHTML5 Audioのサンプルは、事前に用意したオーディオファイルを再生しており、プログラムで音を生成しているわけではありませんでした。一方、Firefox
Zombie.js : Insanely fast, headless full-stack testing using Node.js
Insanely fast, full-stack, headless browser testing using node.js View the Project on GitHub Download ZIP File Download TAR Ball View On GitHub Zombie.js Insanely fast, headless full-stack testing using Node.js Zombie 6.x is tested to work with Node 8 or later. If you need to use Node 6, consider using Zombie 5.x. The Bite If you’re going to write an insanely fast, headless browser, how can you no
The Node Beginner Book
The perfect introduction plus its comprehensive follow-up now in one bundle! Leanpub.com currently offers the final version of The Node Beginner Book plus its follow-up The Node Craftsman Book for $9 only! (limited offer - regular price is $29.99) 224 pages in total PDF, ePub & MOBI Free lifetime updates Unconditional 45 days money back guarantee A Node.js tutorial by Manuel Kiessling About The ai
JSLinux - Technical Notes
History This emulator has a long history. The current version is based on TinyEMU and compiled to Javascript or WASM with emscripten. In 2011 I wrote the initial version of JSLinux, the first PC/x86 emulator in Javascript running Linux. I reused parts of another of my emulators (QEMU) for the x86 helpers and the devices. After some time (2015), I modified it to use the asm.js Javascript subset so
ECMAScript 2015 Language Specification – ECMA-262 6th Edition
Standard ECMA-262 6th Edition / June 2015 ECMAScript® 2015 Language Specification This is the HTML rendering of ECMA-262 6th Edition, The ECMAScript 2015 Language Specification. The PDF rendering of this document is located at https://ecma-international.org/wp-content/uploads/ECMA-262_6th_edition_june_2015.pdf. The PDF version is the definitive specification. Any discrepancies between this HTML ve
Josh Tynjala「GridshockをFlashからHTML5へ移植してみた」 - 以下斜め読んだ内容
josh tynjalaブログ2011.1.11のブログエントリ Flash to HTML5: Gridshock Remade « Josh Talks Flash actionscriptハッカーjosh tynjalaが自分のflashゲームをhtml5に移植してみたよ、な記事 色々困ったこととかハックとかをつらつら書いてて面白い 昔YUI使う機会あってからはASでもクロージャー使いまくってるよとか HTML5 Audioの実装はどのブラウザも現時点で使いものにならないとか 検討したライブラリ・使ってみたライブラリにも寸評が入ったり 以下斜め読んだ内容 Gridshock flashアプリ。これのHTML5ver.作った Gridshock flash/AIRでの開発は楽しいしこれからも続ける flashに新しい視点をもちたいと思ってやってみた python勉強してpygameで移
SVGで楽譜を描くJSライブラリ「abcjs」
abcjs demo SVGを使って、楽譜を描くJavaScriptライブラリ「abcjs」が公開されています。 (英語) 2009年から存在していて、既に採用実績がいくつかあるようです。 ライセンスはGPL v3のようです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Code Archive - Long-term storage for Google Code Project Hosting.
Bootstrap Expo
Three.js – JavaScript 3D Library
GitHub - hakimel/reveal.js: The HTML Presentation Framework
http://ifengine.org/
SonarQube
http://blog.av-jyo.com/2011-07/how-to-develop-porn-website-with-nodejs.html
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
