pngquant is a command-line utility and a library for lossy compression of PNG images. The conversion reduces file sizes significantly (often as much as 70%) and preserves full alpha transparency. Generated images are compatible with all web browsers and operating systems. Features High-quality palette generation using a combination of vector quantization algorithms. Unique adaptive dithering algor
Webで動かしながら操作案内を簡単設置! 使わないとかなり損するIntro.jsとは:HTML5アプリ作ろうぜ!(8)(1/2 ページ) HTMLに属性を追加していくだけで、実際に操作しながら案内できるチュートリアルを簡単に付けられるJavaScriptライブラリの使い方を解説します。 動画や専用ページのチュートリアルより分かりやすく、HTML初心者でも手軽に設置できるIntro.js 今回の「HTML5アプリ作ろうぜ!」は、「Intro.js」を紹介します。 読者の皆さんは、Webサイト/Webサービスのチュートリアル/操作案内を作成するには、チュートリアル専用のWebページを作成したり、操作する動画を作成したりしている方も多いかと思います。Intro.jsを利用すると、実際に操作しながら案内できるチュートリアルを簡単に付けることができます。そのため、チュートリアル専用ページや動画を作成
tmlib.js って何? ゲームやツールを簡単に作る事ができる JavaScript ライブラリだよ♪ PC とスマートフォンどちらでも動くんだ 『プログラミングって気軽にできるもんなんだ』 『ゲームってこんなに簡単に作れるんだ』 って感じてもらえると嬉しいな かんたんに使えるよ♪ tmlib.js は初心者から上級者まで 幅広く使えるライブラリだよ Usage を見ればすぐに tmlib.js を 使ってプログラミングを始められるよ
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
大英図書館(The British Library)は100万点以上の画像をFlickr Commons上に公開した(こちら)。誰もが無料で利用できる。この画像を素材として自由に利用できるのだ。 17世紀、18世紀、19世紀に発行された本の中の画像が今回の公開対象で、これらの本はマイクロソフトによってデジタル化されている。地図やイラスト、風景画、壁画などの画像が多い。スクロールしていくと明治維新前後の日本を描いたイラスト出会ったので、それを掲載している書籍の画像集を見てみた(こちら)。以下はその一部。 書籍のタイトルなどは次の通り。英国人にとって人跡未踏のニッポンの風俗などをイラストで紹介した、1885年発行の本である。各イラストは高解像度でスキャンされているので、フル画面でもきれいに見ることができるものが多い。 Title: "Unbeaten Tracks in Japan ... N
Box2DFlashAS3 2.0.1 Drag objects with the mouse. 'Left'/'Right' arrows to go to previous/next example. 'R' to reset. Update: Version 2.0.1 released!. Box2DFlashAS3 is an open source port of Erin Catto's powerful c++ physics library Box2D. Cycle through the demos above to see some of the features. Full source code for the engine and examples can be downloaded from the project's sourceforge page fou
Mike Matas(マイク・マタス)というデザイナーの名前を聞いたことはありますか?以前「Dribbbleでフォローしたい、世界トップレベルのUIデザイナー14人」でも少し紹介しましたが、UIデザインの歴史について調べたら必ず彼の名前が見つかるはずです。Mikeは私たちが毎日使っているiPhoneのユーザー・インタフェースの重要な部分を多く担当し、今のUIの基礎を生み出したと言っても過言ではないほど、素晴らしいデザイナーなのです。今回のMEMOPATCHは彼が今まで手掛けてきたデザインをまとめて紹介します! 14歳からデザインの仕事をはじめる Mike Matas(マイク・マタス)は14歳のときにMac OS Xアプリケーションのためのアイコンやロゴを描くというスモールビジネスをはじめ、Macのコミュニティの間でアイコンデザイナーとして徐々に有名になっていきました。(上に掲載したWats
Moment.js 2.30.1 Parse, validate, manipulate, and display dates and times in JavaScript. Install npm install moment --save # npm yarn add moment # Yarn Install-Package Moment.js # NuGet spm install moment --save # spm meteor add momentjs:moment # meteor bower install moment --save # bower (deprecated) Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format
About¶ Cocos2d-x is an open-source mobile 2D game framework, released under MIT License. It is a C++ version of cocos2d-iphone project. Our focus for cocos2d-x development is around making cocos2d cross platforms. On top of the framework provided by cocos2d-x, mobile games can be written in C++ or Lua, using API that is COMPLETELY COMPATIBLE with that of cocos2d-iphone. Cocos2d-x project can easil
iOS Advent Calendar 9日目担当のntakuです。 もし、iOS開発する上で一番大変なことはなんですか?と聞かれれば間違いなくUIの開発!と答えます。同じ価値や機能を提供するにしても、使っていて気持ちが良いUIであるかどうかでアプリの評価は大きく変わってくると思います。 何がベストなのか、はやはり実際にプロトタイプを作ってみないと分からないわけですが、あのアプリのUIをちょっと真似してみようと思ったり、このアプリと同じように作ってくださいと言われるとそれだけで数日かかってしまうこともざらにあります。 そんなことを繰り返していると中々アプリが完成しないわけなのですが、その期間を少しでも短縮するために、私が開発する際に活用しているのがCocoa Controlsというサイトです。 Cocoa Controls Cocoa ControlsはiOSやMax OS X開発者が開発
I have been using it quite substantially for a number of different projects now and must say that I absolutely love the way it works. - Soteri Panagou I've been using your grid on a couple of small projects and I've got to say it's an awesome piece of work. It's very easy to configure and offers a lot of features while staying really responsive. As a programmer it inspires me to write better code.
w2uiはデスクトップ、スマートフォン、タブレットに対応したJavaScript UIライブラリです。 新しいJavaScript UIライブラリの紹介です。名前はw2ui、多数のウィジェットを搭載したUIライブラリとなっています。 レイアウト。 グリッド。 詳細検索対応。 ツールバー。 サイドバー。階層表示に対応しています。 タブ。 フォーム。 ポップアップ。 ツールチップ。 その他ユーティリティ。 w2uiのサイズは37KB(ミニファイ&Gzip)で、これはExtJSの1/12、Kendo UIの1/6となっています。また、jQueryベースという特徴、全てのウィジェットをまとめて提供、IE9、Firefox7、Google Chrome、Safari5に対応となっています。デスクトップはもちろん、タブレットやスマートフォンにも対応しています。 w2uiはJavaScript製、MIT
自作のjQueryプラグイン、jQuery.flickSimpleを公開します。 jQuery.flickSimple デモ / マニュアル(iPhone/Androidでもご覧いただけます) jQuery.flickSimple ダウンロード(github) これは、iPhoneの特徴的なインタフェースであるフリック操作を、Webサイト上で実現するための jQueryプラグインです。某サイトのiPhone版のためにだいぶ前に書いたもので、当時はiPhone専用だったのですが、Android対応の依頼を受けたのをきっかけに、PCのブラウザにも対応しようと、大幅に作り直したものです。 フリック動作を実現するjQueryプラグインは既にいくつかあります。機能としても実装としても、私が作ったものより優れているものもあると思いますが、まずは公開することに意義がある、ということで。 ちなみに、このス
プレフィックス(接頭辞)を使用して、ロードのタイミング、UAごとに必要なファイルだけをロードなど、条件付きでファイルをロードさせることができるスクリプトローダーを紹介します。 yepnope.js -A Conditional Loader For Your Polyfills! [ad#ad-2] yepnope.jsの書式 yepnope.jsの基本書式は、下記のようになります。 yepnope(resources /* string | object | array */ [, $LABchain]) css! プレフィックス「css!」を使用して、指定したファイルをCSSファイルとしてロードします。 ※「.css」で終了していない名前はJavaScriptファイルとして認識されます。 例:cachebusted.css?version=1452318 yepnope({ load
何をスクロールさせるかの指定 全てのマッチする要素がスクロールさせられる。 $('div.pane').scrollTo(...);//all divs w/class pane window (screen)をスクロールさせる場合には以下のように。 $.scrollTo(...); どこへスクロールするかの指定 目標位置の指定には様々な方法がある。 数値 文字列('44', '100px', '+=30px'など) DOM要素(スクロール可能な要素の子) スクロール可能な要素に関連付けられているセレクタ { top:x, left:y }のようなハッシュ。xとyは上記のように数値や文字列 水平、垂直両方向に移動し、x, yが違う値の場合のみハッシュが必要。詳しくは以下に。 セッティング アニメーションと最終地点をカスタマイズするための多くのオプションがある。 axis スクロールの軸。'
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く