Popular CSS Libraries - CSSDB⚠️ NOTE: This project is no longer being maintained. If you're interested in taking over maintenance, please contact me.
CSS3のふわりとしたアニメーションが気持ちいい画像ギャラリーを実装するチュートリアル
CSS3アニメーションとjQueryを使って、アニメーションの動きが気持ちいい水平型のギャラリー・ポートフォリオを実装するチュートリアルを紹介します。 デモページ：サムネイルのホバー時 サムネイルのホバー時だけでもキャプションの表示だけでなく、画像などのサイズ変更、テキストの表示、各アイテムの可視化、配置変更などもアニメーションで行われています。 実装 実装はポイントをまとめて紹介します、Stepは3つです。 元記事では詳細に書かれているので、参考にしてください。 Step 1: HTML 画像、2つのパラグラフ、タグが一つのセットになっており、それぞれをリスト要素で実装します。 <ul class="portfolio-items"> <li class="item"> <figure> <div class="view"> <img src="images/1.jpg"> </div>
豊富なバリエーションが嬉しい ハイクオリティフォントまとめ「45 New High-Quality Free Fonts For Designers」
TOP > Font > 豊富なバリエーションが嬉しい ハイクオリティフォントまとめ「45 New High-Quality Free Fonts For Designers」 デザインに欠かすことのできないフォントは、選定する種類によってデザインそのものの印象が変わってくる重要な役目を持ったもの。イメージにぴったり合ったものを是非見つけたい、そんな時に参考にしたいフリーフォントまとめ「45 New High-Quality Free Fonts For Designers」を今回は紹介したいと思います。 ゴシック、スクリプト、手書き風など、いろんなテイストのフリーフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■AUTUMN by ~deathmunkey on deviantART ペンで描いたようなゆるい印象の手描
[JS]ナビゲーションを最上部に固定し、各セクションにアニメーションでスクロール移動させるスクリプト -SMINT | コリス
SMINT SMINTの使い方 Step 1: 外部ファイル スクリプトを外部ファイルとして記述します。 <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="js/jquery.smint.js"></script> </head> Step 2: HTML まずは、最上部に配置されるナビゲーションから。 <div class="subMenu" > <div class="inner"> <a href="#" id="sTop" class="subNavBtn">Home</a> <a href="#" id="s1" class="subNavBtn">Section 1</a> <a href="#" id="s2" c
何でも埋め込めてカッコいいモーダルダイアログ実装用jQueryプラグイン「Pop Easy」:phpspot開発日誌
Pop Easy | by Thomas Grauer 何でも埋め込めてカッコいいモーダルダイアログ実装用jQueryプラグイン「Pop Easy」 モーダルダイアログ実装用のプラグインは色々ありますが、次のようなカッコよくスタイリングされたダイアログが実装できます ダイアログの他、動画、IFRAMEの埋め込みが可能っぽいです CSSなので当然リデザインは可能ですが、初期デザインをちょっとカスタマイズして自サイト用にするだけで完成度の高いものが実装できそうですね 関連エントリ jQueryでモーダルダイアログを実現するプラグイン２０ クールなモーダルダイアログ実装ライブラリ「SimpleModal」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
我らChrome探検隊！ 奥深くにある設定情報も見ることができる機能拡張 | ライフハッカー［日本版］
テキスト以上ワープロ未満：手軽に書式付きテキストを編集できる｢Markdown｣の魅力 | ライフハッカー［日本版］
