2012年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年目立ったのは、やはりレスポンシブ、そしてCSS3アニメーションでしょうか。 スライダーやギャラリー系もレスポンシブ・アニメーション対応、ナビゲーションやPinterst風のレイアウトなど、多くのプラグインにそれら二つの要素が組み合わさっています。 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関連 背景画像関連 コンテンツスライダー・カルーセル関連 ナビゲーション関連 レイアウト関連 レスポンシブ関連 パネル・ボックス関連 ツールチップ・ティッカー関連 アニメーション関連 エフェクト関連 スクロール操作・スクロールコンテンツ関連 リスト関連 テーブル関連 フォーム関連 テキスト関連 見出し抽出関連 ローディング関連 エレメント・コンテンツ生成 その他 動画関連
Social media plugin and widget demos featuring jQuery Socialist: a social media and RSS feed plugin that combines multiple sources, and jQuery Share: a single click social sharing pluginCombine your Facebook, Twitter, LinkedIn and Google+ updates Social Plugins for sharing, posting and combining social feeds to and from multiple social networks jQuery Socialist Display feeds from multiple social n
ひと味ちがうTwitter Bootstrapの9個の無料テンプレート&有料まとめサイト Jan 28th, 2013 Tweet Twitter Bootstrapはデザインが苦手なプログラマのための必須ツールです。今回は、一味違ったBootstrapサイトを作るときにきっと参考になるテンプレートをまとめてみました! (03/05 追記) FlatUI、Bootstrap Expoを追加しました (03/24 追記) Flatstrapを追加しました (04/03 追記) MagicSuggestを追加しました (04/04 追記) Bootstrapのリソースネタを別の記事にしました 無料のテンプレート 無料のBootstrapテンプレートの紹介です。BootswachのようにCSSだけで適用できるものと、HTML/CSS/JSなどいろいろ追加しないと実現できないものがあります
jQuery SocialistはjQuery/JavaScript製のオープンソース・ソフトウェア(MIT License)です。 ソーシャルな時代の中ではオンラインサービスを利用した結果はどんどん共有されていきます。そのデータをいかにうまく並べてみせるかで、コンテンツの再利用であったりバイラルに繋がっていくかが変わってきます。今回はソーシャルコンテンツをPinterest風に並べてくれるjQuery Socialistを紹介します。 一例です。InstagramやフィードをPinterest風に並べています。写真コンテンツがあるのが基本になるようです。 こちらはTwitterとFacebookを並べた形です。 YouTubeだけを並べた場合。高さを揃えて並べる事もできます。 フィードの場合。写真の高さが違ったり、文字数によって行の高さが変わっても奇麗に並べられます。 一風変わって完全に
least.jsはJavaScript製のソフトウェア()です。 スマートフォンの時代になって写真コンテンツが増えています。そして求められるのは写真コンテンツをいかに格好よく見せるかです。今回はレスポンシブWebデザインのギャラリー、least.jsを紹介します。 デスクトップサイズ。写真が5列で整然と並んでいます。 マウスオーバーで半透明なフィルタがかかります。 クリックで拡大。キャプションも下に表示されます。 タブレットくらいのサイズ。写真の列が3列に変わりました。 写真の拡大は変わらず。 さらにスマートフォンサイズ。写真は縦1列になります。 この場合は拡大してもさほど変わらないですね。 least.jsのアニメーションは格好が良く、一旦前の写真が引っ込んだ後に次の写真が読み込まれるようになっています。大きな写真を奇麗に見せたい時に使ってみたいライブラリです。 MOONGIFTはこう見
demarcate.jsはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 Markdown記法を採用するWebサイト、Webサービスが随分増えているように感じます。一つの統一されたフォーマットで作業できるのは良い事です。今回はWebブラウザ上でダイナミックにコンテンツを編集できるdemarcate.jsを紹介します。 こちらはデモです。左側のコンテンツが編集できる部分になります。右側にはヘルプが出ています。 編集したい部分がマウスオーバーでハイライトされます。クリックで編集モードに入ります。 編集モードです。ツールバーが編集エリアの下に出るのが特徴的です。 もちろん日本語も使えます。右側にMarkdownの記法ヘルプが出てくれるのも便利ですね。 上下ボタンを押すとコンテンツの位置を差し替えられます。 Markdown記法を拡張しているようで、テーブル表示
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く