Elusive icons, an icons font designed for use with Bootstrap
Elusive Icons is a webfont that can be used with any of your projects. Bootstrap-based, Foundation-based or even your custom projects! It was created by the need for an Open-Source font that can be used in your projects without licencing issues and/or other "attribution" claws. If you don't care much about licences there are many alternatives you can use, most notably the font-awesome font. (UPDAT
新しい研究によると、蚊に刺されないようにする方法はエレクトロニック・ミュージックを聴くこと。特にダブステップ、さらに言えばスクリレックス（Skrillex）が有効かもしれないとのこと。 英BBCによると、蚊と、蚊を媒介とする感染症を専門とする国際的な研究チームは、研究論文を学術誌『Acta Tropica』にて発表。 研究チームは、黄熱病蚊として知られているネッタイシマカ種の成虫に、スクリレックスの楽曲「Scary Monsters And Nice Sprites」を聞かせてその効果を調べています。同曲は、超高周波と超低周波が混在していることから選ばれています。 研究チームは「音は、多くの動物にとって生殖や生存、個体数の維持に極めて重要です」「虫にとって低周波振動は生殖活動を促進しますが、“Scary Monsters And Nice Sprites”には超高周波と超低周波が混ざりあっ
簡単アニメーション！Pixi.jsを触ってみる！ 〜（1）テキストを動かしてみる〜 突然ですが、 Pixi.js を触ってみることにしました。 （前フリ無しw） Pixi.jsとは? Pixi.jsは、Goodboy Digital社が配布している2D描画用のjavascriptライブラリです。 下記サイトで配布されています。 MITライセンスに基づくオープンソースソフトウエアとして開発が進められています。 このライブラリを使って作ったアニメーションは、WebGLを自動的に使ってくれるようです。 （非対応のデバイスではCanvasを使う）。 難しそうなWebGLを覚えなくて使えるのはうれしいです。 pixi.jsのexampleページでデモが紹介されていますので、いくつか見てみましょう。(スクリーンショット画像クリックで本家pixijs.comサイトのexampleページに飛びます) Ex
Awesome CS Courses
Awesome CS Courses Introduction There are a lot of ~~hidden~~ treasures lying within university pages scattered across the internet. This list is an attempt to bring to light those awesome CS courses which make their high-quality materials, i.e. assignments, lectures, notes, readings and examinations, available online for free. Table of Contents Algorithms Artificial Intelligence Computer Graphics
CSSでスプライト画像を使うことは増えてきましたが、作成が面倒なのは変わっていません。専用のソフトウェアも幾つかありますが今回はWebブラウザ上でスプライト画像を作成できるSpritePadを紹介します。 使い方 使い方は簡単で、まずはアイコン画像をSpritePadにドロップしていきます。 複数ファイルをまとめてドロップできます。ドロップしたらドラッグして好きな場所に配置していきます。 画像を移動すると右側のスタイルシート設定も変わっていきます。 アイコンの配置が終わったらFit documentを押します。そうすると画像の大きさが最適化されます。 こんな感じにジャストフィットします。 ダウンロード 作業が終わったらDownloadリンクをクリックします。そうするとアイコンをまとめた画像とスタイルシート設定がダウンロードできます。 画像ファイル。ファイル名はsprites.pngになりま
30 jQuery Menu Bar Tutorials & Examples - 1stWebDesigner
Navigation menus have really important role in any website. For big sites full with a lot of pages and articles, drop down menus and tabs are popular because they can make it a lot more easier to navigate and move through site, also you can save space on website displaying content on dynamic tabs. Also if you want to create a navigation menu, that really stands out of the crowd, jQuery could be th
I recently stumbled upon Dragon Interactive (dragoninteractive.com). It’s a pretty well designed site. However, the pièce de résistance is their rather cool animated menu. Now… had this been designed in Adobe Flash, I wouldn’t had paid much attention. A closer inspection revealed that the menu is plain XHTML, CSS and Javascript. Today, I’m going to show you how to create an animated menu (ve
Use Google+ to Improve Your UI Google rolled out a new design across many of their services as part of the Google+ launch. The new look presents a sleeker, simplified Google that puts the emphasis on your data and not on the interface. Part of the design's success are the new buttons. Great UIs tend to have simple, obvious buttons that are standard across the entire application. I have created Goo
30 jQuery Menu Bar Tutorials & Examples - 1stWebDesigner
Navigation menus have really important role in any website. For big sites full with a lot of pages and articles, drop down menus and tabs are popular because they can make it a lot more easier to navigate and move through site, also you can save space on website displaying content on dynamic tabs. Also if you want to create a navigation menu, that really stands out of the crowd, jQuery could be th
wearekiss.com
We are Kiss. Send a mail
自分用のgruntタスクメモ
前にgruntの使い方を書きましたが、それからいろいろ試してみて自分なりのタスクを作成しました。 まだあまり使い倒してないのでまだまだ変更するところがあると思いますが、これを元に変えていきます。 2種類用意しました がっつり機能を使いたい時もあれば、ちょこっとだけ使えればいいかなっていうことが個人的にあったので2種類用意してみました。 制作フォルダで制作後、最終的にJSやCSSを圧縮し、確認・納品フォルダへ必要ファイルを全コピーする 制作フォルダにはscssファイルのみ置き、HTMLやJSは確認・納品フォルダにのみ置いておく 1.がっつりタイプ こちらは先程も書いたように、「制作フォルダで制作後、最終的にJSやCSSを圧縮し、確認・納品フォルダへ必要ファイルを全コピーする」ということをやります。 使用gruntプラグイン grunt-contrib-watch grunt-contrib-
ロックマンがストリートファイターのキャラクターに変身
1987年に1作目が発売され世界的に人気を博している「ロックマン」。ロックマンは敵の能力を取り込んで利用することができるのですが、ストリートファイターのキャラクターを姿形から取り込んだロックマンもいるようです。 姿形を取り込んだ時点でロックマンと言えるのか分かりませんが、一体どのような姿になっているのでしょうか。 画像は以下より。 リュウ ケン チュンリー ガイル ブランカ ダルシム エドモント本田 ザンギエフ さくら バイソン バルログ サガット ベガ 豪鬼 ほかにもストリートファイター4のキャラクターがすべています。 こんな感じの壁紙もあるようです。他にもiPhone用の壁紙や、PSP用の壁紙もあります。 以下からほかの画像を見ることができます。まだまだ更新すると記載されているため、後日見てみると新しい画像が増えているかもしれません。 Mega Man-Inspired SF4 Spr
Running screensaver can help you relax your mind and suppose to reduce damage to your display screen. But most importantly, nowadays screen savers are used to mesmerize everyone around them. Knowing the importance of having unique, stunning screensaver, we are here to present you this article which consists of many screen savers that would catch your attention. No need to have long introductio
UPDATE: Broke the 250k barrier, too :] The node.js powered sprites fun continues, with a new milestone: That’s right, 100,004 active connections! Note the low %CPU and %MEM numbers in the picture. To be fair, the CPU usage does wander between about 5% and 40% – but it’s also not a very beefy box. This is on a $0.12/hr rackspace 2GB cloud server. Each connection simulates sending a single sprite ev
50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms) — Smashing Magazine
Although CSS is generally considered a simple and straightforward language, sometimes it requires creativity, skill and a bit of experimentation. The good news is that designers and developers worldwide often face similar problems and choose to share their insights and workarounds with the wider community. This is where we come in. We are always looking to collect such articles for our posts so th
【ハウツー】CSS Spritesの必要素材をサクッと生成! お手軽ブックマークレットSpriteMe (1) まずは使ってみよう | エンタープライズ | マイコミジャーナル
ブックマークレットで手軽にスプライト画像/CSSコード生成 Steve Souders氏は14日(米国時間)、自身のブログ上でSpriteMeを公開したとアナウンスした。SpriteMeはCSS Spritesを使うにあたりcoolRunningsを使用して必要なスプライト画像を生成、および表示のためのCSSコードを出力してくれるWebサイト。同Webサイトにはブックマークレットが用意されており、ユーザはブックマークレットを任意のWebサイトで実行するだけで簡単にスプライト画像と必要なCSSコードを入手できる。 SpriteMeの動作の流れはおもに次のとおり(Demoより抜粋)。 CSSより背景画像(background-image)が指定されている箇所を抽出 抽出した画像の幅や高さをもとに、グルーピングをおこなう グループごとにスプライト画像を生成 生成したスプライト画像を現在表示してい
概要 Sprite layouts | Compass Documentation compassでのcssスプライトを試してみたのでメモ。 sprite-backgroundっていうmixinは結構色々な人がブログに書いてるんだけど、retina対応していなかったり、無駄な処理が入っていたりしてなんかしっくりこなかったので自分で実装してみた。 完成品 以下のファイルは使い回せるので、mixins/_sprite.scssみたいにプロジェクトに依存しないファイルとして置いておく。 @mixin sprite-background-size($name, $sprites, $device-pixel-ratio: 2) { $_width: image-width(sprite-file($sprites, $name)) / $device-pixel-ratio; $_height:
「WebSocket, WebRTC, Socket API, … 最新Webプロトコルの傾向と対策」HTML5 Conference 2013 セッションレポート
「WebSocket, WebRTC, Socket API, … 最新Webプロトコルの傾向と対策」HTML5 Conference 2013 セッションレポート 吉田 啓二 2013年11月30日（土）に開催された「HTML5 Conference 2013」の、エヌ・ティ・ティ・コミュニケーションズ株式会社・小松健作さんによるセッション「WebSocket, WebRTC, Socket API,…最新Webプロトコルの傾向と対策」の内容をご紹介します。 最新のWebプロトコルが続々と誕生 1990年から10年間ほどは、HTTPというたった一つのプロトコルが、Web通信用のプロトコルとして使われていました。その後、HTML5という言葉が出てきてから、WebSocketやSPDY、HTTP/2.0、WebRTC、Raw Socket API、SCTP over UDP、QUICといった
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Smashing Magazine, 45+ New jQuery Techniques For Good User Experienceにおいて49のjQueryテクニックが紹介されている。jQueryプラグインやスクリプトを使ってユーザエクスペリエンスを向上させることを狙ったもので、特にここ最近登場した新しいものに的が絞られている。紹介されているプラグインやスクリプトは次のとおり。 スライドパネルを使ったログインフォーム スポイルリビーラー ファイルアップローダ Facebook風入力フィールド Canavs要素を使った円グラフ ラジオボタンとチェックボタン ページをリロードすることなく実現するサブ
50 New Useful CSS Techniques, Tutorials and Tools — Smashing Magazine
These are great times for front-end developers. After months of exaggerated excitement about HTML5 and CSS3, the web design community now starts coming up with CSS techniques that actually put newly available technologies to practical use instead of abusing them for pure aesthetic purposes. We see fewer “pure CSS images” and more advanced, clever CSS techniques that can actually improve the Web br
[Ann] Initial release of H2O, and why HTTPD performance will matter in 2015
[Ann] Initial release of H2O, and why HTTPD performance will matter in 2015 Happy Holidays! Today I am delighted to announce the first release of H2O, version 0.9.0; this is a christmas gift from me. H2O is an optimized HTTP server with support for HTTP/1.x and the upcoming HTTP/2; it can be used either as a standalone server or a library. Built around PicoHTTPParser (a very efficient HTTP/1 parse
![[Ann] Initial release of H2O, and why HTTPD performance will matter in 2015](https://cdn-ak-scissors.b.st-hatena.com/image/square/90ae381c088a6467bbfda3c7bff3025f8d1e363e/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEj-dKgYGLLQh_WZHPJmLENO-NsAGqRHW5Tzq6Tvc_1A6jnwYCkpRuVfX0hQWEIiJL-65Yixw-EZ7eszSZKC_wLdfziaS3lJtEHm_nSpwuK3xfZZDcriUNhfLfpwa8ln0_hoFsyLPLuQqWp1%2Fw1200-h630-p-k-no-nu%2Fh2o-bench.png)
Cookie Clicker Wiki is a wiki for information, strategies and news related to the game Cookie Clicker. We're hard at work to ensure we provide the best resource for fans of Cookie Clicker on the internet, and are currently working on making this site look even better and easier to navigate. Click here to create your own account! This wiki should only contain canon Cookie Clicker information; fan-r
50 New CSS Techniques For Your Next Web Design — Smashing Magazine
CSS is almost certainly one of the best developments in web design since the first graphical web browsers were adopted on a wide scale. Where tables created clunky, slow-loading pages, CSS created much more streamlined and usable web pages. Plus, CSS has allowed designers to achieve a number of different styles that used to only be possible with images. One of the best parts of CSS is that it’s so
「使いやすいメニュー」に必要な3つのこと よく「ナビゲーションメニュー」と言われるように、Webサイトではメニューはナビゲートするためのものです。ナビゲートする対象はもちろん人（ユーザー）ですが、もっと具体的に言及すると「情報を探しているユーザー」ということになります。そして、情報を探す際には、できるだけ簡単に探せる必要があります。 使いやすいメニューには、3つのことが必要です。1つ目はアフォーダンス。言い換えると「メニューがメニューである（次の情報に導く）とすぐにわかる」ということです。2つ目はインタラクティブ性。たとえばメニューにマウスオーバーした、あるいはクリックしたことがわかることを意味します。3つ目はカレント表示。これは「現在いる場所がわかる」という意味です。 この3つを満たすため、メニューには3タイプから4タイプの画像を用意することが多くなっています。ノーマル時、マウスオーバー
https://insouciant.org/tech/http-slash-2-considerations-and-tradeoffs/1 comment | 0 pointsChromiumの開発チームのWilliam Changが、HTTP/2の要検討事項とそのトレードオフについてまとめています。HTTP/2.0とSPDYの概要については、Akamaiのこの10分のビデオを参照ください。 1) Network Performance HTTP/1.xは、ネットワークの利用が非効率。HTTP Pipelining（それはそれで固有の問題がある。）を除いて、HTTP/1.xは、接続あたり一つのトランザクションしかできないことが、HOL (Head of line) blockingの原因となる。HOL blockingはラウンドトリップのコストが高く、ページ読込みのパフォーマンスを悪化
湯口りさ氏 RsStudio http://web.r-studio.jp/ 本記事では、最近のWeb制作で利用されている「CSSスプライト（CSS Sprites）」という手法と、その実装を便利にしてくれるFireworksの拡張機能「CSS Sprite Extension」について解説します。 Fireworks CS5 体験版 今すぐ購入 CSSスプライト（CSS Sprites）とは CSSスプライトは、複数の画像を1つにまとめてCSSのスタイルで部分的に表示し使い回す手法です。 CSSスプライトの仕組み CSSスプライトはたいてい、今まで独立した１枚画像にしていた部分や画像置換※で表示していた画像と置き換えることができます。 ※ 画像置換：HTMLにテキストだけを記載しておいて、CSSのスタイルで文字を隠し、その代わりに画像を表示しているように見せる手法。画像をHTML
Unity 4.3 x Photon Cloud 2Dオンラインアプリチュートリアル（前編）| アドカレ2013 : SP #3 | DevelopersIO
はじめに 最近リリースされたUnity 4.3とPhoton Cloudを使って何か出来ないかな・・と思ったので実験してみました。 前編ではPhoton Coundの準備からゲームの下地作り、ゲームサーバーへ接続するところまでを簡単に説明したいと思います。 Photon Cloudを準備する Photon Cloudを使うにはまずアカウント作成が必要です。PhotonCloud公式サイトでExit Games Photonアカウントを作成しましょう。Emailアドレスだけで作ることができます。 アカウントを作成したらログインし、MyPhoton＞アプリケーションを確認します。ここに表示されている「AppID」はアプリケーション毎に発行される固有の識別子で、クライアントからサーバーへ接続する際に必要となります。今回はデフォルトで発行済みのAppIDを利用するのでメモっておきましょう。 Uni
【HTML/CSS/JavaScript】ウェブアプリを速くするための28の方法(翻訳) 3月 13, 2013 admin 読了: 約 24 分 フロントの技術について英語の記事をシェアされていて、気になったので理解を深めるために翻訳してみました。 英語の記事では、28から始まるのですがややこしいので、1はHTMLからはじめていきたいと思います。 DANGER!!!WARNING!!!はじめに 元記事はこちら ※間違った意図や誤訳をしている箇所が多々あると思いますが、その点ご了承くださいませ…。 初めてということでしょっぱい訳で、すみません…。 1. avoid inline code / インラインコードを避ける 1. <style></style> や <script></script> をHTMLに直接書く 2. <link rel="stylesheet" href="" />
HDDはデータが保存されるプラッタや読み書きを行う磁気ヘッドといった部品の他にも、ハードディスクコントローラーやキャッシュ用のチップなど、さまざまな部品で構成されています。中でもハードディスクコントローラーはメーカーが詳細を公開しない部分ですが、そんなHDDのコントローラー部分をSpritesmodsを運営するSprite_tm(本名：Jeroen Domburg)氏がハッキングし、その過程を説明しています。 Sprites mods - Hard disk hacking - Intro http://spritesmods.com/?art=hddhack HDDは通常、512バイトのセクタごとにLBAと呼ばれる通し番号が採番され、コンピューターはセクタごとにHDDのデータを読み書きします。HDDの機械的な動作は磁気ヘッドがプラッタに対してデータの読み書きを行う「非常にシンプル」な構造
楽して時間短縮！Compassで作ったスプライト画像でRetina対応を行う方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。UFOキャッチャー運が急降下中、デザイナーのももこです。 輪っかがついたキーホルダー系をうまく取れるようになりたい…(´・ω・｀) 気を取り直して、今回はCompassを使って作ったCSSスプライト画像でRetina対応を行う方法をご紹介します。 Compassを使って書き出したスプライト画像を自動でRetina対応にさせる スプライト画像の生成 $sprites: sprite-map("sprites/*.png"); $sprites-img:sprite-url($sprites); まずはスプライト画像を生成します。 単一の画像をフォルダに入れると、見事に合体したスプライト画像がimagesフォルダに書き出されます。 sprite-mapにはconfig.rbで指定したimagesフォルダ以下のルートを入れて下さい。 Mixinを記述する @mixin sprite-
Using SVG | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! SVG is an image format for vector graphics. It literally means Scalable Vector Graphics. Basically, what you work with in Adobe Illustrator. You can use SVG on the web pretty easily, but there is plenty you should know. Why use SVG at all? Small file sizes that compress well Scales to any si
Pixi.jsでCanvasをカンタンに触ってみよう！ 〜パーティクル編〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもですよ、はやちですよ٩( ᐛ )و 以前、こちらの記事でご紹介したPixi.js。 今回はパーティクルを使用して、ちょいと「雪が降ってる風」の演出を実装する方法をご紹介します( ˇωˇ)☝ 導入方法 npmはこちらからインストールしてお使いください。 npm install pixi.js 実装方法 それでは実装方法ご紹介します( ˘ω˘)☞三☞ｼｭｯｼｭｯ 土台の設定 はじめに表示するCanvasを用意します。 Canvasはサイズと背景色も設定できます( ˇωˇ)☝ let app = new PIXI.Application(800,600,{backgroundColor : 0x1099bb}); document.body.appendChild(app.view); 複製させる画像の数を決めておきます( ˇωˇ)☝ //表示をする画像の数 let totalSprite
LogLog Games
The article is also available in Chinese. Disclaimer: This post is a very long collection of thoughts and problems I've had over the years, and also addresses some of the arguments I've been repeatedly told. This post expresses my opinion the has been formed over using Rust for gamedev for many thousands of hours over many years, and multiple finished games. This isn't meant to brag or indicate su
simurai
Contextual styling with custom properties 01 Apr 2018 Something I’ve been wanting for a long time, define different regions like a footer section, or side bar and not have to deal with all the contextual styling hassle. A.k.a. “Now that this button is used on a dark background, the button needs to change its colors too. Where should the styles live?”. Here an old post about struggling with context
WebサイトやWebアプリケーションの高速化のため、CSS Spritesを採用するサイトが増えてきています。 CSS Spritesは、ページで使うアイコンやロゴ、背景など、画像ファイルを大きな画像の塊にまとめ、CSS側でレイアウトを制御するテクニックです。複数の画像をまとめるため、HTTPリクエスト数を減らしことができ、高速化や負荷軽減につながるという利点があります。また、:hoverや:activeなどと組み合わせることにより、動的表現をJavaScriptなしで実現できることも、CSS Spritesが好まれている理由のひとつです。 一方で、CSSの画像置換に関連する問題や、画像の作成や配置にかかる手間など、懸念事項もあります。そんな中、Mozillaの開発者であるVladimir Vukićevićが、「メモリ消費量が増えてしまう」という問題について語っています。 To Spri
はじめに この記事は、Unity初心者が2Dゲームの作成に慣れることを目的としたチュートリアルとなります。 対象読者 対象読者は以下のとおりです。 Unityを使ってゲームを作ろうとしたけれども、よくわからずに放置している Unityで2Dのゲームを作りたい プログラムの知識は多少ある C#を知っていると良い 知らなくてもC++やJavaの知識があればOK ゲームは作ったことがなくてもOK スクリプト言語にC#を使用するので、変数や関数やクラスについての知識が必要となります。できるだけわかりやすく説明したつもりですが、プログラム言語の知識があったほうが読み進めやすいと思います。 なお、開発環境はWindowsを想定しています。 目次 【Unity2D】Unityで2Dミニゲームを作るチュートリアル（第１回）※今のページ 【Unity2D】Unityで2Dミニゲームを作るチュートリアル（第２
Compassでスプライト画象を高速に書き出す方法 CompassでRetina対応をするとコンパイルにやたらと時間がかかってしまいます。 以下のままですとすごく時間がかかるのですが、 $sprites: sprite-map("sprites/*.png"); @mixin sprite-background($name) { background-image: sprite-url($sprites); background-repeat: no-repeat; display: block; height: image-height(sprite-file($sprites, $name)) / 2; width: image-width(sprite-file($sprites, $name)) / 2; $ypos: round(nth(sprite-position($spri
Progress Trackers in Web Design: Examples and Best Practices — Smashing Magazine
In this article, we will look at various uses of progress trackers and see how they’ve been implemented, what they are doing well, and what they are not doing well. When designing a large website, especially one that contains a store, you may be required to design a system for ordering online, or a multi-step process of another sort. Walking users through this process by making it easy and intuiti
画像結合/CSS切出で転送量&HTTPリクエスト削減 - CSS Sprite Generator 2 | エンタープライズ | マイコミジャーナル
CSS Sprite Generator Ed Eliot氏およびStuart Colville氏は23日(米国時間)、CSS Sprite Generatorの最新版となるCSS Sprite Generator 2を公開した。CSS Sprite Generator 2はオーバーホールが実施されたメジャーアップグレードバージョン。以前のバージョンでは画像の結合にGDを採用していたが、新しいバージョンではImageMagicが採用されている。この変更で従来のバージョンよりも高品質な画像が生成されるようになったほか、発見されていたバグが修正されている。 またCSS Sprite Generator 2では追加機能として、PNGまたはGIF画像で利用する色数を指定できるようになったほか、JPEGに対する画動品質が指定できるようになっている。またPNGを使っている場合に出力を圧縮する目的でOp
Quintus is an easy-to-learn, fun-to-use JavaScript HTML5 game engine for mobile, desktop and beyond!Demo Game a platfomer in ~80 lines of code, you can edit the code on the left. Click to focus, arrow keys to move. more var Q = Quintus() .include("Sprites, Scenes, Input, 2D, Touch, UI") .setup({ maximize: true }) .controls().touch() Q.Sprite.extend("Player",{ init: function(p) { this._super(p, { s
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
蚊に刺されないようにする方法＝Skrillexを聴くこと 新しい研究結果 - amass
簡単アニメーション！Pixi.jsを触ってみる！（1）テキストを動かしてみる - Qiita
SpritePad - ファイルをどんどん追加してスプライト画像を作成 MOONGIFT
Animated Menus Using jQuery � ShopDev Website Design Blog
Google+ Buttons in CSS | Improve your UI | Pixify
40+ Eye-Catching Mac Screen Savers
Scaling node.js to 100k concurrent connections!
compassでcssスプライトするときの出力をできるだけ少なくする試み - しるてく
jQueryプラグイン49選 | エンタープライズ | マイコミジャーナル
Cookie Clicker Wiki
第1回 使いやすいメニューはどう作る？ ～水平メニュー | gihyo.jp
[その1] HTTP/2の留意点とトレードオフ - ワザノバ | wazanova
CSS スプライト作成に便利な拡張機能「CSS Sprite Extension」 | デベロッパーセンター
【HTML/CSS/JavaScript】ウェブアプリを速くするための28の方法(翻訳) – T2
HDDのコントローラーをハッキングするとデータの傍受やHDD基板へのLinuxインストールが行える
CSS Spritesでメモリ消費量が増える！？ | Web標準Blog | ミツエーリンクス
【Unity2D】Unityで2Dミニゲームを作るチュートリアル（第１回） - Qiita
Compassでスプライト画象を高速に書き出す方法
Quintus JavaScript HTML5 Game Engine