How to Use jQuery’s ajax() Function for Asynchronous HTTP Requests
13 jQuery SelectBox/Drop-down Plugins — SitePoint
How to Use jQuery’s ajax() Function for Asynchronous HTTP Requests
描画とかGPUアクセラレーションの怪 (モバイル編)
何かと不透明なあたり 気がつけば一ヶ月ほどブログを更新していませんでした。リハビリ記事です。 今回は、GPUを効かせる == それに関連するプロパティ（ただしOSやバージョンによって何がトリガかは厳密に異なる）を適用したら挙動が改善した、というようなノリの体験TIPSをゆるくまとめました。 このあたりの振る舞いについては、描画パフォーマンスの問題として、それなりに明らかになってきているように思います。WebKitのレンダリングプロセスにはじまり、GPU命令のサポートが受けられるのはどんな操作だとか、GPUへ処理が預けられるレイヤーの生成がどーとか、最近よく見聞きします。 自分が業務で扱っているスマートフォン向けのWebサービスでは、このような描画パフォーマンスの問題は、スクロールパフォーマンスと合わせて非常にクリティカルです。この辺りについてのロジカルなまとめは、某氏が近日中にまとめるらし
randoriはActionScriptをJavaScriptにコンパイルするframework
徳さんが深夜にTweetしてた”randori”、超興味津々。 Code Three.js in ActionScript with Randori Compiler ActionScriptで作ったファイルをrandoriを使ってJavaScriptにしたよ、ていうエントリー。 three.jsを使用したDemoが公開されていました。 http://renaun.com/html5/as3threejs/ プロジェクトファイルも公開されています。 https://github.com/renaun/RandoriExamples コンパイル手順なども詳しく書かれているのですが、frameworkでエラーが出ていてコンパイルはできませんでした。 できるのかな〜 公開デモファイルの中には簡単な HelloWorld プロジェクトも入っていたのですが、コチラはASからJSにコンパイルできました
Two.js
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
簡単なゲーム作りを通してJavaScriptを学べる『JS Dares』 | 100SHIKI
学習サイトとして良さそうだったのでご紹介。 JS Daresでは、簡単なゲーム作りを通してJavaScriptを学ぶことができる。 最初は戦車を動かすプログラムからはじめて、少しずつ、自分のペースでレベルアップしていくことができるようだ。 すべてブラウザ上で完結するので環境を用意する手間もいらない。そろそろプログラミングを、という初学者の方はいかがだろうか。
A Pen by Anand Davaasuren
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-
Sweet Circle Menu
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-
[JS]レイヤーに要素を配置し、分離して3Dにぐるぐる回転させるスクリプト -CSSMatrix
jQueryのプラグイン「CSSMatrix」を使って、不連続のレイヤーに要素を配置し、それぞれを分離して3Dにぐるぐる回転して表示するデモを紹介します。
reveal.js - The HTML Presentation Framework
Hello Therereveal.js enables you to create beautiful interactive slide decks using HTML. This presentation will show you examples of what it can do. Vertical SlidesSlides can be nested inside of each other. Use the Space key to navigate through all slides. Basement Level 1Nested slides are useful for adding additional detail underneath a high level horizontal slide. Basement Level 2That's it, time
jQueryでランダムに画像などコンテンツ要素をフェードインさせる方法｜BLACKFLAG
以前の記事で「jQueryで画像などコンテンツ要素を順番にフェードインさせる方法」と題して、 一覧となって並べられた画像をjQueryを使って順々にフェードインさせる方法を紹介しましたが、 同様のパターンで、フェードインさせる順番をランダムにするパターンを できるだけシンプルな構成で作ってみたので紹介してみます。 まずは動作のサンプルから。 下記画面の「リロード」を押してみてください。 サンプルを別枠で表示する ページの読み込みが終わると 一覧画像がランダムによって順々にフェードインして表示されます。 この全体構成について、 まずはHTMLから。 ◆HTML <div id="thumblist"> <ul> <li><a href="#"><img src="img/photo1.jpg" alt="" /></a></li> <li><a href="#"><img src="img/
Adobe Photoshop CS3自動化作戦
このページはAdobe Systems（アドビシステムズ）社のPhotoshop CS3をJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。サンプルはMacPro (Xeon 3GHz/Intel Mac) 上で動作させたものです、このため、PowerPC搭載MacやWindows XP/Vista上での動作とは異なる可能性があります。あらかじめ、ご了承下さい。 Photoshop CS3は基本的には以前のCSからの延長上にあります。このため、JavaScriptのコアオブジェクト、Adobeファイルオブジェクトに関しては他のAdobeソフトと同じです。つまりInDesign CS～CS3、AfterEffects 6.5～7.0、Illustrator CS2～CS3、Bridgeで作成された一部のコードは、そのまま動かす事ができます。Photoshop
ESTKの学習(2) PhotoshopをJSで操作する - itouhiroはてなブログ
[話者] ESTK (ExtendScript Toolkit)を使って Photoshopを操作してみるぞ。 ESTKは PhotoshopCS2から搭載されたのだが、ここではCS3で使用する。 [合いの手] わざわざJavaScriptを書くことでどんなすごいことができるんだい？ [話者] まずはサムネイル画像作成スクリプトを作ってみた。 //for PhotoshopCS3 preferences.rulerUnits = Units.PIXELS; //サムネイルの最大サイズ max pixels maxpx = 160; //サムネイルを保存するフォルダ名。このスクリプト実行時に聞かれるフォルダの下に作成する。 thumbDir = 'thumbnail'; //特定のフォルダ以下のすべてのJPGを開く var dirObj = Folder.selectDialog("フォルダ
Tearable Cloth
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-
CreateJSでスマフォ向けwebアプリを作りました | buccchi.jp
CreateJSを使って「ぬりぬり育成 ジェルミィ」という mixi アプリを制作しました。 のでその感想なんかを。 結論から言うと CreateJS 最高です。 上記QRコードよりスマフォでアクセスしてください。 ※ mixi へのログインが必要となります。 ログインメンドイ！って人はPC体験版をどうぞ。 http://vaseline.jp/nurinuri/ CreateJS でなにができるのか CreateJS には、大きく4つのライブラリが含まれています。 EaselJS canvas を as 的に扱える。as になれてる人ならすんなりいける。 TweenJS アニメーションを制御。なにかしらのトゥイーンライブラリを使ったことがあればすんなりいける。メソッドチェーンで記述できるので直感的。 SoundJS 音を制御。今回は見送り、独自に実装。 PreloadJS 外部ファイルの
jQueryで読み込み時とリサイズ時の処理を合わせて書く方法 – creamu
jQueryで読み込み時とリサイズ時の処理を合わせて書くには、以下のようにします。 $(window).bind(“load resize”, function(){ // code here }); ※はてぶでコメントを頂いたので追記（2013.2.19） jQuery 1.7以上では「.bind」は非推奨になったため、以下のように「.on」を使います。 $(window).on(“load resize”, function(){ // code here });
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ
【アプリ開発日誌】 行動観察調査がやっぱり大事... アプリ申請前にユーザーテストを実施したら辛辣なフィードバックの嵐。行動観察調査の大切さを痛感した一週間の開発日誌。cmuxやCodexなど気になるツールの話題も。 3日前 【macOS/iOS】 メニューバーに常駐する3ページ限定のメモアプリ、『IDEA*PAD』をリリースしました メニューバーに常駐する3ページ限定のシンプルなメモアプリ「IDEA*PAD」をmacOS/iOS向けにリリースしました。iCloud同期対応、無料で利用可能です。 13日前 【アプリ開発日誌】 Apple AdsのマーケティングをGitHub Actionsで自動化した Apple Ads APIの発見からGitHub Actionsでのマーケティング自動化まで。App Store審査の遅延対策やGhosttyへの移行など、今週の開発トピックをまとめました。
yuga.js :: Kyosuke.jp
yuga.jsって？ ウェブサイトを作る上で面倒な部分を自動で実装したり、ちょっとした機能を簡単に追加したりするJavaScriptです。jQueryを使って作られています。Web制作を優雅にするために作られました。 設置方法 まず、ファイル一式をダウンロードし、読み込みたいサイトの任意のフォルダに配置します。 yuga.jsを使いたいHTMLファイルのhead要素でjavascriptを読み込みます。 <link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/thickbox.js"></s
レスポンシブで横スクロールやキーボード操作も可能なjQueryギャラリー「Portfoliojs」 – bl6.jp
ポートフォリオなどでとても素敵なイメージギャラリーを実装することができるjQueryプラグイン「Portfoliojs」を使ってみました。レスポンシブに対応しており、横スクロールやキーボード操作もできるので利便性も良いですね。スマートフォンでも綺麗に表示・動作することができるので個人的にとても気に入りました。以下使い方です。 [ads_center] 使い方 使い方はとても簡単です。いつも通りjQueryとダウンロードしたプラグインを読み込みます。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script src="js/portfolio.pack.min.js"></script> <script> $(document).ready(function(
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Redirecting…
World atlas in svg and country information