【献本御礼】HTML5マークアップ 現場で使える最短攻略ガイドをご献本頂きました
まずはアスキーメディアワークスさんより献本御礼。同梱されているお手紙も拝見させて頂いております。有り難うございますー！
レビュー
Twitter Bootstrap向けのUIキットを複数配布する・PixelKit-Bootstrap-UI-Kits
Twitter Bootstrap向けのUIキットを配布するプロジェクトが素敵だったので備忘録。何種類か用意されており、どれもクオリティの高いものとなっています。
input要素のplaceholderをフォーカス時に上にアニメーション付きで押し出すスクリプト・jQuery Label Better
ちょっとかわいかったので備忘録。placeholderとは別にテキストを用意し、inputにフォーカスした際にポンッと押し上げる、というスクリプトです。jQueryに依存します。
一文字ずつテキストにアニメーションエフェクトを加えるスクリプト・funnyText.js
ユニークなスクリプトだったのでなんとなくメモ。一文字ずつエフェクトを加えてランダムに動かす、というもの。やりすぎるとアレですけどこれはこれで面白いですね。
コンテナのサイズに合わせて画像をフィットさせるスクリプト・imagefill.js
コンテナのサイズに合わせて自動的に画像をフィットさせる、というスクリプトのご紹介です。jQueryに依存しています。RWDなんかと相性良さそうですね。
好みのアイコンを選択して一括ダウンロード出来るSVGアイコンのライブラリー・iconmelon
可愛らしいデザインのSVGアイコンをダウンロード出来る、というWebサイトのご紹介。好みのアイコンを選択して一括でDLする事が出来ます。
手軽にスマフォにも対応したプレゼンテーションを作成出来るツール・Swipe
手軽で良かったのでメモ。オンラインでプレゼンを作れるツールです。スマフォにも対応しており、シェアも容易に行えるみたいですね。
オンラインの請求書発行システムを実装出来るPHP製のソフトウェア・FusionInvoice
ちょっと気になったので備忘録です。オンラインの請求書発行システムを構築できる、というソフトウェア。OSSで配布されていますが、ライセンスは独自のライセンスのようです。
Google Mapのカラー見本とコードをまとめている・Snazzy Maps
Google Mapのカラー見本と、変更する為のコードをまとめているWebサイト・Snazzy Mapsのご紹介です。Webデザインに合わせてGoogle Mapのデザインも変更しておきたいですね。
リッチなテーブルを実装する為のjQueryプラグイン・Open JS Grid
リッチーなテーブルを実装するjQueryプラグイン・Open JS Gridのご紹介です。大量のデータを扱うコンテンツ等で導入を検討したいですね。
コーディング不要でDropboxに保管している画像からプロトタイプを作成出来るツール・Marvel
なかなか便利そうだったのでメモがてらご紹介。コーディング不要のプロトタイピングツールです。Dropboxに保管してある画像データやPSDから簡単に作成する事ができます。
Bootstrap用の、ページ内の目次を生成するスクリプト・tocify.js
Twitter Bootstrap用の、目次生成スクリプト・tocify.jsのご紹介です。見出しを探し出して自動で目次を作る、みたいなやつ。実装も楽でユーザーにも優しい実装なのは素敵ですね。
iOSのドローアプリ・Inkpadがオープンソースとして公開されています
iOSのお絵かきアプリ・InkpadがOSSとして公開されていたので備忘録。今は無料になったとはいえ、丸ごと公開とは太っ腹ですね。今後も増えていくのかな・・・
input要素に入力パターンを組み込めるjQueryプラグイン・formatter.js
地味に便利そうだったのでメモ。input要素に入力パターンを組み込める、というスクリプトです。jQueryに依存しています。ユーザーの入力の補助によさそう。
ページ内の目次を自動生成するjQueryプラグイン・jQuery Jump To
ページ内の目次を自動生成する、というスクリプトのご紹介です。見出しを検出してページ内のナビゲーションを作成出来ます。冗長なページにはあると良さそうですね。
Twitter Bootstrap向けのMarkdownエディタを実装出来るスクリプト・Bootstrap Markdown
Bootstrap向けのMarkdownエディタを実装出来る、というスクリプトのご紹介です。Markdown対応のエディタで、タグ保管機能も付いています。なかなか良さそうです。
CSSのテストを行うためのリソースをまとめている・csste.st
CSSのテストを行うためのリソースを収集、公開しているWebサイトがあったのでメモ。どのようにテストを行うか、なぜ行うか、ツールの紹介などなど。
データベース不要でインストールも手軽に出来る、シンプルなオープンソースのCMS・Dropplets
ちょっと良さそうだったので備忘録。DB不要のOSSのCMSです。Markdown記法のブログエンジンみたい。インストールはサーバーにおくだけなので1分も掛かりません。
プロジェクト管理ツールをWeb上で実装出来るPHP製のソフトウェア・Solo
プロジェクト管理ツールをWeb上で構築するソフトウェア・Soloのご紹介です。フリーランサー向けに作られたようですね。見た目も見やすいので使ってみたい。
フリップエフェクト付きのローディングインジケーターを実装するスクリプト・Flipload.js
フリップ（引っくり返す）エフェクト付きのローンディングインジケーターを実装する、というライブラリのご紹介です。目立つのでロード中というのをしっかり明示できそうです。
レスポンシブWebデザイン対応のグリッドレイアウト向けコンタクトフォームを構築する為のCSSフレームワーク・Grid Forms
RWD対応のグリッドレイアト向けフォームを作る為のCSSフレームワークのご紹介です。表題のとおり用途はある程度限定されますが、覚えておいて損は無さそうです。
画像内の部分的な明度を判定して、重ねたエレメントにclassを付与するライブラリ・BackgroundCheck
画像の中の明度を部分的に判定し、そこに重ねられたエレメントにそれぞれclassを与える、というライブラリのご紹介。技術的に面白かったので備忘録です。