数値だけでなく、日付や時刻にも対応したスライダー・jQRangeSlider
D&Dで操作するスライダーを実装するjQuery依存のスクリプトです。数値のものが多いですが、こちらは日付や時刻などにも対応しています。使うシーンは多くは無いかもですけど、便利そうです。
"キーワード指定なし"
iOSのホーム画面に作るフォルダっぽいやつを実装するjQueryライブラリ・App Folders
iPhoneやiPadのホーム画面に作れるフォルダっぽい動作のコンテンツを実装出来る、というスクリプト。動作はかなり再現出来てる気がします。
コピペやドラッグ&ドロップで画像をアップロードできる共有サービス・Pasteboard
地味に便利そうな気がしたので備忘録。コピペで画像をアップロード、共有も可能なWebサービスです。テキストを書く等の編集機能はありませんが、クロップは一応可能です。
CSSを使ったタイポグラフィ例を収集、コードも確認できるギャラリーサイト・typespiration
CSSによるタイポグラフィ例を収集しているギャラリーサイトのご紹介です。英語圏のサイトなので日本語はまた別ではありますが、これはこれで参考になるかと思います。まだ数が少ないので今後に期待。
HTMLコードを解析して問題箇所と理由を知らせてくれるブックマークレット・HTML_CodeSniffer
HTMLの構文チェックをその場で できるブックマークレットです。 問題箇所の数や、問題箇所もお しえてくれます。割と便利そう だったのでご紹介してみます。
さまざまな国の郵便番号から市区や州などの地名を取得出来るAPIを公開、提供している・Zippopotamus
日本だけでなく、海外の方もターゲットにしているコンテンツに需要あるかも、と思ったのでメモがてらご紹介します。様々な国の郵便番号を取得できる、というAPIを公開、提供しているWebサイト、Zippopotamusです。勿論、日本も入っています...
スライド時にキャプション等のテキストを遅延表示させる事が出来るイメージスライダー・ayaSlider
キャプション等のテキストがスライド時に遅延して表示させる、という演出が可能なイメージスライダーのご紹介。上手く説明できないのでデモをご覧頂ければと思います。
HTML5によるWebカメラの導入をサポートするjQueryプラグイン・Photobooth.js
HTML5でWebカメラに対応可能なWebサイトを実装するのを手助けしてくれる、というスクリプトのご紹介です。トリミングや色彩変更などの編集も可能のようです。
HTML5のvideoタグを使って背景に動画を設定するjQueryプラグイン・videoBG
HTML5から使えるvideoタグで背景への動画設定を簡単に行えるというスクリプトです。対応していないブラウザには静画が表示されるようになっているみたい。
マウスホバーでツールチップにWikipediaの内容を表示させるjQueryプラグイン・wikiUp
ちょっと需要あるかも？と思ったのでご紹介。Wikipediaの情報をツールチップとして表示させる、というjQueryプラグインです。日本語にも勿論対応しています。ヘルプにも使えるかもしれない。
Twitter Bootstrapのリソースを大量にまとめたサイト・The Big Badass List
人気のフレームワーク、Bootstrapを使う際に役立つリソースを大量に集めているWebサイト・The Big Badass Listのご紹介です。現在でも200近くのリソースがまとめられています。既に利用されている方は覗いてみては。
グリッドレイアウト対応のシンプルなCSSフレームワーク・IVORY FRAMEWORK
シンプルなCSSフレームワークです。グリッドレイアウトとレスポンシブに対応。同じようなフレームワークはいくつもありますが選択肢が多いにこした事は無いのでご紹介。
iOSやAndroid向けのアプリアイコンを作成出来るオンラインのジェネレーター・MakeAppIcon
iPhoneやiPad、Androidなどの ホーム画面に表示されるアプリの アイコンを作成出来る、という ジェネレーターのご紹介です。 高機能なものではなく、画像を 取り込んで作成するシンプルなもの。
MetroライクなTwitter Bootstrap用デザインテーマ･Cosmo
Metroライクなデザインに変更 できるTwitter Bootstrapのテ ーマ・Cosmoのご紹介です。 Bootstrapはレイアウトが上手く 出来ているので見た目を変える だけで十分かもしれないですね。
jQuery UIで使えるアイコンの名前を調べるためのチートシート・jQuery UI icon name map
jQuery UIで用意されてるアイコン のチートシートです。使用頻度が 高いならチートシートを持ってお くと便利かもしれません。調べる の面倒ですしね。自分のようにたま にしか使わないなら不要ですが。
tableをレスポンシブWebデザインに対応させるスクリプト・FooTable
table要素をレスポンシブに対応させる、というスクリプトです。他にも同じようなスクリプトは存在しますが実用的ではなかったので紹介してなかったですけどこれはアリな気がします。
JavaScript製のショッピングカートシステム・simpleCart(js)
JSだけで作れるショッピングカート システム・simpleCart(js)のご紹介。 作れる、と書いてますけどまだ触って 無いです。便利そうだったので備忘録 的に記事にして見ます。簡単なもの ならこういうライトなもので済ませ た...
Bootstrap向けの汎用的なモーダルボックス実装スクリプト・Bootstrap Modal
よさ気だったのでメモ。Twitter Bootstrap向けのモーダルスクリ プト、Bootstrap Modalです。既存 のモーダルクラスの代替、または パッチとして利用出来る、との事 です。
JavaScriptのライブラリを沢山集めてカタログ化しているWebサイト・Jster
JSライブラリのまとめサイトの ご紹介。既知の方も多いかもし れませんが、探すのに便利なの で改めてご紹介します。カテゴ リ分けもしてくれているので探 しやすいです。
SlideShare等にあるスライドを動画とシンクロさせるJavaScriptライブラリ・Presentz
自分では多分使わないと思います けど、技術が凄いなーと感じたの でご紹介。よくあるスライドを、 YoutubeやVimeoなどの動画にシン クロさせる、というライブラリ だそうです。
LocalStorageを使用するシンプルで軽量なモックアップ作成ツール・mockup-designer
LocalStorageを使用したモックアップ の作成ツールのご紹介。シンプルで 軽量なので使いやすいです。見やすい し、D&Dで操作出来ます。手軽で使い やすいのは素敵ですね。プレゼン用 なんかにもいいかもしれません。
ドラッグ&ドロップによる再配置も可能な、タイル状に要素を配置するjQueryプラグイン・jQuery.Shapeshift
要素をタイル状に配置してくれる、というjQueryプラグイン。特に目新しいものでは無いですけど。Pinterestライクなレイアウトを実装出来る、と言ったほうが伝わりやすいかも知れませんね。