A Beautiful Apple-style Slideshow Gallery With CSS & jQuery
Introduction When speaking about design, there is one company that is impossible to go without. Apple values design - being a new product, a fancy catalog or their website - there is always something to admire. This week, we are making an Apple-like slideshow gallery, similar to the one they use on their website to showcase their products. It will be entirely front-end based, no PHP or databases r
超カッコいいApple風スライドショーギャラリー作成チュートリアル:phpspot開発日誌
超カッコいいApple風スライドショーギャラリー作成チュートリアルが公開されています。 次のようなカッコいいスライドショーが作れます。 デモページ コーポレートサイトのページのヘッダーなんかに入れ込むといい感じになるかもしれませんね。 以下のエントリを参照してください。 A Beautiful Apple-style Slideshow Gallery With CSS & jQuery ? Tutorialzine 関連エントリ スライドショー付きLightBox風イメージアルバムのサンプル jQueryでAjaxを使った滑らかアニメーション画像スライドショー スライドショーが可能なイメージギャラリー作成ライブラリまとめ 超クールな画像スライドショーを実現するためのJavaScriptライブラリ「FrogJS」
Web Design Dev - Graphic and Web Design Blog
Social media is an integral part of our personal and professional lives. Every day we come across hundreds of social media images. It has overwhelmed the attention of most living people today. In addition, social media helps to connect with potential customers to achieve a specific business goal. As per the latest report from Statista, … Read more 20 Stunning Free Social Media Images, Graphics & V
Fireworks CS4を買ったのでチュートリアル資料まとめ - IDEA*IDEA ～ 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
プロレベルなサイトデザインのPhotoshopチュートリアル集:phpspot開発日誌
30 Easy To Follow Photoshop Layout Design Tutorials プロレベルなサイトデザインのPhotoshopチュートリアル集。 次のような非常にクールなデザインレイアウトの作成チュートリアルをまとめたエントリが公開されています。 Design A Creative Unusual Layout ページは四角形という概念を打ち砕く奇抜なレイアウト Design a premium Wordpress blog with Photoshop 綺麗にまとまったレイアウト Design an awesome colorful layout カラフルなグラデーションが美しいレイアウト Clean and Colorful Web Layout カラフルで目を引くレイアウト 全部見る といった感じで、物凄い量の教材があつまっています。 英文というのを乗り越えて
[JS]滑らかにスライドするナビゲーションを実装するチュートリアル
滑らかにスライドするアニメーションが軽快なナビゲーションを実装するチュートリアルをSoh Tanakaから紹介します。 Animated Navigation with CSS & jQuery demo デモでは背景の有無の2パターンで、どちらも滑らかにスライドするアニメーションが面白い効果を生み出しています。 ナビゲーションはリスト要素で実装されており、「overflow:hidden;」でマスクし、マウスのホバーでスライド表示させています。 <textarea name="code" class="html" cols="60" rows="5"> <ul id="topnav"> <li><a href="#">Home</a></li> <li><a href="#">Services</a></li> <li><a href="#">Portfolio</a></li> <li
Photoshop Tutorials - Clean White Navigation Bar | Layouts | Photoshop Tutorials
Simplicity is the key to beautiful web layouts. Learn how to draw a beautiful navigation bar in Photoshop. Preview of Final Results Clean White Navigation Bar Photoshop Tutorial Step 1 To start off with, create a new document, for the purpose of this tutorial I have chosen 500 by 200 pixels. Fill the background with a radial gradient from a medium-dark grey to a darker grey. You can do this by
Sexy Drop Down Menu w/ jQuery & CSS - noupe
Studies show that top navigations tend to get the most visual attention when a user first visits a site. Having organized and intuitive navigation is key -- and while most drop down menus may look aesthetically pleasing, developing them to degrade gracefully is also essential. In this tutorial I would like to go over how to create a sexy drop down menu that can also degrade gracefully. According t
35 Tutorials for Creating Website Layouts in Photoshop | Vandelay Design Blog
If you’re looking to learn more about web design or to improve your skills, following along with detailed, step-by-step tutorials can be a great use of your time. While there are a lot of resources and courses where you can pay to learn design, there are also plenty of quality tutorials available for free. In this post, we’ll showcase 48 different tutorials that we feel are the best at showing you
一流のサイトデザインを一から作成する手順集 The 60 Best Photoshop Tutorials to Design Your Own Amazing Site |
Click here to enter
プロフェッショナルなロゴ作成の手順:phpspot開発日誌
How to Create a Professional Logo | Webdesigner Depot プロフェッショナルなロゴ作成の手順、ということで、単にロゴを作って終わりというのではなく、ロゴを作った後々まで考えた上での、プロならではの制作手順が書かれていてなかなか勉強になりました。大まかにメモしてみました。 1. まず紙に書いてブレインストーム 紙なら自由に書けるし、どこでも変更が容易ですね 色々練っておくことで顧客との調整もうまくいきそう 2. イラストレーターなどでベクター化 プリント・拡大/縮小されることなんかを考えて当然、ベクターでデザイン 3. 色合いを決める 依頼者のイメージにあった色合いを作成 「Adobe’s free Kuler service」などを使うと便利。 4. 白黒のバージョンを作る コピー、ＦＡＸ等、白黒で使われる場合のための表示確認。 白黒にした
これで完璧！ロゴデザインのためのお役立ち資料まとめ | P O P * P O P
これがあればもう完璧ですね・・・300以上ものロゴデザインに関するサイトを集めたまとめです。 チュートリアルからロゴデザインのアイディアまで・・・かな～り使えるのではないでしょうか。300以上もあるのでさすがにいくつかのカテゴリーに分類されていますね。 どんな役立つ資料があるのでしょうか。詳しくは以下をどうぞ。 ↑ ロゴのタイポグラフィーに関する資料いろいろ。フォントは悩みますよね・・・。 ↑ お約束ですが、「2.0っぽい」ロゴデザイン集についてもいろいろ教えてくれます。 ↑ 素敵なロゴデザインを集めたサイトも紹介してくれます。 全てのカテゴリーは以下のとおりです。是非ご活用ください。 Importance of Logo （ロゴの重要性） Logo Design Software （デザインのためのツール） Logo Design Tutorials （チュートリアル） Logo Fil
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Do’s & Don’ts of Modern Web Design
ウェブの画面設計に使えるまとめ - DesignWalker
http://www.designwalker.com/2009/04/wireframe-2.html
http://www.designwalker.com/2009/04/photoshop-layout.html
UIパターンいろいろ - DesignWalker
サイトでグラフを使いたい時に使えるまとめ - DesignWalker