様々な有名Web系企業が採用した「ブランドカラー」をコレクションしている・BrandColors
AmazonやYahoo、Vimeo、Google などなど、様々なWeb系の企業 が採用したブランドカラーを コレクションしているWebサイト ・BrandColorsのご紹介。気分 転換に如何でしょう。
レビュー
グリッドレイアウトの雛形を手軽に生成出来るジェネレーター・The jQuerin Grid Builder(OSSにもなってます)
グリッドレイアウトの雛形を作成 出来るWebサービスのご紹介。よく あるサービスですが、OSSとしてソ ースも公開されているのでローカル 環境でも使えるのが有難かったの でシェアしたいと思います。
WordPressの記事にGoogleストリートビューを表示、コメントも加えられるプラグイン・Street View Comments
地名と緯度経度を指定すると、 ストリートビューを表示出来る WordPressのプラグインのご 紹介。ストリートビューには コメントも加える事が出来る 様になっています。
ファビコンに動的な円グラフを実装できるJSライブラリ・Piecon
ファビコンに動的な円グラフを実装 するJavaScriptライブラリ・Piecon のご紹介。ユニークなライブラリで すね。以前、ファビコンでテトリス を実装するライブラリを見かけまし たけど、今後増えるのかな。
作成物を手軽に販売できるWebデザイナー向けのマーケットプレイス・Fol.io
ちょっと面白そうだったのでシェア。 Webデザイナー専用のマーケットプレ イス、Fol.ioです。PSDやAI、EPS、 PNGなどのフォーマットを簡単にア ップロード可能で、そのまま販売でき るみたいです。
ワイヤーフレームやモックアップを作る際に便利そうな、様々な印刷用スケッチシートをPDF等で配布するWebサイト・Sneakpeekit
Webデザイン時のスケッチ用シート をPDF等で配布するWebサイトのご 紹介。とっても使いやすそうでし た。見た目も綺麗なのでスケッチを する方にとってはなかなか便利 かもしれません。
Sublime Text 2に登録できるCSSのスニペット集が配布されてます
テキストエディタはSublime Text 2 が最高に自分に馴染むので去年、正式 に乗り換えたんですが、Sublime Text 2に登録出来るスニペットのCSSのが 沢山配布されていたのでご紹介。
DOM操作用に作られた軽量JavaScriptフレームワーク・Chibi
DOM操作用の軽量JavaScriptフレーム ワーク・Chibiのご紹介。圧縮版で 5KBほどのフレームワークで、単純な DOM操作をjQueryライクに出来ます。 オールドブラウザにも対応してくれて るみたいです。
HTML5で使える要素を時間以内に入力するシンプルなオンラインクイズ・HTML5 Elements Quiz
ちょっとネタ的な話題。HTML5 で使える要素を時間内に入力 していく、というシンプルな クイズサイト。暇つぶしや腕試 しに如何でしょうか。意外と 出てこないもんですね。
WordPressの管理画面内にヘルプを作成・管理できるプラグイン・WP Help
珍しいタイプだったので何となく ご紹介。WordPressの管理画面内 のヘルプを作成・管理できる、 というWordPressのプラグイン。 記事を書くようにヘルプコンテ ンツを作成出来ます。
ブラウザ上でJavaScript開発が出来るJsbinがバージョンアップして外部サイトに実装デモを貼り付けられるようになったよ
jsfiddle同様に、Javascriptを ブラウザ上で開発、実行テスト 出来るjsbinがバージョンアップ したみたいで、今まで出来なか った外部サイトへの貼り付け等が 可能になりました。
直感でモバイルサイトのモックアップを作成出来るオンラインツール・Fluid UI
結構良かったのでご紹介。スマフォ やタブレットなどのモックアップを 直感で作成出来るWebサービスです。 かなり簡単に作れるので選択肢の 一つとして覚えておくといいかもし れません。
ミニマルで綺麗目なデザインのパターン素材を配布する・Minimal Patterns
ミニマル且つ綺麗目なデザインの パターン素材を配布するリソース サイト・Minimal Patternsのご紹介。 使いやすそうで重宝しそうです。 スマフォのアプリの背景にもいい かも知れません。
テキストでも画像でもルーペのように拡大できるjQueryのコード
よくある拡大鏡を実装するスクリプト です。マークアップも楽で、コード も少量で済むので参考にしました。 そんなに多用するUIではありませんが、 便利は便利なので覚えておきたいです。
スマートフォン向けのHTML5製フレームワーク・Lungo.js
今更ですけどLungo.jsを少し触って 見ました。Lungo.jsはHTML5+CSS3の スマートフォン向けフレームワーク です。jQueryやmootoolsなどを必要 としない非依存型のライブラリです ので覚えておいて損は...
ベーシックなコンテンツスライダーを実装するjQueryプラグイン・EVO SLIDER
お休みですので軽い話題。もう いいだろってくらい出回ってい るコンテンツスライダーですが、 汎用性が高そうだったのでご 紹介。アコーディオンにも出来 るプラグインです。
画面サイズに応じて任意のCSSファイルをロードするJavaScriptライブラリ・sizeit.js
画面のサイズを指定して、その サイズに応じて任意のCSSファイル をロードするスクリプトのご紹介。 Media Queries等によってCSSが 肥大化してしまった場合は使って あげると軽量化できるかもですね。
WordPressのプラグインを作成出来るWordPressプラグイン・Pluginception（ややこしい）
ネタのようなタイトルですが・・・ WordPressの管理画面内でプラグイン を作れるプラグインです。よく、 functions.phpに追記、みたいなカス タマイズ記事がありますが、あのコ ードを管理出来る、というもの。
WordPress3.4のライブプレビュー機能にCSS項目を追加できるプラグイン・Live CSS Preview
WordPress3.4から搭載されたライブ プレビュー機能に、CSSを直書きする 項目を追加できるWordPressのプラグ イン・Live CSS Previewをご紹介し ます。こういう事も出来るんですね。
ページ遷移不要の、シンプルなWebサイトを作るための軽量jQueryプラグイン・Pagify
よく見かける、ページ遷移のない Webサイトを作る為のjQueryプラ グイン。ですが、高機能な物では なく、極めてシンプルで、ライブ ラリも軽量です。サクッと作りた い時のテンプレにもいいかも。
スマフォ向けサイトを構築する為のシンプルなJSフレームワーク・Sidetap
ちょっと良さそうだったのでメモ。 スマフォ用サイト向けのシンプル なフレームワーク・Sidetapです。 jQueryのライブラリですので、動作 にはjQueryが必要ですが、ライブ ラリ自体はそこそこ軽量みたい。
GithubにあるHTMLをレンダリングしてその場で表示出来るChromeエクステンション・Githtml
個人的に嬉しいエクステンション だったのでご紹介。Githubにある リポジトリのHTMLをその場でレンダ リングし、デモとして表示させる 事が出来るChromeエクステンション、 Githtmlです。