PgwBrowser - Browser & OS / platform detection plugin for jQuery / Zepto ブラウザ判別の詳細情報をJSONで取得できる「PgwBrowser」 次のような詳細情報を取得できるjQueryプラグインで、iPhone/Androidにも当然ながら対応しています 関連エントリ アドブロック判別用jQueryプラグイン「Adi.js」 ブラウザの特徴をモダンな物も含め網羅的に判別できる1KBのJS「Feature.js」
Twitter Heart Button CSS3 Animation TwitterのハートボタンのCSS3アニメーションの再現チュートリアル 先日変更されたTwitterのハートマークのアニメーションを自サイトで再現できます 関連エントリ 要素にclassを指定できるだけでcss3アニメーションさせられる「ALL ANIMATION CSS3」 css3でハードウェアベースの高速アニメーションが実装できる「jquery.hx」 CSSアニメーションの終了をJSで検知してコールバックを実行できるJS JSでActionScript3ライクにピュアCSS3な高速アニメーションを生成できる「Agile Css3 Engine」 CSSアニメーションで音楽に視覚効果を与えられる「css-visualizer」
Responsive Accordion - jQuery Plugin レスポンシブでスマホで便利に使えそうなアコーディオン実装「Responsive Accordion」 アニメーション等もいい感じでなかなか使えそうです。 関連エントリ モバイルファーストでレスポンシブなアコーディオン実装「Bellows」
Eco-Scroll.js Googleマップ風に画像を複数ならべてギャラリー風にできる「Eco-Scroll.js」。 Googleマップは複数の画像をしきつめて地図を表示していますが、同じように特定の画像を並べてGoogleマップ風にグリグリ動かせるUIが作れます。 タッチ端末にも対応しています。 動作概念。画像をタイル上に並べて無限スクロールも可能。 関連エントリ クリッカブルマップもレスポンシブにするjQueryプラグイン「Responsive Image Maps」 ヒートマップが簡単に描画できるライブラリ「heatmap.js」 Googleマップを遅延ロードしてページ読込速度を上げてくれるjQueryプラグイン「Lazy-loading」 ブラウザ上で交通マップが作れる「transitive.js」
Welcome to an Easier Way to Blog MediumっぽいMarkdown形式の自前ブログサイトが簡単に作れるPHPのOSS「Dropplets」 データベース不要なのでサーバにUPすればそのまま使えるようです。 WordPressじゃありきたりすぎるし、とにかくモダンでクールなブログを作りたいという場合に使ってみてもよいかも。 関連エントリ Markdown形式をリアルタイムプレビューしつつ編集可能にするjQueryプラグイン「Meltdown」 Node.jsベースでmarkdown記法が使えるFAQサイト構築OSS「Raneto」 モダンで多機能な新しいPHP製CMS「Pagekit」
Twibble.io - A Better RSS feed to Twitter Service 画像等を抽出しつつRSSフィードをTwitterに投稿できる等便利なWEBツール「Twibble.io」。 ツイートのスケジュール設定等もWEBで出来るみたいです。モダンな管理画面からフィードを追加できたり、フィードのクリックを解析したり出来る模様 関連エントリ Twitterのmentionを補完できるようにするjQueryプラグイン「Mention.js」 Twitterのカッコいいカバー写真がみつかる「Twitter Covers」 Twitter,FB,Lineなどへのシェアを実現するシンプルなjQueryプラグイン「SNS Share」
Justified Gallery 新Flickr風のギャラリーが作れるjQueryプラグイン「Justified Gallery」。 PinterestというよりはFlickrの最近変わった新しいギャラリーっぽいギャラリーが簡単に実装できます 次のようにタイル上に敷き詰められ、カーソルを合わせるとキャプションがでるというものです。 高さやマージンの調整等、色々と細かなカスタマイズもできるみたい。 関連エントリ レスポンシブでPinterest風レイアウトのギャラリーが作れるjQueryプラグイン「Galereya」 PCでもスマホでもスワイプできるギャラリー実装プラグイン「jQuery.swapgallerywithdots」 レスポンシブ対応でCSS3アニメーションを使った超クールギャラリー実装プラグイン「S Gallery」 Google画像検索っぽい画像ギャラリーが作れるjQuer
Dynatable.js - jQuery plugin for HTML5 JSON interactive tables and more HTML5+JSONでインタラクティブなテーブルを作れる「Dynatable.js」 JSONからtable、tableからJSON形式に変換でき、実装できるテーブルもソートしたり件数を絞り込めたり検索できたりと、リッチにしてくれ、かつシンプルなデザインで使いやすいテーブルが作れるライブラリです。 tableはデータと密接な関係にあることが多いですから、こういうライブラリは結構使えそうです。 関連エントリ テーブルを折りたたみ可能なツリー型グリッドに変換できる「TreeGrid」 普通のテーブルをExcel風に超カッコよくしてくれるjQueryプラグイン「ParamQuery」 テーブル行をインクリメンタル検索できるようにするjQueryプラグイン
Pure Yahooが作ったピュアCSSのUIライブラリ「Pure」 グリッド、フォーム、ボタン、テーブル、メニュー等を実現するCSSモジュールです。 なんとなくBootstrapっぽい感じがしますが、JavaScriptレスというのが特徴なんでしょうか。 今時JavaScriptは普通に動くでしょ、という方もいるかもしれませんが、CSSのみなので5.7KBという軽量さがアドバンテージになるのかもしれませんね。 レスポンシブサイトをつくる際にも使えるということで、選択肢の1つとして評価検証してみてもよいのかも。 関連エントリ レスポンシブに使えるタブUI実装jQueryプラグイン「Easy-Responsive-Tabs-to-Accordion」 範囲指定が可能になるUI実装jQueryプラグイン「noUiSlider」 フラットで綺麗なUIライブラリFlatUIのモバイルテーマ「Fla
BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」 2013年04月05日- Bootstrap Form Helpers BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」。 国、通貨、日付、時間、電話番号、フォント等を入力する際に便利そうなインプットのヘルパーライブラリのご紹介。 次のように、多数のフォーム入力ウィジェットが追加で利用できます。 フォントは見たままで表示されて、selectから選べるので便利そう。 UIデザインもいい感じ。 関連エントリ Bootstrapベースのサイトでサイトの使い方をステップ別にオーバレイ表示できる「Bootstro.js」 BootstrapをベースとしたフリーのUIKit「Flat UI」 Bootstrapのテーマで良い感じに動くオート
Simple yet amazing CSS3 border transition effects CSS3でボーダーを超かっこよくアニメーションするサンプル とりあえずデモページを見ていただくのが一番ですが、ボーダーをアニメーションさせて未だかつて無い効果をブラウザ上で表現しています。 デモページ 応用することでかなりいろんなことができそうだな、という、なんだかとってもワクワクするデモでした。 関連エントリ CSS3でシャレオツなリストを作るチュートリアル PhotoshopでデザインしたシェイプをCSS3に変換するプラグイン「CSS3Ps」 CSS3やCanvas、JS等を使ったローディング画像実装プラグイン12 フルスクリーン背景がスライドショーになるCSS3サンプル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く