45 Examples Of Websites Designed With HTML5 | Free and Useful Online Resources for Designers and Developers これは必見のWEBデザインの近未来。HTML5で構築されたサイト45 CSS3なんかも取り入れてデザインは去ることながら、動きもいい感じに実装されています。 WEB業界に身を置く方ならばデザイナーならずとも、出来ることを知っておくという意味で必見のサイトが多数。 多くのプロフェッショナルなサイトにおいてこうした物が近い未来当たり前になっていきそうな予感。 今後、より多くの知識と動かし方に関する引き出しを身に付けた上でクリエイティブな仕事が求められそうで大変な反面、面白いことにもチャレンジできそうな可能性を感じます。 ソニーのタブレットのサイト。超カッコいいです 他にも多数の動き

25 Quality Responsive WordPress Themes | Design Woop | The Web Design and Development Blog 使うっきゃないレスポンシブWEBデザインなWordPressテーマ２５。 WordPressを使うことで、いろんなことがプラグインで簡単に実現できてしまいますが、レスポンシブWEBデザインのテーマが出てきている模様。 更にレスポンシブなだけじゃなくて、めちゃめちゃカッコいいテーマが揃ってます 幅を少なくするとスマホ用のインタフェースに早変わり。 他にも以下のようなデザインが。是非幅を少なくして試してみましょう。 テーマとしての利用だけでなく、デザインの参考にもかなり使えそうです 関連エントリ フレッシュなWordPressテーマ１００ プロフェッショナルでクリエイティブで参考になるWordPressテーマ４０

Diapo | a free jQuery slideshow by Pixedelic 画像切替が超カッコいいスライドショーが実装できるjQueryプラグイン「Diapo」。 様々な切り替えエフェクトがあって、画像と共に動きも楽しむことができます。 キャプションのアニメーションもクールで、ボタンを設置できたりもします。 Youtube動画の埋め込みも可能です。 あとどうやっているのか不明ですが、Youtubeの動画なんかも次のようにスライドショーさせることができてます。 単に写真を配置するよりもこうしたものを使うほうがよりよく写真を見てもらうことができるのかも。 インデックスもついていて、カーソルを合わせるとツールチップでサムネイルが表示されるなどのこだわりも見られます。 関連エントリ 3D効果を使って迫力あるスライドショーを作れる「Slicebox」 迫力あるフルスクリーンの背景スライ

Got Wood? UI Design Elements | MediaLoot これは斬新！木のUIで訪問者を驚かせよう、なUIパーツ。 木のiPhoneケースや木のキーボード等、木とITを絡めるとなぜかインパクト絶大ですが、木のUIキットを発見しました。 これでページデザインをすれば自然の温かみによってリラックスした気分でページを使えるのかも。 基本的なUIパーツはそろっているので頑張ればページに適用できるはず。 レイヤーに綺麗に分かれているのがいいですね。 見ていてなにか作りたくなりました。 関連エントリ かなりクールなPhotoshop用フリーUIキット-PSDファイル50個 モックアップ作成用PhotoshopのUIキット「Soft UI Kit」 ブルーが美しいモダンなＵＩキットPSD 色々と使えそうなフリーのUIエレメントPSD７０種

10 useful .htaccess snippets to have in your toolbox | CatsWhoCode.com 使える.htaccessテクニックが１０個紹介されていて便利そうなのでご紹介です。 紹介されている内容は以下のとおり サイトのURLで www があったら取る設定 画像への直リンクを防ぐ WordPressのフィードをフィードバーナーに３０１リダイレクト FeedBurnerならAdSenseを貼れたりします 特定のファイルを強制ダウンロードさせるようヘッダーにContent-Disposition attachment と mimeを設定する phpの設定もある程度は.htaccessでも出来る例 アクセスした際の拡張子を消す .html なしでもアクセス可能にする mimeタイプとユーザエージェントによってコンテンツをgzip圧縮する設定 デフォ

Free Floral Photoshop Brushes | Professional photo gallery | Create and buy flash xml photo gallery 女性向けサイト等に使えそうなイラスト風の花・植物のPhotoshopブラシ集が色々まとまったエントリのご紹介です。 サイトに使うことでサイトがオシャレになったりしそうです。 これは絶対に使えそうですね。 関連エントリ ハイクオリティなPhotoshopブラシをダウンロードできるサイト色々まとめ 100以上のクールなPhotoShop用ブラシがダウンロードできる「getbrushes.com」 動物に関するPhotoshopブラシ色々 クリエイティブでカッコいいPhotoshopブラシセット５０

背景画像を自動リサイズしてうまくフィットさせられるjQueryプラグイン「Backstretch」 2011年04月25日- jQuery Backstretch by Scott Robbin 背景画像を自動リサイズしてうまくフィットさせられるjQueryプラグイン「Backstretch」 大きな写真等を背景にしていると、ブラウザ幅によって折り返されたりしてかっこ悪くなってしまいますが、このプラグインを使えばブラウザ幅に応じて自動伸縮してくれます。 使い方はプラグインを読み込んだ後、次のように１行書くだけで実装できます。 <script type="text/javascript"> $.backstretch("http://farm3.static.flickr.com/2443/3843020508_5325eaf761.jpg"); </script> 背景に大きな画像を指定し

20 Beautiful Wordpress Themes | Web Design Blog | Web Design Fan | Resources for Web Designers and Graphic Designers かなりいい感じのWordPressテーマ２０。 次のようなセンスのいいテーマが２０種類もまとまったエントリのご紹介です。 テーマ選びの参考に。 関連エントリ シンプルなポートフォリオサイト構築用WordPressテーマ25 WordPressデフォルトテーマのTwentyTenから派生した12のテーマ かなり美麗なフリーのWordPressテーマ60 黒ベースのクールかつフリーなWordPressテーマ色々

650 Free Watercolor Photoshop Brushes - Web Design Blog ? DesignM.ag 手続き感が強く出せるPhotoshop用水彩ブラシ６５０。 次のような、まさに水彩！という具合のPhotoshopブラシが多数公開されています。 力強さを感じさせるようなブラシもありますね。この力強さで訪れる人に印象づけるようなサイトを作るのに役立てられるかも。 関連エントリ ハイクオリティなPhotoshopブラシをダウンロードできるサイト色々まとめ 100以上のクールなPhotoShop用ブラシがダウンロードできる「getbrushes.com」 これは覚えておいたほうがいい！というPhotoshopのブラシ５０セット 木、葉っぱ、雲、水など自然に関するPhotoshopブラシセット

30 Best Wordpress E-Commerce Themes - tripwire magazine オシャレなECサイト構築用のWordPressテーマ３０。 次のように、WordPressで作ったか分からないぐらいにカスタマイズされたテーマ集が３０個公開されています。 更にプラグインや、ビルトインの機能を使ってショッピングカートの仕組みも内蔵されているので、ECサイト構築用にも使うことが出来そうです。 使い慣れたCMSをECサイトにそのまま使うことでラーニングコストが最小化できそうですね。こまわりが効くかどうかなど検証は必要だと思いますが。 関連エントリ PHPで書かれた次世代のショッピングカートシステム「TomatoCart」 フリーで使えるPHP＋MySQLで構築されたショッピングカートシステム「Zeuscart」 カートが目立たず、いい感じにスライドしてくれるショッピン

WordPress ? DirtySuds - Embed PDF WordPress Plugins ブログにPDFを直接埋め込めるWordPressプラグイン「Embed PDF」。 正式なドキュメントはPDFで発行されることが多いですが、そんなPDFをGoogle Doc Viewer を使って、そのままページ内で閲覧できるようにするものです。 直接PDFひらいてもいいのですが、他のテキストと共にPDFを埋め込めるっていうのは意外と便利ではないでしょうか？ 利用は、プラグインをダウンロードして有効にし、投稿記事内で、[embed]PDFのURL[/embed] のように記述するだけ。 WordPressプラグインのフィルタ機能を活用した便利な機能ですね。 元となったPDFファイルはこちら(PDF注意)です サムネイル表示も出来ます。Google Doc Viewerって凄い！ 関連エ

WordPressのページ順序や階層管理をドラッグ＆ドロップ出来るプラグイン「pageMash」 2011年02月23日- JoelStarnes: pageMash WordPressのページ順序や階層管理をドラッグ＆ドロップ出来るプラグイン「pageMash」。 WordPressではブログ記事の投稿以外にも、ページを追加するCMS機能がありますが、このページ群をドラッグ＆ドロップで次のように整列・階層化することが出来ます。 通常機能でも、このページの親はどれ、といった感じで編集はできるにせよ、こちらの方が分かりやすくて使いやすいです。 実際に使ってみると、例えばページを次のように階層化したとします。 WP3のデフォルトテーマにおいて、メニューも階層化されます。 管理メニューの「外観」→「ウィジェット」→「ページ」を追加しても次のようにそのまま表示出来ます。 この際、ウィジェットの並び

WordPressにコンタクトフォームを一発で実装できるプラグイン「Contact Form 7」 2011年02月22日- WordPress › Contact Form 7 « WordPress Plugins WordPressにコンタクトフォームを一発で実装できるプラグイン「Contact Form 7」。 日本語もOKで、管理画面上からコンタクトフォームに追加するフィールドを簡単追加出来たり、どのメールアドレスに送信するか？等、コンタクトフォームのフル設定が可能。 出来上がるフォームはこんな感じ。 設定画面では、タグの作成から、フォームに追加できるフィールドを選べます。 クイズやCAPTCHA、ファイルアップロードまで、いたれり尽くせりです。 要素を選ぶと編集フォームが現れてその場で瞬時に設定出来ます。 要素にidやclassが振れるのでデザイナーさんにも安心。 フォームの並

500 Exceptionally Beautiful Photoshop Patterns For Classy Designs | Multy Shades 高級っぽさを演出できるPhotoshopパターン500がまとめられたエントリのご紹介です。 絨毯地やグラデーション等、背景にすればサイトがとたんに高級っぽくなりそうなパターンには困らなさそう。 単なる画像なわけですが、高級感が簡単に出せたりするところはWEBサイトのデザインの面白いところですね。 関連エントリ 200を超える非常に美しいPhotoshopのパターン集 背景画像に使えるPhotoshopの背景パターン2000 PhotoShopのブラシやパターンがいっぱい「myphotoshopbrushes.com」 サイトの背景に使うと印象を際立たせられそうな50のPhotoshopパターン集 背景画像に使えるレトロなPhoto