オシャレなプレースホルダとなるダミー画像生成サービス「Placemat」:phpspot開発日誌Placemat オシャレなプレースホルダとなるダミー画像生成サービス「Placemat」。 RESTでパラメータを付けるだけで画像と、画像のサイズをつけた画像を返してくれます。 画像の種類には、画像や、場所、物を指定できます 関連エントリ 有名１３４サービスのロゴSVGアイコンセット 画像、動画、音声等を超クールにまとめられるサービス「Stampsy」
CSS3でホバーエフェクトをこれでもかというぐらい集めたサンプル集:phpspot開発日誌
モダンなプレゼンテーションをブラウザで表示できる「Shower Presentation ... 次の記事 ≫：ページサイドにセクションのナビゲーションを自動生成する「Section Scr...
CSSを使って画像にリアルタイムにフィルタをかけられる「colofilter.css」:phpspot開発日誌
colofilter.css CSSを使って画像にリアルタイムにフィルタをかけられる「colofilter.css」 IEなどのブラウザでは動かないものの、CSSのblend-modeによって画像に次のような豊富なフィルタを適用できます 関連エントリ 次世代のCSSホバーエフェクト全部のせ「iHover」 CSSアニメーションの終了をJSで検知してコールバックを実行できるJS ページスクロールに応じて要素を様々にCSSアニメーションしつつ表示できる「Story Box」 JavaScriptベースのCSSパーサー実装「css.js」 CSSアニメーションで音楽に視覚効果を与えられる「css-visualizer」 画像をピュアCSSに変換できるWEBツール「img2css」
かわいいデザインのON/OFFスイッチが実装できる「candlestick」:phpspot開発日誌
ブラウザの特徴をモダンな物も含め網羅的に判別できる1KBのJS「Feature.j... 次の記事 ≫：JSONデータをタイムラインとして表示してくれる「jQuery-TimelineMe」
クールな予約UIを実装できる「booking-js」:phpspot開発日誌
timekit-io/booking-js GitHub クールな予約UIを実装できる「booking-js」 次のようなGoogleアプリのようなインタフェースの予約UIが作れます。 開いている部分をクリックすれば予約が可能、という直感的インタフェースが実現できます。 関連エントリ jQueryとCSSで水平のタイムラインの実装デモ 人員のスケジュールを並べてタイムライン表示できる「schedulerjs」 FacebookスタイルのレスポンシブなタイムラインをBootstrapで実現するチュートリアル 自鯖で自分のステータスをタイムライン表示できるOSS「Cachet HQ」 タイムラインUIにラベルを付与して表示できる「Labella.js」
JSベースで円形等にも画像を切り抜きできる「Croppie」:phpspot開発日誌
Croppie - a simple javascript image cropper - Foliotek JSベースで円形等にも画像を切り抜きできる「Croppie」 円形で指定画像の一部分を拡大して切り抜くことが出来ます。 関連エントリ WEB上での画像の切り取りの決定版jQueryプラグイン「Cropper」
デザイナー必携。フォント管理時に役立つ、最新のフォント管理ツール「FontBase」:phpspot開発日誌
FontBase ? a blazing fast, beautiful and free font manager for Windows. デザイナー必携。フォント管理時に役立つ、最新のフォント管理ツール「FontBase」 UIがモダンなフォント管理ツールがダウンロードして利用できます。 好きな文字を打てば、入っているフォントでリストでプレビューされ、フォントのサイズ(px, em)指定、FG,BG色設定、お気に入りに追加したり出来て、デザイナーの方は入れない理由がないソフトウェアに思えます。 関連エントリ ポップなデザインが印象のアイコンフォント「Prestashop Official Icon Pack」
メッセージボックスや通知ダイアログ表示コンポーネントが多数詰まった「Lobianijs」:phpspot開発日誌
Lobianijs - Responsive jQuery messagebox and notification plugin available for commercial and non-commercial usages メッセージボックスや通知ダイアログ表示コンポーネントが多数詰まった「Lobianijs」 標準やBootstrap標準ではないようなダイアログ、通知のコンポーネントが利用できます 通知系。サウンドも鳴らすことができます 関連エントリ モダンなUIでモーダルダイアログを出すことができる「jQuery Popdown」 iOS風のモーダルダイアログを実装できる「basicModal」 確認ダイアログ（window.confirm）の実装をクロスブラウザで統一できる「jquery.confirm」 アニメーションするモダンなモーダルダイアログを汎用的につくれる「cta
WEBサイトへのショートカットキー機能とそのヘルプ実装が一括で可能な「visualkeys」:phpspot開発日誌
fermads/visualkeys GitHub WEBサイトへのショートカットキー機能とそのヘルプ実装が一括で可能な「visualkeys」 単にショートカットキーに対応する処理の記述を簡略化するだけでなく次のような分かりやすいヘルプも同時に作成できます。 キーボードショートカットを実装したもののほとんど使われない事を防ぐにはこうしたヒントが必要だと思われますが、同時生成してくれるのは便利です 関連エントリ 先進サイトはやっている「？キー」押下でキーボードショートカットのヘルプが作れる「QuestionMark.js」
BootstrapでのPaginationのUIをレスポンシブ化する「rpage」:phpspot開発日誌
auxiliary/rpage GitHub BootstrapでのPaginationのUIをレスポンシブ化する「rpage」 ページ幅と共に、PaginationのUIを拡大・縮小させられるjQueryプラグインです 意外とこの部分は対応が難しいせいか、レスポンシブ化が進化していないように思いますがこうしたプラグインが出てきたようです 関連エントリ BootstrapのDropdownメニューをよりリッチにすることができる「Bootstrap-dropselect」 Bootstrapのポップアップ機能を拡張できる「ggpopover.js」 BootstrapのDropdownメニューをホバーで開くように出来るプラグイン「bootstrap-hover-dropdown」 BootstrapでiOSアプリ風UIを作るBootstrapテーマ「Bootstrap iOS7」
クールな独自の右クリックコンテクストメニューを実装できるjQueryプラグイン「nuContextMenu」:phpspot開発日誌
nuContextMenu クールな独自の右クリックコンテクストメニューを実装できるjQueryプラグイン「nuContextMenu」 次のようにカッコいいコンテクストメニューが実装できます。対象の要素をセレクタで指定できるので、指定要素に対するコンテクストメニューが簡単に作れそうです 関連エントリ ファイルアップ用のDropゾーンを簡単に作れるjQueryプラグイン「Dropper」 アニメーション切り替えがカッコイイタブUI実装jQueryプラグイン「tabtab.js」 独自デザインのソーシャルシェアボタンが実装できるjQueryプラグイン「jsSocials」 必要な機能は全部入ったモダンなLightBox実装jQueryプラグイン「lightGallery」 エレメントにサウンドを自由に付けられるjQueryプラグイン「easyAudioEffects.js」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
要素の関連性をビジュアライズできる「VivaGraphJS」:phpspot開発日誌
ブラウザ上でリッチなOSのUIを実現できる「OS.js」:phpspot開発日誌
シンプルな円形プログレスバーの描画「ProgressPiesSVG」:phpspot開発日誌
textareaに行番号を付けられるjQueryプラグイン:phpspot開発日誌
２つの色をブレンドすることが出来るJS「colorblendjs」:phpspot開発日誌
親要素の縦横中央に内容を寄せられる「centerr」:phpspot開発日誌
JSでデータのビジュアリゼーション機能が豊富に詰まった「Pt.js」:phpspot開発日誌
フォームのインライン編集を簡単に出来る「jQuery.editable」:phpspot開発日誌
HTML5動画プレイヤーを拡張させられる「jquery-video-extend」:phpspot開発日誌