レスポンシブWebデザインに対応している各CSSフレームワークや人気のライブラリの動作テストを手軽に行える・「Codeply」
複数選択可能なselect要素をチェックボックス対応・一括選択可能にするjQueryプラグイン・Multiple Select
複数選択可能なselect要素をチェックボックス対応・一括選択可能にするjQueryプラグイン・Multiple Selectのご紹介。なかなか便利そうだったので備忘録です。 複数選択可能なselectボックスを直感的な操作で手軽に選択できるようにしよう、というもの。グループ化したものも一括選択できるのが個人的には嬉しかったです。 動作サンプルです。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="jquery.multiple.select.js"></script>本体とプラグインを読み込みます。 $('#foo').multipleSelect();セレクタにはselect要素を指定します。 また、細かいオプション設定が可能です。詳
Google Mapで任意の場所の周囲にある施設をマーカーで表示するjQueryプラグイン・WhatsNearby
Google Mapで、任意のポイントと、そのポイントの周囲にある施設をマーカーで表示出来る、というスクリプトです。範囲の距離の指定や施設の種類、中心地に設定したマーカーなども設定出来るようになっています。 Google Mapの任意の場所の周囲にある施設をマーカー表示する、というもの。うまく説明出来ませんが語彙がアレなのでご了承下さい。 以下動作サンプルです。 下北沢駅周辺の半径200メートル内のカフェを表示させました。マーカーをクリックすればお店の情報がポップアップします。 $("#foo").whatsnearby({ zoom:17, width:"100%", address: "下北沢", placesRadius: 200, placesTypes: [ 'cafe' ] });セッティングは上記のような感じ。placesRadiusで指定場所から半径～メートル内にある、pl
フォームでユーザーにヘルプをツールチップで実装するjQueryプラグイン・jQuery FormHelp
割と需要ありそうなので備忘録ついでにご紹介。ツールチップで実装する、テキストのフォームヘルパーです。「こういう具合に入力してね」みたいなのを明示するやつ。 フォームのそれぞれの項目にヘルプを作るスクリプトです。マウスホバーやフォーカスでツールチップを出す、というもの。プラグインで実装するほどのものでも無いかもですけど、これはこれで楽そう。 動作サンプルです。HTMLを普通にマークアップするだけで自由にツールチップ内に実装できるのは楽ですね。 コード 本体とプラグインを読み込みます。 $.formHelp();コールします。 <input id="input-email" type="email"/> <span class="helptext" data-for="#input-email"> <p>ここにツールチップ</p> <hr> HTMLが自由に使えます <ul> <li>One<
CSSのみで書かれたアイコンのセット・「CIKONSS」
CIKONSSはCSSのみで書かれたアイコンのソースを配布するWebサイトです。IE8までなら同じ表示が可能のようです。アイコンの種類もそれなりにあるみたい。実用性は置いておいて、どこかでコードが役に立つかもしれないと思って備忘録。 CIKONSS
Andoroidアプリ用プロトタイプを作成する為のHTML/CSSフレームワーク・「Fries」
Frieshは、HTML/CSS/JavaScriptベースで作る、Androidアプリ用プロトタイプ作成フレームワーク。RATCHETに刺激されてAndorid向けも作成したくなった、との事らしいです。ライセンスはMIT。 Fries
ミニマルなデザインで見やすいRSSリーダー・Yoleo
RSSリーダーを探してたんですけど、好みのものがようやく見つかりました。デザインもミニマルでGoogleリーダーに近い印象なのでこちらを代替として利用させて頂こうと思います。 まだ探してたのかよってくらい今更ですけどようやく好みのを見つけました。やっぱりシンプルな方が自分に合ってるみたいです。 いいRSSリーダーがありました。TwitterとかFBとかキュレなんとか等はなんだかいろいろ面倒臭いので僕はRSS択一です。と言っても購読してるサイトは20前後なのでOperaの標準機能でいいかな、とも思ったんですけど、とりあえずこちらを利用させて頂く事にしました。 ショートカットもいろいろ用意されています。jやkは記事の前後へ、sはスターをつける、vでオリジナル記事に飛ぶ、などなど。 購読サイトを気が向いたときに読むだけなのでこれくらいが丁度いい感じです。 Yoleo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryを使った100のテクニックとサンプルコードを一括配布している・「jQuery Trickshots」
世界中で販売されている食品のデータを収集し、データベース化するプロジェクト・「Open Food Facts」
Gitを使ったバージョン管理を動画で学べる学習サイト・「Learn Git」
プロジェクト管理ツールをWeb上で実装出来るPHP製のソフトウェア・Solo
Twitter Bootstrapでフラットなデザインを構築する為のフレームワーク・「Bootflat」
要素をフリップさせるためのライブラリ・Flippant.js
Web上でアイコンフォントを作成できる・「Fontastic」
CSSライブラリをコレクションしている・「CSSDB.co」
レスポンシブWebデザイン対応のWebサイトを構築する為の軽量フロントエンドフレームワーク・「skel.js」
YUIを使用したUIフレームワーク・「AlloyUI」
描いた絵をGifアニメに出来るペイントツール・「GIFPaint」
SASS/Compassで構築されたCSSボタンライブラリ・「Buttons」
タッチイベントをPCサイトで動作テストできるようにするブックマークレット・「Phantom Limb」
