BlocksIt.jsは、Pinterestのようなレイアウトを実現するjQueryプラグインです。 ランダムにボックスの一が変わるものと、ブラウザのリサイズでアニメーションしながら配置が変わるタイプのデモがあります。 BlocksIt.js
「20 Useful jQuery Plugins for Responsive Web Design」という記事で、レスポンシブデザインに使えるjQueryプラグインが20個まとまっています。 上記はPHOTO SWIPE。スマートフォン用に、スワイプできるスライドショーを作ることができます。 isotope アニメーションでオブジェクトの位置が変更されます ResponsiveSlides.js シンプルなクロスフェードタイプのスライドショー The Heads-Up Grid オーバーレイでグリッドラインを表示 jQuery Masonry fluidなレイアウトが実現できる scrolldeck 矢印キーでページ移動、動きのあるプレゼンテーションを可能にする Elastislide ウィンドウサイズの変更に対応した、レスポンシブなカルーセルギャラリー AUTOMATIC IMAGE
ロイヤリティフリーの写真素材サイトを探している。 そんなあなたにおすすめなのが、『25 Free Stock Photo Sites』。フリーの写真素材が見つかるサイト25選だ。 以下にいくつかご紹介。 » Stock Xchng 有名な写真素材サイト » everystock 300万以上の写真が登録されているモンスターサイト。フリーの写真検索エンジンとなっていて、オプションでライセンスを選んで検索できる » Imagebase 無料で使える写真サイト。ライセンスはCreative Commons。1600×1200と3072×2048の解像度の2パターン » morguefile 無料で使える写真素材サイト » photorogue ちょっと変わったサイト。「こんな写真撮ってきて」とオンラインでリクエストすると、フォトグラファーが実際に撮ってきてくれるサービス。しかも無料 » Geek
jQueryを使ってクールなインターフェースを実装したい。 そんなときにおすすめなのが、「30 Useful Jquery Plugins For Developer & Designer」。デザイナー・デベロッパーのためのjQueryプラグイン集です。 結構いい感じのものが揃っています。 YoxView – jQuery image viewer plugin 動きの軽快なlightbox系プラグイン Exposure Jquery Plugin かっこいい見せ方ができる画像ビューア jQuery Constant Footer フッタをブラウザ下部に固定配置するためのスクリプト。RSSを読み込んだりもできる ezMark jQuery Plugin チェックボックス、ラジオボタンをかわいいデザインに 変更できるプラグイン Cloud Zoom これはすごい気がする。画像の一部を拡大して
スムーズな動きのナビゲーションメニューを作りたい。 そんなときにおすすめなのが、『Excellent jQuery Navigation Menu Tutorials』。jQueryを使った、動きのあるナビゲーションメニューチュートリアル集です。 いい感じのものが揃っていますね。 How to Make a Smooth Animated Menu with jQuery マウスオーバーすると、すとんとメニューの説明を表示 Animated Drop Down Menu with jQuery クリックすると、すっとドロップダウン型で表示されるメニュー How to Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery HTML5,CSS3でのドロップダウンメニューの作り方 How to Build a Lava-Lamp Styl
WordPressのテーマを探している。 そんなときにおすすめなのが、『FREE PREMIUM WORDPRESS THEMES』。フリーのWordPressテーマがダウンロードできるサイトです。 かわいいものやかっこいいもの、シンプルなものがたくさん紹介されています。プレビューはできないですが、「Download」ボタンからすぐにダウンロードできますね。 テーマファイルが一式入っているので、「wp-content/themes/」の下にフォルダを置けば、テーマとして認識されます。 一度見てみてください。 FREE PREMIUM WORDPRESS THEMES 昨日はいろんなことを考えさせられた一日でした。大切なことに気づいたり教えられたので、糧にしていきたいと思います。
95455835/ Hemera/ Thinkstock 手軽に本格的なネットショップを開きたいという人にお勧めのソリューションを5つご紹介いたします。 小さなショップから比較的規模の大きなショップまで利用できるものを基本として、それぞれの特長を独自の観点で簡単にまとめています。 既に構築したいシステムの要件が細かく決まっている場合は、それが実際に実装できるサービスかどうかを事前にご確認いただくことをお勧めいたします。 EC-CUBE 日本発のECオープンソースです。 とても高機能なのに無料で利用できてしまうところが素敵です。 オープンソースですから、自身で機能を追加することも可能です。 もちろんその場合は技術力を要しますが、EC-CUBEを利用したサイト構築の代理店も多く存在しますので、そういったところに依頼するのも手です。 サーバを既にお持ちだったり、多少の技術的知識がある場合におすす
デザイン・コーディングの参考になるサンプルを探している。 そんなときにおすすめなのが、『61 High Quality And Free xHTML Templates Part 2: Year 2010』。ソースをダウンロードできるXHTMLテンプレート集です。 かっこいいものが揃っていますね。 YIW Minimal シンプルなデザイン。スライドショーつき Black & Blue 黒ベースにブルーが映えるデザイン DesignHQ かっちりしていますが、大胆なスライドショーがついているデザイン Digital Web フェードイン&アウトで切り替わるスライドショーがついている、クールなデザイン CleanInterface 適度な余白が美しいデザイン XHTML / CSSのソースがダウンロードできるので、参考にしてみてはいかがでしょうか。JavaScriptファイルなども入っていて
画像やswfなどをかっこよくオーバーレイで表示したい。 そんなときにおすすめなのが、『31 mind blowing collection of jQuery light box』。かっこいい画像オーバーレイ表示スクリプト集です。 いいものが揃っているので、いくつかご紹介します。 Milkbox オーバーレイのスライドショーが作成できるMilkbox。swfも読み込めます PrettyPhoto 角丸デザインで、動きも美しいPrettyPhoto。swfやYouTubeなども読み込めます SuckerFish HoverLightbox マウスオーバーで一覧表示されるギャラリーを作成できるSuckerFish HoverLightbox Moo Multibox ヒュイーンと移動して拡大されたり、ぱたっと畳まれて縮小する等、細かい動きを演出したMoo Multibox moo.Playgr
サイトにスライドショーを使いたい。 そんなときに参考になるのが、『30 Examples Of Great Slideshows In Web Design』。かっこいいスライドショーを使ったWebデザイン集です。 洗練されたデザインが揃っていますね。 Agnarson jQueryを使った、フェードイン&アウトで切り替わるスライドショー。動きがとても気持ちいいです Boerdam 大胆に画像が切り替わるインターフェース Dconvulsions PCの中で、画像がクールに切り替わるDconvulsions Etondigital 手作り感のある背景の上に、スライドショーを乗せたデザイン Graphik グラデーションが美しいスライドショー サイトデザインもかっこいいものが多いので、一度見てみてください。 30 Examples Of Great Slideshows In Web Des
HTML5 / CSSでできることをざっくり掴みたい。 そんなときに参考になるのが、『Create An Elegant Website With HTML 5 And CSS3』。HTML5 / CSS3のソースがダウンロードできるサンプルです。 HTML5で使われる<section>や<aside>、<header>、<footer>などの各タグの解説と、CSSにおける「RGBa」、「box-shadow」、「border-radius」、「text-shadow」などのプロパティーの解説がされています。 デモは以下から。 Download Source ソースのダウンロードも提供されているので、参考に見てみてはいかがでしょうか? Touch The Future: Create An Elegant Website With HTML 5 And CSS3 あることが一つ決まった。と
サイトをWordPressで作りたい。 そんなときに参考になるのが、『40 WordPress-Powered Websites With Awesome Designs』。WordPressで構築された美しいサイト集です。 かなりかっこいいサイトが揃っています。 Theme Garden WordPressのテーマを配布しているTheme Garden Aaron Irizarry テクスチャとタイポグラフィーが美しいデザイナーのブログ kazuhide fukuyama 日本のフリーランスデザイナー、Kazuhide Fukuyama氏のポートフォリオサイト UpThemes メニューやスクリーンショットの置き方、ボタン等、洗練されたデザインのUpThemes Awesem 反応の速いドロップダウンメニューと、スライドショーが美しいAwesem WordPressユーザの方は、一度見て
97653441/ iStockphoto/ Thinkstock Photoshopでテキストにかっこいいエフェクトをかけたい。 そんなときに参考になるのが、『70 Photoshop Tutorials For Creating Perfect Typography』。Photoshopで作るタイポグラフィーチュートリアル集です。 かっこいいエフェクトが揃っていますね。 Create a Cool Wet Ink Typography Effect in Photoshop インクが滲んだようなエフェクトをかけるチュートリアル Suspended Text Effect ぶらさがったように見せるタイポグラフィー Photoshop Tutorials: Colorful Light Burst Text 閃光が奥から迫ってくるようなエフェクト Wood Inlay Text 木のオブジ
86496010, Jupiterimages/ Comstock/ Thinkstock iPhoneやAndroidでの表示を確認したい。 そんなときにおすすめなのが、『Mobile Web and App Development Testing and Emulation Tools』。モバイルサイトをテストするためのツール集です。 たくさんのツールが紹介されています。 Google Android Emulator Windowsでスタンドアローンのソフトとして動作するAndroidのエミュレータ TestiPhone.com – iPhone Application Web Based Simulator iPhoneでの表示のされ方をブラウザ上で確認できるシミュレータ iPhoney iPhoneの解像度(320x480px)での見え方を確認できるiPhoney W3C mob
86509412/ Brand X Pictures/ Thinkstock PHPでフォトギャラリーが作りたい。 そんなときにおすすめなのが、『Automatically Generate a Photo Gallery from a Directory of Images: Updated』。画像ディレクトリから自動で読み込むPHPのフォトギャラリーです。 特定のディレクトリに画像を置くと、PHPでループして表示してくれるようですね。ソースがシンプルになっていて、CSSを編集すれば自分なりのレイアウトができると思います。 デモは以下から。 View Demo 一度見てみてください。 Automatically Generate a Photo Gallery from a Directory of Images: Updated 今日はある決断をしました。記念日ですね。さらにがんばって
かっこいいスライドショーを作りたい。 そんなときにおすすめなのが、『28 Useful JQuery Sliders You Need To Download』。jQueryのかっこいいスライドショースクリプト集です。 かなりいい感じのものが揃っています。 Automatic Image Slider w/ CSS & jQuery CSSとjQueryで作られた、自動でスライドするギャラリー Animate Panning Slideshow with jQuery 大きい画像の一部がパンしながら移動するスライドショー SlideDeck jQuery plugin とてもかっこいいスライドショー。無料版と$99の有料版がある。Basecampのサイト等、実装例多数 jQuery Infinite Carousel スムーズな動きのカルーセル(イメージスライダー) Easy Slider
デザインに使える or 参考になる素材を探している。 そんなあなたにおすすめなのが、『18 Search Engines For Designers – Creativity Boost』。デザイナーのための素材検索サイト集です。 いくつか便利なサイトがあるのでご紹介します。 IconLet ライセンス情報の記載がある、使いやすいアイコン検索サイト IconLook タグクラウドや人気のアイコンでフィルタリングできるアイコン検索サイト。ライセンス情報の記載がわかりやすい FyFont 画像をアップロードすると、何のフォントかを調べてくれるツール Vectorials ベクターデータのチュートリアルがたくさん見つかるサイト Tutorial Vault Photoshopやillustrator、Flashなどのチュートリアルが見つかるサイト。UIがすっきりしていて探しやすい 一度見てみてく
WordPressでサイトを構築してクライアントに納品する。 そんなときにおすすめなのが、『9 Plugins Your Clients Will Love For Their WordPress Website』。クライアントへの納品時につけたいWordPressプラグイン集です。 かなり便利そうなのが揃っています。クライアントに渡す際には、管理画面のデザイン等もカスタマイズしたいですよね。 My Brand ログインページをオリジナルのデザイン・レイアウトにカスタマイズできる。ロゴをクライアントのロゴにするなど Branded Admin 管理画面のヘッダとフッタを、オリジナルのデザインにできる Ozh Admin Drop Down Menu 管理画面の左サイドバーのメニューはクリックしてサブメニューを開きますが、それを水平のドロップダウンメニューに変更でき、マウスオーバー&ワンクリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く