Pages tagged design:

WEBデザイナ/開発者が覚えておくと便利なブックマークレット集:phpspot開発日誌
http://phpspot.org/blog/archives/2008/11/web_38.html

useful web tools
めもめも
Webタイポグラフィまとめ - Archiva
http://archiva.jp/web/html-css/web-typography.html
役に立ちそう。後でみっちり読む。
文字周りのノウハウまとめ。 本当に良くまとまってます
How Buildings Learn TV series
http://www.kottke.org/08/08/how-buildings-learn-tv-series
How Buildings Learn TV series
In 1997, the BBC aired a three-hour documentary based on Stewart Brand's book, How Buildings Learn. Brand has posted the whole program on Google Video in six 30-minute parts: part one, part two, part three, part four, part five, part six.
携帯サイトを作る際に読んでおきたいサイトや本いろいろ - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/01/mobile_site_references.html
PR on Websites: Press Area Usability
http://www.useit.com/alertbox/pr.html
info from Nielsen report on web design to get better PR results
50+ Free Open Courseware Classes for Web Designers Perfecting Their Craft | Distance Learning Net
http://www.distancelearningnet.com/blog/2009/50-free-open-courseware-classes-for-web-designers-perfecting-their-craft/
More than 50 top notch courses that will help you become a better web designer.
New CSS Sticky Footer - 2009
http://www.cssstickyfooter.com//
web design
The Impossible Project
http://www.the-impossible-project.com/
We aim to re-start production of analog INTEGRAL FILM for vintage Polaroid cameras in 2010!! uhuuu to feliz! :)
A group of men, setting out to revive a Polaroid factory. I once visited the factory in Enschede as a courier and must say it felt a little sacred.
A team of Dutch engineers is trying to re-invent the good ol' white-framed Polaroid snaps.
"We aim to re-start production of analog INTEGRAL FILM for vintage Polaroid cameras in 2010. We have acquired Polaroid's old equipment, factory and seek your support."
"Dont undertake a project unless it is manifestly important and nearly impossible"
Rules of Database App Aging - Push cx
http://push.cx/2009/rules-of-database-app-aging
"all fields become optional" etc. good stuff.
Rule 3. (too true!) Chatter Always Expands
This will be incomprehensible to non developers in the audience, but oh god, this is so painfully, painfully true.
"I mentioned I’ve learned some rules of how database apps change over time, now that I’ve done a few dozen. They are: ... "
The Evolution of Apple Design Between 1977-2008 | Webdesigner Depot
http://www.webdesignerdepot.com/2009/01/the-evolution-of-apple-design-between-1977-2008/
48 Snow, Ice, Snowflake and Christmas Brushes | 1stwebdesigner
http://www.1stwebdesigner.com/resources/48-snow-ice-snowflake-and-christmas-brushes/
There are pine, ice, snowflake, snow and many different Christmas related brushes for every taste in this list. Also these brushes are great inspiration to remind You the most popular Christmas symbols.
magicsocket ~ Adobe Flash development
http://www.magicsocket.com/
carrera
magicsocket: actionscript development, interactive art direction, design
ウェブデザイナーの作業を助ける12のオンラインツール | コリス
http://coliss.com/articles/web-services/12-useful-web-tools-for-designers.html
12 tools for web designers
カラースキームやクロップツールなど、使えるオンラインツール満載。
ウェブデザイナーの作業を助ける12のオンラインツール
Grandma's Graphics: Unique Images from the Past
http://www.grandmasgraphics.com/index.php
From Harry Clarke to 1890's storybooks, if you're looking for unique images or clipart for use on your web pages or in other design or craft projects you've come to the right place. There's a treasury here at Grandma's Graphics that you probably won't find anywhere else online. Some of these graphics are quite large and take time to load, but be patient, they're worth the wait.
From Harry Clarke to 1890's storybooks, if you're looking for unique images or clipart for use on your web pages or in other design or craft projects you've come to the right place. There's a treasury here at Grandma's Graphics that you probably won't find anywhere else online.
" From Harry Clarke to 1890's storybooks, if you're looking for unique images or clipart for use on your web pages or in other design or craft projects you've come to the right place. There's a treasury here at Grandma's Graphics that you probably won't find anywhere else online. Some of these graphics are quite large and take time to load, but be patient, they're worth the wait."
illustrations from kids' books
30 Popular Photoshop Tutorials of 2008 | Webdesigner Depot
http://www.webdesignerdepot.com/2009/01/30-popular-photoshop-tutorials-of-2008/
It seems that just over the last year the quality of Photoshop tutorials have really improved. There have always been a plethora of Photoshop tutorial sites
Melhores tutoriais do ano de 2008, eleitos pelo webdesigner depot!
It seems that just over the last year the quality of Photoshop tutorials have really improved. There have always been a plethora of Photoshop tutorial sites
More Web Design Trends For 2009 | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/01/21/current-web-design-trends-for-2009/
More Web Design Trends For 2009
Last week we presented 10 Web Design Trends For 2009, our review of the most promising developments and techniques in web design that may become big in 2009. In the first part we covered embossing letters (”letterpress”), rich user interfaces, PNG transparency, big typography, carousels and media blocks. This post is the second part of our review. It presents design trends for 2009 in terms of layouts, visual approaches and design elements. Please notice that this post showcases trends and developments that were extensively covered in our previous articles (e.g. handwriting, retro and vintage etc.) and therefore weren’t covered in this post (they are all linked in the overview, so feel free to explore these single posts as well). Did you miss any recent development in this overview? Let us know in the comments!
もう配色には困らない!「Adobe Kuler」
http://ascii.jp/elem/000/000/207/207126/
読み方は"クーラー" "画像をもとに自動的に配色パターンを作成してくれる機能" これは知らなかったです!便利!
アドビ システムズが提供しているオンラインサービス「Adobe Kuler」(クーラー)
Flashbulb Interaction
http://www.flashbulbinteraction.com/index.html
Flashbulb Interaction, Inc. is a research, strategy, and design consultancy that works with clients to envision powerful and engaging user experiences for knowledge workers at the forefronts of their fields.
The Extreme Presentation(tm) Method
http://extremepresentation.typepad.com/blog/
Extremely effective communication of complex information
presentations on complex subject
Featured Windows Download: Enigma Desktop Customization Update Now Available
http://lifehacker.com/5124643/enigma-desktop-customization-update-now-available
10 techniques for an effective 'call to action' : Boagworld web design podcast
http://boagworld.com/design/10_techniques_for_an_effective/
"How then do you create an effective call to action? Here are 10 techniques which help achieve just that."
Every website should have a call to action, a response you want users to complete.
Every website should have a call to action, a response you want users to complete. But how do you encourage users to act? How do you create an effective call to action.
11 Tutorials for Business Card Design | Vandelay Design Blog
http://vandelaydesign.com/blog/design/business-card-design/
Business card design can be tricky if you're not familiar with the process. As you'll see in these tutorials, there are a number of different programs that you can use to create business cards, but setting up the layout properly and getting it ready to print can be the most challenging part. This selection of tutorials will show you some techniques for designing business cards, as well as give you all the information you need to get set up the right way to make the design a success. Design a Print Ready Business Card for Designers This tutorial from Chris Spooner will show you how to create a two-sided business card using Photoshop, Illustrator and InDesign.
KROZM
http://www.krozm.com/
!!!!
Video design and production
UIデザインガイドラインのまとめ : could
http://www.yasuhisa.com/could/roundup/ui-design-guidelines/
Apple을 비롯한 여러가지 업체에서 제공하는 UI가이드라인에 대한 정보
Working with Orthographic Projections and Basic Isometrics - VECTORTUTS
http://vectortuts.com/tutorials/illustration/working-with-orthographic-projections-and-basic-isometrics/
50 Impressive Portfolios Designs | Spoonfed Design
http://www.spoonfeddesign.com/50-impressive-portfolio-designs
印象的なポートフォリオサイトデザイン50選
인상적인 디자이너 포트폴리오 페이지
Liquidicity » 64 Vector Arrow Icons
http://www.gosquared.com/liquidicity/archives/611
矢印アイコン
Generic Work Process - v1.0
http://project.cmd.hro.nl/cmi/hci/toolkit/index.php
WWW SQL Designer - default
http://ondras.zarovi.cz/sql/demo/?keyword=default
Visual relational database designer, done entirely in <canvas> and javascript. Rather swanky-looking.
Psychotronic Titles
http://www.mrbalihai.com/haideaway/v/psychotronic/
B-Movie title screens
Titres de films ... Nickédelics !
24 ways: User Styling
http://24ways.org/2008/user-styling
customising the CSS of websites using Stylish
Eigentlich nichts Neues, nur die Verweise auf die aktuelle Implementation in anderen Browsern sind relevant.
New York Times
http://www.nytimesconversations.com/
news
Persecuting " Torture " is a Moral Obligation for Lawyers
trabajo de your majesty para nyt
new york times video interview, promotie ding
5 Excellent Sources To Download Free Text Fonts | MakeUseOf.com
http://www.makeuseof.com/tag/the-top-5-best-online-sources-for-fonts/
frífontar
wwwsqldesigner - Google Code
http://code.google.com/p/wwwsqldesigner/
This tool allows you to draw and create database schemas (E-R diagrams) directly in browser, without the need for any external programs (flash)
Design Decisions: The new Highrise signup chart - (37signals)
http://www.37signals.com/svn/posts/1496-design-decisions-the-new-highrise-signup-chart
A couple weeks ago we launched the new Highrise marketing site. We’re still iterating that design post-launch, and we have a big post brewing about that design process, but today I wanted to share some of the iterations we explored for the new signup chart.
A couple weeks ago we launched the new Highrise marketing site. We’re still iterating that design post-launch, and we have a big post brewing about that design process, but today I wanted to share some of the iterations we explored for the new signup chart.
Walks through a few iterations of the Highrise conversion page, with interesting discussion illustrating some of the design decisions made.
Как и почему сделали новую версию.
どういうときにどんなグラフを使えばいいかが一発でわかるチャート - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/01/how_to_choose_chart_types.html
Web解析を行っていると数字とにらめっこになるわけですが、そこで重要なのが可視化することだったりします。ここで紹介されている(最終的にはFlickrに遷移)チャートを選択するためのチャートは常にデスクに貼っておいても良いぐらい便利なものだと思いますよ。
Friday Freebies: Flavours Icon Set And Cute Tweeters Icon Set | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2009/01/23/friday-freebies-flavours-icon-set-and-cute-tweeters-icon-set/
Business Cards 101: Everything you need to know about it
http://www.snap2objects.com/2009/01/20/business-cards-101-everything-you-need-to-know-about-it/
s yo
商用サイトでも制限無しで利用できる無料の写真素材サイト集 | コリス
http://coliss.com/articles/build-websites/operation/design/freebies-photostocks-for-commercial-site.html
Cats Who Codeのエントリー「50のフリー写真素材サイト集」から、商用サイトでも、リンクやクレジット表記の制限無しで利用できる無料の写真素材サイトをピックアップして紹介します。 50 sites to find free stock images 上記サイトでは、他にも個人サイトのみやリンク・クレジット表記のフリーサイトが紹介されています。
クレジット表記、リンク必要なし
Bohemian Coding
http://www.bohemiancoding.com/?Fontcase
Keep your fonts together.
Fontcase is a font management application that provides an elegant and powerful workflow to help you organise the fonts you have installed on your system. Designed to be an iTunes for your fonts, Fontcase has a powerful tagging system, which is designed to let you control your fonts like you control your music.
Font management software
a font management application that provides an elegant and powerful workflow to help you organise the fonts you have installed on your system. Designed to be an iTunes for your fonts, Fontcase has a powerful tagging system, which is designed to let you control your fonts like you control your music
"Elegant font management for Mac OS X."
Inspiration: Business Card Designs | Abduzeedo - design inspiration & tutorials
http://abduzeedo.com/inspiration-business-card-designs
Inspiration: Business Card Designs I know there is a lot of different kinds of business card now days but since abduzeedo is giving out some traditional cards prints, I focused on that and put up some great card designs by really good designers so you
abduzeedo cards
A List Apart: Articles: Elevate Web Design at the University Level
http://www.alistapart.com/articles/elevatewebdesignattheuniversitylevel
Web education is out of date and fragmented. There are good people working hard to change this, but because of the structure of higher education, it will take time. As part of a year-long journey to discover where we are in web education and where we need to go, Leslie Jensen-Inman interviewed 32 web design and development leaders. The consensus: technology moves too fast for college and university curricula to keep up. How, then, can educators create a sustainable foundation for the future?
Sponsor an Educator...sounds like a new nonprofit idea to me.
Web education is out of date and fragmented.
Design a Print Ready Business Card for Designers | Blog.SpoonGraphics
http://www.blog.spoongraphics.co.uk/tutorials/design-a-print-ready-business-card-for-designers
ウェブデザインのレイアウトに役立つ11サイト | DesignWalker
http://www.designwalker.com/2009/01/web-layout.html
web layout
Provides a good summary of the latest layout tips
ウェブデザインのレイアウトに役立つ11サイト
フッターをブラウザの最下部、もしくはコンテンツの最下部に表示させるCSSのテクニック、 各カラムのボックスの高さを合わせてくれるスクリプト
Gridplane: Home
http://www.gridplane.com/#/home
excellent flash site of a web development company
CSS Angles: Just the Edge Your Web Page Needs! [CSS Tutorials]
http://www.sitepoint.com/article/css-angles-the-edge-you-need/
css tutorial
Cardboard Textures and Objects: High Resolution Pack - Six Revisions
http://sixrevisions.com/freebies/textures/cardboard-textures-and-objects-high-resolution-pack/
段ボール紙の素材
30 Useful Open Source Apps for Web Designers - Six Revisions
http://sixrevisions.com/tools/30-useful-open-source-apps-for-web-designers
In this article, you'll find 30 exceptionally handy open source applications for web designers.
In this article, you'll find 30 exceptionally handy open source applications for web designers.
Best of the Year (BOTY) 2008 | Netdiver Magazine
http://netdiver.net/newsarchive/boty/boty08.php
Changing Form Input Styles on Focus with jQuery | Build Internet!
http://buildinternet.com/2009/01/changing-form-input-styles-on-focus-with-jquery/
removeClass("idleFie
35 Free High-Quality E-Commerce Templates | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/01/25/35-free-high-quality-e-commerce-templates/
ตามชื่อเลยครับ มีทั้งตีมมีทั้งเลย์เอาต์เอาไว้ดู
5 Design and Interaction Reference Books you should have available | Tutorial9 - Tutorial Bliss.
http://www.tutorial9.net/resources/5-books-every-designer-needs/
Books to buy/order from library
The author details Web Design and Interaction Design books for beginner to advanced readers.
トータル1000種類以上、XHTML/CSSのフリーのテンプレート配布サイト集 | コリス
http://coliss.com/articles/build-websites/operation/work/2425.html
Smashing Magazineのエントリーから、XHTML/CSSのフリーのテンプレートを配布しているサイトを紹介します。 100 Free
70+ Photoshop Tutorials to improve your Skills as Web Designer | Best Photoshop Tutorials
http://bestphotoshoptutorials.net/2009/01/25/70-photoshop-tutorials-for-web-designers/
To be a web designer means to have a flexible professionalism that enables to make a project, to create a design respecting and reflecting the customers
tlačítka, headery, layouty, patičky
Professional Photographic Retouching Tutorial (40Mins, Start-To-Finish) | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/professional-photographic-retouching-tutorial-40mins-start-finish
manipulação e retoque
Stunning Examples of Light On Dark Web Design | Web Design Ledger
http://webdesignledger.com/inspiration/stunning-examples-of-light-on-dark-web-design
Good design ref.
Card Observer - Business Card Design Inspiration
http://cardobserver.com/
世界のデザイン名刺を集めてみたサイト。
名刺
30 Amazingly Creative Social Bookmarks Icon Sets : Speckyboy - Web Design, Web Development and Graphic Design Resources
http://speckyboy.com/2009/01/26/30-amazingly-creative-social-bookmarks-icon-sets/
||Meet> Vilaz||
http://www.vilaz.tv/
くりえいてぃぶっ!タッチスクリーン + processing。
(no description)
Adobe UI Gripes
http://adobegripes.tumblr.com/
Native UI widgets FTW!
Me moaning about shoddy UI inconsistencies and mistakes in Adobe products and how they get shitter with every release and especially since they took on Macromedia's idiotic philosophies.
Very funny list of gripes wth CS4
adobe製品のバグやUIの間違いをひたすら指摘。 ここまでやってくれるユーザーってなかなかいないのでは。
David Lindsey Wade | Photographer
http://www.davidlindseywade.com/
super
iPlotz: wireframing, mockups and prototyping for websites and applications
http://www.iplotz.com/index.php
iPlotz offers a Web-based tool for quickly sketching wireframes of Web sites and demonstrating navigation between pages.
create mockups of your website design
test drive websites
Twitter名言
http://twittermeigen.tumblr.com/
全部読んでしまった。
31 Most Colorful Collection Of High Quality Free Texture Packs - Opensource, Free and Useful Online Resources for Designers and Developers
http://www.smashingapps.com/2009/01/26/31-most-colorful-collection-of-high-quality-texture-packs.html
Nice collection of textures
Opensource, Free and Usefull Online Resources for Designers and Developers
27 Best Photoshop Web Layout Design Tutorials - Part 2
http://dzineblog.com/2009/01/27-best-photoshop-web-layout-design-tutorials-part-2.html
50 Essential Strategies For Creating A Successful Web 2.0 Product [Dion Hinchcliffe's Web 2.0 Blog]
http://web2.socialcomputingmagazine.com/50_essential_strategies_for_creating_a_successful_web_20_pr.htm
20 Beautiful Tumblr Themes
http://mashable.com/2009/01/26/tumblr-themes/
These are themes for Tumblr, not Wordpress.
YouTube - Her Morning Elegance / Oren Lavie
http://www.youtube.com/watch?v=2_HXUhShhmY
Her Morning Elegance - Directed by: Oren Lavie, Yuval & Merav Nathan. Photography: Eyal Landesman. Featuring: Shir Shomron Thanks Jenny!
As seen on Daily Dish
Her Morning EleganceDirected by: Oren Lavie, Yuval
13 Premium-Like Wordpress Themes That Are Free And Stunning - Opensource, Free and Useful Online Resources for Designers and Developers
http://www.smashingapps.com/2009/01/28/13-premium-like-wordpress-themes-that-are-free-and-stunning.html
Opensource, Free and Usefull Online Resources for Designers and Developers
Gridplane
http://www.gridplane.com/html/projects/data-vis
50 Websites that make amazing use of javascript | Kriesi.at - new media design
http://www.kriesi.at/archives/50-websites-that-make-amazing-use-of-javascript
46 Sites To Get Inspired And Familiar With Hand Drawing Style | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/inspiration/46-sites-to-get-inspired-and-familiar-with-hand-drawing-style/
Get familiar with one of the most popular and unique web design trend - hand drawing style through many examples. Also great way to get inspired!
defmacro - Taming Perfectionism
http://www.defmacro.org/ramblings/taming-perfectionism.html
STV for wabi-sabi + "Wabi-sabi is a set of philosophical principles that relate Buddhist concepts that can be observed in meditation to all aspects of design. For the first time it occurred to me that Dukkha (the fundamental lack of satisfaction with anything in the physical realm), Anicca (impermanence, lack of any "timeless" principle), and Anatta (lack of "self", or the idea that any object can be complete in and of itself and exist separately from the subject) apply to all things we create."
Excellent article referencing Buddhist principals that may be very helpful to me...
40 Photoshop Tutorials for Amazing Lighting Effects - Part Two | Vandelay Design Blog
http://vandelaydesign.com/blog/design/lighting-effect-tutorials/
CSS Code Snippets : 15 Wicked Tricks | DevSnippets
http://devsnippets.com/reviews/css-code-snippets-15-wicked-tricks.html
[ws] Color Scheme Designer
http://colorschemedesigner.com/
COULEUR et LUMIERE. Superbe outil web a détourner avec tout le bonheur de l'Ecole primaire entre ARTS PLASTIQUES et Sciences / Decouverte du monde +++
choose and match colors
Color Scheme Designer
User Experience Deliverables
http://semanticstudios.com/publications/semantics/000228.php
GROW TOWER(GAME) (EYEZMAZE --FLASH GAME--)
http://www.eyezmaze.com/eyezblog_en/blog/2009/01/grow_tower.html
The latest Grow game that I forgot to post earlier.
Yaaaaaay new Grow game! These things are just about my favorite flash games ever.
50 Useful Design Tools For Beautiful Web Typography | CSS, Fonts | Smashing Magazine
http://www.smashingmagazine.com/2009/01/27/css-typographic-tools-and-techniques/
Excellent listing of typography tools and sites!
By Noura Yehia and Smashing Magazine Editorial Team Typography is elegant when it is attractive and communicates the designer’s ideas. When chosen wisely and used carefully, it can be very effective in supporting the overall
Definitely merits additional investigation.
Tales of the Rampant Coyote: The Black Triangle
http://www.rampantgames.com/blog/2004/10/black-triangle.html
In October of 1994, I’d just started as an honest-to-goodness videogame programmer at a small startup called SingleTrac – which later went on to fame and glory (but unfortunately not much in the way of fortune) with such titles as Warhawk, the Twisted Metal series, and the Jet Moto series. But at the time, the company was less than 20 employees in size and had only been officially in business for about a month. It was sometime in my first week – possibly my first or second day. In the main engineering room, there was a whoop and cry of success. Our company financial controller and acting HR lady, Jen, came in to see what incredible things the engineers and artists had come up with. Everyone was staring at a television set hooked up to a development box for the Sony Playstation. There, on the screen, against a single-color background, was a black triangle.
"We came to refer to certain types of accomplishments as 'black triangles.' These are important accomplishments that take a lot of effort to achieve, but upon completion you don’t have much to show for it."
Sometimes the big victories look pedestrian at first glance.
A great term for those things that take so much effort for seemingly little output.
Black Triangles. They're not just for programmers. (via merlin, via kottke)
sometimes I feel like I'm still trying to get that black triangle to show up...
Coding Horror: Avoiding The Uncanny Valley of User Interface
http://www.codinghorror.com/blog/archives/000869.html
Fluid 960 Grid System | 16-column Grid
http://designinfluences.com/fluid960gs/
10 seriously useful Photoshop tutorials | News | TechRadar UK
http://www.techradar.com/news/software/applications/10-seriously-useful-photoshop-tutorials-514380
How to Create a Flaming Photo Manipulation - PSDTUTS
http://psdtuts.com/tutorials/tutorials-effects/how-to-create-a-flaming-photo-manipulation/
Cool fire effect
What You Need to Know About jQuery 1.3 - NETTUTS
http://nettuts.com/tutorials/javascript-ajax/everything-you-need-to-know-about-jquery-13/
jQuery
YouTube - History of the Internet
http://www.youtube.com/watch?v=9hIQjrMHTv4
Finfin animasjon som viser Internett utviklinga frå 1957 til 2009. Forenkla sjølvsagt, men fin. Litt komplisert ordbruk innimellom, men det må ein vel rekne med.
Yawn! Cool animation though.
"History of the internet" is an animated documentary explaining the inventions from time-sharing to filesharing, from Arpanet to Internet. The history is told using the PICOL icons on picol.org , which are available for download soon. On blog.picol.org you can get news about this project.
filmpjes op internet
20 Useful Resources for Learning about CSS3 - Six Revisions
http://sixrevisions.com/css/20-useful-resources-for-learning-about-css3/
Though W3C’s CSS3 specifications aren’t finalized yet, modern web browsers such as Mozilla Firefox, Opera, and WebKit-based browsers already have full or partial support for them.
Like the title says
AppleInsider | Apple working on 3D Mac OS X user interface (images)
http://www.appleinsider.com/articles/08/12/11/apple_working_on_3d_mac_os_x_user_interface_images.html
apple at it again
3D Desktop
A series of Apple patent filings published this week reveal the Mac maker has spent a considerable amount of time outlining a new multi-dimensional interface for Mac OS X that would make better use of screen real estate by increasing the number of virtual surfaces capable of housing application and interface elements.
27 Places to Find Web Design Jobs
http://designm.ag/freelance/find-web-design-jobs/
webbyarts.com - dedicated public weblog to form ecosystem of visual artists. » 280+ Best of Best Inspirational Logos
http://webbyarts.com/280-best-of-best-inspirational-logos
Logos
:o Yes, no wonder this is the best collection of logos ever you saw on internet. Hopefully you are going to bookmark this article and get the maximum use of its
Colors In Corporate Branding And Design | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/01/28/colors-in-corporate-branding-and-design/
Color is a major consideration in any Web design. Whether for an individual, small company, or major corporation, color scheme is one of the most significant factors in the overall look and appearance of a
BBC - Radio Labs - How we make websites
http://www.bbc.co.uk/blogs/radiolabs/2009/01/how_we_make_websites.shtml
how good is the BBC?
Toxel.com » 24 Modern Mugs and Creative Mug Designs
http://www.toxel.com/inspiration/2009/01/20/24-modern-mugs-and-creative-mug-designs/
wonderful mug collection..
Modern mugs and creative mug designs from all over the world.
404 Error Pages, One More Time | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/01/29/404-error-pages-one-more-time/
10 Websites To Make You A Photoshop Ninja | MakeUseOf.com
http://www.makeuseof.com/tag/10-websites-to-make-you-a-photoshop-ninja/
Links til tutorials om photoshop
Photoshop is hard. There's all kinds of menus, commands, and keyboard shortcuts that you've got to figure out. Once you learn how it works, it's an unbelievably
30 Essential Controls
http://designingwebinterfaces.com/essential_controls
pretty much a overview of anything you could need
mezzoblue § Sprite Optimization
http://mezzoblue.com/archives/2009/01/27/sprite_optim/
SmartSprites
CSS: Menu List Design
http://www.webdesignerwall.com/tutorials/css-menu-list-design
Nice styling of items for a restaurant menu or the like.
css for a restaurant menu price list
MyFolio
http://myfolio.com/
place to save and share artwork
Design Observer
http://designobserver.com/archives/entry.html?id=38831
On August 12, 1982, I took a 10 x 7 1/8 inch National Blank Book Company composition book from the supply closet of my then employer, Vignelli Associates. From that moment, I have never been without one. I always have one at my desk. I take one with me to every meeting. I am now in the middle of Notebook #85. It's in front of me right now. Together, these well-worn books create a history of my working life that spans three decades.
Inspiration for keeping a notebook.
Ultimate List Of 50 Quality Photoshop Tutorials For Your Inner Designer | The Theme Blog
http://thethemeblog.com/tutorials/ultimate-list-of-50-quality-photoshop-tutorials-for-your-inner-designer
50 Quality Photoshop Tutorials
Nerd Merit Badges
http://nerdmeritbadges.com/
1.5", fully-embroidered, Velcro-backed. Attach to your jacket, your backpack, or the lid of your overclocked, battle-scarred laptop. Start a nerd sash!
So excited about this.
Peter and Paul
http://www.peterandpaul.co.uk/news/
from Identity design to websites and exhibition design as well... these guys rock at Communication Design big time
based in sheffield
nice yorkshire creative/comms consultancy
Estudio de diseño gráfico majete
iSteamPhone
http://www.isteamphone.com/
Ultra sweet iPhone shirt.
camiseta del iphone
excellent.
The T-Shirt: Artist Kevin Tong captures the invention of daVinci, the imagination of H.G. Wells, and the brilliance of Jonathan Ive in this Exploded Phone drawing.
Georgia On My Mind - Inspiration Bit
http://www.inspirationbit.com/georgia-on-my-mind/
Story about Georgia the font
Best 15 Ajax Based Start pages | TechCityInc
http://techcityinc.com/2008/12/best-15-ajax-based-start-pages/
startpage
RED DIGITAL CINEMA - EPIC & SCARLET REVEALED
http://www.red.com/epic_scarlet/
Oooh look- they're doing 3D. cool!
The Ultimate Free Fonts Pack | yensdesign - Tutorials, Web Design and Coding
http://yensdesign.com/2009/01/the-ultimate-free-fonts-pack/
A year in review, 2008. (Kid pics, 33 of them) - FM Forums
http://www.fredmiranda.com/forum/topic/722109
These are hilarious, and some quite impressive. via dbecker
LimeWire Creator Brings Open-Source Approach to Urban Planning | Epicenter from Wired.com
http://blog.wired.com/business/2009/01/mark-gorton-ceo.html
Portland, Oregon has already used his open-source software to plan its bus routes. San Francisco, whose MUNI bus system is a frequent target of criticism, could be next to get the treatment. Gorton says he's in talks with the city to supply transit routing software for MUNI that will do a much better job of keeping track of where people are going and figuring out how best to get them there. San Francisco "overpaid greatly" for a badly-supported proprietary closed-source system that barely works, according to Gorton, putting the city under the thumb of a private company that provides sub-par support.
Entrepreneur Mark Gorton wants to do for people what he already helped do for files: move them from here to there in the most efficient way possible using open-source tools. Gorton, whose LimeWire file sharing software for the open-source gnutella network was at the forefront of the P2P revolution nearly a decade ago, is taking profits earned as a software mogul and spinning them into projects to make urban transportation safer, faster and more sustainable.
"Gorton, whose LimeWire file sharing software for the open-source gnutella network was at the forefront of the P2P revolution nearly a decade ago, is taking profits earned as a software mogul and spinning them into projects to make urban transportation safer, faster and more sustainable."
While public, that data was locked by private software used by public organizations and suffered from an overall lack of standards. Thus was born GeoServer, an open-source, Java-based software server that lets anyone view and edit geo-spatial data. Road information can now be painstakingly imported once from proprietary systems or entered from scratch, double-checked by other users, and rolled out to anyone who needs the data
GOOD » Superb Idea: Bike Lane That Travels With You»
http://www.good.is/?p=14716
this is so cute: a virtual bike lane (using lasers) that displays on the ground around the cyclist, providing drivers with a recognizable boundary they can easily avoid. The idea is to allow riders to take safety into their own hands, rather than leaving it to the city. I want to see one for pedestrians too : )
Awesome. Illuminate your own bike lane with Light lane.
The system projects a virtual bike lane (using lasers!) on the ground around the cyclists, providing drivers with a recognizable boundary they can easily avoid. The idea is to allow riders to take safety into their own hands, rather than leaving it to the city. And just in case you need to be convinced about the need for better cycle saftey, watch this video about the stupidest bike lane in America.
Bike light that creates a virtual bike lane
Code Like a Pythonista: Idiomatic Python
http://python.net/%7Egoodger/projects/pycon/2007/idiomatic/handout.html
Image Spark
http://www.imgspark.com/
A Social Image Upload website, how new :)
Everything you Know is Wrong! - NETTUTS
http://nettuts.com/videos/screencasts/everything-you-know-is-wrong/
NETTUTS/Themeforest.net guru Jeffrey Way says: "Everything is changing. This weekend, I read a very interesting book: 'Everything You Know About CSS is Wrong'. The book illustrates how, now that IE has passed the ACID 2 test, we can finally begin to build our websites the proper ways. Up until now, we've been forced to implement hacks to form the perfect layout - absolute positioning, precarious floats, etc. But that's all beginning to change! I'll show you how in twenty minutes."
Everything You Know About CSS is Wrong
How to create interactive PDF forms to impress your clients | The Design Cubicle
http://www.thedesigncubicle.com/2008/12/how-to-create-interactive-pdf-forms-to-impress-your-clients/
Light Lane - Concept from Altitude’s Alex Tee and Evan Gant « Dustbowl
http://dustbowl.wordpress.com/2009/01/09/light-lane-concept-from-altitudes-alex-tee-and-evan-gant/
Oh, huh, that's cool. Projectable bike lane!
a bike lane that moves with you!
"Only a small fraction of streets have dedicated bike lanes, and with an installation cost of $5,000 to $50,000 per mile, we shouldn’t expect to find them everywhere anytime soon. Instead of adapting cycling to established bike lanes, the bike lane should adapt to the cyclists. This is the idea behind the LightLane. Our system projects a crisply defined virtual bike lane onto pavement, using a laser, providing the driver with a familiar boundary to avoid. With a wider margin of safety, bikers will regain their confidence to ride at night, making the bike a more viable commuting alternative."
cool idea
The TTFTitles WordPress Plugin @ WordPress Plugins
http://www.hostscope.com/wordpress-plugins/ttftitles-wordpress-plugin/
This plugin lets you use images to replace the titles of your posts.
This plugin lets you use images to replace the titles of your posts, thus circumventing the problem of guessing what fonts your end-users might have installed.
Photoshop Quick Tips #3 - Enhancing Photos with High Pass Filter | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/photoshop-quick-tips-3-enhancing-photos-high-pass-filter
I'm a big fan of the "high Pass" filter
写真画像を見栄えよくするPhotoshopのチュートリアル集: Part 6 | コリス
http://coliss.com/articles/build-websites/operation/design/2088.html
Photoshop / 写真画像を見栄えよくするPhotoshopのチュートリアル集: Part 6
写真画像をレタッチして、見栄えをよくするPhotoshopのチュートリアル集のPart 6です。
45 Must-See Incredible Resources And Inspirational Collection To Discover The Best Of The Web In January - Opensource, Free and Useful Online Resources for Designers and Developers
http://www.smashingapps.com/2009/01/31/45-must-see-incredible-resources-and-inspirational-collection-to-discover-the-best-of-the-web-in-january.html
GREAT FREE WEBSITE DESIGN STUFF
Derek Powazek - Programmers are Tiny Gods
http://powazek.com/posts/1655
Yes. Yes we are.
s, God creates thing
Like designers, if you give a programmer a problem with parameters, they’ll apply every bit of genius they have to solve it in the best possible way. If you tell them how to do it, you’ll suffer the wrath of an angry God.
I've found it best not to tell any professional how to do their job.
17 designers favorite fonts | Abduzeedo - design inspiration & tutorials
http://abduzeedo.com/best-fonts-great-designers
The best fonts from 17 great designers Everyone has their favorite fonts. Fonts that are very versatile and work well for a variety of projects. With that in mind we asked some very well known designers and digital artists what their top 3 serif and top
Web Design+ — Tips and advice on web standards development
http://csswizardry.com/web-design+/
Very useful tip for clearing floated divs
The online home of Harry Roberts, freelance front-end developer.
Illustrator full spectrum spirograph | Veerle's blog
http://veerle.duoh.com/blog/comments/illustrator_full_spectrum_spirograph/
Spirals and colors and transparency.
Build - Think Glocal™ - Blog
http://www.wearebuild.com/blog/
第1回 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント | Web担当者Forum
http://web-tan.forum.impressrd.jp/e/2009/01/29/4815
モバイルサイトのユーザビリティ。PCより単純だけど、単純だから情報設計が難しそう印象。
普通に携帯サイト見てても気づくレベル。基本中の基本。こっから先が難しい。
Styling Buttons and Toolbars with the jQuery UI CSS Framework | Filament Group, Inc.
http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/
button, span, anchorをスタイリングするチュートリアル
Below, we create a range of button types that frequently appear in application interfaces — stand-alone buttons, toggles, and buttons grouped into multi-function toolbars — and use classes from the framework to demonstrate how you can leverage the CSS for non-jQuery elements. We tested the sample markup and the framework CSS to ensure that styles render the same whether the button markup is the actual button form element (<button>), a link (<a>), or any other tag that makes sense for your particular application.
Toxel.com » Photo Manipulations by tebe_interesno
http://www.toxel.com/inspiration/2009/01/30/photo-manipulations-by-tebe_interesno/
Useful tips to design horizontal website layout
http://woork.blogspot.com/2009/02/useful-tips-to-design-horizontal.html
Preloaders.net | Free AJAX animated loading gif's | 3 dimensional (3D)
http://preloaders.net/
Free animated loading gif preloaders generator for AJAX loading
maybe make one for my edvibes brand
5 Popular CSS Frameworks + Tutorials & Tools for Getting Started
http://www.noupe.com/css/5-popular-css-frameworks-tutorials-tools-for-getting-started.html
70 Hand Drawing Style Resources, Brushes, Textures,Icons And Tutorials | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/resources/70-hand-drawing-style-resources-brushes-texturesicons-and-tutorials/
Massive hand-drawn style related resource roundup to give You opportunity to create really unique web site design and really stand out of crowd.
recursos hechos a mano
50 of the Best Ever Web Development, Design and Application Icon Sets : Speckyboy - Web Design, Web Development and Graphic Design Resources
http://speckyboy.com/2009/02/02/50-of-the-best-ever-web-development-design-and-application-icon-sets/
icons and more icons
Mockups To Go - A user-contributed collection of ready-to-use UI components and design patterns built using Balsamiq Mockups.
http://mockupstogo.net/
Mockups To Go A user-contributed collection of ready-to-use UI components and design patterns built using Balsamiq Mockups.
A user-contributed collection of ready-to-use UI components and design patterns built using Balsamiq Mockups.
Jobs for Designers and Developers
http://www.webdesignerwall.com/general/jobs-for-designers-and-developers/
Therefore, I have compiled a list of 55 job sites and hope you may find them useful. These links include job boards, job searches, project bidding sites, and job feed aggregators. This post is totally worth to bookmark, whether you are a designer, developer, Flash programmer,or a freelance writer. Of course, don’t forget to check our job board first — Design Jobs on the Wall.
tutti i siti in cui trovare lavoro come web designer
Free Fonts Generator - Make Your Own Handwriting Font With Your Fonts
http://www.yourfonts.com/
내 손글씨로 폰트를 만든다!
Make your own handwriting font
YourFonts.com is a FREE online font generator that allows you to create your own TrueType fonts within a couple of minutes. Go make your own handwriting as a font!
cufón - fonts for the people
http://cufon.shoqolate.com/generate/
10 exceedingly useful Flash tutorials | News | TechRadar UK
http://www.techradar.com/news/software/applications/10-exceedingly-useful-flash-tutorials-516564
cmtes
YourFonts - Generate Your Own Fonts Online
http://www.yourfonts.com/print.html
Make your very own fonts!
With YourFonts it's really simple to turn your printed characters into a font.
DIY: YourFonts Turns Your Handwriting Into a Personlized Font
http://lifehacker.com/5144665/yourfonts-turns-your-handwriting-into-a-personlized-font
YourFonts is a web-based service that turns your handwriting into a TrueType font for free. If you have a printer and scanner, nothing can stand between you and the awesomeness of your own script.
YourFonts is a web-based service that turns your handwriting into a TrueType font for free. If you have a printer and scanner, nothing can stand between you and the awesomeness of your own script. We've covered a
Handwriting
CSS should not be used for layout
http://www.flownet.com/ron/css-rant.html
css for layout
Why CSS should not be used for layout
Blambot Comic Fonts and Lettering
http://www.blambot.com/grammar.shtml
Blambot Comic Fonts and Lettering
comics typografi
Grammar of word balloons.
Comic book lettering has some grammatical and aesthetic traditions that are quite unique. What follows is a list that every letterer eventually commits to his/her own mental reference file
carpe noctem
http://www.wearesleepinggiants.com/
Very cool night time portraits.
Ultimate Grunge Pack: 40 High-Res Textures | Web Design Ledger
http://webdesignledger.com/freebies/ultimate-grunge-pack-40-high-res-textures
Texturas interesantes para blender y programas así
Free textures
I LEGO N.Y. - Abstract City Blog - NYTimes.com
http://niemann.blogs.nytimes.com/2009/02/02/i-lego-ny/
New York Moments rendered in Legos
Cute lego representations of nyc things.
NYC broken down to its simplest tiny parts. In Lego. So fucking good. (Thanks Val.)
I LEGO N.Y.
Lego's ability to channel someone's nostalgia for NY. Awesome.
Design Resource | 30+ Free Quality PSD Files to Download
http://dzineblog.com/2009/02/30-free-quality-psd-files.html
30+ Free Quality PSD Files to Download
finde ich super, sowas kann man immer gebrauchen. Außerdem macht Photoshoppen immer wieder viel Spaß.
200+ Beautiful Seamless Patterns Perfect for Web Design | Web Design Ledger
http://webdesignledger.com/freebies/200-beautiful-seamless-patterns-perfect-for-web-design/
Seamless patterns are a great way to add a big impact to a web design without a lot of effort. Here are 223 of them that are absolutely beautiful. Whether you
check links at bottom of pages as well
Seamless background tiles
Make Business Cards - Free PDF Cards
http://www.freepdfcards.com/
25 Beautifully Minimalist Websites - Part 5 | Vandelay Design Blog
http://vandelaydesign.com/blog/hosting/minimalist-inspiration/
Over the past year and a half, I have published four collections of inspirational websites with a minimalist approach to the design. Since more great websites of this style keep appearing, and since readers continue to show an interest in this style, here is the fifth edition. You can see the first four parts here: 25 Beautifully Minimalistic Website Designs 25 Beautifully Minimalistic Website Designs - Part 2 25 Beautifully Minimalistic Website Designs - Part 3 25 Beautifully Minimalistic Website Designs - Part 4 Netlings
25 Beautifully Minimalist Websites
Infragistics Quince: UX Patterns Explorer / Home
http://quince.infragistics.com/#/Main
Specific user experience patterns and their pros and cons.
Map of Popular Super Bowl Words Used on Twitter - Interactive Graphic - NYTimes.com
http://www.nytimes.com/interactive/2009/02/02/sports/20090202_superbowl_twitter.html
Yay, Rochester is tracked.
1000+ Classic Icons for Free Download | webbyarts.com - dedicated public weblog to form ecosystem of visual artists.
http://webbyarts.com/1000-classic-icons-for-free-download
дохрена фришных иконок
LegiStyles™
http://www.legistyles.com/
Stiles for NetNewsWire, very beautyfull
If you’re in to this sort of thing: “Much attention has been paid to the design and typography of the styles to improve legibility and readability, and to enhance the overall reading experience.”
netnewswire rss styles layouts css von kai heuser heuserkampf
Vintage and Blues WordPress Themes | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2009/01/28/vintage-and-blues-wordpress-themes/
wordpress
Themes molones vintage y azul, con "banner superior" y publi
t may not be resold, sublicensed, re
well-formed.eigenfactor.org : Visualizing information flow in science
http://well-formed.eigenfactor.org/
Interactive visualizations based on the Eigenfactor™ Metrics and hierarchical clustering to explore emerging patterns in citation networks. A cooperation between the Eigenfactor Project (data analysis) and Moritz Stefaner (visualization).
Interactive visualizations based on the Eigenfactor™ Metrics and hierarchical clustering to explore emerging patterns in citation networks.
Photo laboratory (Photl.com) - Free Stock Photo / photl.com
http://photl.com/fr/
Photo laboratory (Photl.com) - Free Stock Photo / photl.com - http://photl.com/fr/
Main Page - Digital Foundations
http://wiki.digital-foundations.net/index.php?title=Main_Page
Digital Foundations: Introduction to Media Design with the Adobe Creative Suite integrates the formal principles of the Bauhaus Basic Course into an introduction to digital media production with the Adobe Creative Suite.
Digital Foundations: Introduction to Media Design with the Adobe Creative Suite (see FLOSS manuals at http://en.flossmanuals.net )
bauhaus et software
Wiki as pedagogy
Introduction to Media Design: "Digital Foundations: Introduction to Media Design with the Adobe Creative Suite integrates the formal principles of the Bauhaus Basic Course into an introduction to digital media production with the Adobe Creative Suite. Textbooks and software manuals on today’s market do not include art and design history or visual principles. This book synthesizes historical examples and traditional studio foundation exercises into smart, well-paced software exercises. See it for yourself in Chapter 5, where we explore Illustrator's Color Picker through Joseph Albers’ color exercises. Digital media texts about Adobe Creative Suite, whether they are “Bibles”, “For Dummies” or “Classroom in a Books”, focus on tools and production tips. Digital Foundations is the only textbook that teaches visual skills through production tools."
Clear And Effective Communication In Web Design | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/02/03/clear-and-effective-communication-in-web-design/
By Steven Snell Communication is one of the foundational elements of a good website. It is essential for a positive user experience and for a successful website that truly benefits its owners. All types of
Communication is one of the foundational elements of a good website. It is essential for a positive user experience and for a successful website that truly benefits its owners. All types of websites are affected by the need for good communication in one way or another. Regardless of whether the website in question is an e-commerce website, a blog, a portfolio website, an information website for a service company, a government website or any other type of website, there is a significant need to communicate effectively with visitors.
methods, challenges, content, and tips.
Social Media Mini Iconpack · Komodo Media
http://www.komodomedia.com/blog/2008/12/social-media-mini-iconpack/
save
How-To Minimize Load Time for Fast User Experiences | UX Booth
http://www.uxbooth.com/blog/how-to-minimize-load-time-for-fast-user-experiences/
I LEGO N.Y. - Abstract City Blog - NYTimes.com
http://niemann.blogs.nytimes.com/2009/02/02/i-lego-ny/?em
lego
Infragistics Quince: UX Patterns Explorer
http://quince.infragistics.com/
cool tool by J. Ambrose Little, needs Silverlight
GNOME Do - Release
http://do.davebsd.com/release.shtml
Package Design Research | Patterns | R.BIRD
http://www.rbird.com/movabletype/patterns/
A series of professional observations about package design practices within specific product categories
Consumer product/placement/positioning patterns via http://www.37signals.com/svn/posts/1546-patterns-great-self-promotion
50+ Free WordPress Themes for Personal Blogs of High Quality - WPZOOM
http://www.wpzoom.com/wordpress-themes-sets/50-free-wordpress-themes-for-personal-blogs-of-high-quality/
Geeking with Greg: Marissa Mayer at Web 2.0
http://glinden.blogspot.com/2006/11/marissa-mayer-at-web-20.html
The lesson, Marissa said, is that speed matters. People do not like to wait. Do not make them.
On the web, speed matters. I see it with campaigns all the time.
This conclusion may be surprising -- people notice a half second delay? -- but we had a similar experience at Amazon.com. In A/B tests, we tried delaying the page in increments of 100 milliseconds and found that even very small delays would result in substantial and costly drops in revenue.
Don't use css or table layout, use Sass and Compass
http://gom-jabbar.org/articles/2009/02/04/don-t-use-css-or-table-layout-use-sass-ad-compass
An introduction to Sass, a templating engine for CSS.
Derek Powazek - Don’t Work for Assholes
http://powazek.com/posts/1733
the months I spent suffering that fool 12 years ago would have been better spent building my portfolio and hustling to find better clients. All the time you spend working for an asshole is time you’re not spending to find a gig that will, in the long run, pay you better, teach you more, and make you happier.
"Nine times out of ten, the first impression someone gives you is exactly who they are. We choose not to see it because we need the money, or we want the situation to be different. But if someone rubs you the wrong way at the first meeting, chances are, it’s only going to get worse."
It can be very intimidating to turn down work, especially in these uncertain economic times. But the months I spent suffering that fool 12 years ago would have been better spent building my portfolio and hustling to find better clients. All the time you spend working for an asshole is time you’re not spending to find a gig that will, in the long run, pay you better, teach you more, and make you happier.
Crude advice, but very salient. We take the stick because we need the money, but the rude client ends up hitting us over the head with it.
"But the biggest lesson I learned? Don’t work for assholes."
15 Excellent Logo Design Tutorials Using Illustrator
http://sixrevisions.com/graphics-design/15-excellent-logo-design-tutorials-using-illustrator/
logo design
In this collection, you will find 15 hand-picked tutorials from a variety of talented graphic designers and illustrators that discuss the logo creation process using Illustrator.
50 Insanely Weird but Awesome Photoshop Brushes - PSDTUTS
http://psdtuts.com/articles/web/50-insanely-weird-but-awesome-photoshop-brushes/
!!!
Paint splatters, floral flourishes, grunge worn patches: we love 'em, but we've seen them all before. Here we've compiled 50 free Photoshop brushes that are unique, different, and in many cases, down-right strange. In fact, these misfit brushes are united by only one thing: awesomeness.
50 Beautiful And User-Friendly Navigation Menus | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/02/04/50-beautiful-and-user-friendly-navigation-menus/
5o exemples de menus de navigation Internet de qualité
Dropular : Media Bookmarking
http://dropular.net/
Recreating the button | stopdesign
http://stopdesign.com/archive/2009/02/04/recreating-the-button.html
多少ぼやかしてはいる部分はあれど、個人サイトで情報をここまで公開したことに驚きました。彼と確か、Googleに就職した途端にだんまりを決める人っているよね(悪い意味ではなく)、みたいな話をしたことがあったように思いますが……もしや会社的にOKを出したうえでのこと?
Gmails new buttons
Supersized - Full Screen Background/Slideshow jQuery Plugin | Build Internet!
http://buildinternet.com/2009/02/supersized-full-screen-backgroundslideshow-jquery-plugin/
The Coolest Text Effects on the Planet | Photoshop Tutorials
http://best-photoshop-tutorials.blogspot.com/2009/01/coolest-text-effects-on-planet.html
some very solid text effects...best ive seen so far in one compilation
市町村変遷パラパラ地図
http://mujina.sakura.ne.jp/history/index.html
50 Free Photoshop Brush Sets You Should Bookmark | Photoshop Tutorials
http://www.hongkiat.com/blog/50-free-photoshop-brushes-you-should-bookmark/
Brush sets for photoshop to save time.
Awesome free Photoshop brushes.
Breadline Design Naming Machine
http://breadlinedesign.com/naming_machine/index.htm
The First Worlwide Site Where Nothing Happens
http://www.thefirstworldwidewebsitewerenothinghappens.com/
ahora si el url. del primer sitio donde no pasa nada http://www.thefirstworldwidewebsitewerenothinghappens.com/ via @elneco
Interesting site by Kit Kat, who wants to give you a break!
Um site onde nada acontece.
The First Worldwide Site Where Nothing Happens. KitKat.
home | paramore|redd online marketing | website and media design and development
http://paramoreredd.com/
We're a full-service interactive agency in Nashville with happy and successful clients all across America.
Interactive Advertising and Web Development Agency in Nashville, Tennessee
15 Tips for Freelancers Starting Their Own Business | Think Vitamin
http://thinkvitamin.com/business/15-tips-for-freelancers-starting-their-own-business/
So you’re a skilled developer or design freelancer who has established a handful of customers who pay your bills and provide you with an income. That’s great. You may wish to keep things just the way they are or you might want to build on this and build up your own small business. If you’re opting for the later then here are a few tips to help you ride the bumpy road from freelancer to fully-fledged small business.
Striking Web Sites with Font Stacks that Inspire - Inspiration Bit
http://www.inspirationbit.com/striking-web-sites-with-font-stacks-that-inspire/
The 15 Coolest Cases of Biomimicry
http://brainz.org/15-coolest-cases-biomimicry
10 things a web designer would never tell you : Boagworld web design podcast
http://boagworld.com/design/10_things_a_web_designer_would/
Geinig artikel over hoe je designers moet behandelen.
Things a 'good web designer' would never tell you about choosing the perfect design.
wever it is no use if
Intro to Django - Building a To-Do List - NETTUTS
http://nettuts.com/tutorials/other/intro-to-django-building-a-to-do-list/
Djangoを始める時
2008’s Best GIMP Tutorial Picks « Ang Pilipino GIMP
http://angpilipinogimp.wordpress.com/2009/01/18/2008s-best-gimp-tutorial-picks/
Stupendi tutorial dedicati al fantastico Gimp
How to Use the Sticky Footer HTML & CSS Code
http://www.cssstickyfooter.com/using-sticky-footer-code.html
How to implement sticky footers
n by that margin height, perhaps in a header or the w
polycro-footer
Apple's design process - BusinessWeek
http://www.businessweek.com/the_thread/techbeat/archives/2008/03/apples_design_p.html?rss
Interesting presentation at SXSW from Michael Lopp, senior engineering manager at Apple, who tried to assess how Apple can ‘get’ design when so many other companies try and fail. After describing Apple’s process of delivering consumers with a succession of presents (“really good ideas wrapped up in other really good ideas” — in other words, great software in fabulous hardware in beautiful packaging), he asked the question many have asked in their time: “How the f*ck do you do that?”
Readers Pick: 30+ Incredibly Useful Mac Apps for Web Design
http://www.noupe.com/tools/readers-pick-30-incredibly-useful-mac-apps-for-web-design.html
10 Examples of Creative Twitter Uses | Houston Search Engine Marketing and Optimization Services
http://sem-group.net/search-engine-optimization-blog/10-examples-of-creative-twitter-uses/
100 Beautiful Free Textures | Graphics | Smashing Magazine
http://www.smashingmagazine.com/2009/02/06/100-beautiful-free-textures/
you may want to make textures available... you may be able to make your own site of this kind of thing...
無料レタッチツール「GIMP」を使いこなす最強リンク集 :教えて君.net
http://www.oshiete-kun.net/archives/2009/02/gimp.html
これでgimpをフォトショ並みに縦横無尽に使える罠
pictbearより良いかも?
リンクはいいんだけども、編集している画像が変
Cornwell :: Possibilities
http://www.cornwell.com.au/
Escritório de design com cases legais sobre brand, comunição visual.
desktopgaming
http://desktopgaming.com/
destop backgrounds
great wallpapers
2008 - The best sites of the year | Abduzeedo - design inspiration & tutorials
http://abduzeedo.com/2008-the-best-sites-year
Os melhores sites do ano
30 Desktop and Office Themed Website Designs | Webdesigner Depot
http://www.webdesignerdepot.com/2009/02/30-desktop-and-office-themed-website-designs/
Its seems like the desktop and office style websites have been a popular design idea for a few years now. While many of these design share some of the same
Eclipse plug-in for creating wireframes and screen mockups - WireframeSketcher
http://wireframesketcher.com/index.html
WireframeSketcher is an Eclipse plug-in for creating wireframes, screen mockups and UI prototypes.
WireframeSketcher is an Eclipse plugin for creating wireframes, screen mockups and UI prototypes. * Create UI mockups in no time * Communicate your intent * Get feedback * Build better software!
an Eclipse plugin for creating wireframes, screen mockups and UI prototypes
CSSでさくっと作れるグラフいろいろ - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/02/css_graphs.html
結構いろんなバリエーションつくれる
redswish - a web design blog » 10 SEO elements all websites should have
http://www.redswish.co.uk/10-seo-elements-all-websites-should-have/
Keyword research is crucial as it acts like a compass for your website or blog. A proper keyword research reveals the supply and demand trends in your industries thus giving general idea on which keyword you should focus on.
エア焼肉
http://airyakiniku.cosaji.jp/
うおおおおお
リクルート、おまえら最高に愛すべきバカどもだよ
エア焼肉
焼肉たべたい
Everything you know about ARGs is WRONG
http://sixtostart.com/onetoread/2008/everything-you-know-about-args-is-wrong/
millions of blog entries: that no one will read apart from five people
Ding! Correct! This, right here, is why I have never played an ARG. And why I would love to get paid to write one.
a hilarious, soul-searching talk by Dan Hon of ARG development company Six to Start at the Let's Change The Game conference held in December 2008.
Official Google Blog: Eye-tracking studies: more than meets the eye
http://googleblog.blogspot.com/2009/02/eye-tracking-studies-more-than-meets.html
googleblog
An eye tracking study from Google. However, please note that none of the searches are overly commercial in nature (no top position ads). In almost all G heatmap studies, they only show mostly information searches. Interesting data, but don't assume your ad will not get nice visibility for more commercial based searches.
2008年に注目を集めた使えるJavaScriptライブラリ集:phpspot開発日誌
http://phpspot.org/blog/archives/2009/01/2008javascript.html
2008年に注目を集めた使えるJavaScriptライブラリ集が紹介されていました。 どれも非常に便利でサイト構築に役立ってくれるでしょう。
Designers Toolbox: Web Safe Area
http://www.designerstoolbox.com/designresources/safearea/
Safe window sizes for browsers and computer operating systems.
How To Design The Perfect Form | Web Design Tuts
http://webdesigntuts.com/web-design/how-to-design-the-perfect-form/
15 Open Source Tools For Art & Design Students | Online College
http://www.onlinecollege.org/2009/01/28/15-free-tools-for-art-design-students/
Free web based design tools
10 Websites to Help You Master GIMP
http://sixrevisions.com/graphics-design/10-websites-to-help-you-master-gimp/
LOWORKS
http://www.loworks.co.jp/
Monopoly Repackaging | Andy Mangold
http://www.andymangold.com/monopoly-repackaging/
Monopoly, in spite being the classiest of all board games, unfortunately is packaged just as boringly and uncreatively as every other garbage board game on the shelves. So, I decided to repackage it... turning the class up to 11.
nice redesign of monopoly packaging
Custom Buttons 3.0 (demo)
http://stopdesign.com/eg/buttons/3.0/code.html
Ładne buttony z zaokrąglonymi obrazkami, także kilka obok siebie w obrębie jednego wizualnie paska buttona.
"This doc attempts to show how custom buttoms with a 1px radius could be created without corner images. The gradient requires an image, but is optional. Ideally, the <button> element should be used if possible (instead of <a>) for semantic and accessibility reasons. Note that the hover state will not work on button elements for IE6 and lower without using JavaScript to detect a mouseOver event."
This doc attempts to show how custom buttoms with a 1px radius could be created without corner images. The gradient requires an image, but is optional. Ideally, the <button> element should be used if possible (instead of <a>) for semantic and accessibility reasons. Note that the hover state will not work on button elements for IE6 and lower without using JavaScript to detect a mouseOver event.
Flashでやってしまいがちな14個の間違った使い方 | ClockMaker Blog
http://clockmaker.jp/blog/2009/01/using_flash/
Create a jQuery Popup Bubble » Digital Visions Queenstown
http://www.dvq.co.nz/web-design/create-a-jquery-popup-bubble-effect/
Cookstr - Recipes
http://cookstr.com/recipes
Eine viel schönere Seite als Chefkoch.de
Recipes
Browse for recipes by course ingredient cuisine method, etc.
100 Free Icons - Weby Icon Set | IconsPedia
http://blog.iconspedia.com/icons/100-free-icons-weby-icon-set-192/
Free Icons
The icons are available in PNG, ICO and ICNS format. They are free to use for both personal and commercial projects, including websites, templates & software. You are not allowed to sell or redistribute the icons anywhere else. If you like to share the icons please link to this article.
framework
http://projects.joshuadavis.com/space/
MAXで見たJoshua Davisのプレゼン
ジョシュア・デイビスのプレゼン資料。
アイデアの変遷
色形。
なんか知らんがジョシュア・デイビス。
JoshuaDavisさんのプレゼン資料
joshuadavis のベジェ曲線スタディ。きれええ。
particulas com efeitos 3D no flash
Flash。ベジェ。
The League of Moveable Type
http://www.theleagueofmoveabletype.com/
A site and -- they hope -- movement for free, open-source fonts. "We're done with the tired old fontstacks of yesteryear. Enough with the limitations of the web, we won't have it. It's time to raise our standards. Here, you'll find only the most well-made, free & open-source, @font-face ready fonts."
collection of open source fonts
open source fonts for web use
'Here, you'll find only the most well-made, free & open-source, @font-face ready fonts.'
We're done with the tired old fontstacks of yesteryear. Enough with the limitations of the web, we won't have it. It's time to raise our standards. Here, you'll find only the most well-made, free & open-source, @font-face ready fonts.
ze's page :: zefrank.com: want to try something hard? voice drawing....
http://www.zefrank.com/zesblog/archives/2009/01/want_to_try_som.html
Using openFrameworks?
... hosheez. An etch-a-sketch controlled by the *volume of your voice*.
Ze Frank has made a Flash-based drawing application that takes sound as its input.
Is Google Chrome The New IE 6 For Web Designers? | Webdesigner Depot
http://www.webdesignerdepot.com/2009/02/is-google-chrome-the-new-ie-6-for-web-designers/
přehled chyb google chrome
Just when you thought you were done with IE 6 and its hacks and exceptions, now you've got a new browser to consider: Google's Chrome. The good news is that
Here are some tips to get your web pages working in Chrome and hopefully looking the way they were designed to look.
No, but it does have problems all of its own!
Getting around some of the weirdness that Chrome brings to the table. Like Opera, Chrome is unusually unforgiving when it comes to HTML, CSS, and javascript
リンクをクリックしたときに横に伸びる点線を消す方法(Firefox) - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/01/how_to_delete_dotted_line.html
Firefox Hacks
よく見るから。
リンクとかの点線を消す CSS
overflow:hidden; outline:none;
これをするとキーボード操作でどこにいるかわからんくなるので、ユーザビリティ下がります
Website Backgrounds: 70+ Impressive Trends, How To’s & Best Practices
http://www.noupe.com/trends/website-backgrounds-70-impressive-trends-how-tos-best-practices.html
create website backgrounds
Website backgrounds maken
70+ Impressive Trends, How To’s & Best Practices
Website Backgrounds: 70+ Impressive Trends, How To’s & Best Practices - http://www.noupe.com/trends/website-backgrounds-70-impressive-trends-how-tos-best-practices.html
これ全部やる!
Lovely Charts | Free online diagramming application
http://lovelycharts.com/
Allows to create pretty charts for free.
Free online diagramming application
Lovely Charts is a drawing application that allows you to create professionnal looking diagrams of all kinds, such as flowcharts, sitemaps, organisation charts, wireframes, and many more… For free.
With Lovely Charts's extremely simple and intuitive drag'n drop drawing mechanism, you'll be able to focus on what really matters. You won't have to draw boxes and arrows, you won't have to worry about what symbol to use.
Lovely Charts is a drawing application that allows you to create professionnal looking diagrams of all kinds, such as flowcharts, sitemaps, organisation charts, wireframes.
Janine Rewell
http://www.janinerewell.com/
designer from Finland. Nice work on print/package design
Nice photography of publications, with details
illustrator designer helsinki
More free resources for designers to download | Resources
http://www.boogiesbc.ro/blog/resources/more-free-resources-for-designers-to-download/
WordPress Resources: The Ultimate Collection » DivitoDesign
http://www.divitodesign.com/2009/02/wordpress-resources-ultimate-collection/
As I am a WordPress user by heart, I have a large list of Wordpress related bookmarks. Many of these bookmarks have proven their value over time and I am pretty sure they will be helpful for you too. Welcome to the Ultimate Collection of WordPress Resources.
some important resources on the wordpress basics bundled together
WordPress Resources
50 Useful JavaScript Tools | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/02/08/50-extremely-useful-javascript-tools/
50 Useful JavaScript Tools : http://hellotxt.com/l/d1Wt
10 Web Typography Rules Every Designer Should Know | Webdesigner Depot
http://www.webdesignerdepot.com/2009/02/10-web-typography-rules-every-designer-should-know-2/
10 Web Typography Rules Every Designer Should Know http://is.gd/iSXV
Tinkerkit: a physical computing toolkit for designers: Main/Home Page
http://www.tinkerkit.com/
10 Clean Forum Designs | Dezinerfolio
http://www.dezinerfolio.com/2009/02/07/10-clean-forum-designs
Forums are the best sources to gain &amp; share information. Here is a list of 10 clean Forum designs we found for you...
I'M A DESIGNER AND...
http://www.dotdotdotspot.com/
A madlib exercise
背景に使えるパターンいろいろ | DesignWalker
http://www.designwalker.com/2009/02/bg-pattern.html
background patern generator
10 easy guides to making music on your PC | News | TechRadar UK
http://www.techradar.com/news/computing/10-easy-guides-to-making-music-on-your-pc-526962
WHO DID IT?
http://whodidit.jp/
誰が携わったかがわかるサイト集
誰の作品か分かるサイト RSSも購読しよっと。
いろいろ、誰がつくったか?
How to Grow Your Own Fresh Air - TED 2009 « GreenSpaces Blog
http://greenspaces.in/blog/ted09/
save
nice
With only three varieties of plants, we can “grow our own fresh air” indoors, to keep us healthy. Areca Palm, Mother-in-law tongue, Money plant. Bueno!!!!
Ever heard about these plants: (a) Areca Palm, (b) Mother-in-Law's Tongue, or (c) Money Plant? The authors state that, "We have tried and tested these plants for 15 years at Paharpur Business Centre and Software Technology Incubator Park (PBC- STIP) in New Delhi, India. It is a 20 year old, 50,000 ft2 building, with over 1,200 plants for 300 building occupants. PBC- STIP is rated the healthiest building in Delhi by the Government of India.* Their study found that there is a 42% probability of increasing blood oxygen by 1% if one is inside the building for 10 hours."
33 Photoshop Tutorials for Designing Amazing Posters and Ads : Speckyboy Design Magazine
http://speckyboy.com/2009/02/09/33-photoshop-tutorials-for-designing-amazing-posters-and-ads/
33 Photoshop Tutorials for Designing Amazing Posters and Ads
poster
33 Photoshop Tutorials for Designing Amazing Posters and Ads : Speckyboy Design Magazine
save
Flickr: The BittBox Free Texture Tuesday Archive Pool
http://www.flickr.com/groups/bb_textures/pool/
Flickr is almost certainly the best online photo management and sharing application in the world. Show off your favorite photos and videos to the world, securely and privately show content to your friends and family, or blog the photos and videos you take with a cameraphone.
A New Image Replacement Technique: The State Scope Method [CSS Tutorials]
http://www.sitepoint.com/article/image-replacement-state-scope/
Image replacement is arguably one of the most important CSS-based techniques available to a web designer. While some people view image replacement as merely a way to use fonts absent from the client computer, I believe that’s simply untrue. Image replacement has a place on nearly every web site—it can be useful in displaying a variety of page elements: company logos, attractive navigation bars, and fancy paragraph headings. Most importantly though, is its use for the “call to action” buttons; these must stand out in order to attract a visitor’s attention for performing important tasks (like signing up, downloading, or making a purchase).
Yeni bir metin yerine resim koyma metodu
40 Super Sleek Fonts for Clean Web Design | Web Design Ledger
http://webdesignledger.com/freebies/40-super-sleek-fonts-for-clean-web-design
Favicon Generator
http://favicon-generator.org/
Upload an image (GIF, JPEG or PNG) and convert it to a Windows favicon (.ico).
Typography Toolbox
http://designm.ag/resources/typography-toolbox/
Free fonts
Typography is one of the fundamental elements of web design. A site that makes excellent use of typography will often have a subtle elegance to the design. Fortunately, there are plenty of great resources and tools, informative articles, and sources of inspiration that are available. In this post we’ll feature some of the best items that should be bookmarked for future use in your own work.
101 Absolutely Breathtaking Infrared Photographs - Tutorial9
http://www.tutorial9.net/resources/101-absolutely-breathtaking-infrared-photographs/
This post highlights 101 of the most stunning infrared photographs on the web, and also suggests reading materials and equipment photographers should look through for taking infrared photos of their own.
Infrared Photographs
25 Tutorials for Using Illustrator and Photoshop Together for Outstanding Results | Vandelay Design Blog
http://vandelaydesign.com/blog/design/photoshop-illustrator-tutorials/
Simple scalable CSS based breadcrumbs | Veerle's blog
http://veerle.duoh.com/blog/comments/simple_scalable_css_based_breadcrumbs/
A few days ago I was implementing breadcrumbs in a website I’m working on. Not that I sincerely believe every site needs this, but on some occasions and to some users breadcrumbs are practical. Anyhow, it gave me the idea to write an article about it because it’s been a while since I last wrote about anything CSS-related. The one I’ll share with you is a very simple one. It uses only one simple graphic. The rest is basic CSS styling with an unordered list as HTML code.
Quick and easy Breadcrumb tutorial using CSS!
Office of the Tooth Fairy
http://www.officeofthetoothfairy.com/
cutey pie webpage. tablez
Favicon Editor
http://favicon-generator.org/editor/
favicon generator
10 Harsh Truths About Corporate Websites | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/02/10/10-harsh-truths-about-corporate-websites/
Business, it's a different story, some (harsh) points made about corporate websites.
Cooper Journal: One free interaction
http://www.cooper.com/journal/2009/01/one_free_interaction.html
Yes! I think a free interaction gives the user experience that special edge.
"One free interaction" is a prospective design pattern that gives software and hardware a more humane feel. It exists outside of task flows and the concept of users as task-doers. Instead it sits in the "in between" spaces, suiting users as fidgeters, communicators, and people who play with things.
Very nice post from Chris Noessel of Cooper Design on the more subtle but no less brilliant elements of iPhone design, as well as other simple, pleasing software highlights
I flip page control on the home screen back and forth, for no apparent reason.
"Since we want our designs to be humane and, presuming they fulfill their utilitarian purposes well, emotionally satisfying, I suggest that designers begin to include one free interaction in their designs to enable the channeling of energy and simple expression."
Movie Website Designs: Examples And Current Practices | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/02/09/movie-website-designs-examples-and-current-practices/
Disney, Bedtime Stories
Design Showcase | Smashing Magazine
100+ Best Web Galleries Around for Your Inspiration | instantShift
http://www.instantshift.com/2009/02/11/100-best-web-galleries-around-for-your-inspiration/
A List Apart: Articles: Brighter Horizons for Web Education
http://www.alistapart.com/articles/brighterhorizonsforwebeducation
Nuevos horizontes para la educación web
"The Web Standards Project have begun trying to tackle the education issue. Industry experts and veteran educators on the WaSP Education Task Force are currently working to develop the WaSP Curriculum Framework (WCF), a modular curriculum that can be used to improve existing curricula or serve as the foundation for emerging programs. (Disclosure: I’m a member of The Web Standards Project, an educator, and the project lead of the WaSP Curriculum Framework.) The WCF will be released in March of 2009 as a living curriculum that will adapt to changes in the industry so that schools using it can ensure their students are learning the concepts that are relevant to their field of study. The WCF’s first release will contain approximately 14 courses divided into six learning tracks: * Foundations * Front-end Development * Design * Server-side Development * User Science * Professional Practice "
"Building a real relationship between industry and education requires that we answer this question for both parties: 'What’s in it for me?' Whether you’re a practitioner or educator, the answer is the same: graduates who are ready for a career in the web."
Schools that teach web design struggle to keep pace with our industry, and those just starting their curricula often set off in the wrong direction because the breadth and depth of our medium can be daunting.
Brighter Horizons for Web Education by Aarron Walter
WhatTheFont! « MyFonts
http://new.myfonts.com/WhatTheFont/
aplicatie de recunoscut fonturi
know what it is? Submit an image to WhatTheFont
Font identifier tool.
Bouncing Red Ball » 12 fantastic photos of factories in Japan
http://www.bouncingredball.com/2009/02/10/12-fantastic-photos-of-factories-in-japan/
Using jQuery to Style Design Elements: 20 Impressive Plugins | DevSnippets
http://devsnippets.com/reviews/using-jquery-to-style-design-elements-20-impressive-plugins.html
Web Design Inspiration: 40+ Impressive Single Page Websites
http://dzineblog.com/2009/02/web-design-inspiration-40-impressive-single-page-websites.html
Flickr: Designing Web Interfaces' Photostream
http://flickr.com/photos/designingwebinterfaces
Small videos showing UI elements.
50 Free Rusted Metal Texture Backgrounds | Webdesigner Depot
http://www.webdesignerdepot.com/2009/02/50-free-rusted-metal-texture-backgrounds/
rusted backgrounds
Textured backgrounds are a great way to add an extra dimension to any graphic design project. Magazines and printed media can resort to textured paper for added impact however, this is impossible to do on the web, and the closest we can do is adding texture to simulate this effect. We’ve compiled a list of 50 free rust metal texture backgrounds that will really look great on your websites, blogs, Twitter backgrounds or even wallpapers. Most of these are available under a Creative Commons License requiring attribution however, check each source for any specific details.
everywhere
Aviary - Raven
http://aviary.com/tools/raven
vector editor
free vector program, beta stage
Editor online de vectores gratuito
Requested Reading Recommendations — School of Visual Arts — MFA in Interaction Design
http://interactiondesign.sva.edu/blog/entry/requested_reading_recommendations/
wow Gold!
Highly recommended reading list of books on interaction design: http://tinyurl.com/cv8dyj
真似からはじめるウェブデザイン | DesignWalker
http://www.designwalker.com/2009/02/clone-webdesign.html
ウェブデザインを上達させる一番早い方法は、やはり真似をすることなのではないでしょうか? 少しずつマスターして、カッコいいデザインが作れるようにがんばりましょう!
How to Best Webdesign
手書きで書いてスキャンして、テクスチャ画像と合成
Ask SM [CSS/JS]: Pixel Width Decisions, Modal Boxes | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/02/05/ask-sm-pixel-width-decisions-rollover-buttons-modal-boxes/
modal with cookie and left tabs
Ask SM CSSyJS: Como decidirse por un ancho en pixeles, y otras respuestas a preguntas sobre css y js.
Dicas de CSS
31 Contemporary & Creative Book Shelves | Home Interiors Zone
http://www.homeinteriorszone.com/interior-decoration/furniture/31-contemporary-creative-book-shelves/
Creative Book Shelves
Here are 31 more creative book shelve designs from the world’s best designers, that will inspire and provide you new and fresh ideas for your home.
Photo laboratory (Photl.com) - Free Stock Photo / photl.com
http://photl.com/pt/
A resource for finding stock photographs
banco de imagens em alta
50 Excellent Icon Design Tutorials
http://sixrevisions.com/graphics-design/50-excellent-icon-design-tutorials/
Ikonoak diseinatzeko tutorialak
WhatTheFont for iPhone: Overview « MyFonts
http://new.myfonts.com/WhatTheFont/iPhone/
WhatTheFont for iPhone connects directly to MyFonts’ acclaimed font identification service, which has been helping customers pinpoint mystery fonts for 10 years. It works via Wi-Fi or the mobile phone network, so you can get your font fix right there on the spot.
App identifies fonts from a picture taken on the iphone.
/dev/thekevdog - My Homemade Wind Generator
http://www.thekevdog.com/projects/wind_generator/
FAZER
Kevin Kelly -- The Technium
http://www.kk.org/thetechnium/archives/2009/02/amish_hackers_a.php
How the Amish live against tide of technology.
Amish Hackers - Adopting Technology
For the sake of proof-of-concept, I'm glad the Amish exist. "Ivan is an Amish alpha-geek. He is always the first to try a new gadget or technique. He gets in his head that the new flowbitzmodulator would be really useful. He comes up with a justification of how it fits into the Amish orientation. So he goes to his bishop with this proposal: "I like to try this out." Bishop says to Ivan, "Okay Ivan, do whatever you want with this. But you have to be ready to give it up, if we decide it is not helping you or hurting others.""
Great article on the Amish community discernment process for adopting technology. Dispels a lot of myths, and gives a lot to think on.
Amish use the web at libraries (using but not owning). From cubicles in public libraries Amish sometimes set up a website for their business. So while Amish websites seem like a joke, there's quite a few of them. What about post-modern innovations like credit cards? A few Amish got them, presumably for their businesses at first. But over time the bishops noticed problems of overspending, and the resultant crippling interest rates. Farmers got into debt, which impacted not only them but the community since their families had to help them recover (that's what community and families are for). So, after a trial period, the elders ruled against credit cards. One Amish-man told me that the problem with phones, pagers, and PDAs (yes he knew about them) was that "you got messages rather than conversations." That's about as an accurate summation of our times as any. Henry, his long white beard contrasting with his young bright eyes told me, "If I had a TV, I'd watch it."
One Amish-man told me that the problem with phones, pagers, and PDAs (yes he knew about them) was that "you got messages rather than conversations." That's about as an accurate summation of our times as any.
Pure Css Line Graph | Css Globe
http://cssglobe.com/post/4175/pure-css-line-graph
My intention was not only to enable data visualization to people that don't feel comfortable with using various scripting languages but also to demonstrate the power of css and present a way of using css a bit differently. If you are not a fan of line graphs and data visualization in general, you may still read this article and think of it as css experiment and perhaps learn a thing or two about css sprites and positioning.
graph
CSS Drive: Image to Colors Palette Generator
http://www.cssdrive.com/imagepalette/
WordPress › Art Direction « WordPress Plugins
http://wordpress.org/extend/plugins/art-direction/
"Per-post styles for new age art direction." This plugin allows you to have global archive and single page per-post styles.
wordpress plugin for per post styles
"This plugin allows you to have global archive and single page per-post styles."
"Per-post styles for new age art direction." This plugin allows you to have global archive and single page per-post styles.
Pepsi Logo Response - artwork by Lawrence Yang
http://www.suckatlife.com/pepsiLogoBlowatlife.html
Pepsi logo redesign is bad. This is good.
Lawrence Yang sums up beautifully why I think the new Pepsi logo is a bust.
Great Examples of Colorful Gradients and 3D Effects in Logos | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/great-examples-colorful-gradients-and-3d-effects-logos
save and share
gradients that look good? yes, it is possible
100 Best JavaScript Resources | Spoonfed Design
http://www.spoonfeddesign.com/100-best-javascript-resources
test to this items?
JavaScript is an extremely useful scripting language for enhancing user experience and usability. It is becoming more and more popular as more developers begin to make cool techniques accessible. Here are 100 excellent JavaScript (and a few AJAX) techniques, plugins, and resources based on the major libraries of jQuery, Prototype, Scriptaculous, MooTools, and Dojo.
30 More Portfolio Sites for Your Design Inspiration
http://designm.ag/inspiration/portfolio-sites-2/
Sample portfolios
Create a magical rainbow color flame in Photoshop | Veerle's blog
http://veerle.duoh.com/blog/comments/create_a_magical_rainbow_color_flame_in_photoshop/
how you can create a magical rainbow color flame. basic knowledge of Photoshop is needed.
Top 84 Photoshop Resource Sites - Toolbox for Designers : Speckyboy - Web Design, Web Development and Graphic Design Resources
http://speckyboy.com/2009/01/18/top-84-photoshop-resource-sites-toolbox-for-designers/
Photoshop
The Ultimate Collection Of Free Photoshop Patterns | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/02/12/the-ultimate-collection-of-free-photoshop-patterns/
15 Useful Wordpress Tricks to Make Your Theme Even Better - ForTheLose.org
http://forthelose.org/15-useful-wordpress-tips-to-make-your-theme-even-better
15 Useful Wordpress Tricks to Make Your Theme Even Better
/ M / A / S / H /
http://www.mashdesign.com.au/
Take a few well-chosen brand creators, designers, simplifiers and solutionists; with a passion for what we do (by definition a Branding Agency). Put in the awkward position of having to define ourselves, and feeling a little like we are putting an ad in the singles column, Mash is an agency that creates truly memorable work without the ridiculous theories and processes. We cater specially to clients who truly want to build their brand with creativity and originality.
MASH なんだかかっこいいです デザイン 会社なのかユニットなのか組織なのかわからん
50 Insanely Good Vector-based Web Designs - VECTORTUTS
http://vectortuts.com/articles/inspiration/50-insanely-good-vector-based-web-designs/
51 Amazing and Inspiring Blog Style Web Designs : Speckyboy Design Magazine
http://speckyboy.com/2009/02/12/51-amazing-and-inspiring-blog-style-web-designs/
These are probably the blog design benckmarks for 2009, they all have there own individual characteristic that defines them as inspiring. They also have one thing in common: They are Amazing.
"These are probably the blog design benckmarks for 2009, they all have there own individual characteristic that defines them as inspiring. They also have one thing in common: They are Amazing."
some inspirational designs, even if they look not very flexible to me
David Merrill demos Siftables, the smart blocks | Video on TED.com
http://www.ted.com/talks/david_merrill_demos_siftables_the_smart_blocks.html
7:09
25 Sites to Find Good Free Vector Files | Freelance Folder
http://freelancefolder.com/25-sites-for-free-vector-files/
Site Designs and vector fils
SOLID Development Principles – In Motivational Pictures - new ThoughtStream("Derick Bailey"); -
http://www.lostechies.com/blogs/derickbailey/archive/2009/02/11/solid-development-principles-in-motivational-pictures.aspx
25+ Web 2.0 Generators to rescue ( Be Lazy) | Desizn Tech
http://desizntech.info/2009/02/25-web-20-generators-to-rescue-be-lazy/
Sometime there are projects or clients that need to be done in one days or so. When you need a quick striped background, a CSS menu, web 2.0
Ashes & Milk
http://www.ashesandmilk.com/
boutique arts and crafts, individual pieces made with skill
eclectic mix of handmade materials
Fresh Logo Design Inspiration - LogoGala
http://www.logogala.com/
Orioto's deviantART gallery
http://orioto.deviantart.com/gallery/#Videogame-Remakes
马里奥、塞尔达、恶魔城等等
Classic video games repainted to see what they'd look like with modern day graphics.
Art - community of artists and those devoted to art. Digital art, skin art, themes, wallpaper art, traditional art, photography, poetry / prose. Art prints.
Friday Fun: Absolutely Amazing Video Game Remake Wallpapers
http://lifehacker.com/5152884/absolutely-amazing-video-game-remake-wallpapers
The Directory
http://www.grafikcache.com/thedirectory.html
Looks like something to explore
design studios
ONLINE GRAPHS AND CHARTS | create and design your own graphs and charts online | INDEX
http://www.onlinecharttool.com/
On Onlinecharttool.com you can design and share your own graphs online and for free We support a number of different chart types like: bar charts, pie charts, line charts, bubble charts and radar plots.
On Onlinecharttool.com you can design and share your own graphs online and for free. We support a number of different chart types like: bar charts, pie charts, line charts, bubble charts and radar plots.
create and design your own graphs and charts online | INDEX
Article Skimmer
http://prototype.nytimes.com/gst/articleSkimmer/
Handy way of skimming NYT.
The Top 35 Web Design Galleries on the Internet | Xatal
http://xatal.com/internet/the-top-35-web-design-galleries-on-the-internet/
5 obscure HTML tags that you should know and even use - instant fundas
http://www.instantfundas.com/2009/02/5-obscure-html-tags-that-you-should.html
1, 2, and 3 have some use to me
5 obscure HTML tags
With the rising popularity of CSS for styling, many web developers and users alike have become alienated from the good old HTML tags. Only a handful of these tags are used in the markup of web pages today. Most of them have got limited representation and some of them are entirely forgotten. I decided to round up a couple of HTML tags that perhaps should be used a little more often than they actually are.
25 Font-tastic Type Resources for Web Designers | Build Internet!
http://buildinternet.com/2009/02/25-font-tastic-type-resources-for-web-designers/
Great Typographic Start!
How to Illustrate a Delicious Ice Cream Bar - PSDTUTS
http://psdtuts.com/tutorials/drawing/how-to-illustrate-a-delicious-ice-cream-bar/
n this tutorial, I'll show you how to draw an ice cream bar. Throughout this tutorial we'll have a look at various drawing techniques. We'll be creating everything within Photoshop from start to finish, except the font used. Let's jump into this tutorial.
Some nice photoshop tips here
10 Writing Tips for Web Designers | Webdesigner Depot
http://www.webdesignerdepot.com/2009/02/10-writing-tips-for-web-designers/
Writing for the web is a skill set of its own. Website text, or copy, needs to be written in a different tone for the web than a brochure. It needs to be
30 Free, Amazing and Versatile Wordpress 2.7 Themes : Speckyboy - Web Design, Web Development and Graphic Design Resources
http://speckyboy.com/2009/01/23/30-free-amazing-and-versatile-wordpress-27-themes/
30 Free, Amazing and Versatile Wordpress 2.7 Themes
An excellent source for WP designs with even more WP resources in the links provided at the bottom of each post.
more free wordpress designs
wordpress templates
Tape Cassette Inserts - a set on Flickr
http://www.flickr.com/photos/jubru/sets/72157604683673651/
une idée pour skannibal
Tape Cassette Inserts es una curiosa recopilación absolutamente from the past con decenas de carátulas de las cintas vírgenes, que sin evocará gratos recuerdos a todos aquellos que grababan aquí su música e incluso los programas de aquellos primitivos ordenadores «familiares» que funcionaban mediante Datassettes, como los Commodore, Spectrum y otros de la época. Usemos las cams, hagamos fotos ! Anda que no hay naa que fotografiar ! Lulu, que no me entere que te aburres :)
fundas de cassetes
Flowchart: Lovely Charts Creates Polished Diagrams
http://lifehacker.com/5149483/lovely-charts-creates-polished-diagrams
Comme gliffy
Exactly How to Use CSS Sprites - NETTUTS
http://nettuts.com/videos/screencasts/exactly-how-to-use-css-sprites/
グランジデザイン入門 素材集 | DesignWalker
http://www.designwalker.com/2009/01/grunge-design.html
かすれたようなアレ。
グランジデザイン入門 素材集
60+ Stunning Scriptaculous Applications
http://www.developersnippets.com/2009/01/20/60-stunning-scriptaculous-applications/
This post will help you in checking out most stunning Script.aculo.us Applications in the World of Web and at the same time might help you in coming up with new web applications using Script.aculo.us. I would like to request all the developers to have a look at these stunning applications which are made and developed by Script.aculo.us
SeamlessTextures.net - Free Seamless Textures
http://seamlesstextures.net/
継ぎ目のない素材
紙・布・木・草などのシームレスなフリーのテクスチャ素材集
CSS Menus | Home Page
http://www.cssmenus.co.uk/
CSS menus of all types with downloadable code files
Adam Oliver’s Blog » Blog Archive » A Quick Selection of CSS Tips
http://blog.adamoliver.net/tutorials/a-quick-selection-of-css-tips/
Adam Oliver’s Blog » Blog Archive » A Quick Selection of CSS Tips - http://blog.adamoliver.net/tutorials/a-quick-selection-of-css-tips/
よく使うCSSティップス。
Tips/ハック
A List Apart: Articles: The Details That Matter
http://www.alistapart.com/articles/thedetailsthatmatter
A long time ago, in a galaxy far away, the graphic arts industry was populated by full-time illustrators, production assistants and compositors. With only composing sticks for laying out type, straight edges for defining grids, a human proofer to catch spelling mistakes and an arsenal of X-acto blades for making edits, these guys lived and breathed detail. Mistakes were costly. It was a trade position that required lengthy apprenticeship; job security depended on getting all of the little things right.
good article on the business qualities that make a great & successful web designer/developer
Good article on being a good designer
Great summary of a Web designer's job...
40+ Useful & Handy Web Designer’s Web Services & Tools
http://www.noupe.com/tools/40-useful-handy-web-designers-web-services-tools.html
使えるツール集
Studio Ten and a Half
http://www.tenandahalf.net/
We are an independent graphic design consultancy, based in London, dedicated to producing unique and effective design solutions. Whether working on large corporate projects or for small independent companies, we believe that building strong long-term client relationships is key. Our work includes brand identities, editorial design, exhibitions, corporate literature, signage, packaging and websites. Please contact us if you would like to know more about our work.
Anonymous(tm)
http://www.ms-studio.com/FontSales/anonymous.html
Anonymous (2001) is a TrueType version of Anonymous 9, a freeware Macintosh bitmap font developed in the mid-90s by Susan Lesch and David Lamkins. It was designed as a more legible alternative to Monaco, the mono-spaced Macintosh system font. The original was available in only 9-point. I’ve added 8-, 10-, and 11-point
a nice serif font - designed as a "more legible" alternative to Monaco
Nice programming font.
Smashing Retro Icon Set | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2009/02/12/smashing-retro-icon-set/
a set of 10 beautiful, high-quality “vintage” icons, created by the talented Russian design agency SoftFacade especially for Smashing Magazine and its readers.
32 Indispensable Bookmarklets for Web Developers and Designers : Speckyboy Design Magazine
http://speckyboy.com/2009/02/16/32-indispensable-bookmarklets-for-web-developers-and-designers/
All of these bookmarklets/favelets will be useful to all web designers and developers, they are the quickest method for testing, analyzing and tweaking any web page.
love the XRAY :D
Carrer Blog: Sketchbook for web designers
http://www.vcarrer.com/2009/02/sketchbook-for-web-designers.html
via swissmiss
Design: Create a Color Palette from a Single Image
http://lifehacker.com/5153828/create-a-color-palette-from-a-single-image
cool webservice. Upload pictures instantly (without registration hassle) and get results back immediately, including Hex color values
Will Murai
http://www.willmurai.com/home.html
Ilustrador brasileiro
brushes
Illustration pro
Brazilian artist of Japanese descent
18 Photoshop Brush Sets for Creating Incredible Lighting Effects | Web Design Ledger
http://webdesignledger.com/freebies/18-photoshop-brush-sets-for-creating-incredible-lighting-effects
super simple light stroke brushes
5 Ways to Instantly Write Better CSS - NETTUTS
http://nettuts.com/tutorials/html-css-techniques/5-tips-to-writing-better-css/
t remem
50 Tutorials To Get You Started With Gimp | LinuxHaxor.net
http://www.linuxhaxor.net/2009/02/09/50-tutorials-to-get-you-started-with-gimp/
Editing PS4 Ad with Gimp Gimp has been famously known as the poor man's Photoshop, and perhaps rightfully so. That's a complement Gimp won't mind taking.
Vector Magic | Precision Bitmap To Vector Conversion Online
http://vectormagic.com/home
Turn Things To Vector!
画像をベクターに変換するウェブサービス
Precision Bitmap To Vector Conversion Online
Great tool for converting bitmap images into VECTOR! Magically!
conversor a vectores
Indian Matchboxes : - - - - - - - - - - - - - - - - -
http://www.matt-lee.com/index.php?/photos/indian-matchboxes/
Matchboxes from the Subcontinent.
インドのマッチ箱
This dude collected a crap load of matchboxes.
インドのマッチ
CSS Orgy » Blog Archive » 10 great tools for working with HTML & CSS
http://cssorgy.com/10-great-tools-for-working-with-html-css-750
GIMPをパワーアップさせるプラグインいろいろ | DesignWalker
http://www.designwalker.com/2009/02/gimp-plugins.html
DesignWalker
How (Not) to Write like a Designer: 5 Tricks You Didn't Learn in Studio - Core77
http://www.core77.com/blog/featured_items/how_not_to_write_like_a_designer_5_tricks_you_didnt_learn_in_studio_12363.asp
How (Not) to Write like a Designer: 5 Tricks You Didn't Learn in Studio ...
Half technical, half intuitive, the design process is tough to explain. But that’s my job—I’m a design writer. I write so you don’t have to, putting into words the work that you’d rather do than write about. But write you must—website copy, proposals, captions, emails to clients—and though the worse designers are at it, the more work I get, in the spirit of collaboration I’m going to share my secrets. So what if it puts me out of a job.
Sketchory
http://sketchory.com/
Magenta Ain't A Colour
http://www.biotele.com/magenta.html
Wow!
Magenta ain't a colour dude
50 Free High-Quality Icon Sets | Graphics | Smashing Magazine
http://www.smashingmagazine.com/2009/02/16/50-beautiful-useful-and-free-icon-sets/
104 Free Fonts for Web Designers and Logo Artists | instantShift
http://www.instantshift.com/2009/02/16/104-free-fonts-for-web-designers-and-logo-artists/
104 suggesties voor gratis fonts.
typography
How to Create a Professional Logo | Webdesigner Depot
http://www.webdesignerdepot.com/2009/02/how-to-create-a-professional-logo/
good descriptions of vector vs. bitmap, too
25 jQuery Plugins for Navigation
http://designm.ag/resources/jquery-navigation-plugins/
Interesting Resources to learn Object Oriented Design
http://woork.blogspot.com/2009/02/interesting-resources-to-learn-object.html
Most people are not aware of the fact that Perl has support for object-oriented programming. If you've used another object-oriented programming language such as Java or C++ or been exposed to object-orientation, t
This is a small list with some basic references about Object Oriented Design process and it includes an UML guide, some articles about how to write OO javascript, PHP and Perl code. I also included some video tutorials about an useful introduction to OO PHP. If you have some interest link to suggest about this topic, please leave a comment, thanks!
the-golden-grid - Google Code
http://code.google.com/p/the-golden-grid/
The Golden Grid is a web grid system. It 's a product of the search for the perfect modern grid system. It 's meant to be a CSS tool for grid based web sites.
CSS grid-based layout library c.f. Blueprint.
Big Slick Design: 46 Questions for a Web Design Project
http://www.bigslickdesign.com/2009/02/46-questions-for-web-design-project.html
60 CSS Tools to reduce your work load. | TheGermz.com
http://www.thegermz.com/my-ramblings/60-css-tools-to-reduce-your-work-load
60 utilidades aplicadas a CSS
Letter Monsters - a set on Flickr
http://flickr.com/photos/jamesdavid/sets/72157613157333670/
Flickr is almost certainly the best online photo management and sharing application in the world. Show off your favorite photos and videos to the world, securely and privately show content to your friends and family, or blog the photos and videos you take with a cameraphone.
Letter Monsters - a set on Flickr
97 Things Every Software Architect Should Know - The Book [97 Things] : Near-Time
http://97-things.near-time.net/wiki/97-things-every-software-architect-should-know-the-book
Try before choosing by Erik Doernenburg
| ^^ |秒刊SUNDAY | アイコンの常識を凌駕する高クオリティフリーアイコン50個
http://www.yukawanet.com/sunday/2009/02/post_290.html
High quality icons.
Het webdesign schetsboek - Webdesign Inventis Web Architects
http://www.inventis.be/blog/het-webdesign-schetsboek
Mockup grids for the 960 framework with a browser bar.
Sketchbook à imprimer avec entête de navigateur et grille
DevHub • Free Web Hosted Publishing Platform
http://www.devhub.com/
Info to check later
10 Easy Steps To Advanced Photography Skills | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/02/17/10-easy-steps-to-advanced-photography-skills/
By Trey Ratcliff (aka Stuck in Customs), one of the most famous and renowned HDR photographers on Flickr. In his article Trey describes some professional insights and useful photography tips that he collected over the years of his career.
WP WooThemes Ultimate Icon Set - First Release | WooThemes
http://www.woothemes.com/2009/02/wp-woothemes-ultimate-icon-set-first-release/
可愛い系
100 Free and Useful Open Courseware Classes for Web Workers - Learn-gasm
http://www.bachelorsdegreeonline.com/blog/2009/100-free-and-useful-open-courseware-classes-for-web-workers/
A List Apart: Articles: In Defense of Readers
http://alistapart.com/articles/indefenseofreaders
Some very very good insights here. Particularly about the 1st para and WHY it needs to be different.
"Despite the ubiquity of reading on the web, readers remain a neglected audience. Much of our talk about web design revolves around a sense of movement: users are thought to be finding, searching, skimming, looking."
The best readers are obstinate. They possess a nearly inexhaustible persistence that drives them to read, regardless of the circumstances they find themselves in
Some interesting web design thoughts - does bloggernacle design lead us to skim instead of read?
SEED - The Universe in '09
http://seedmagazine.com/ui09/
In 2009, we are celebrating curiosity and creativity with a dynamic look at the very best ideas that give us reason for optimism. Rethink your assumptions and pose better questions about the future: Welcome to The Universe in 2009.
The home page for SEED Magazine is inviting, making me want to click around and read a couple of articles.
5 Ways to Instantly Write Better CSS - NETTUTS
http://net.tutsplus.com/tutorials/html-css-techniques/5-tips-to-writing-better-css/
プロパティーは、アルファベット順に記述したほうが高速に処理される
A no nonsense approach to, you guessed it, writing better CSS.
20 Steps to Better Wireframing | Think Vitamin
http://thinkvitamin.com/features/20-steps-to-better-wireframing/
Hmmm, I haven't tried Balsamiq. Is it any good, I wonder?
Fresh Free Fonts | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/fresh-free-fonts
22 Website Designs Inspired by Apple.com | Webdesigner Depot
http://www.webdesignerdepot.com/2009/02/22-website-designs-inspired-by-applecom/
Apple.com | Webdesigner Depot
Apple is one of the most creative and innovative companies in the world. It's no surprise why many software companies and web designers follow the Apple. The Apple website is one of the greatest websites ever developed. With it's ease of use, it's functionality and the beautiful environment it creates.
SimpleBits ~ How I Might Deal with IE6
http://www.simplebits.com/notebook/2009/02/13/iegone.html
Eight years ago (almost to the day), Jeffrey Zeldman wrote, To Hell With Bad Browsers, signaling the dawning of “The CSS Age”. Explaining how the use of @import for referencing stylesheets is ignored by Netscape 4, was an important step in shedding away the problems related to supporting an ancient browser. Eight. Years. Completely ignoring a browser in terms of CSS is a wonderfully freeing thing. It certainly can’t be done on every site. The important thing to remember is that it’s a site’s statistics that should determine what level of support you decide to offer.
Dan Cederholm on when you should drop Internet Explorer 6 and how to do it.
Might Deal with IE6
IE6 begone! Ah, someday.
Dan Cederholm: “Completely ignoring a browser in terms of CSS is a wonderfully freeing thing. It certainly can’t be done on every site. The important thing to remember is that it’s a site’s statistics that should determine what level of support you decide to offer.”
<!--[if gte IE 7]><!--> <link rel="stylesheet" type="text/css" media="screen, projection" href="screen.css" /> <!--<![endif]-->
42 Free Online Magazines for Designers | Graphics
http://www.hongkiat.com/blog/42-free-online-magazines-for-designers/
10 Beautiful and free fonts for web designers
http://woork.blogspot.com/2009/02/10-beautiful-and-free-fonts-for-web.html
Coding Horror: The Ferengi Programmer
http://www.codinghorror.com/blog/archives/001225.html
Need to gather the linked PDFs sometime
9 Common Usability Mistakes In Web Design | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/02/18/9-common-usability-blunders/
all good designers and developers realize the importance of usability for their work. Usable websites offer great user experiences, and great user experiences lead to happy customers. Delight and satisfy your visitors, rather than frustrate and annoy them, with smart design decisions. Here are 9 usability problems that websites commonly face, and some recommended solutions for each of them.
Quelques erreurs d'ergonomie à éviter dans la conception d'un site Internet
By now, all good designers and developers realize the importance of usability for their work. Usable websites offer great user experiences, and great user experiences lead to happy customers.
40+ Adobe After Effects Best of Tutorials & Resources | Noupe
http://www.noupe.com/adobe/40-adobe-after-effects-best-of-tutorials-resources.html
18 Tools I use as a Designer & Blogger | Fuel Your Creativity
http://www.fuelyourcreativity.com/18-tools-i-use-as-a-designer-blogger/
I’m always sharing what tools are useful to me via Twitter, but just incase you don’t use it - I wanted to share here! I always get asked what productivity tools and apps I use on a regular basis and I pretty much open all of these everyday. There are a few apps that are similar in type because some may be all in one tools or I’m just starting to use one more than the other. Check these out, they are ones I would recommend to a designer/blogger/creative type. If there is something missing from the list that you think should be on here, please share in the comments!
design
Fuel Your Creativity -
Dig through the clutter: 40 must-reads for extraordinary bloggers - Blog tips from Dutch Problogger Ernst-Jan Pfauth
http://dutchproblogger.com/2009/02/05/40-must-reads-extraordinary-bloggers/
I’ve dug through the clutter and selected 36 posts that can help you become an original and all-round problogger. And because vanity is a blogger’s right, I’ve also included four articles by my own hand. Themes are Development & Design, Workflow, Publishing, Inspiration and Comments. Enjoy!
I’ve dug through the clutter and selected 36 posts that can help you become an original and all-round problogger.
300+ Active Web Designers to Follow on Twitter | Naldz Graphics
http://naldzgraphics.net/general/300-active-web-designers-to-follow-on-twitter/
Zach
Look for bencrowder
300+ Active Web Designers to Follow on Twitter | Naldz Graphics - http://naldzgraphics.net/general/300-active-web-designers-to-follow-on-twitter/
"If your a designer or more belong to the Design Community then obviously most people who you want to follow are your fellow designers. Then your on the right place. On the list below are 300+ Active Web Designers to Follow on Twitter.These are the most inspiring people and worth to follow.Make sure to follow them all." hmm
30 High-Quality Grunge Photoshop Brush Sets
http://sixrevisions.com/graphics-design/30-high-quality-grunge-photoshop-brush-sets/
In this collection, you'll find 30 beautiful Photoshop brush sets to help you grunge up your designs. There are over 400 individual brushes here for giving your artwork some grunge.
30の素敵なブラシ
11 Free And Useful Open-Source Alternatives For Designers - Opensource, Free and Useful Online Resources for Designers and Developers
http://www.smashingapps.com/2009/02/18/11-free-and-useful-open-source-alternatives-for-designers.html
Open-Source Alternatives For Designers
25+ Photoshop Tutorials for Poster Design | Vandelay Design Blog
http://vandelaydesign.com/blog/design/photoshop-posters/
25+ Photoshop Tutorials for Poster Design
For Photoshop users who are interested in experimenting and learning something new, poster design is an excellent way to practice. Last year I published a collection of tutorials for designing posters in Photoshop. Since other outstanding tutorials have been published since then, today we'll feature another 28 tutorials. Create a Furious Pink Panther Poster
Twitter creator Jack Dorsey illuminates the site's founding document. Part I | Technology | Los Angeles Times
http://latimesblogs.latimes.com/technology/2009/02/twitter-creator.html
twitter history
Sitting in the Flickr archives is a nearly 10-year-old document uploaded a couple of years ago by its author, Jack Dorsey (@jack), who started Twitter in 2006 along with co-founders Evan Williams (@ev) and Biz Stone (@biz).
Twitter creator Jack Dorsey illuminates the site's founding document. Part I
The business and culture of our digital lives, from the L.A. Times
Yes, Virginia, there is a magenta - Ars Technica
http://arstechnica.com/science/news/2009/02/yes-virgina-there-is-a-magenta.ars
Magenta isn't a single color on the visible light spectrum: but it exists anyway. With diagrams.
Yes, Virginia, there is a magenta - Ars Technica
BOOMBOX on Vimeo
http://vimeo.com/3237836
eli kim
100 days, 100 songs, 100 locations, 100 dances.
100 Dances
100 songs
BOOMBOX by Ely Kim 3 days ago 3 days ago: Mon, Feb 16, 2009 8:43am EST (Eastern Standard Time) More More See all Show me Ely Kim's videos 1. BOOMBOX by Ely Kim 3 days ago 100 days, 100 songs, 100 locations, 100 dances.
Compositio: Clean, Beautiful and Free WordPress Theme | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2009/02/18/compositio-clean-beautiful-and-free-wordpress-theme
クリック一回でプロの仕上がりPhotoshopアクションファイルいろいろ | DesignWalker
http://www.designwalker.com/2009/02/ps-action.html
Your Playground
http://www.yourplayground.org/
Build your own virtual Chicago park playground. Leo Burnett and Domani Studios have launched a site that supports Allstate and the U.S. Olympic Committee's joint effort to create an Olympic bid for the city of Chicago. The two creative parties developed an interface that lets kids and adults alike build a virtual playground step-by-step using various accessories and colors. The site was initially conceived as a contest where the top vote-getter will have their design actually built within Jesse Owens Park on Chicago's South Side. While the winners won't be announced until March, the public can nonetheless view a gallery of entries for inspiration and try their hand at building a playground all their own
build a playground :-)
2experts Design - Web Design and Graphic Design Blog
http://www.2expertsdesign.com/2009/01/19/desktop-wallpapers-for-minimalist-lovers/
ozadja
Virkelig flotte wallpapers. Anbefales!
Desktop Wallpapers for Minimalist Lovers | 2experts Design - Web Design and Graphic Design Blog - http://www.2expertsdesign.com/2009/01/19/desktop-wallpapers-for-minimalist-lovers/
Tutsplus Dashboard
http://tutsplus.com/
web and design
rom graphics to web development, audio to video and more, get the skills you want from our family of tutorial and resource sites. Need more? We also offer a Plus program where you can access source files and bonus tutorials.
From graphics to web development, audio to video and more, get the skills you want from our family of tutorial and resource sites. Need more? We also offer a Plus program where you can access source files and bonus tutorials.
Ultimate Collection of 40+ jQuery Tutorials and Resources | The Theme Blog
http://thethemeblog.com/tutorials/ultimate-collection-of-40-jquery-tutorials-and-resources
jQuery provides developers with an invaluable tool to enhance user experience and usability. It truly is the bees knees. The following comprehensively brilliant collection of jQuery tutorials will provide developers and designers alike with knowledge and skills that will blow minds. Prepare for your awakening. Enlightenment follows. Incredible.
25 Tutorials To Get You Started With Blender | LinuxHaxor.net
http://www.linuxhaxor.net/2009/02/19/25-tutorials-to-get-you-started-with-blender/
Blender UI If you are an aspiring Graphic designer you should be already familiar with blender by now, but if you are thinking about being a game developer
40 Excellent Illustrations In Web Designs | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/02/19/40-excellent-illustrations-in-web-designs/
40 Excellent Illustrations In Web Designs
40 Free Tutorials on Advanced Drawing Techniques - VECTORTUTS
http://vector.tutsplus.com/articles/inspiration/40-free-tutorials-on-advanced-drawing-techniques/
tutorial de tecnicas de dibujo
desenho
50 Mind-blowing Retro-style Photoshop Illustrations - PSDTUTS
http://psd.tutsplus.com/articles/inspiration/50-mind-blowing-retro-style-photoshop-illustrations/
retro ps designs
Free Twitter Designer
http://www.freetwitterdesigner.com/
Now you can personalize your Twitter background like never before. The tool below will help you create Twitter backgrounds that have the same look and feel as those done by professional graphic designers. It's easy to use, and best of all, it's Free! Give it a try!
CSS Standards & Best Practices | Dezinerfolio
http://www.dezinerfolio.com/2009/02/20/css-standards-best-practices
Tips on CSS usage
CSS is something that is extensively used on almost every site. Lets take some time to ensure that our stylesheets are built with some good standards.&nbsp;
Photoshop Tutorials - PSDTUTS
http://psd.tutsplus.com/
Green Island
http://www.006600.jp/
芝生
緑って素晴らしいね これをアートに分類してる自分が悲しいよ
なんだかすごくいい。気持ちいい。
Chung Dha Lam: Pop up beak CD packaging
http://www.chungdha.com/2009/02/pop-up-beak-cd-packaging.html
Look at this CD holder --http://www.chungdha.com/2009/02/pop-up-beak-cd-packaging.html
EmChart
http://aloestudios.com/tools/emchart/
px pm 表
Great resource for converting pixels to ems and vise-versa
Bad ass.
via fq
px to em
40 Amazing C4D Tutorials for Photoshoppers - PSDTUTS
http://psdtuts.com/articles/inspiration/40-amazing-c4d-tutorials-for-photoshoppers/
Previous and Next Actions in Web Forms
http://www.uie.com/articles/previous_next_luke
Among designers, there are often discussions on the placement of actions in web forms that span several web pages. The quintessential question underlying this debate is: can an action that leads people to the previous step of a process be placed to the right of an action that leads users to the next step of a process?
previous next uie luke wroblewski
Prev & Next buttons... whats best and what isn't!
100+ Free Seamless Vector Patterns Ideal for Web Design and Print Work | Patternhead
http://www.patternhead.com/found-freebies/100-free-seamless-vector-patterns-ideal-for-web-design-and-print-work
Vector Patterns for Backgrounds
Seamless patterns are great for adding depth and texture to your design work. Use big bold patterns to capture attention or subtle calming patterns as backdrops. Here are 106 high-quality free seamless vector patterns.
Video: Merlin's Talk, "Toward Patterns for Creativity" | 43 Folders
http://www.43folders.com/2009/01/27/creativity-patterns
28 of the Coolest Retro Style Photoshop Brush Sets : Speckyboy Design Magazine
http://speckyboy.com/2009/02/17/28-of-the-coolest-retro-style-photoshop-brush-sets/
28 of the Coolest Retro Style Photoshop Brush Sets : Speckyboy Design Magazine Photoshop Resources Design webdesign
商用利用もOK!BGMなどに気軽に使える無料の音楽素材『Purple Planet』 | 100SHIKI.COM
http://www.100shiki.com/archives/2009/01/okbgmpurple_planet.html
世界のユニークなドットコムサイトを日替わりで紹介していくブログです。
10 tips for efficient design : Boagworld web design podcast
http://boagworld.com/design/10_tips_for_efficient_design/
A podcast for those who design, develop and run websites.
Synoptic - We aint plastic
http://synoptic.weaintplastic.com/
wow. very smooth.
リアルタイムグラフ
meteorological data, Germany
Experience weather in a new way
Ask SM [CSS/JS]: Divs of Equal Height, Dealing with IE 6 | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/02/20/ask-sm-css-smooth-page-scrolling-divs-of-equal-height-dealing-with-ie-6/
This is our third installment of Ask SM, featuring reader questions about Web design, focusing on HTML, CSS and JavaScript. In this post we'll cover how you can take care of a smooth page scrolling
flush right lists, equal height divs, designing for IE 6, RSS
Admin Templates | Most Inspired Blog
http://www.mostinspired.com/blog/2008/10/11/admin-templates/
テキストエフェクトのチュートリアル100選 -2008年総集編 | コリス
http://coliss.com/articles/build-websites/operation/design/3072.html
メタル、光、カラフル、グランジ、レトロ、ピクセル、水彩、ネイチャー・木・草・花、紙・布、水・液体・炎・煙、3D
あとでざーっとさらっとく
30 Beautifully Textured Web Designs
http://sixrevisions.com/web_design/30-beautifully-textured-web-designs/
Some pretty rad ideas for webdesign. Fancy-schmancy backgrounds.
In this collection, you'll find 30 gorgeous web designs that employ textures as a design component. Hopefully, you'll become inspired to explore this design trend and apply it into your own designs.
5brand
http://5brand.tumblr.com/
Could you define yourself with only 5 brands?
What Fonts Are Websafe in 2009? - SitePoint Forums
http://www.sitepoint.com/forums/showthread?t=600738
The 'font ecosystem' changes so slowly that it's not hard to go years without taking those gradual changes into consideration. Each new version of MS Office, each new release OS X brings with it a new kit bag of available fonts. Although there are plenty of reasons to grumble about the way CSS handles type, it does have a few redeeming features. Font stacks is one of them.
Tiny Art Director
http://tinyartdirector.blogspot.com/
In which toddlers are hilarious.
Nice little blog by an artistic directed by his young daughter, cute and funny and worth the read
Bill Zeman’s daughter is the Tiny Art Director. She tells him what to draw and then tells him just exactly how much she hates it. Bill has been recording her comments and posting them with his art since she was two and a half.
"I just want everyone to know that although she is a very outspoken critic of my artwork, my daughter is really a delightful and well behaved girl!"
IconDock - The Art of Stock Icons
http://icondock.com/
Nice collection of icons. You can buy one icon only for $1
Affordable icon shop, IconDock is a newly launched icon shop by N.Design Studio.
How to Make and Install Hungarian Shelves
http://www.instructables.com/id/Hungarian-Shelves/
First time I saw these shelves was in Budapest, at a friends apartment. I was told they had been designed by a physicist. That's why I think they are safe. The ones in the photos have been up for more than a year now.
Web Design Matters - 2/15/2009 - Library Journal
http://www.libraryjournal.com/article/CA6634712.html
Info in library format on Web Design
Library Journal.com
library web design and sites
10 top features of a library website according to Library Journal
Metamosphere™
http://www.metamosphere.com/
タイポグラフィー
チャット機能付き?クール!でもクラシックなマックのアイコンがかわいい。
black
デザインとか動きとかカッコいい
50+ textures for Your Design Appetite and lot more Resources | Desizn Tech
http://desizntech.info/2009/02/50-textures-for-your-design-appetite-and-lot-more-resources/
Web designer's love textures. They use texture in  their websites, banner, graphic design and more.  Recently bittbox's textures was used by CNN too.  I
Headings, heading hierarchy, and document outlines | 456 Berea Street
http://www.456bereastreet.com/archive/200901/headings_heading_hierarchy_and_document_outlines/
An article about html semantics and accessibility
"Recently my coworkers and I have been discussing HTML headings and heading hierarchy. This may not sound like something you need to spend a lot of time discussing, but there are some situations when it seems very difficult to find a solution without compromises."
Should logo be H1 and similar issues
7 Free Resources for Eye-Popping Graphics and Animation
http://ostatic.com/blog/7-free-resources-for-eye-popping-graphics-and-animation
clipart
40 resources to become a successful freelance Graphic/Web Designer | Hein Maas - Freelance Graphic/Web Designer
http://www.heinmaas.com/2009/02/40-resources-to-become-a-successful-freelance-graphicweb-designer/
ZEVS
http://www.gzzglz.com/
french street artist
logo溶ける
Zevs is an anonymous French street artist. early and influential graffiti artist and active as a tagger in Paris in the 1990s. “Chanel Liquidated” - http://www.youtube.com/watch?v=4imoF13uSLw
francês que faz intervenções em logos, marcas, cartazes
a mutant version of google
30 Dual Element Logos, Do You See Them All? | Fuel Your Creativity
http://www.fuelyourcreativity.com/30-dual-element-logos-do-you-see-them-all/
30 Dual Element Logos, Do You See Them All?
GMUNK20089
http://www.gmunk.tv/
Animated reel.
Great motion graphics
短い映像が次々と
やべー、インスパイアー!!
ピクセルフォントオンリー
50 Minimal Sites
http://www.webdesignerwall.com/trends/50-minimal-sites/
Galería de sitios con diseño claro limpio
50 Great Minimal Sites http://tinyurl.com/cb7uww (via @adellecharles)
Since Web Designer Wall launched, I’ve been featuring a lot of graphic intense websites such as the artistic, large background, vintage, and illustrative styles. Now it is time to feature the minimalist design. Here is a massive list of 50 minimal sites. See how designers use minimal elements to create high visual impact — less is more.
The Workstations of Popular Websites | Webdesigner Depot
http://www.webdesignerdepot.com/2009/02/the-workstations-of-popular-websites/
welcome to the club - MBP
Siftables
http://siftables.com/
The best way to describe Siftables might be "Blocks that can think." Visit the website to watch a TED presentation of these fantastic devices.
What are Siftables? Siftables are cookie-sized computers with motion sensing, neighbor detection, graphical display, and wireless communication. They act in concert to form a single interface: users physically manipulate them - piling, grouping, sorting - to interact with digital information and media. Siftables provides a new platform on which to implement tangible, visual and mobile applications.
25+ Inspirational E-Commerce Website Designs - Part Two | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/inspirational-ecommerce/
Good for ideas
Run IE8/7/6, Firefox, Safari, Chrome, and Opera from the web
http://www.xenocode.com/browsers/
Run any browser from the web
Run IE8/7/6, Firefox, Safari, Chrome, and Opera from the web
Top 50 Wordpress Tutorials - NETTUTS
http://net.tutsplus.com/articles/web-roundups/top-50-wordpress-tutorials/
Consejos para crear tu blog con Wordpress
Listado de tutoriales para wordpress
As a web developer, you can broaden your potential client base and add value for existing clients by listing 'Wordpress' as an area of expertise. Of course, unless you want to bluff your way through jobs, you'd better have the skill to back-up that claim. This collection will help.
Excellent compilation of Wordpress how-to's!
5 CSS3 Techniques For Major Browsers using the Power of jQuery | Noupe
http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html
Many exciting new functions and features are being thought up for CSS3: text-shadow, box-sizing, opacity, multiple backgrounds, border-radius, border-image,
Rounded corners, drop shadows etc
This article presents 5 CSS3 techniques which can dramatically get you a stunning user interfaces and how to achieve almost the same effects using jQuery for browsers that are not compatible yet with CSS3 new features.
The Pac-Man Dossier
http://home.comcast.net/~jpittman2/pacman/pacmandossier.html
Sehr interessante Abhandlung über die Mechanik des Spiels „Pac Man“.
This web page is dedicated to providing Pac-Man players of all skill levels with the most complete and detailed study of the game possible. New discoveries found during the research for this page in December 2008 have allowed for the clearest view yet of the actual ghost behavior and pathfinding logic used by the game.
[everything you may not know about PacMan]
Goon City
http://ryanallen.com/gooncity/city.htm
Goon City
Eboy meets Google maps meets awesome
Web Development & Design Tutorials - NETTUTS
http://net.tutsplus.com/
Estúdio Alice
http://www.estudioalice.com.br/
Ilustração do cartaz de fim de ano, ou de um ano (e pouco) do estúdio Alice. Chegamos ao consenso de que seriam presentes, destinados aos nossos clientes, fornecedores e amigos, mas ainda não sabemos se foi uma ação de fim de ano, natal ou de aniversário. Talvez seja um pouco disso tudo. Através da imagem do cartaz pensamos em relacionar a Alice (enquanto personagem) a uma série de referências. Como se a Alice, que na imagem aparece somente as pernas, representasse uma mulher muito bonita (deixando o expectador na curiosidade) mas cheia de idéias e referências ao seu redor. Prontas para serem usadas e aplicadas. Além do pôster foi feito um chaveiro, uma camiseta e uma caixinha com o rosto do Papai Noel (ou não, há controvérsias).
Portfolio site
Usability Analysis of Apple.com: Why is it so Good? | Spoonfed Design
http://www.spoonfeddesign.com/usability-analysis-of-applecom-why-is-it-so-good
In the Woods - Vertical Centering With CSS
http://blog.themeforest.net/tutorials/vertical-centering-with-css/
alineacion vertical
*
用css作區塊垂直置中的方法
SitePoint » 21 Stimulating Color Palette Tools For Designers
http://www.sitepoint.com/blogs/2009/02/24/21-stimulating-color-palette-tools-for-designers/
21 Aplicativos WEB que auxiliam na escolha da palheta de cores.
How to Create Your First Joomla Template - NETTUTS
http://net.tutsplus.com/tutorials/other/creating-your-first-joomla-template/
Tuts+ Tutorials & Resources Psd.tuts+ Photoshop & Graphics Net.tuts+ Web Design & Development Vector.tuts+ Vectors & Illustration Audio.tuts+ Music & Sound Ae.tuts+ AfterEffects & Motion Envato Marketplaces FlashDen Flash Marketplace ThemeForest Web & CMS Themes GraphicRiver Graphics, Vectors & Icons VideoHive Motion Graphics & Projects AudioJungle Loops & Effects Envato Sites FreelanceSw Freelance Jobs & Community Rockable Books & How-To Creattica Design Community FaveUp Design Inspiration AppStorm Mac Apps Envato About Us More Coming Soon! * Home * Tutorials * Articles * Freebies * Videos * About * Subscribe By * RSS | * Email | * Other RSS * Home &#92; * Tutorials * &#92; Other * &#92; How to Create Your Fi
In this tutorial , you will learn about the basics of a Joomla template, and create one from scratch. We will quickly go through installing a local server and Joomla itself, and then create a basic functioning template.
Paso a paso y con WAMP
GOOD Transparency - Getting Around
http://awesome.goodmagazine.com/transparency/web/trans0209gettingaround.html
fuel use by method of transportation. I like how 16 burgers = 1/2 gallon of gas.
fuel per passenger for 350 miles
Fuel use of various modes of transportation.
A nice graphic showing how much energy is needed for various different modes of transport. Cycling comes out best.
Cynosura | Ray Glover's Weblog
http://weblog.cynosura.eu/
Jan
Glover's Weblog
Nice design.
Beautiful website
Lovely!
7 Interface Design Techniques to Simplify and De-clutter Your Interfaces | Webdesigner Depot
http://www.webdesignerdepot.com/2009/02/7-interface-design-techniques-to-simplify-and-de-clutter-your-interfaces/
If you can take a complex device or a piece of software and somehow rearrange, reorganize and redesign the interface to make it easy to use and understand, then you’re well on the way to delivering a better user experience.
Tweetable Art: 10 Twitter Tips for Artists
http://mashable.com/2009/02/23/twitter-artists/
From tweeting about the artistic process to sharing upcoming gallery news, here are 10 ways artists can better connect with their followers on Twitter.
y
Design Resource | 15 Sites to download Free PSD files
http://dzineblog.com/2009/02/design-resource-15-sites-to-download-free-psd-files.html
Design Resource |
51 Creative Business Cards That Will Make You Look Twice
http://www.quicksprout.com/2008/09/20/creative-business-cards-that-make-you-look-twice/
12 CSS Tools and Tutorials for Beautiful Web Typography | Web Design Ledger
http://webdesignledger.com/resources/12-css-tools-and-tutorials-for-beautiful-web-typography
Achieving beautiful typography with CSS on the web is no easy feat, and there are many limitations to what can done with type on the web. However, there are generous people out there that have taken the time to build tools and write tutorials to help you overcome these limitations and create websites with beautiful typography.
Layered Photoshop, Vectors, Icons and Add-ons From $1 - GraphicRiver
http://graphicriver.net/
GraphicRiver is a marketplace for buying and selling Royalty Free layered Adobe Photoshop Files, EPS Vector Graphics, Icons, Textures, Shapes, Brushes, and More. It's like having an entire graphics department at your fingertips!
28 Incredible Photoshop Image Manipulation Techniques and Tutorials : Speckyboy Design Magazine
http://speckyboy.com/2009/02/25/28-incredible-photoshop-image-manipulation-techniques-and-tutorials/
Good design: The ten commandments of Dieter Rams
http://www.vitsoe.com/en/gb/about/gooddesign
diseñador de braun en los 60s
Genius: "The aesthetic quality of a product – and the fascination it inspires – is an integral part of the its utility."
Back in the early 1980s, Dieter Rams was becoming increasingly concerned by the state of the world around him – “an impenetrable confusion of forms, colours and noises.” Aware that he was a significant contributor to that world, he asked himself an important question: is my design good design? As good design cannot be measured in a finite way he set about expressing the ten most important criteria for what he considered was good design. Subsequently they have become known as the ‘Ten commandments’. Here they are.
Curso de tratamiento de imágenes con Gimp — IMH
http://www.imh.es/dokumentazio-irekia/manuales/curso-de-tratamiento-de-imagenes-con-gimp
Curso básico del uso de la herramienta de software libre Gimp. Excelente!!!!!
Un curso muy bueno para aprender trucos básicos de GIMP
manual tutorial
25 brilliant wine label, bottle & package designs | Design daily news
http://www.designer-daily.com/25-brilliant-wine-label-bottle-package-designs-1808
20 Brilliant TV Show Title Sequences | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/02/22/20-brilliant-tv-show-title-sequences/
Smashing Magazine
Eric's Archived Thoughts: Wanted: Layout System
http://meyerweb.com/eric/thoughts/2009/02/17/wanted-layout-system/
Not surprisingly, there was a lot of community feedback asking for better layout mechanisms. Actually, people were asking for any decent layout mechanism at all, which CSS has historically lacked. Floats mostly work, but they’re a hack and can be annoyingly fragile even when you ignore old-browser bugs. Positioning works in limited cases, but does not handle web-oriented layout at all well.
ERic Meyers grundsätzliche Gedanke über ein Layoutsystem für Webseiten.
Eric Meyer elaborates on why we need a better layout mechanism for web content (whether it be via CSS or not). We know we shouldn't use tables for layout. Floats are a hack, positioning is flawed, and <code>display:table-cell</code> is no better than using a table itself. But Eric explains here why table <em>behavior</em> works moderately well for layout: <blockquote>... this is why the old “only use tables for layout” argument keeps coming up over and over: strip away the overheated rhetoric and obvious link-baiting, and you find the core of a real need. Because as powerful as CSS can be, table cells do certain things very easily that CSS makes very, very hard. Cells stretch vertically, keeping equal heights as a matter of their intrinsic nature. They stay out of each others’ way, while still being allowed to sit next to each other and use any sizing dimensions. They tie their layout to their parent elements, and vice versa.</blockquote>
Turning a bunch of divs or list items or whatever into table-role boxes is no better than just using table markup in the first place, and it’s arguably worse. Using element names other than table and td to create layout tables, and then claiming it’s not using tables for layout, borders on self-deception.
Gridplane
http://www.gridplane.com/html/
website with good graphs/charts/grids
Cool stuff, more data based than xplane
Good design: The ten commandments of Dieter Rams
http://www.vitsoe.com/en/gb/about/gooddesign?&weblang=en&rgmark=us
schönes graues design
design of various objects
These are great principles of design. What a design should be.
Good design is…
DAN METH - My Trilogy Meter I know other movie geeks are...
http://danmeth.com/post/77471620/my-trilogy-meter-i-know-other-movie-geeks-are
A pretty close assessment
Mind the crevasse: The amazing 3D pavement art that has pedestrians on edge | Mail Online
http://www.dailymail.co.uk/news/worldnews/article-1153004/Mind-crevasse-The-amazing-3D-pavement-art-pedestrians-edge.html
Dessins de rue.
Another article that depicts some cool 3D street art.
落ちそう!
How to Make an Impressive Animated Landscape Header with jQuery | Build Internet!
http://buildinternet.com/2009/02/how-to-make-an-impressive-animated-landscape-header-with-jquery/
15 Incredible Conceptual Designs You Wish Existed
http://www.creativecloseup.com/15-incredible-conceptual-designs-you-wish-existed
Toast Messenger
10 Steps To The Perfect Portfolio Website | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/02/26/10-steps-to-the-perfect-portfolio-website/
Inspiration
Coolest business card ever
http://positivesharing.com/2009/02/coolest-business-card-ever/
Cool Lego Businesscard
business card ever
乐高的名片
50 Awesome Blog Designs - Part 1 | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/50-awesome-blog-designs-part-1
ウェブサイトでやってしまいがちなユーザビリティのミス | コリス
http://coliss.com/articles/build-websites/architectonics/usability/9-common-usability-blunders.html
ギョウザビリティー
デザインやWFのチェックに
ウェブサイトでやってしまいがちなユーザビリティのミス
logo design processes and logo inspiration | Hein Maas - Freelance Graphic/Web Designer
http://www.heinmaas.com/2009/02/logo-design-processes-and-logo-inspiration/
logo design processes and logo inspiration
logo design processes and logo inspiration | Hein Maas - Freelance Graphic/Web Designer - http://www.heinmaas.com/2009/02/logo-design-processes-and-logo-inspiration/
almost Modern - graphic design
http://www.almostmodern.com/
almost Modern - graphic design company in rotterdam.
Design Patterns Explained With Java and Uml2 2008 - Internet & Technology, eBooks, and java
http://www.scribd.com/doc/9973578/Design-Patterns-Explained-With-Java-and-Uml2-2008
Resumo do livro GoF Design Patterns com exemplos usando Java e UML2.
Design Patterns Explained With Java and Uml2
Four Design patterns with examples in Java
200+ High Quality Free Paper Textures to Grab | Naldz Graphics
http://naldzgraphics.net/freebies/200-high-quality-free-paper-textures-to-grab/
Paper Textures
Free Paper Textures
Paper is a not only used to write but it can be also useful as a texture in doing some web design or graphic projects as well. In fact you can see some websites on the web applying more paper concept now a days and come up with a neat and grungy results.
20 Corporate Brand Logo Evolution | instantShift
http://www.instantshift.com.nyud.net/2009/01/29/20-corporate-brand-logo-evolution/
Logo Designer Blog | Logo Design Discussion, Resources & Inspiration
http://logodesignerblog.com/
Logo design, identity design and branding. A place for logo design inspiration, discussion, resources, tips & more!
14 Essential Magazines for Graphic Designers | Webdesigner Depot
http://www.webdesignerdepot.com/2009/01/14-essential-magazines-for-graphic-designers/
In spite of the tremendous expansion of the Internet, the power of the printed word remains strong and popular. Print media is where it all began and today we take a close look at some amazing design magazines that can really boost your productivity and expand your design knowledge. In addition to their printed versions, some magazines also offer online versions on their websites as well as PDF downloads and single issue orders. Order online or pick them up at your local bookstore. Here’s our recommended list with descriptions taken from each magazine’s website…
Logofi - A New Experience of Logo Design Inspiration
http://www.logofi.com/
50+ Sites to Promote your Portfolio, Web Design, Blog | Desizn Tech
http://desizntech.info/2009/01/50-sites-to-promote-your-portfolio-web-design-blog/
Rands In Repose: A Twitter Decision
http://www.randsinrepose.com/archives/2009/02/09/a_twitter_decision.html
In starting a significant project, an engineer knows the first three big design decisions you make are vastly more important than the second three. The nature of these decisions varies from project to project. They may be choices about look and feel, rules about architecture, or trade offs regarding feature set. Whatever these decisions are, they set a tone that defines the success of the project. When I look at Twitter, I see three early essential decisions about how Twitter allows you to craft a community. I believe much of Twitter’s continued success is due to definition and execution of these decisions. Interestingly, some obvious candidates for the Top 3, like “Scales like crazy”, “Will generate money”, and “Needs to be searchable” weren’t initially there.
For me, a tweet is still a note I tie to a balloon, which I let go and think, “Who is going to read that one?” Sometimes I look and see where it ended up, sometimes I don’t.
For me, Twitter remains a place for casual information. For me, a tweet is still a note I tie to a balloon, which I let go and think, “Who is going to read that one?” Sometimes I look and see where it ended up, sometimes I don’t.
What makes Twitter great, why, and how.
Paper + Color + Concept = 40+ Creative & Inspirational Piece of Art | Noupe
http://www.noupe.com/design/paper-color-concept-40-creative-inspirational-piece-of-art.html
James Widegren
http://jameswidegren.com/
James Widegren is a Swede living in New York City. He is creative director and partner of Your Majesty, a creative agency, and editor-in-chief of NEW INDUSTRY ARTS. Originated threeoh.com, a forum for the promotion of communications media with a focus on design. Founder of May 1st Reboot, an orchestration of collaborative work incorporating at 1,700 sites worldwide constituting the 1st and largest international mass launch in the history of the Web. Studied Information + Advertising in Sweden and is a veteran of Nation, Nisch, Razorfish, Vir2L, Waytion and Big Spaceship. Has won awards like: BDA/Promax, Clios, Webby Awards, The One Show, Cannes Lions, HOW, Art Directors Club and The New York Festivals - for clients like: HBO, Nike, ABC, MoMA, Paramount Pictures and Sony Pictures.
Wolfram Blog : Exploring Logo Designs with Mathematica
http://blog.wolfram.com/2009/02/26/exploring-logo-designs-with-mathematica/
Mathematica is a flexible tool for exploring graphic design programmatically. Study and manipulation of logos and fonts are featured in this example.
This is a very cool idea.
Space Explosion Photoshop Tutorial | Tutorials | Smashing Magazine
http://www.smashingmagazine.com/2009/02/22/space-explosion-photoshop-tutorial/
Digital space art is one of the most inventive and beautiful art genres of this era. This tutorial shows you how to create your own space scene using three stock photos and Adobe Photoshop.
Directed Edge News » Blog Archive » On Building a Stupidly Fast Graph Database
http://blog.directededge.com/2009/02/27/on-building-a-stupidly-fast-graph-database/
on-building-a-stupidly-fast-graph-database
connected to and things that connect to them. These are symmetrical — so creating a link from item A to item B, creates a reference from item B to item A.
Home : PiePaper
http://www.piepaper.com/
Pieマガジン よい New Zealand
The Demon-Haunted World
http://www.slideshare.net/blackbeltjones/the-demonhaunted-world
Matt Jones talk at Webstock. Superb!
Fabulous slideshare presentation by Matt Jones about city magic drawing connections between urbanisation and digitalisation.
so cool
It's about technology and the city. Or if you'd like, the city as technology. The car changed the development of the city irreversibly in the 20th century. I'd claim that mobiles will do the same in the 21st.
hackers are building sensors, bots and software into everything around them bottom-up, fast, cheap and out-of-control. They're creating environments that react, adapt and respond to us - and perhaps more importantly - each other: The Demon-Haunted World. Matt's session will be a whistlestop tour of those days of future past and pointers to some practical futures we can start building right now, together.
Matt Jones on "city magic"
"Archigram thought of behaviour as the raw material they were building with". They also used the term "social software" in 1972... motherfuck the fringe is hard to mine for valuables! :0
10 Free CAPTCHA scripts and services for websites
http://woork.blogspot.com/2009/02/10-free-captcha-scripts-and-services.html
10 Free CAPTCHA scripts and services for websites
How to deal with large webforms
http://www.jankoatwarpspeed.com/post/2009/02/18/How-to-deal-with-large-webforms.aspx
Mind the Curb™
http://www.mindthecurb.com/
the natural media company
for steve
Green advertising promotion
The guide to sound effects
http://www.epicsound.com/sfx/
This page contains a number of ideas on how to create various sound effects.
Check it out!
Welcome to the Guide to Sound Effects! This page contains a number of ideas on how to create various sound effects, and we hope you find it inspiring.
How to make all kinds of sounds in your studio/home. An excellent foley resource.
The Art of M. S. Corley: Harry Potter Redesign
http://mscorley.blogspot.com/2009/02/harry-potter-redesign.html
A redesign of the Harry Potter books in a classic Penguin Book style
http://www.flickr.com/photos/ollym/sets/72157612646893506/
A new approach for the Harry Potter book's cover. Cool!Vector. Clean.
redesign of book covers for the rowling series, reimagined as 70's penguin PBs.
Lifehacker Top 10: Top 10 Tools for Your Blog or Web Site
http://lifehacker.com/5161867/top-10-tools-for-your-blog-or-web-site
Ten favorite tools to help anyone launch and maintain their internet presence
Preloaders.net | Free AJAX animated loading gif's |
http://preloaders.net/en/latest
40+ Places to Sell Your Designs Online
http://mashable.com/2009/02/28/sell-designs-online/
http://mashable.com
13 Most Desirable Collection Of Free Resources For Every Designer - Opensource, Free and Useful Online Resources for Designers and Developers
http://www.smashingapps.com/2009/02/28/13-most-desirable-collection-of-free-resources-for-every-designer.html
11 Premium But Free And Useful Web Apps For Designers - Opensource, Free and Useful Online Resources for Designers and Developers
http://www.smashingapps.com/2009/02/10/11-premium-but-free-and-useful-web-apps-for-designers.html
Wix, FreshBooks, Free Online Survey, Zapproved, FileDropper, JobBlogs, DimDim, W3Counter, Springloops, Filemail, Rescue Time
/* whobuilt.it */
http://whobuilt.it/
A site for web developers to show which sites they've created.
See who built sites and claim your own.
whobuilt.it lets you claim the sites you build!
Building HTML/CSS Sites: Use a Template » DivitoDesign
http://www.divitodesign.com/2009/02/building-html-css-sites-use-a-template/
Adobe - Developer Center : Industry trends in prototyping
http://www.adobe.com/devnet/fireworks/articles/cooper_prototyping.html
To read later.
Industry trends in prototyping Dave Cronin Cooper Get an e-mail update of new articles Comments (3) Created: 2 February 2009 User Level: All Products: Fireworks Prototype is one of those words that can mean something different to everyone. Before I get too far along in a discussion of prototyping, it's probably worth exploring what I'm talking about. In the world of designing interactive products and services, prototype is generally defined as some representation of a design idea. In the world of physical products, the term tends to connote something quite similar to the finished manufactured form. Indeed, industrial designers use the term model to describe what interaction designers think of as a prototype.
ウェブサイトの制作・検証に役立つブックマークレット集 | コリス
http://coliss.com/articles/build-websites/operation/work/32-indispensable-bookmarklets-for-web-developers-and-designers.html
ウェブサイトの制作・検証に役立つブックマークレットをspeckyboyから紹介します。
Sage Business IQ - Train Your Business Brain
http://www.trainyourbusinessbrain.com/business-brain-training/challenges/challenges.html
menu 3D flash
45+ Most Wanted Beautiful Free Hand Drawn Fonts | Naldz Graphics
http://naldzgraphics.net/freebies/45-most-wanted-beautiful-free-hand-drawn-fonts/
Free hand drawn fonts
Naldz Graphics
The Most Incredibly Outstanding Site Templates - NETTUTS
http://net.tutsplus.com/articles/web-roundups/the-most-incredibly-outstanding-site-templates/
In Love With A. Lincoln - And the Pursuit of Happiness Blog - NYTimes.com
http://kalman.blogs.nytimes.com/2009/02/26/in-love-with-a-lincoln/
A short illustrated essay written by Maira Kalman for NewYorkTimes.com.
Maira Kalman
Visuals are the best.
Microsoft Office Labs vision 2019 (montage + video) - istartedsomething
http://www.istartedsomething.com/20090228/microsoft-office-labs-vision-2019-video/
A very very cool insight to the future, where Microsoft Surface pervades every aspect of everyone's lives.
Microsofts Zukunftsmusik
save
When Microsoft decides to imagine the future, it never fails to impress. Not only do you have some of the smartest people envisioning what’s possible, but they also invest so much into communicating these ideas through sights and sounds which the production value can be compared to most blockbuster sci-fi films.
マイクロソフトの考える2019。 UIでもビデオ的な。
Type Theory
http://www.typetheory.com/
Maxwell Lord is a talented young artist and designer from Zelenograd, Russia near Moscow. His work is full of intricate details and elaborate hand lettering.
Type Theory is a journal of contemporary typography featuring news, views, reviews and interviews.
Tons of great typography and design elements.
10 Features That Will Make Twitter Better
http://sixrevisions.com/web_design/10-features-that-will-make-twitter-better/
Twitter’s web interface is simple and intuitive but lacks a few features that can make it much better. In this article, you’ll read about 10 excellent user interface features that can enhance the Twitter web experience.
Very insightful list of things to add to Twitter
Infragistics Quince: UX Patterns Explorer / All Patterns
http://quince.infragistics.com/#/Search
Fancy UI for displaying design patterns
Quince is a rich UX patterns, sometimes called UI patterns, explorer.
Ajaxian » Nicole Sullivan’s Object Oriented CSS
http://ajaxian.com/archives/nicole-sullivans-object-oriented-css
Object Oriented CSS
I need to read this. "It adds much needed predictability to CSS so that even beginners can participate in writing beautiful websites."
(studying!!!)
15 Tutorials for Recreating Authentic Photo Effects | Blog.SpoonGraphics
http://www.blog.spoongraphics.co.uk/articles/15-tutorials-for-recreating-authentic-photo-effects
Logo Design Trends 2009 - Showcase | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/inspiration/logo-design-trends-2009/
As requested I created this article and tried to select the most appropriate logos based on LogoOrange equitable prognosis, which I think is very appropriate. However these are just prognosis and suggestions, where to go and inspire You to new designs, we’ll see however where those logo trends will lead us this year. I invite You to critique my picks and justify them, so we both can learn. Just read whole article and be sure to return here and check out examples of each trend. I picked logos from LogoPond and FaveUp logo showcase sites, where You can by the way get excellent inspiration sparks.
telematics
http://www.byhook.com/video/telematics.html
prédios
Gallery - The next generation of mirrors - Image 1 - New Scientist
http://www.newscientist.com/gallery/dn16585-amazing-mirrors
I don't know how he did it, but it's pretty cool.
Six monster mirrors.
joan pons moll | disseny grafic
http://www.joanponsmoll.com/
Logotipos
website diseño
Art of Type: Squint-Free Small Type | Layers Magazine
http://www.layersmagazine.com/art-of-type-squint-free-small-type.html
If you don’t want your small type to look like it’s hiding something, if you really want it to be read, it takes some extra effort, because all type programs default to settings for creating full-sized text.
Minimalism Around the Web: Design Inspiration & WordPress Themes - Tutorial9
http://www.tutorial9.net/resources/minimalism-around-the-web-design-inspiration-wordpress-themes/
Minimalism Around the Web: Design Inspiration & WordPress Themes - Tutorial9 - http://www.tutorial9.net/resources/minimalism-around-the-web-design-inspiration-wordpress-themes/
This post showcases minimalist design from around the web, and briefly explains the ideology of minimalism. It is to be used as inspiration for anyone, and as a resource for web designers.
7 Great Podcasts for Web Designers | Webdesigner Depot - Web Design Resources and Tutorials
http://www.webdesignerdepot.com/2009/01/7-great-podcasts-for-web-designers/
Boagworld
40 Textured Websites for Design Inspiration
http://designm.ag/inspiration/textured-websites/
Alpine Meadows Ski Resort makes great use of texture. The next best thing to feeling a website!
Main : Anyone Can Swiss
http://www.anyonecanswiss.com/
Main : Anyone Can Swiss http://www.anyonecanswiss.com/ swiss design helvetica webdesign Web tools Graphic humor Interactive Typography web2.0 graphicdesign poster funny creative online
Generator helvetica poster.
swissification
The Private Lives of Your Favorite Toys | WebUrbanist
http://weburbanist.com/2008/12/06/private-lives-toys/
| My Social Buttons
http://mysocialbuttons.com/
株式会社コルテックス
http://www.coltex.co.jp/
ボタンs
animation
immersione in ambiente video totale, ottimo coinvolgimento dell'utente. fullscreen e pagine html in simultanea
Assustadoramente japones!
estudio japones.. web presentacion
A really cool animation for some studio out in Japan. The navigation is really bad, but the site beautifully eerie.
CSSBlog ES - ¡CSS 100%!
http://www.cssblog.es/
CSSBlog ES - ¡CSS 100%! - http://www.cssblog.es/
Todo sobre css, geeks, internet y otros
Desktop Wallpaper Calendar: March 2009 | Graphics | Smashing Magazine
http://www.smashingmagazine.com/2009/02/27/desktop-wallpaper-calendar-march-2009/
Desktop Wallpaper Calendar: March 2009 | Graphics | Smashing Magazine - http://www.smashingmagazine.com/2009/02/27/desktop-wallpaper-calendar-march-2009/
This post features 45 free desktop wallpapers, created by designers across the globe. Both versions with a calendar and without a calendar can be downloaded for free.
Stubbornella » Blog Archive » Object Oriented CSS, Grids on Github
http://www.stubbornella.org/content/2009/02/28/object-oriented-css-grids-on-github/
How do you scale CSS for millions of visitors or thousands of pages? Object Oriented CSS allows you to write fast, maintainable, standards-based front end code. It adds much needed predictability to CSS so that even beginners can participate in writing beautiful websites.
創業450年 京友禅の老舗 千總 / Founded in 1555. CHISO OF KYO YUZEN
http://www.chiso.co.jp/
きれい!
和のFlashサイト 多田屋のようなシーン遷移
absolutely stunning art used in the production of this heavily flash dependent website... but i can forgive the flash as it really adds a nice touch.
京友禅の老舗
どうしても多田屋を彷彿とさせるけど、とても丁寧で美しいサイト
多層レイヤー
まだまだあるカラーツールいろいろ | DesignWalker
http://www.designwalker.com/2009/01/color-tool.html
無料で使える色にまつわるツール
“今回は、無料で使える色にまつわるツールをいろいろとまとめてみました。” カラージェネレーターのまとめ。
配色に迷ったときに、使える無料のツールはたくさんありますね。 先日もkulerが人気を集めていましたが、カラーツールはまだまだたくさんあります。 kulerは、完成度が高く、とても良くできたツールですが、用途によっては他のツールも使えそう。 今回は、無料で使える色にまつわるツールをいろいろとまとめてみました。
新しくてクオリティの高すぎるアイコン集*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-554.html
design
売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタ
A disagreeably facetious type glossary
http://www.microsoft.com/typography/glossary/content.htm
FOR THE AMUSEMENT & EDIFICATION OF PEOPLE BEGINNING A LOVE AFFAIR WITH FONTS
fecklessmind - How to create perfect form markup and style it with CSS
http://fecklessmind.com/2009/01/23/how-to-reliable-css-forms/
Official Google Reader Blog: Square is the new round.
http://googlereader.blogspot.com/2008/12/square-is-new-round.html
تغییرات در ظاهر گوگل ریدر
from mace conference
On the Reader team, we know that the old adage "change is good" isn't always true. Sometimes, change is just change. In this case, we hope that these decisions both improve your Reader experience today,
Google Reader intro
THis is for the MACE session
Необычные предметы в обиходе (30 фото) » elLf houSE - сайт, который вас радует!
http://www.ellf.ru/creative/24981-neobychnye-predmety-v-obikhode-30-foto.html
DESIGN
10 Tips to avoid designer’s block. | GoMediaZine
http://www.gomediazine.com/design-tip/10-tips-avoid-designers-block/
Ever feel like some days you can crank out amazing looking designs with little effort? Then on other days it feels like nothing is working, you’ve lost all your talent and you’ll never make another good design for the rest of your miserable life? Don’t panic – this is natural...
JournalEngraver, Personally Engraved Notebooks and Pens
http://journalengraver.com/
Engraved moleskin notebooks
A site that lets you upload images to be laser engraved on journals.
Inspiration: 20 awesome t-shirt illustrations by Glennz | Abduzeedo - design inspiration & tutorials
http://abduzeedo.com/inspiration-20-awesome-t-shirt-illustrations-glennz
20 awesome t-shirt illustrations
Zen Bound from Secret Exit
http://zenbound.com/
a meditative exercise (in 3D)
Click here for YouTube video
"A calm and meditative game of wrapping rope around wooden sculptures."
iPhone game looks pretty sweet
Beautiful game meets meditative puzzle. Easily worth the $5.
850+ Super Cool Tech Brushes for Photoshop | Naldz Graphics
http://naldzgraphics.net/freebies/850-super-cool-tech-brushes-for-photoshop/
tec brushes
Really Cool Digital Make up in Photoshop in 10 min | Abduzeedo - design inspiration & tutorials
http://abduzeedo.com/really-cool-digital-make-photoshop-10-min
Why use real make up if you can do a digital make up and make the skin look pretty and smooth. It's simple, fast and very effective. Well, on this tutorial you will learn step by step the basics of digital make up on a persons body. First you have to get the photo you want to apply the digital make up, I choose a photo from the stock gallery of Samantha Draven.
Really Cool Digital Make up in Photoshop in 10 min | Abduzeedo - design inspiration and tutorials - http://abduzeedo.com/really-cool-digital-make-photoshop-10-min
60 Excellent Free 3D Model Websites | Graphics
http://www.hongkiat.com/blog/60-excellent-free-3d-model-websites/
3D models represent a 3D object using a collection of points in 3D space, connected by various geometric entities. A free 3D model definitely can save your budget and deadline. On average, a modeler saves over 2 hours of modeling time when they could get a free 3D model. Today, 3D models are used in a wide variety of industries. The movie industry uses them as characters and objects for animated and real-life motion pictures. The video game industry uses them as assets for computer and video games.The architecture industry uses them to demonstrate proposed buildings and landscapes through Software Architectural Models. The medical industry uses detailed models of organs. We understand how useful a 3D model could be. Thus, we’ve crawled into Internet and search for free 3D models which are available for download. Here are as much as 60 websites to download Free 3D Models. Full list after jump!
Free 3D models
70 Wonderful 3D Typography That Truely Inspires | Inspiration
http://www.hongkiat.com/blog/70-wonderful-3d-typography-that-truely-inspires/
Imagine an artwork without type - you can only make assumptions what the graphics are trying to deliver. Type enhance and ensure you get whatever message the campaign is delivering. Typography design on the other hand, is what many designers are striving to improve and excel. Getting to the next level in typography design, at most of the time, may be tricky and challenging. Font, colors, style, keywords and placements are all the crucial factors to form a great typography design.
cool : ***********
Pasta&Vinegar » Blog Archive » Evolution of game controllers
http://liftlab.com/think/nova/2008/05/13/evolution-of-game-controllers/
A Designer Takes on His Biggest Challenge Ever | Fast Company
http://www.fastcompany.com/magazine/132/a-designer-takes-on-his-biggest-challenge-ever.html
"We moved from thinking of ourselves as designers to thinking of ourselves as design thinkers. We have a methodology that enables us to come up with a solution that nobody has before." -- David Kelley
bio of IDEO's David Kelley. IDEO is a creative design and technology firm, an inspiration.
Ideo CEO David Kelley talks about evolving Ideo from a design firm to a "design thinking" firm.
142 Creative Unique Modern Furniture Designs | WebUrbanist
http://weburbanist.com/2008/12/12/creative-unique-modern-furniture-designs/
Old Book Art
http://www.oldbookart.com/
massive theme based on GridFocus by 5ThirtyOne.com
ilustraciones de libros viejos.
OmniGraffle Wireframe Icons | Konigi
http://konigi.com/store/product/omnigraffle-wireframe-icons
OmniGraffle Wireframe Icons
Great set of icons!
iamelgringo: Tables vs CSS: CSS Trolls begone
http://iamelgringo.blogspot.com/2009/02/tables-vs-css-css-trolls-begone.html
Silly me, I thought we'd won this war years ago but there's always one guy who has used CSS for a month doesn't get it and writes a post like this. Good comments though.
CSS Trolls begone
フォームデザインいろいろ - DesignWalker
http://www.designwalker.com/2008/11/forms.html
18 Beautiful Brochure Design Samples
http://www.youthedesigner.com/2009/01/30/18-beautiful-brochure-design-samples/
SitePoint » The 5 Most Under-Used HTML Tags
http://www.sitepoint.com/blogs/2009/02/24/five-under-used-html-tags/
Laser Printing: Web Advertising - Google Business Card | scaryideas.com
http://www.scaryideas.com/print/9736/
An Offset Printing Company using old methods to advertise new. A business card that quickly explains that the company can be found on the web.
50 Brilliant Design Articles of 2008 in 23 Categories + 40 Reader Submitted Posts | The Design Cubicle
http://www.thedesigncubicle.com/2008/12/50-brilliant-design-post-of-2008-in-23-categories-40-reader-submitted-posts/
Toxel.com » Modern Showers and Creative Shower Heads
http://www.toxel.com/inspiration/2009/02/28/modern-showers-and-creative-shower-heads/
:: SteamLine Luggage :: Designer luggage - inspired by travel & exploration :: Tel. +353-1-4295006 ::
http://www.steamlineluggage.com/
Andy Mangold
http://www.andymangold.com/
Portfolio and blog of Andy Mangold
Six Valuable Things Web Design Clients Won’t Tell You - FreelanceSwitch - The Freelance Blog
http://freelanceswitch.com/finding/six-valuable-things-web-design-clients-wont-tell-you/
Six Valuable Things Web Design Clients Won’t Tell You
1枚8ドル~で納期は24時間?!プロによる写真修正サービス『Tucia』
http://ameblo.jp/nohoho-keith/theme-10010510285.html
японский дизайн
Ahhhh I can't read it
aaaaaa
photoshop tools photo design photography art online サービス 修正 graphic beauty 写真
the most wonderful photo web
japan
tools online photo photography 修正 写真 beauty サービス graphic art photoshop design
1枚8ドル~で納期は24時間?!プロによる写真修正サービス『Tucia』
20 More free PSD templates to use and learn from | Best Design Options
http://bestdesignoptions.com/?p=1274
20 More free PSD templates to use and learn from
Sliding pants rack
http://www.instructables.com/id/Sliding_pants_rack/
great projects
I bought a wardrobe from ikea to store my work clothes in. While walking around at ikea, I came across a Pax wardrobe w...
All the Business Card Inspiration You Will Ever Need | The Design Cubicle
http://www.thedesigncubicle.com/2009/01/all-the-business-card-inspiration-you-will-ever-need/
Below is a list of 30 business card inspirational websites, galleries and resources that will fulfill your every business card desire and provide inspiration for your next business card inspiration.
list de cartes commerciales ultra créatives
Stu Nicholls | CSSplay | A circular menu with circular sub menus
http://www.cssplay.co.uk/menus/circular-sub.html
Illustrator Quick Tips #1 - Complex Symbols with Pathfinder | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/illustrator-quick-tips-1-complex-symbols-pathfinder
Last week I posted an article showing some great logos using 3D effects and colorful gradients. There are quite a few ways to do create those effects in Illustrator, however for most of them you will have to use the Pathfinder tools. Because of that I will show you an example based on a few logos from that list.
すぐやる!
Complex Symbols with Pathfinder
Tutorial illustrator PSD
Exporting the past into the future, or, “The Possibility Jelly lives on the hypersurface of the present” « Magical Nihilism
http://magicalnihilism.wordpress.com/2009/02/18/exporting-the-past-into-the-future-or-the-possibility-jelly-lives-on-the-hypersurface-of-the-present/
Context and scale, past and future.
Matt Jones's current thoughts on location-based services and the value of "nearish" over "here".
Matt Jones of dopplr de-bunks the b-chino'd hype surrounding in the moment location based apps. Love it.
Perhaps the idea of showing where you are exactly now isn't so good afterall - it's more relevant to talk about where I'll be soon so you can react to it accordingly.
Earlier Matt Jones posting, more mind-bending moments, particularly on the highly temporal value of high resolution location data.
How to Keep Innovating - BusinessWeek
http://www.businessweek.com/innovate/content/feb2009/id20090218_337947.htm
By this, I really mean two things: always be a beginner at something, and always be in love with what you are beginning.
a salient reminder: All of those
How to Keep Innovating - BusinessWeek
Always be bad at something you are passionate about.
Keeping innovative.
h was an Olympian. But on the other hand, some of my most valuable lessons were learned from a 14-year-old girl who, w
手書き風ウェブデザインまとめ - DesignWalker
http://www.designwalker.com/2008/11/sketchy.html
手書き風デザインは、あまり上手すぎてもダメだし、かといってめちゃめちゃへたくそだと、それはそれで微妙ですよね。いい感じのうま下手感が出したいですよね。今回は、手書き風のデザインに使えそうなサイトをインスピレーション、ブラシ、チュートリアル、フォント、アイコンなどいろいろと集めてみました。
Dobbs Code Talk - 10 Papers Every Software Architect Should Read (At Least Twice)
http://dobbscodetalk.com/index.php?option=com_myblog&show=10-Papers-Every-Software-Architect-Should-Read-At-Least-Twice-.html&Itemid=29
10 articoli che ogni architetto software e/o sviluppatore DEVE leggere
Papers on Programming
Meetup's Dead Simple User Testing - Boing Boing
http://www.boingboing.net/2008/12/13/meetups-dead-simple.html
streamlined user testing idea
10+ Web Resources to Make Web Designer’s Life Easy | Desizn Tech
http://desizntech.info/2009/02/10-web-resources-to-make-web-designers-life-easy/
10+ Web Resources to Make Web Designer’s Life Easy
26 Business Cards of Graphic & Web Designers on Twitter | The Design Cubicle
http://www.thedesigncubicle.com/2008/10/26-business-cards-of-graphic-web-designers-on-twitter/
26 Business Cards of Graphic & Web Designers
Create a Sleek Illustration that Fades from Line Art to Color - PSDTUTS
http://psdtuts.com/tutorials/photo-effects-tutorials/create-a-sleek-illustration-that-fades-from-line-art-to-color/
cut&paste
mescolare foto e illustrazione
Local Weather / Select City
http://www.kurtli.com/weather/index.htm
Real weather with real material.
cute
12 Blogs That Can Expand Your Web Design Repertoire | Web Design Ledger
http://webdesignledger.com/resources/12-blogs-that-can-expand-your-web-design-repertoire
asdfjkl;
10 harsh truths about corporate websites : Boagworld web design podcast
http://boagworld.com/business_strategy/10_harsh_truths_about_corporat/
Does the broken windows theory hold online?
http://www.kottke.org/08/12/does-the-broken-windows-theory-hold-online
windows theory
But what about a site's physical appearance? Does the aesthetic appearance of a blog affect what's written by the site's commenters? My sense is that the establishment of social norms through moderation, both by site owners and by the community itself, has much more of an impact on the behavior of commenters than the visual design of a site but aesthetics does factor in somewhat. Perhaps the poor application of a default MT or Wordpress template signals a lack of care or attention on the part of the blog's owner, leading readers to think they can get away with something. Poorly designed advertising or too many ads littered about a site could result in readers feeling disrespected and less likely to participate civilly or respond to moderation. Messageboard software is routinely ugly; does that contribute to the often uncivil tone found on web forums?
15 Creative Wallpapers and Wallpaper Designs | WebUrbanist
http://weburbanist.com/2008/11/07/15-inspired-and-innovative-wallpapers-of-the-world/
Wallpaper isn't what it used to be. New ideas and revolutionary techniques have allowed artists and designers to bring two-dimensional surfaces to life. What's on YOUR wall?
Wallpaper (at-home, not on-screen) isn’t what it used to be, but we bet you never thought it could look THIS good! So you have your absolutely amazing house and insanely cool furniture - what comes next? New ideas and revolutionary techniques have allowed artists and designers to bring two-dimensional surfaces to life through creative wallpapers and wallpaper designs.
創業450年 京友禅の老舗 千總 / Founded in 1555. CHISO OF KYO YUZEN
http://www.chiso.co.jp/top.html
Cool! グラフィックは凄いけどサイトとしての内容はないなw でも見とれてしまう
Founded in 1555. CHISO OF KYO YUZEN
12MB feinstes Flash. Sehr schön.
和風2.5次元のフルFLASHサイト
een heel rustige 'zen' site. Oosters met oosterse typische aquarellen in de achtergrond. heel rustgevend
Toxel.com » 40 Beautiful Dark CSS Website Designs
http://www.toxel.com/design/2008/12/07/40-beautiful-dark-css-website-designs/
CSS plantillas
最近のデザイントレンドにはまるフリーのフォント集 | コリス
http://coliss.com/articles/build-websites/operation/design/2888.html
最近のデザイントレンドにはまるクリーンなフォント、グランジ風のフォント、レトロ風のフォント、手書き風のフォントをSix Revisionsのエントリーから紹介します。
最近のデザイントレンドにはまるクリーンなフォント、グランジ風のフォント、レトロ風のフォント、手書き風のフォントをSix Revisionsのエントリーから紹介します
15 Incredible WordPress Theme Customizations | Freelance Folder
http://freelancefolder.com/15-wordpress-theme-customizations/
Out of the box thems
Downloads: Shape Collage is a Seriously Fun Photo Collage Application
http://lifehacker.com/5156027/shape-collage-is-a-seriously-fun-photo-collage-application
27 Stunning Yet Free Premium Wordpress Magazine & News Themes - Free wordpress templates, free wordpress themes, Magazine themes, News themes, Wordpress Themes - Technically Personal!
http://techpp.com/2009/02/19/27-stunning-yet-free-premium-wordpress-magazine-news-themes/
magazine style wordpress themes - pro-looking for future projects maybe?
wordpress wordpresswordpresswordpress wordpress-themes http://techpp.com/2009/02/19/27-stunning-yet-free-premium-wordpress-magazine-news-themes/
Ajaxian » Designing Web Interfaces with Bill Scott and Theresa Neil
http://ajaxian.com/archives/designing-web-interfaces
Before and After: Barren Attic to Programmer's Paradise
http://lifehacker.com/5159194/before-and-after-barren-attic-to-programmers-paradise
Barren Attic to Programmer's Paradise
Cool Desktop setup
Building/Customizing your own Wordpress theme: Beginners and Intermediate | Desizn Tech
http://desizntech.info/2009/02/buildingcustomizing-your-own-wordpress-theme-beginners-and-intermediate/
Carrer Blog: The Golden Grid
http://www.vcarrer.com/2009/02/golden-grid.html
Blog about web programming & web design
The Golden Grid aims to be the perfect web grid with golden proportions, rule of thirds symmetry and more
I was searching for the prefect web grid, playing with golden proportions, rule of thirds, symmetry, asymmetry, usability, monitor proportions, typography and the result came spontaneous - The Golden Grid. Why not share it with you :).
The Golden Grid is a web grid system. It 's a product of the search for the perfect modern grid system. It 's meant to be a CSS tool for grid based web sites.
Nocturn vision » Blog Archive » Design principles
http://www.noctovis.net/blog/index.php/2009/01/15/design-principles/
500+ Free Seamless Patterns for Web and Print Designs | Best Design Options
http://bestdesignoptions.com/?p=1576
patterns
resume-infographic.jpg (JPEG Image, 1200x927 pixels)
http://theportfolio.ofmichaelanderson.com/wp-content/uploads/2008/05/resume-infographic.jpg
Visual representation of a resume
Pretty cool and makes sense to me.
ヴィンテージ風の素敵な柄や古い感じのテクスチャ素材集 | コリス
http://coliss.com/articles/build-websites/operation/design/freebies-texture-vintage-deviantart.html
ヴィンテージ風テクスチャ集
Thirty Free Image Resources on the Web - Where to Find Free Images
http://websearch.about.com//od/bestwebsites/tp/free-images.htm
Stock photo libraries with commons licensing etc
素晴らしいjQueryのチュートリアル45選 | CREAMU
http://blog.creamu.com/mt/2009/02/jquery45.html
まとめ!
GOOD 014 State of the Planet - Who's Going Where?
http://awesome.goodmagazine.com/transparency/014/014-buying-whos-buying-what.html
Vistazo a donde las personas alrededor del mundo estan direccionando algo de su poder de compra
Who is buying what.
Shows average yearly expenditures per citizen by type of item (5 categories) around the world.
Blog Archive - 40+ Beautiful Hand-Drawn Websites - CSS Built - CSS Gallery with Best Design
http://cssbuilt.com/2008/11/16/40-beautiful-hand-drawn-websites/
Hand-drawing websites are very popular on today’s design. Some of well-known web company applies on these techniques to make a beautiful hand-drawn website for their clients. CSSBuilt.com collects 40+ hand-drawn websites for your inspiration. Be inspired and enjoy!
Factory 20 : Factory 20
http://www.factory20.com/
You want some vintage furniture? This place looks amazing.
love their furniture
old factory things made into furniture $$$$$
antiques dealer... changing inventory
50 Stunning Photoshop Text Effect Tutorials | Tutorials | Smashing Magazine
http://www.smashingmagazine.com/2009/03/04/50-stunning-photoshop-text-effect-tutorials/
Photoshop’s text and layer tools can be used to create some really awesome effects. We’ve put together a list of 60 of the best tutorials we could find to help you stay up to date
great text tutorials
THE DAFT PUNk'S CONSOLE by NAJLE.com
http://www.najle.com/idaft/
we needed this for the van last year!
interactive
70 New, Useful AJAX And JavaScript Techniques | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/03/08/70-new-useful-ajax-and-javascript-techniques/
70 New, Useful AJAX And JavaScript Techniques
As the Web grows and becomes more dynamic, more and more websites have user-generated content and tools that greatly improve the user experience in terms of usability and accessibility. Interactive solutions for lightboxes, form validation, navigation, upload, auto-complete, image cropping, slideshows, tool tips, sliders and tables are being developed that use nifty JavaScript and AJAX scripts. When using these, developers have to carefully consider many subtle techniques to help users get things done. In this article, we present 70 new and useful JavaScript and AJAX techniques, all of which are of the highest quality and are more or less easy to configure. You will also find some very useful but better known techniques to use on almost any project you work on. jQuery, MooTools, Prototype and script.aculo.us are used in these examples, so every taste gets its due.
Useful AJAX And JavaScript Techniques Smashing Magazine
by Noura Yehia As the Web grows and becomes more dynamic, more and more websites have user-generated content and tools that greatly improve the user experience in terms of usability and accessibility. Interactive solutions for
iconPot - totally free icons
http://www.iconpot.com/
商用利用可の無料アイコン
cool free icons you can download for webdev
iconPot - totally free icons
The aim of this site is simple. We list a whole bunch of icons which are all great to use for your web development projects. But we are different to other icon-related websites because we only list icons which you can use for free on personal AND commercial projects AND without having to provide back-links/credit to the author. These types of icons can be tough to find, so here is a while list for your convenience! Although these icons are all free, you are encouraged to donate to the author if they make this option available. If you know of any other icons which meet the requirements of being totally free to use, please email admin@iconpot.com so that we can add them to the list.
How To Use Icons To Support Content In Web Design | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/03/03/how-to-use-icons-to-support-content-in-web-design/
web kai print?
85+ Tools & Resources for Freelancers and Web Workers
http://mashable.com/2009/03/03/freelance/
alerted when an invoice is overdue and numerous other features
Deciding to become a freelance worker can be a scary proposition. Sure there is an allure to picking what projects you work on, but it can also be stressful not knowing where your next paycheck will come from. Luckily there are numerous resources out there that not only help you find more work, but also loads of tools to help you do your job more efficiently with a professional edge.
TOOLS
Periodic Table of Typefaces
http://www.squidspot.com/Periodic_Table_of_Typefaces/Periodic_Table_of_Typefaces_large.jpg
50 Twitter Tools and Tutorials For Designers and Developers | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/03/02/twitter-web-designer-and-developer-toolbox-api-and-tutorials/
I did a project once with Twitter's API but I hardly remember it now (plus, I wonder if it's changed much in a year...?).
A List Apart: Articles: Fluid Grids
http://www.alistapart.com/articles/fluidgrids
videos and other fixed width objects inside the content may upset this fluid layout, but see links for how to solve that.
contemporary practices from ala
more on fluid webdesign
40+ Sources To Download High-Quality Royalty Free Stock Images | instantShift
http://www.instantshift.com/2009/03/03/40-sources-to-download-high-quality-royalty-free-stock-images/
Fuentes de fotos gratis
instantShift
Beautiful Forms - Design, Style, & make it work with PHP & Ajax | Noupe
http://www.noupe.com/php/beautiful-forms.html
Noupe is a design weblog created to inspire creativity by sharing innovative resources and websites to bloggers, freelancers and web designers.
Forms needs a solid visual structure, a profound hierarchy of form elements (Fields and Labels), powerful techniques and Functionality (AJAX) to make the form look and work creatively. There is a great bunch of creative, outstanding and individually designed from scratch forms.
25 Powerful and Useful jQuery Tutorials for Developers and Designers : Speckyboy Design Magazine
http://speckyboy.com/2009/03/11/25-powerful-and-useful-jquery-tutorials-for-developers-and-designers/
25 Powerful and Useful jQuery Tutorials for Developers and Designers : Speckyboy Design Magazine
jQuery is everywhere, its fast and versatile, and is rapidly becoming as common on websites as CSS. The only small problem you may have is keeping up with development, keeping up with new plugins and tutorials. This article will do just that. All of these tuts have been written within the past eight weeks, bringing you up to speed with latest developments.
Pattie Maes demos the Sixth Sense | Video on TED.com
http://www.ted.com/index.php/talks/pattie_maes_demos_the_sixth_sense.html
Cool demo of sixth sense device at TED.
TED Talks This demo -- from Pattie Maes&#39; lab at MIT, spearheaded by Pranav Mistry -- was the buzz of TED. It&#39;s a wearable device with a projector that paves the way for profound interaction with our environment. Imagine &quot;Minority Report&quot; and then some.
WriteOnIt - Fake pictures
http://www.writeonit.org/
WriteOnIt - Fake pictures - http://www.writeonit.org/
Welcome on WriteOnIt. Here you can easily create your fake pictures, captions and fake magazines and other funny jokes for you and your friends.
create fake pictures, captions and fake magazines and other funny jokes for you and your friends.
Fake pictures
40 Useful Adobe Illustrator 3D Tutorials and Techniques
http://sixrevisions.com/tutorials/40-useful-adobe-illustrator-3d-tutorials-and-techniques/
40 Useful Adobe Illustrator 3D Tutorials and Techniques - http://sixrevisions.com/tutorials/40-useful-adobe-illustrator-3d-tutorials-and-techniques/
How to be a program manager - Joel on Software
http://www.joelonsoftware.com/items/2009/03/09.html
The number one mistake most companies make is having the manager of the programmers writing the specs and designing the product. This is a mistake because the design does not get a fair trial, and is not born out of conflict and debate, so it’s not as good as it could be.
All the jQuery resources you’ll ever need | Hein Maas - Freelance Graphic/Web Designer
http://www.heinmaas.com/2009/03/all-the-jquery-resources-youll-ever-need/
Hi, today i will show a monster collection of jQuery resources you’ll ever need to create that amazing site for one of your clients or for one of your personal projects.
All the jQuery resources you’ll ever need | Hein Maas - Freelance Graphic/Web Designer - http://www.heinmaas.com/2009/03/all-the-jquery-resources-youll-ever-need/
Great resource for awesome jquery sliders
Bre Pettis | I Make Things - Bre Pettis Blog - The Cult of Done Manifesto
http://www.brepettis.com/blog/2009/3/3/the-cult-of-done-manifesto.html
The Cult of Done Manifesto 1. There are three states of being. Not knowing, action and completion. 2. Accept that everything is a draft. It helps to get it done. 3. There is no editing stage. 4. Pretending you know what you're doing is almost the same as knowing what you are doing, so just accept that you know what you're doing even if you don't and do it. 5. Banish procrastination. If you wait more than a week to get an idea done, abandon it. 6. The point of being done is not to finish but to get other things done. 7. Once you're done you can throw it away. 8. Laugh at perfection. It's boring and keeps you from being done. 9. People without dirty hands are wrong. Doing something makes you right. 10. Failure counts as done. So do mistakes. 11. Destruction is a variant of done. 12. If you have an idea and publish it on the internet, that counts as a ghost of done. 13. Done is the engine of more.
ts as done. So do mistakes.
Hi
10 Things To Consider When Choosing The Perfect CMS | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/03/05/10-things-to-consider-when-choosing-the-perfect-cms/
A brief, but well written overview of things to consider when selecting a CMS.
Choosing a content management system can be tricky. Without a clearly defined set of requirements, you will be seduced by fancy functionality that you will never use. What then should you look for in a CMS?
60+ Most Beautiful and Creative Business Cards Design | Naldz Graphics
http://naldzgraphics.net/inspiration/60-most-beautiful-and-creative-business-cards-design/
Business Card is a card printed or engraved with a person's name and business affiliation. Normally attach on it could be information such like title, address, telephone number and even logo of a company or private. Using Business card is useful in a way to promote yourself on other people. Are you planning to make your own business card but don't have any idea or some inspirations to start? Here's a showcase of 60+ Most Beautiful and Creative Business Cards Designs to enhance more your creativity and get inspired.
http://naldzgraphics.net/inspiration/60-most-beautiful-and-creative-business-cards-design/ cards cardscardscards naldzgraphics.net cards cardscardscards naldzgraphics.net businesscards businesscard graphics art identity
60+ Most Beautiful and Creative Business Cards Design
Top 100 Best, Cool, Most Popular Professional Fonts (In English)
http://justcreativedesign.com/2009/03/04/the-top-100-best-fonts-of-all-time/
ranked by their objective and various other weighted measurements: FontShop sales figures, historical value/meaning, aesthetic qualities.
Fantastic Typography Blogs For Your Inspiration | Fonts | Smashing Magazine
http://www.smashingmagazine.com/2009/03/12/fantastic-typography-blogs-for-your-inspiration/
"Some say that web design without typography is like an orange without its peel, it just isn’t complete."
By Joel Reyes Some say that web design without typography is like an orange without its peel, it just isn’t complete. Typography encompasses the reality of effective web design and achieves success in creating web
List of typography blogs.
World Builder on Vimeo
http://vimeo.com/3365942
nice short film, holographic thingy
Easy Display Switch with CSS and jQuery
http://designm.ag/tutorials/jquery-display-switch/
Design Resource | 25 Best Sites to Download Free Vector Files
http://dzineblog.com/2009/03/design-resource-25-best-sites-to-download-free-vector-files.html
Having the right images can help make your design. Check out this resource of FREE vector files.
As a designer its always handy to have a collection of pre-made vector objects to use in your designs, but finding a best/perfect piece of vector is not an easy task, even though there are quite a few resources around the web, some of the websites are best and others are not worth checking, here I’ve collected best 25 websites of them where you can download free vector files, all these sits are worth bookmarking, hope you like this list..
Operating System Interface Design Between 1981-2009 | Webdesigner Depot
http://www.webdesignerdepot.com/2009/03/operating-system-interface-design-between-1981-2009/
Webdesignerdepot.com is actually great. This is a sick article. Bravo.
Rassegna di tutte le interfacce utente da l 1973 al 2009. In pratica, la storia dell'informatica!
A Graphical User Interface (GUI for short) allows users to interact with the computer hardware in a user friendly way. Over the years a range of GUI's have
Image-free CSS Tooltip Pointers - A Use for Polygonal CSS? | Filament Group, Inc.
http://www.filamentgroup.com/lab/image_free_css_tooltip_pointers_a_use_for_polygonal_css/
At Filament Group, we build elegant communications and interactions that help people understand, work, and collaborate effectively across a variety of media - from web sites to wireless, to interactive exhibits and print.
Scanwiches
http://scanwiches.com/
The best idea involving scanners and sandwhiches
40 Beautiful Examples of Vintage and Retro in Web Design
http://sixrevisions.com/web_design/40-beautiful-examples-of-vintage-and-retro-in-web-design/
loads of alternative, websites with great visual impact
For your inspiration, here are 40 beautifully-designed websites that revert back in time to retro and vintage styles.
These, are just stunning. MUST SEE - INSPIRATIONAL
Dave Woods - Freelance Web Designer UK » 10 CSS Tips Every Web Developer Should Know
http://www.dave-woods.co.uk/index.php/10-css-tips-every-web-developer-should-know/
’ve written a fair few articles over the past year and thought it might be useful for any new subscribers and visitors to see a summary of the most useful ones
URBAN CAMOUFLAGE
http://www.urbancamouflage.de/
save
urban camouflage
Hiding in plain sight in ikea
folks who try to hide their identity and humanity within an urban context. fabulous.
for invading spaces for guillermo
This might be the best thing ever.
dan tag ik 'm ook maar hé. URBAN CAMOUFLAGE
Da Button Factory - Create shiny buttons online, quickly!
http://dabuttonfactory.com/
fazer botao online
Slideshows In Web Design: When And How To Use Them | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/03/09/slideshows-in-web-design-when-and-how-to-use-them/
SitePoint » A Collection of 30+ Free Stock Photo Sites
http://www.sitepoint.com/blogs/2009/03/05/a-collection-of-30-free-stock-photo-sites/
As a designer, you probably have your favorite go-to sites for free stock photography. But it’s inevitable that you will exhaust the supply on your favorite site or just need a few fresh images at some point. Here is a collection of more than 30 free stock photo sites to add to your list.
Complete Beginner’s Guide to Information Architecture | UX Booth
http://www.uxbooth.com/blog/complete-beginners-guide-to-information-architecture/
Information architecture is an often misunderstood job title. Are they Designers? Developers? Managers? All of the above? In this article we’ll discuss what information architecture is, why it’s related to usability, and what are the common tools/programs used in information architecture. Along the way we’ll share some of the tweeters, books, and resources we found useful for budding information architects. Even if you’re familiar with the discipline already, you can probably pick up something you’ve missed.
toolkit audit IA
Information architecture is an often misunderstood job title. Are they Designers? Developers? Managers? All of the above? In this article we’ll discuss what information architecture is, why it’s related to usability, and what are the common tools/programs used in information architecture.
75+ Excellent Free Fonts For Professional Design | Fonts | Design
http://www.tripwiremagazine.com/Design/Fonts/75-free-fonts-for-professional-design.html
28 Adobe AIR Apps for Designers and Developers - Need Some AIR? : Speckyboy Design Magazine
http://speckyboy.com/2009/03/05/28-adobe-air-apps-for-designers-and-developers-need-some-air/
28 Adobe AIR Apps for Designers and Developers
A List Apart: Articles: The Elements of Social Architecture
http://alistapart.com/articles/theelementsofsocialarchitecture
In an information space, a human’s needs are simple and his behavior straightforward. Find. Read. Save. But once you get a bunch of humans together, communicating and collaborating, you can observe both the madness and the wisdom of crowds.
site with thousands or millions of people, how do you make sure you can keep track of the people you care about? Resolution: Create ways for people to identify, connect, and organize the people they care about, as well as the information those people produce. The complexity of relationship classification depends on how your customers will use your website.
Artículo de ALA exponiendo algunos patrones de interacción social de redes
27 Visualizations and Infographics to Understand the Financial Crisis | FlowingData
http://flowingdata.com/2009/03/13/27-visualizations-and-infographics-to-understand-the-financial-crisis/
to understand the financial world crisis
5 Simple Ways to Improve Web Typography | Webdesigner Depot
http://www.webdesignerdepot.com/2009/03/5-simple-ways-to-improve-web-typography/
Type is one of the most-used elements of the web. Think about it. Unless you are YouTube or Flickr, chances are your site visitors are coming for your text content - not the fancy packaging that surrounds it. So why are web designers still treating text like a secondary element? Good typography brings order to the page and increases legibility. It allows people to process information faster.
Consejos sobre cómo utilizar la tipografía y el diseño en el diseño de páginas web
Periodic Table of Typefaces on the Behance Network
http://www.behance.net/Gallery/Periodic-Table-of-Typefaces/193759
How To Develop A Facebook Page That Attracts Millions of Fans
http://www.allfacebook.com/2009/03/facebook-page-strategy/
Over the past few years Facebook has witnessed a dramatic rise in new user adoption and with that rise has come the opportunity for brands to interact directly with exis ...
There are numerous ways for brands to leverage Facebook but the overall branded experience is becoming increasingly integrated into a single offering as the new Pages product highlights. So what are the primary benefits and changes for the new branded pages?
20 Beautiful Vintage Photoshop Brush Sets
http://sixrevisions.com/resources/20-beautiful-vintage-photoshop-brush-sets/
I usually don't like "public brush packs" as this shit will get over-used and played, but these are pretty nice.
1. Darger-esque (23 brushes) Darger-esque - preview. 2. 1920s ladies by 500ml brushes (7 brushes) 1920s ladies - preview. 3. Vintage Hands (15 brushes) Vintage Hands - preview. 4. Vintage Models (11 brushes) Vintage Models - preview. 5. Retr0 Brushes (30 brushes) Retr0 Brushes - preview. 6. Old Maps (11 brushes) Old Maps - preview. 7. Newspaper ads from the 60s (12 brushes) Newspaper ads from the 60 - preview. 8. 1940 Cosmopolitan brushes (48 brushes) 1940 Cosmopolitan brushes - preview. 9. Vintage Movie Posters (16 brushes) Vintage Movie Posters - preview. 10. Vintage brushes (12 brushes) Vintage brushes - preview. 11. Vintage Birds (20 brushes) Vintage Birds - preview. 12. Vintage polaroid brushes (14 brushes) Vintage polaroid brushes - preview. 13. Vintage grunge brushes (17 brushes) Vintage grunge brushes - preview. 14. Alice in Wonderland brushes (20 brushes) Alice in Wonderland brushes - preview. 15. Old Newspaper (16 brushes) Old Newspaper - preview. 16. Old Paper Brushes (7 bru
20 Beautiful Vintage Photoshop Brush Sets
How To Learn Photoshop In 24 Hrs | Design Reviver
http://designreviver.com/tutorials/how-to-learn-photoshop-in-24-hrs/
Tutorials on using Photoshop
43 Creative Examples Of High Quality Free Icon Sets - Opensource, Free and Useful Online Resources for Designers and Developers
http://www.smashingapps.com/2009/03/08/43-creative-examples-of-high-quality-free-icon-sets.html
43 Creative Examples Of High Quality Free Icon Sets - Opensource, Free and Useful Online Resources for Designers and Developers
Icones Free
You may be interested in our latest article 43 Creative Examples Of High Quality Free Icon Sets This is the post dedicated to the creative examples of high quality free icon sets. In this post, we will give you an idea in one place to see an incredible collection of icon sets to get viewers attention. We are listing 43 Creative Examples Of High Quality Free Icon Sets. It will help you to boost up your creative men who are willing to create the new icon set or specially willing to have his new icon design for the client or himself. The usage of color scheme, illustration and look and feel of all of these icons are really cool and impressive. These icons are also available to use anywhere you want but we suggest that don’t forget to read the license detail before using anyone below. This list is not long in numbers, but I promise you that when you start watching them it will must inspire you as amazingly designed icons.
Novo Dango Icon Set FTW!!! ^^ Ahahahaha (Clannad fans rejoice!)
8 awesome JQuery tips and tricks
http://www.catswhocode.com/blog/8-awesome-jquery-tips-and-tricks
like JQuery? This fast and easy to use Javascript framework became very popular in 2008. In the following article, I have compiled a list of 8 absolutely useful JQuery hacks, tips and tricks.
6 Totally Essential Photoshop Skills Even Your Mom Should Know | Maximum PC
http://www.maximumpc.com/article/features/essential_photoshop_skills
Cómo crear una acción para redimensionar imágenes en lote, corrección de los colores, selección de una figura, eliminación de brillos, restauración de imágenes dañadas, clonación de elementos y texto sobre un camino
57 Wallpapers You Must See | Presidia Creative
http://www.presidiacreative.com/57-wallpapers-you-must-see/
arc90 lab : experiments : Readability
http://lab.arc90.com/2009/03/readability.php
Reading anything on the Internet has become a full-on nightmare. As media outlets attempt to eke out as much advertising revenue as possible, we're left trying to put blinders on to mask away all the insanity that surrounds the content we're trying to read. It's almost like listening to talk radio, except the commercials play during the program in the background. It's a pretty awful experience. Our friend to date has been the trusty "Print View" button. Click it and all the junk goes away. I click it all the time and rarely print. It's really become the "Peace & Quiet" button for many.
A bookmarklet for stripping unnecessary fluff from web pages, and style the text as you want it.
An app that clears away all the clutter, leaving just the content.
Showcase of Beautiful Fashion Websites | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/03/12/showcase-of-beautiful-fashion-websites/
go over with SIna
Fashion Website Design Sample
In this article we’ll take a look at the websites of leading fashion companies, as well as some fashion news sites, and see when fashion, style and web design come together.
Flickr Clock
http://flickr.com/explore/clock
Flickr is almost certainly the best online photo management and sharing application in the world. Show off your favorite photos and videos to the world, securely and privately show content to your friends and family, or blog the photos and videos you take with a cameraphone.
Flickr Clock
An experimental Flickr timeline showing recent videos.
20 Beautiful Video Motion Pieces | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/03/07/20-beautiful-video-motion-pieces/
50+ Freebies Every Web Designer/Developer should have | Desizn Tech
http://desizntech.info/2009/03/50-freebies-you-should-have/
Splashy Icons - free icons for prototyping
http://splashyfish.com/icons/
Hi there, just wanted to share this icon library I've been toying with — it's both free and dolphin safe.
17 creative websites to bookmark (unless you are dumb)! - BOOOOOOOM! - CREATE * INSPIRE * COMMUNITY * ART * DESIGN * MUSIC * FILM * PHOTO * PROJECTS
http://www.booooooom.com/2009/03/06/17-creative-websites-to-bookmark-unless-you-are-dumb/
At the risk of having you never come back to this site, I have compiled a list of 17 other sites to feed your creative appetite. Dozens more could have been
Probably the best of "list of" list I've seen a very long time.
28 Must Read Articles For Growing Your Freelance Design Business | The Design Cubicle
http://www.thedesigncubicle.com/2009/03/28-must-read-articles-for-growing-your-freelance-design-business/
Twitter Background Design How-To and Best Practices | Blog.SpoonGraphics
http://www.blog.spoongraphics.co.uk/tutorials/twitter-background-design-how-to-and-best-practices
Nice article but why dont I see @cheth here?!
Toxel.com » Photo Manipulations by Erik Johansson
http://www.toxel.com/inspiration/2009/03/13/photo-manipulations-by-erik-johansson/
Erik Johansson, a young talented artist from Sweden, creates remarkable images by digitally modifying photographs that he took himself.
11 Excellent Solutions for Creating Tooltips | Web Design Ledger
http://webdesignledger.com/resources/11-excellent-solutions-for-creating-tooltips
Tooltips in web design are becoming more and more commonplace. Even though I don’t think they are appropriate for every type of site, they can be a very useful addition when implemented correctly. If you are planning on using tooltips in your next project, the hardest part may be choosing the right solution. Here are 11 excellent methos for creating tooltips using various solutions such as jQuery, MooTools, and CSS only.
Tooltips in web design are becoming more and more commonplace. Even though I don't think they are appropriate for every type of site, they can be a very useful
11 ทูลทิป แจ่มๆ น่าใช้
Web Design Ledger
50 Mac Desktops for Maximum Visual Goodness « AppStorm
http://mac.appstorm.net/roundups/graphics-roundups/50-mac-desktops-for-maximum-visual-goodness/
Like the title suggests, this is a sweet set of desktops.
Fluid Grid System
http://fluid.newgoldleaf.com/
Nice site for structuring xhtml with css for some dynamic organized layouts
22 Extremely Detailed and Beautiful Icon Sets | Web Design Ledger
http://webdesignledger.com/freebies/22-extremely-detailed-and-beautiful-icon-sets
Icons come in many different sizes and styles. Some are flat and solid colors, while others can be very detailed. Icons in web design are often used to enhance
Detailed and Beautiful Icon Sets
20 Useful CSS Tips For Beginners | How-To
http://www.hongkiat.com/blog/20-useful-css-tips-for-beginners/
Tips For Beginners
refresher tips on css
100 Great Resources for Design Inspiration
http://mashable.com/2009/03/16/design-inspiration/
25+ 3D Studio Max Best of Tutorials & Resources | Noupe
http://www.noupe.com/tutorial/25-3d-studio-max-best-of-tutorials-resources.html
Creating 3D visualization rendering autodesk 3ds Max software, brings not only the look and feel for the image, but also helps to visualize the design in
GREAT 3D Resources!!
Noupe is a design weblog created to inspire creativity by sharing innovative resources and websites to bloggers, freelancers and web designers.
60 Layout design tutorials | AREA 1
http://www.area1.info/2009/03/12/60-best-layout-design-tutorials/
Layout Tutorials 4 teh interwebs ^^
60 Layout design tutorials Posted by sedFEIS on March 12, 2009 Category: Adobe Photoshop, Tutorials / Tags: adobe, design, layout, photoshop, tutorial 60 Layout design tutorials In this post I gathered 60 layout design tutorials, from which you can learn how to make your own website design. This post together with 43 PSD to XHTML, CSS Tutorials Creating Web Layouts And Navigation could teach you how to make your own website. Just click on the title to go to Design Lab TV Styled Layout Design Lab TV Styled Layout GreenPress WordPress Theme Design Colorful Funky Web Layout Tutorial などなど。
2500+ Free Icons - NETTUTS
http://net.tutsplus.com/freebies/icons-freebies/2500-free-icons/
2500+ Free Icons - NETTUTS
Image Rollover Borders That Do Not Change Layout
http://css-tricks.com/image-rollover-borders-that-do-not-change-layout/
Image Rollover Borders That Do Not Change Layout - http://css-tricks.com/image-rollover-borders-that-do-not-change-layout/
css
ロールオーバーする際にずれてしまう問題と解決方法
Grid Based Design Toolbox | Fuel Your Creativity
http://www.fuelyourcreativity.com/grid-based-design-toolbox/
Grid Based Design Toolbox | Fuel Your Creativity
Grid Based Design Toolbox | Fuel Your Creativity - http://www.fuelyourcreativity.com/grid-based-design-toolbox/
Recursos para diseño web con grids
Quick Usability Checklist | UX Booth
http://www.uxbooth.com/blog/quick-usability-checklist/
Simple but useful checklist for websites. Certainly not a comprehensive list, but a good starting point.
40 Web Design Artists And 102 Websites Worth Watching | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/inspiration/40-web-design-artists-and-102-websites-worth-watching/
portfolio examples
50 Monochromatic Website Designs | Webdesigner Depot
http://www.webdesignerdepot.com/2009/03/50-monochromatic-website-designs/
8 CSS tips for better linking | Design daily news
http://www.designer-daily.com/8-css-tips-for-better-linking-1424
8 CSS tips for better linking
It may sound stupid to say that, but the ability to link is one of the best features of the web. It is then really important to make your links display as
It may sound stupid to say that, but the ability to link is one of the best features of the web. It is then really important to make your links display as convenient for use as possible. In the following collection you’ll find some tips to make your links better looking and more usable.
250+ Stains Brushes for Photoshop
http://designm.ag/resources/photoshop-stains-brushes/
250+ Stains Brushes for Photoshop
photoshop brushes
20 different quality stain brush packs for photoshop
great brushes
IKEA | Download planner
http://www.ikea.com/ms/en_US/rooms_ideas/splashplanners.html
3-D of your bedroom, office, kitchen
This is a cool tool to spaceplan/lay out the interior of your home or building. Really really cool stuff.
Make your dream room a reality
43 Incredibly Useful Collection of Tutorials, Resources, Inspirations etc To Discover The Best Of The Web In February - Opensource, Free and Useful Online Resources for Designers and Developers
http://www.smashingapps.com/2009/03/02/43-incredibly-useful-collection-of-tutorials-resources-insipirations-etc-to-discover-the-best-of-the-web-in-february.html
43 Incredibly Useful Collection of Tutorials, Resources, Inspirations etc To Discover The Bes
20 Beautiful Photoshop Montage Tutorials | Webdesigner Depot
http://www.webdesignerdepot.com/2009/03/20-beautiful-photoshop-montage-tutorials/
alltelleringet.com
http://www.alltelleringet.com/
alltelleringet.com
22 Photoshop Videos To Turn You Into An Expert | Creative Nerds
http://creativenerds.co.uk/tutorials/22-photoshop-videos-to-turn-you-into-an-expert/
フォトショップチュートリアルビデオ
Breadcrumbs In Web Design: Examples And Best Practices | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/03/17/breadcrumbs-in-web-design-examples-and-best-practices-2/
Using breadcrumb trails is a fairly straightforward affair, and there are only a few guidelines to consider before deciding to implement them on a website. Let’s take a look at some common mistakes to avoid.
By Jacob Gube On websites that have a lot of pages, breadcrumb navigation can greatly enhance the way users find their way around. In terms of usability, breadcrumbs reduce the number of actions a website
10 Blog Designs with Innovative Layouts | Web Design Ledger
http://webdesignledger.com/inspiration/10-blog-designs-with-innovative-layouts
It seems that the majority of blogs all follow a standard layout: a long list of posts on the left and a sidebar on the right containing such things as recent
10 Blog Designs with Innovative Layouts
Creative Blog designs
Ciekawy design
Blog Design
20 High-Resolution Denim Textures
http://sixrevisions.com/freebies/textures/20-high-resolution-denim-textures/
10 Things They Don’t Teach You In Design School | Design Reviver
http://designreviver.com/tips/10-things-they-dont-teach-you-in-design-school/
I had a great time in design school, I was constantly learning and surrounded by lots of like minded people. However, after five years of freelancing as a graphic designer, I’ve learned many new things. The following list is the top ten things that I had to learn the hard way.
Insightful article about preparing for a career in design
101 High Quality CSS And XHTML Free Templates And Layouts: Part 1 | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/resources/101-high-quality-css-and-xhtml-free-templates-and-layouts-part-1-2/
click bored - Interactive DHTML demos
http://www.dhteumeuleu.com/dhtml/fractal-F.html
This shit is trippy.
10 Principles For Readable Web Typography | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/03/18/10-principles-for-readable-web-typography
In this post, we’ll explain some Web typography terms and how they play into readability; we’ll present numerous tips to help improve the readability of your content; and we’ll showcase very readable websites, layouts and articles.
50 Great Photoshop Tutorials for Clever Beginners - PSDTUTS
http://psd.tutsplus.com/articles/web/50-great-photoshop-tutorials-for-clever-beginners/
Great photoshop tutorials simple but effective
Chrome Experiments - Home
http://www.chromeexperiments.com/
We think JavaScript is awesome. We also think browsers are awesome. Indeed, when we talk about them, we say they are the cat's meow – which is an American expression meaning AWESOME. In light of these deeply held beliefs, we created this site to showcase cool experiments for both JavaScript and web browsers. These experiments were created by designers and programmers from around the world. Their work is making the web faster, more fun, and more open – the same spirit in which we built Google Chrome. Naturally, if you've made something fun and fast with JavaScript, please send it in. We can't post everything, but we'd love to see it. Thanks for visiting, and happy experimenting.
Google/Google Chrome推奨、canvas、ショーケース/ゲーム/投稿/デモ、物理演算/3D
JSでゴニョゴニョ。
javascriptでいろいろできる例
400+ Creative Business Card Design Inspiration
http://logodesignerblog.com/creative-business-cards-design-inspiration
Business Card Inspiration
Business Card Design Inspiration
10 Challenging but Awesome Flash Techniques - Nettuts+
http://net.tutsplus.com/articles/web-roundups/10-challenging-but-awesome-flash-techniques/
smarmy
tecnicas para usar flash con bases de datos, galerias de imagenes, sonidos......
Always Innovating: Introducing the Touch Book
http://www.alwaysinnovating.com/touchbook/
"Until now, all netbooks were engineered the same way: Power-hungry Intel Atom, ugly case, and outdated 90's OS. Our goal: To achieve a breakthrough in both architecture and design. The result: a revolutionary device that works as both a netbook and a standalone tablet thanks to a detachable keyboard and a 3D touchscreen user interface."
jQuery lightbox clone - prettyPhoto - by Stephane Caron
http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/
jQuery lightbox clone - prettyPhoto
角丸lightbox的ポップアップ
Here's my jQuery lightbox clone, I did it because those available are either not close enough to the real lightbox (lacking animations, not supporting galleries, etc ,etc) or were just not suiting my need. If you have any comment or ways to improve it, just leave me a comment! Bellow you can see a demo of a gallery and single image.
The Sound Advice Project
http://www.thesoundadviceproject.com/
Ei side hvor du kan spille inn et lydsignal, og få omgjort bølgeforma fra lydsignalet til et armbånd. En fin gave fra noen som er opptatt av lyd!
Sound waves are converted into wearable bracelets
The Sound Advice Project. Don't just talk to your kids about drugs. Make sure your words stay with them.
The Sound Advice Project
Nice web2 Business
i am Photoshop
http://iamphotoshop.com/
Really great photoshop resource!
ทุกสิ่งอย่างเกี่ยวกับ photoshop
Bring Down IE 6: a campaign by .net magazine
http://www.bringdownie6.com/index.html
^^ this
Bring Down IE 6
a campaign by .net magazine
WOOHOOOOOO
CSS Codes : CSS Code Snippets for Web Designers & Developers : Web Design Resources Blog & Graphics Blog with Lists of Web Site Design Tools
http://www.allwebdesignresources.com/webdesignblogs/graphics/css-codes-css-code-snippets-for-web-designers-developers/
» CSS Codes : CSS Code Snippets for Web Designers & Developers. Web design blog with graphics and web design resources, lists of graphic design tools, utilities, and other web site design resources, including Web Design and Development articles and creative resources and links to great web design resources on topics.
TWEEEEET Design
http://www.tweeeeet.com/
TWEEEEET Design web page
Site setup to display influential designers' tweets. Neato.
40+ High Quality Adobe Fireworks Tutorials, Resources & PNG files | Noupe
http://www.noupe.com/adobe/40-high-quality-adobe-fireworks-tutorials-and-resources.html
12 Points to Include in Your Design Contract - FreelanceSwitch - The Freelance Blog
http://freelanceswitch.com/clients/what-should-be-included-in-a-design-contract/
Excellent info about freelance contracts
Briechenstein's Popular Bookmark 12 Points to Include in my Design Contract-FreelanceSwitch-The Freelance Blogs
TRIANGLE TRIANGLE
http://triangletriangle.com/
I’m sorry but Dreamweaver is dying | PC Pro blog
http://www.pcpro.co.uk/blogs/2009/03/05/dreamweaver-is-dying/
Is till hold a torch for DreamWeaver but it's been dead since CSS went mainstream and it's WYSIWYG mode couldn't keep up.
Dreamweaver is dying, well it cant live forever.. although i loved it for putting together a quick page, but it just doesnt cut it when i need more advanced stuff.. it just starts coming in the way.. I am Linux since last couple of months anyway.. No dreamweaver here! I have better tools though.. I can write / improve more of those too ;]
125+ Ultimate Round-Up of Illustrator Tutorials | Showcases | instantShift
http://www.instantshift.com/2009/03/19/125-ultimate-round-up-of-illustrator-tutorials/
When it comes to web and graphic design, Adobe Illustrator is usually the primary option to consider. However, the software package itself is a quite hard to , instantShift.com is the light chronicle moments of knowledge, created as world moving forward.
Site com exemplos e videos para WebDesign
110+ Awesome Resources for Popular Adobe Products | Spoonfed Design
http://www.spoonfeddesign.com/110-awesome-resources-for-popular-adobe-products
PICTURE TO ASCII CONVERT - PICASCII
http://picascii.com/
將圖片轉成用 ASCII codes 排列出來的圖檔,不過 PICASCII 除了傳統的黑白圖片外,還可以轉成彩色的 ASCII codes 圖檔,而且效果更加細緻,此外它還提供 HTML code 讓使用者可以直接貼到網站上,相當不錯喔。
trasforma una immagine in codice ascii sia a colori che B/N
generuje kod ASCII na podstawie zdjęcia :>>>
Wonderful Wine Cellars For Any Room in Your House | dornob
http://dornob.com/wonderful-wine-cellars-for-any-room-in-your-house/
Wonderful Wine Cellars For Any Room in Your House | http://dornob.com/wonderful-wine-cellars-for-any-room-in-your-house/ wine cellar winecellar winewine
distinctive designs
8 Tips to Design a Charity Website | Webdesigner Depot
http://www.webdesignerdepot.com/2009/03/8-tips-to-design-a-charity-website/
And 20 examples of nicely designed charity websites
So how does a charity get the most out of its website? It needs to let users find out information about the charity, but the main objective of the site is to get people involved with the charity, usually resulting in the user donating money. In this article, we look at 8 principles that you should follow when creating a charity website.
Nothing - Commercial Creativity
http://www.nothingamsterdam.com/
cardboard office
nice website, great illustration of Fiodor Sumkin
WPInspiration | Showcasing the Best WordPress Sites on the Internet
http://wpinspiration.com/
Best wordpress setups
Showcasing the Best WordPress Sites on the Internet
Very inspirational place to find Wordpress Sites
50 Free Fabric Textures
http://designm.ag/resources/50-fabric-textures/
Fabric Textures
Get Wireframing: The All-In-One Guide | Hi, I'm Grace Smith
http://www.gracesmith.co.uk/get-wireframing-the-all-in-one-guide/
Wireframing is a great tool to incorporate into your projects as it allows for rapid prototyping and helps to pinpoint any potential problems. I personally find it invaluable on projects to have a visual representation of content, hierarchy and layout. Overall it’s an excellent step to incorporate into your project before the design process begins for both you and your clients.
Browser Ball
http://experiments.instrum3nt.com/markmahoney/ball/
Browser Ball attempts, with only moderate success, to allow the configuration of a seemingly endless array of continuous spaces using multiple overlapping browser windows. Within this multivariate space, users are invited to toss a beach ball both hither and yon. If this sounds like a ridiculous use of everyone's time, that's only because it is.
Exploring Cufón, a sIFR alternative for font embedding ~ Authentic Boredom
http://cameronmoll.com/archives/2009/03/cufon_font_embedding/
Une alternative à sIFR à explorer. Plus simple à installer et à configurer mais quelques désavantages par rapport à sIFR (pas de sélection du texte, pas de style sur a:hover, etc.)
35+ very Useful And Powerful CSS techniques | CSS Techniques | Tools
http://www.tripwiremagazine.com/Tools/CSS-Techniques/35-very-useful-and-powerful-css-techniques.html
In this article tripwire magazine provides a list of very useful CSS Techniques that you can use freely to make your website or blog more dynamic and inprove its Look & Feel. The article will also give you an introduction to CSS and why it should be used instead of table-based layouts.
20 Useful Typography Tools
http://sixrevisions.com/graphics-design/20-useful-typography-tools/
type tools
40 Excellent Logos Created with Helvetica | Webdesigner Depot
http://www.webdesignerdepot.com/2009/03/40-excellent-logos-created-with-helvetica/
Amazing logos created with the famous Helvetica font
"It’s over fifty years old, it’s the most widely used font ever, and it has recently become the subject of its own movie. We’re talking about the world’s most recognizable font: Helvetica."
40 Excelentes losgos creados con Helvetica
71+ Free PSD Resources | Presidia Creative
http://www.presidiacreative.com/71-free-psd-resources/
A good resource to have for all of you Photoshop aficionados out there. Take a gander and let me know what yout think. Enjoy!
Modelos de psd, referencias
71 psd
Top Five Web Design Tools
http://sixrevisions.com/tools/top-five-web-design-tools/
Good Call-To-Action Buttons | UX Booth
http://www.uxbooth.com/blog/good-call-to-action-buttons/
Good Call-To-Action Buttons
When designing call to actions on a website (one of the important factors that determine your website's conversion rate) what are the strategic considerations you should keep in mind.
45+ Incredible Maya Tutorials Around | Tutorials | instantShift
http://www.instantshift.com/2009/03/06/45-incredible-maya-tutorials-around/
GOOD Transparency - Walk This Way
http://awesome.goodmagazine.com/transparency/web/trans0309walkthisway.html
Visualized on GOOD Mag (via Karl Long)
Official Google Blog: Make sense of your site: tips for webpage design
http://googleblog.blogspot.com/2009/03/make-sense-of-your-site-tips-for.html
25 Nature-Inspired Website Designs | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/nature-inspired-website-designs/
Nature Design
Fantastic designs here including one or two australia based ones. Special mention goes to the site with the interactive water, sift through until you find it, you'll be pleasantly surprised. The exploding earth coal site is equally brilliant.
Goodbye Google | stopdesign
http://stopdesign.com/archive/2009/03/20/goodbye-google.html
siteInspire | a showcase of inspiring web design
http://siteinspire.net/
draxc0la design
cool sites
design inspiration - submit here
SoulPancake | Just Remember This Word: Muto
http://www.soulpancake.com/view_post/210246/just-remember-this-word-muto.html
Guernica
30+ Twitter Icons für Websites
http://www.drweb.de/magazin/20-twitter-icons-websites/
Ícones e imagens gratuitos do Twitter.
plein d'icones twitter dont une rétro du style que je veux pour mon site
Wer noch keinen Vogel hat, lädt sich halt einen runter. Neben unaufgeregten Standards, die ich weggelassen habe, hat man die Wahl zwischen Knöpfen, Icons und
35 Black Web Designs That Show Us That Once You Go Black, You Never Go Back | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/web-design-black-layouts-part-2
black layouts
ImpulseAdventure - JPEG snoop - JPEG Dump Decoding Utility
http://impulseadventure.com/photo/jpeg-snoop.html
JPEGsnoop is a free Windows application that examines and decodes the inner details of JPEG and MotionJPEG AVI files. It can also be used to analyze the source of an image to test its authenticity.
Hugs For Monsters :: The Work of Visual Artist Joe Lifrieri
http://blog.hugsformonsters.com/post/87657240/overly-judgemental-ie6-splash-pages
"While working on this site, I made jokes to Mike Yuan about having really confrontational splash pages for anybody that visited the site using IE6. I swear, I’m not this much of a dick to my users, but as a former PC user/Xbox owner, I have enough pent up MS-Hate to fill a fucking water tower. Just remember it’s completely a joke, I don’t care what browser you use as long as you don’t expect me to support it. Thanks for stopping by, hope you laughed."
50+ Cute and Adorable Monster Characters Illustration | Naldz Graphics
http://naldzgraphics.net/inspiration/50-cute-and-adorable-monster-characters-illustration/
On the last post I just compile a showcase of 60+ Most Beautiful and Creative Business Cards Design for inspirations. As we are focusing more and more inspirations for everyone this month. For our next list of inspiration,it is a collection of a cool monster characters illustration made by some of talented people on the web. Here is a Showcase of 50+ Cute and Adorable Monster Characters Illustration to enhance your imagination and for more inspirations.
10 Galleries of Creative Logos | Build Internet!
http://buildinternet.com/2009/03/10-galleries-of-creative-logos/
Web Design, Development, and Business
40+ Most Inspiring 3D Text Typography Designs | Naldz Graphics
http://naldzgraphics.net/inspiration/40-most-inspiring-3d-text-typography-designs/
3d text illustration
プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらお−よっちゃんイカを食べながら年収1億円稼げる(かも知れない)仕事術
http://d.hatena.ne.jp/yaneurao/20090318#p1
20 Sites That Brought CSS into the Mainstream [Design Practice]
http://www.sitepoint.com/article/twenty-sites-that-elevated-css/
45+ Best Icon Design Tutorials | Dzine Blog
http://dzineblog.com/2009/03/45-best-icon-design-tutorials.html
Recently icons are used widely in web and interface designs, icons convey the message in simple and effective manner,As a designer its always good to know how to design a icon on your own, there are plenty of icon tutorials out there, here i have filtered and listed 50 of the best icon design tutorials, hope you like this list of tutorials
Remote Linking
http://css-tricks.com/remote-linking/
Mindzilla :: Icon Grabber
http://www.mindzilla.com/grabber.php
Descarga el favicon de la página que uno especifica
Instructions: Enter a URI and select an image format. The URI can be a domain name or the URI of a specific web page. Press the Grab It! button to get the shortcut icon for that page or site. If the image is displayed in the Grabbed Icon area, save the image. (With our browsers, we can right-click the image and select "Save Picture As..." or "Save Image As...".) If there is a problem grabbing the icon, you will see the "Error!" image in place of the icon. If you have any suggestions, let us know.
http://bitelia.com/2009/03/11/obten-el-favicon-de-cualquier-sitio-en-gif-png-o-jpeg/
7 Useful Tools for Web Development Testing
http://mashable.com/2009/03/21/tools-web-testing/
Before launching any new website, it has to be tested. There are many great tools for web development testing so that users have a problem-free experience.
33 Nicely Designed And Well-Colored But Simple Web Designs - Opensource, Free and Useful Online Resources for Designers and Developers
http://www.smashingapps.com/2009/03/13/33-nicely-designed-and-well-coloured-but-simple-web-designs.html
28 Web Design Tools and Generators For Easy Web Design | Graphic Fetish
http://www.graphicfetish.com/28-fantastic-generators-for-easier-web-designing/
"tag webtool"
The Next Generation in Human Computer Interfaces - Awesome Videos | Singularity Hub
http://singularityhub.com/2009/03/04/the-next-generation-in-human-computer-interfaces-awesome-videos/
thanks roel!
Playboy Archive
http://www.playboyarchive.com/
Playboy Archive
http://playboy.covertocover.com/
Nice silverlight zooming effect!!!
Wow!
Every single issue of Playboy from it's start to 2007.
4 Principles of Good Design for Websites | My Ink Blog
http://www.myinkblog.com/2009/03/21/4-principles-of-good-design-for-websites/
MyInkBlog, March 21, 2009. Unread.
101 More Quality CSS, XHTML Free Templates: Part 2 | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/resources/101-more-quality-css-xhtml-free-templates/
Aviary - Terms
http://aviary.com/terms
How to do T&Cs
The bullet points on the side, which summarize the agreement are a great idea!
My classmate Noah passed along this terms of service agreement. It has two columns: legal English on the left, plain English summary on the right.
Terms of service formatted for maximum readability.
Awesome TOS? I like the summary.
Términos de servicio con una versión resumida legible.
Foodoro - Discover Great Food
http://foodoro.com/
Discover Great Food.
an online marketplace marketplace where people can buy specialty food directly from artisanal foodmakers. Foodoro aims to be an online e-commerce site for artisanal food makers, exposing these vendors to a greater audience of food aficionados than they would get from their own sites or selling solely to specialty food stores.
Facebook’s Response To Twitter
http://www.techcrunch.com/2009/03/04/facebooks-response-to-twitter/
Response To Twitter
Techcrunch article
Design elements and principles - Wikipedia, the free encyclopedia
http://en.wikipedia.org/wiki/Design_principles_and_elements
Página da wikipedia com alguns principios do design.
En kjekk innføring for de som lurer på hva design er og prinsippene bak :-)
70 Excellent Photoshop Resources
http://sixrevisions.com/photoshop/70-excellent-photoshop-resources/
In this massive collection of resources, you'll find all sorts of resources including: tutorial sites, Photoshop Brushes, patterns, Photoshop Actions, showcases/collections, and much more.
Sajter om och plug-ins till photoshop
40+ Beautiful Patterns and Textures for Ornate Backgrounds | Web Design Ledger
http://webdesignledger.com/freebies/40-beautiful-patterns-and-textures-for-ornate-backgrounds
40+ Beautiful Patterns and Textures for Ornate Backgrounds | Web Design Ledger - http://webdesignledger.com/freebies/40-beautiful-patterns-and-textures-for-ornate-backgrounds
Typeface Anatomy and Glossary | FontShop
http://www.fontshop.com/support/glossary.php
Professional Frontend Engineering - NETTUTS
http://net.tutsplus.com/videos/screencasts/professional-frontend-engineering/
Video - seminar on front end engineering. best practices, naming conventions, etc.
30 Useful Web Design Books for 2009 | Webdesigner Depot
http://www.webdesignerdepot.com/2009/03/30-useful-web-design-books-for-2009/
To keep up with the fast-paced web design industry you must seek out self education sources as often as possible, such as books, or you'll be left
30 Photoshop Actions for Touch Ups and Enhancements - Part 2
http://designm.ag/resources/photoshop-actions-for-touch-ups-part-2/
[Ask SM: CSS] Equal Spacing, CSS Font Replacement | CSS | Smashing Magazine
http://www.smashingmagazine.com/2009/03/23/ask-sm-equal-spacing-css-image-replacement-max-side-on-images/
Distributing the horizontal space between elements evenly
Good quick tips in here.
30 Creative Examples of Illustrations in Web Design
http://sixrevisions.com/web_design/30-creative-examples-of-illustrations-in-web-design/
ilustração em websites
Modern Sitemap and Footer
http://www.webdesignerwall.com/trends/modern-sitemap-and-footer/
Another little gem for today. I love this site too. That CSS must have taken forever.
30 Awesome Design Enhancing jQuery Plugins | Line25
http://line25.com/articles/30-awesome-design-enhancing-jquery-plugins
tal cual
Mega Drop-Down Navigation Menus Work Well (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/mega-dropdown-menus.html
Big, two-dimensional drop-down panels group navigation options to eliminate scrolling and use typography, icons, and tooltips to explain the user's choices.
Don't make response time too fast, though: the mouse should remain stationary for 0.5 seconds before you display anything that's hover-dependent, such as a mega drop-down or a tooltip. Violating this guideline will make the screen flicker insufferably when users move the mouse. Only after 0.5 seconds of resting the pointer on a navbar item can you assume that a user actually wants to see its associated drop-down. Thus, the timing should be: 1. Wait 0.5 seconds. 2. If the pointer is still hovering over a navbar item, display its mega drop-down within 0.1 seconds. 3. Keep showing it until the pointer has been outside both the navbar item and the drop-down for 0.5 seconds. Then, remove it in less than 0.1 seconds.
Summary: Big, two-dimensional drop-down panels group navigation options to eliminate scrolling and use typography, icons, and tooltips to explain the user's choices.
Big, 2-dimensional drop-down panels group navigation options to eliminate scrolling and use typography, icons, and tooltips to explain users' choices.
Inkd | The world’s first market for original print design.
http://inkd.com/
Inkd is more than a place to buy great design. It’s a real marketplace that brings together print designers and businesses. Our hope is to build the most important print portal for browsing AND buying. Thousands of professional print designs and brochure templates for download. That’s Inkd.
Buy and sell brochure template designs that include layouts, photos and vector artwork. Get graphic design ideas, download print templates, edit and print custom brochure designs in Adobe InDesign, Illustrator and more.
FWAPhoto - One Photo a Day
http://www.fwaphoto.com/
One Photo a Day
» 16+ Easy CSS Techniques that Simplify the Webdesigner’s Life WebAir Blog
http://www.webair.it/blog/2009/03/23/16-easy-css-techniques-that-simplify-the-webdesigners-life/
16+ Easy CSS Techniques that Simplify the Webdesigner’s Life WebAir Blog
Well done article. And it's a Drupal site, too! Turns out you can do all kinds of cool effects in CSS alone w/o resorting to scripting languages!
Has some neat techniques to make the web site a little more user friendly and interesting
20+ Cheat Sheets Handy For Designers
http://www.webresourcesdepot.com/20-cheat-sheets-handy-for-designers/
20 สูตร shotcut key สำหรับชาวกราฟฟิก
Free Web Resources Everyday - WebResourcesDepot
15+ Free Newsletter Templates
http://www.sendn.com/free-newsletter-templates/
Templates para Nesletter
Pearl Jam Ten Game
http://www.pearljamtengame.com/
This can't be as hard as I'm making it.
Solve the Pearl Jam Ten Game puzzle to preview Pearl Jam music from the Pearl Jam 10 reissue.
2009 ReBrand 100 Global Awards Winners - Branding Strategy - Redesign - Market Repositioning
http://www.rebrand.com/2009-winners-brands
ブランドデザイン刷新アワード「ReBrand」の受賞企業一覧。刷新前後が見ることができまくりで見ごたえありまくり。
18 WordPress Plugins for RSS Management & Tweaks
http://mashable.com/2009/03/23/wordpress-rss-plugins/
Here are 18 WordPress plugins to help you manage your blog's RSS feed, track subscribers, and much more.
Real Simple Syndication (RSS) enables site owners to automatically syndicate their content to readers in an easily digestible format. There are a number of WordPressWordPress reviewsWordPress reviews plugins to help you manage your blog’s RSS feed, track subscribers, and much more.
50 Stunning Examples Of Architecture Photography - Opensource, Free and Useful Online Resources for Designers and Developers
http://www.smashingapps.com/2009/03/22/50-stunning-examples-of-architecture-photography.html
This is the Microsoft I want to see » VentureBeat
http://venturebeat.com/2009/02/28/this-is-the-microsoft-i-want-to-see/
Future Technology
People sometimes ask me why I dislike Microsoft. The answer is simple: I don’t -- I’ve just been disappointed with ...
Microsoft concept video.
Fantastic little video from Microsoft, showing how technology (mostly AR - augmented reality) might work in the future.
5 Universal Principles For Successful eCommerce-Sites | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/03/23/designing-for-the-user-experience-in-ecommerce/
5 Universal Principles For Successful eCommerce-Sites
10 Rare HTML Tags You Really Should Know - Nettuts+
http://net.tutsplus.com/articles/web-roundups/10-rare-html-tags-you-really-should-know/
10 Rare HTML Tags You Really Should Know
I should look into these!
Setting Web type to a baseline grid - Opera Developer Community
http://dev.opera.com/articles/view/setting-web-type-to-a-baseline-grid/
Consejos para maquetar texto web utilizando una cuadrícula tipográfica
text baseline
This article covers the basics of baseline grids—defined grid areas within which content is placed—and how they can be applied effectively to the web medium.
Labuat
http://soytuaire.labuat.com/
Controling the graphics with your mouse movement
Matching the pace that the ink line travels to the perceived momentum in the song works particularly well here.
chouette concept de site pour promouvoir un artiste
The Design Inspiration - Daily Logo Designs, Illustration Art, Website Showcase, Photos and Patterns Download
http://thedesigninspiration.com/
7 Wordpress Theme Trends & How To Implement Them Yourself - ForTheLose.org
http://forthelose.org/7-wordpress-theme-trends-how-to-implement-them-yourself
150 Useful Adobe Photoshp Web Design Layout Tutorials and Techniques | 2experts Design - Web Design and Graphic Design Blog
http://www.2expertsdesign.com/2009/03/13/150-adobe-photoshp-web-design-layout-tutorials/
10 Advanced PHP Tips Revisited | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/03/24/10-useful-php-tips-revisited/
43 Really Useful Photoshop Tutorials For Excellent 3d Effects - Opensource, Free and Useful Online Resources for Designers and Developers
http://www.smashingapps.com/2009/03/24/43-really-useful-photoshop-tutorials-for-excellent-3d-effects.html
Opensource, Free and Usefull Online Resources for Designers and Developers
LaCie - LaCie iamaKey USB Flash Drive
http://www.lacie.com/us/products/product.htm?pid=11225
Don Norman on 3 ways good design makes you happy | Video on TED.com
http://www.ted.com/index.php/talks/don_norman_on_design_and_emotion.html
In this talk from 2003, design critic Don Norman turns his incisive eye toward beauty, fun, pleasure and emotion, as he looks at design that makes people happy. He names the three emotional cues that a well-designed product must hit to succeed.
The Importance of Wireframing — 45royale Inc. — A web design studio in Atlanta, Georgia
http://www.45royale.com/blog/articles/the-importance-of-wireframing/
an gi
39 Creative Lego Advertisements - Creativty without bricks : Speckyboy Design Magazine
http://speckyboy.com/2009/03/16/39-creative-lego-advertisements-creativty-without-bricks/
Lego creativity is not limited to building bricks and stop motion movies, it extends even to advertising. As with plastic bricks, they can take the simplest concept and often make a powerful and witty statement. There approach is often minimal, a trait I like, as you will be able to see in the first few images below. There is no end to Lego creativity. (Were I could I have linked to the original source).
Lego creativity is not limited to building bricks and stop motion movies, it extends even to advertising. As with plastic bricks, they can take the simplest concept and often make a powerful and witty statement. There approach is often minimal, a trait I like, as you will be able to see in the first few images below. There is no end to Lego creativity.
25 of the Best Designed Twitter Homepages | Design Reviver
http://designreviver.com/inspiration/25-of-the-best-designed-twitter-homepages/
Designed Twitter Homepages
Noah Stokes
http://noahstokes.com/
Sådan laver en kodekarl et godt portfoliosite...
Front End Developer and Other Crap I am the best choice for all your front end development needs. Why? Let me tell you, one word. Ajax, motherfuton That's right, I'll Ajax the crap out of your site. Nothing, and I mean nothing will be static. I'll pull your data asynchronously from every orifice of your server. Your clients will be SOOOOO impressed. What's more, I'll use jQuery to do it all!!!! Imagine the look on your shareholders faces when they view source and see that your site is calling jquery-min-1.3.js?!?! Oh, BTW, using jQuery costs extra ok, that magic dust don't come cheap. Does your new social site need my help?! Are you ready to take down Facebook?! That crap sucks, and your stuff RULES. Well, it will once you hire me to work on it!!!!!! I'll totally do crap to rip off Sims and that Virb stuff and make yours the NEW HoTNESS. The motherfuton SUN will be jealous of the heat I add to your site. Look, Social Feeds, Widgets, Data Portability, MASH-UPS!!! I do them all, and bett
Humorous resume page
The most amusing web developer CV I've ever read.
"What's more, I'll use jQuery to do it all!!!! Imagine the look on your shareholders faces when they view source and see that your site is calling jquery-min-1.3.js?!?! Oh, BTW, using jQuery costs extra ok, that magic dust don't come cheap."
Master Web Typography: 8 Detailed Typography Tips for the Web | Brian Cray's Blog
http://briancray.com/2009/02/18/master-web-typography-8-detailed-typography-tips-for-the-web/
Good little article on using HTML special characters on your site.
One of the most under–rated elements of beautiful Web design is the subtle art of typography. Part of this, I know, is a lack of a solid font support for Web sites. But never fear! Today I’ll show you some quick things you can do to appear to be a type master.
The DCI Architecture: A New Vision of Object-Oriented Programming
http://www.artima.com/articles/dci_vision.html
Object-oriented programming was supposed to unify the perspectives of the programmer and the end user in computer code: a boon both to usability and program comprehension. While objects capture structure well, they fail to capture system action. DCI is a vision to capture the end user cognitive model of roles and interactions between them.
Jinming
Scobleizer: Technology, innovation, and geek enthusiasm » Blog Archive Why Facebook has never listened and why it definitely won’t start now «
http://scobleizer.com/2009/03/21/why-facebook-has-never-listened-and-why-it-definitely-wont-start-now/
Facebook's redesign, and why customer feedback shouldn't be the only driver of a product's development....
My former boss, Jim Fawcette, used to say that if you asked a group of Porsche owners what they wanted they’d tell you things like “smoother ride, more trunk space, more leg room, etc.” He’d then say “well, they just designed a Volvo.
Designing Drop-Down Menus: Examples and Best Practices | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/03/24/designing-drop-down-menus-examples-and-best-practices/
As a general rule, most Web developers, especially usability enthusiasts, say it is bad practice to use drop-down menus because they are confusing, annoying and oftentimes dysfunctional. From a design standpoint, however, drop-down menus are
20+ Awesome Light Effect and Abstract Photoshop Brushes
http://psdfan.com/freebies/brushes/20-awesome-light-effect-and-abstract-photoshop-brushes/
Flottir bustar fyrir Photoshop
50 Inspirational Website Introductions | Webdesigner Depot
http://www.webdesignerdepot.com/2009/03/50-inspirational-website-introductions/
50 Inspirational Website Introductions
intro page
40+ Beautiful Examples of Paper Websites Design | Naldz Graphics
http://naldzgraphics.net/inspiration/40-beautiful-examples-of-paper-websites-design/
40+ Beautiful Examples of Paper Websites Design
interesting website design
The Easiest Way to Use Any Font You Wish - Nettuts+
http://net.tutsplus.com/videos/screencasts/the-easiest-way-to-use-any-font-you-wish/
nice alternative to sifr
THE VINTAGE WEB
http://www.thevintageweb.com/
A log of websites with real character.
10 Popular Web Designer Tools for Firefox | Firefox Facts
http://www.firefoxfacts.com/2009/03/24/10-popular-web-designer-tools-for-firefox/
FireFox add-ons for Web Design
Thanks to Firefox and some of the great add-ons that have been developed for it, your browser is your best friend when it comes to web site design. From CSS tools, to promoting your domain, here are 10 of the most popular web designer tools for Firefox.
70 Excellent Logo Design Tutorials and Resources
http://sixrevisions.com/graphics-design/70-excellent-logo-design-tutorials-and-resources/
In this article, you’ll find a large collection of tutorials and resources on the topic of designing logos by some of the most well-respected logo designers in the industry.
30 Photoshop Web Elements, Backgrounds and Icon Sets (via GraphicRiver) - Nettuts+
http://net.tutsplus.com/articles/web-roundups/30-photoshop-web-elements-backgrounds-and-icon-sets-via-graphicriver/
adaptive path » blog » Dan Harrelson » Rapid Prototyping Tools
http://www.adaptivepath.com/blog/2009/03/24/rapid-prototyping-tools/
See list of Prototyping Tools. Most are paid. Real tools are: 1. Axure RP Pro 2. RapidRabb.it The rest are BS i.e. Flex, Flash, Visio, Dreamweaver etc etc
White Space: How to Get it ‘Right’ | Think Vitamin
http://thinkvitamin.com/features/white-space-how-to-get-it-right/
Active and Passive White Space White Space is often used to create a balanced, harmonious layout. One that just ‘feels’ right. It can also be used to take the reader on a journey through the design. In the same way a photographer leaves ‘looking room’ in a portrait shot, by positioning the subject o! the centre of the frame and having them looking into the remaining space, a designer can do this to increase the effectiveness of their design. Another way of looking at white space is by how a reader, or user, reacts to it. White space can not only be used by the designer to create harmony and balance in design, or to help position a brand, but it can be used to lead a reader from one element to another. This is called Active White Space
Fonts: Killer Typography Tools and Free Font Downloads
http://lifehacker.com/5182958/killer-typography-tools-and-free-font-downloads
fonts
Whether you're putting together a resume, flyer, or web page, everyone needs to find and compare fonts some time. Here are some tools that can help you find the perfect font.
New Smashing Freebies For Designers and Bloggers | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2009/03/16/new-smashing-freebies-for-designers-and-bloggers/
Designers and Bloggers
WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集:phpspot開発日誌
http://phpspot.org/blog/archives/2009/03/webweb_2.html
WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集
Slammer
http://site.ringce.com/products/slammer/slammer.html
Generate a grid. Drag the grid on top of your design tool. Push those pixels until they line up with the grid.
Just realized that my page is on delicious home and I did not bookmark it :)
Grid system
45 Apple-Inspired Photoshop Tutorials | Tutorials | Smashing Magazine
http://www.smashingmagazine.com/2009/03/25/45-apple-inspired-photoshop-tutorials/
In this post, we present a collection of beautiful Apple-inspired Adobe Photoshop tutorials. We collected them not because we are religiously in love with Apple, but because you may find these tutorials useful; for instance, if you are developing a new Mac or iPhone application or designing a concept for a new product. In these cases, you may want to consider Apple’s Human Interface Guidelines and our Designer’s Guide To Icon Design For Mac OS X. Please feel free to suggest further tutorials in the comments to this post.
Apple UI Photoshop tutorials
MAC Style
商用利用可能なベクター素材いろいろ | DesignWalker
http://www.designwalker.com/2009/03/commercial-use-vector.html
33 High Resolution And Eye-Catching Spring Desktop Wallpapers | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/inspiration/33-high-resolution-spring-desktop-wallpapers/
Wallpaper สีสันสวยงาม สามสิบสามรูปถ้วน
33 High Resolution And Eye-Catching Spring Desktop Wallpapers | 1stwebdesigner - Love In Design
Louise Fili Ltd
http://www.louisefili.com/
designer especializada em restaurantes
A close relative and co-author of a handful of books with Steven Heller, Louise Fili's portfolio is well worth the 20 minutes I spent digging.
40 Logo Design Tutorials - Psdtuts+
http://psd.tutsplus.com/articles/web/40-logo-design-tutorials/
Wikirank
http://wikirank.com/en
what's popular on Wikipedia
What is popular on Wikipedia?
40 Photoshop Illustration Tutorials | Vandelay Design Blog
http://vandelaydesign.com/blog/design/photoshop-illustration-tutorials/
++
100 Superb Wordpress Themes For Free! | AntsMagazine
http://www.antsmagazine.com/100-superb-wordpress-themes-for-free/
35 Free Fonts to Enhance Your Designs | Fonts | instantShift
http://www.instantshift.com/2009/03/26/35-free-fonts-to-enhance-your-designs/
100 Terrific Web Design Cheat Sheets that Will Save you Time, Money and Mistakes - Web Design Schools Guide
http://www.webdesignschoolsguide.com/uncategorized/100-terrific-web-design-cheat-sheets-that-will-save-you-time-money-and-mistakes.html
Most web designers know that cheat sheets are incredibly useful. You can use them for quick reference, easy learning, and more. In this list, we’ve compiled an incredible collection of the 100 best and most useful cheat sheets out there.
excellent
Bizarre Surreal and Dark Art Pictures | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/03/20/30-beautiful-surreal-and-dark-art-pictures/
fine bilder.
dark art- good backgrounds
Slagsmålsklubben - Sponsored by destiny on Vimeo
http://www.vimeo.com/3514904
Great "infographic" version of the fairytale. So many neat little touches.
School assignment to reinterpret the fairytale Little red ridning hood. Inspired by Röyksopps Remind me. Music: Slagsmålsklubben, Sponsored by destiny www.smk.just.nu Animation: Tomas Nilsson www.tomas-nilsson.se
Little Red Riding Hood.
Little red riding hood re-interpretation with infographics
Awesome Infographics Interpretation of Little Red Riding Hood. Just wonderful.
Redesigning Craigslist With Focus On Usability | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/03/11/redesigning-craigslist-with-focus-on-usability/
Pretty interesting look at how Craigslist could be redesigned and retain its minimalism while being more usable and more attractive.
кейс юзабилити-переделки Craiglist. Почитать
Downloads: IKEA Planner Visualizes Your Dream Rooms in 3D
http://lifehacker.com/5164084/ikea-planner-visualizes-your-dream-rooms-in-3d
IKEA has released its own 3D room design tool to help you plan the modernist, clean-lined kitchen, bedroom, or workspace of your dreams.
The Positive Legacy of C++ and Java
http://www.artima.com/weblogs/viewpost.jsp?thread=252441
<blockquote>...the true accidental brilliance of Java is that it has created a very smooth path for its own replacements, even if Java itself has reached the point where it can no longer evolve.</blockquote>
In a recent discussion, there were assertions that C++ was a poorly-designed language. I was on the C++ Standards Committee for 8 years, and saw the decisions take place. I think it's helpful to understand the language choices for both C++ and Java in order to see the bigger perspective.
Accordion Script With Multi-Level Support - Web Development Blog
http://www.leigeber.com/2009/03/accordion/
入れ子のパネルをスライドさせるアコーディオンの超軽量スクリプト
Accordeon ajax multi-niveau
フォームをデザインしよう | DesignWalker
http://www.designwalker.com/2009/03/form-design-2.html
16 Design Tools for Prototyping and Wireframing [Design Practice]
http://www.sitepoint.com/article/tools-prototyping-wireframing/
Prototyping and Wireframing
20 Excellent Blogs for Those Who Love Design | Web Design Ledger
http://webdesignledger.com/resources/20-excellent-blogs-for-those-who-love-design
good list of design blogs
Top 20 Websites to Find Work as a Freelance Designer | Spoonfed Design
http://www.spoonfeddesign.com/top-20-websites-to-find-work-as-a-freelance-designer
Another listing of freelancing jobs in web design and web development.
ave the time. You are ready to work, but there’s one problem. You have no clients. The biggest struggle freelancers face is finding work. The
Top 20 Websites to Find Work as a Freelance Designer | Spoonfed Design - http://www.spoonfeddesign.com/top-20-websites-to-find-work-as-a-freelance-designer
YourLogoMakesMeBarf.com
http://www.yourlogomakesmebarf.com/
Bringing you the very best of the worst logos.
YourLogoMakesMeBarf.com - http://www.yourlogomakesmebarf.com/
it's teh funny
" YourLogoMakesMeBarf.com is intended to be a humorous look at what can go wrong when an unskilled person (your neighbor’s brother’s uncle’s friend anyone?!) designs a logo. Good logos require time and involve great forethought. A good logo should be a financial investment but also something that will benefit the long term growth of a company. So leave the designing to the designers and browse through some of these fine examples of what not to look for in a logo. Barf bags recommended."
blog about logos and instant logo maker tool
Interface Design Inspiration | 36 Beautiful Login Page/Form Designs | Dzine Blog
http://dzineblog.com/2009/03/interface-design-inspiration-36-beautiful-login-pageform-designs.html
Login Interfaces
Interface Design Inspiration | 36 Beautiful Login Page/Form Designs | Dzine Blog - http://dzineblog.com/2009/03/interface-design-inspiration-36-beautiful-login-pageform-designs.html
Vectors
http://www.123vectors.com/
woo-hoo!
free images
In the Woods - Common Mistakes in Web Design
http://blog.themeforest.net/tutorials/common-mistakes-in-web-design/
How To Successfully Compete With Open Source Software
http://www.kalzumeus.com/2009/03/07/how-to-successfully-compete-with-open-source-software/
Article about what OpenSource software generally lacks, and how to compete with them.
ever, users like know that there is someone who will be happy to help them out if they need it. That is the main purpose of offering customer support — decreasing the perceived risk of using your software by demonstrating that there is a safety net. (This is one reason you should write your support page with an eye to it being seen by someone who isn’t even using your software.)
2) Design OSS projects, particularly the 99% that are relevant to this discussion, routinely do not allocate resources to creating attractive designs. For whatever reason, opened source graphical work is still rather rare, most developers (myself included) have the artistic skill of inept mole rats, and the obvious pay-somebody-who-does-it-better solution runs into the problem that the typical OSS project has no budget and no patience to deal with “unfree” licenses, which are the only kind commercially available stock icons have.
" However, users like know that there is someone who will be happy to help them out if they need it. That is the main purpose of offering customer support — decreasing the perceived risk of using your software by demonstrating that there is a safety net."
Some good points, particularly on how OSS focuses on the software pitch too much (most folk don't think of their problem as a software issue)
5 Writing Tips for Web Designers
http://www.webdesignerwall.com/general/5-writing-tips-for-web-designers/
Web design hints
A List Apart: Articles: The Elegance of Imperfection
http://www.alistapart.com/articles/theeleganceofimperfection
A List Apart: Articles: The Elegance of Imperfection
design aesthetics
Very interesting.
A taxonomy of elegance Jeremy Alexis, of the Illinois Institute of Technology’s Institute of Design, asks us to consider three types of elegance when we face a design problem: logical elegance, systemic elegance, and aesthetic elegance.
25 Photoshop Tutorials for Creating that Perfect Web Page Design : Speckyboy Design Magazine
http://speckyboy.com/2009/03/26/25-photoshop-tutorials-for-creating-that-perfect-web-page-design/
25 Beautifully Colorful Websites - Part 4 | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/colorful-websites-4/
During the past year or so, I have published 3 collections of colorful websites. Today we'll take a look at another 25 sites that make exceptional use of color. There is a wide variety of color schemes and design styles represented here, so I hope the work of these designers provides some inspiration for your own work. 25 Beautifully Colorful Websites 25 Beautifully Colorful Websites - Part 2 25 Beautifully Colorful Websites - Part 3 By Marina
Flash Tutorials - Flashtuts+
http://flash.tutsplus.com/
It’s all about quality tutorials for Adobe Flash. Whether you want to learn how to create awesome Flash animations and interfaces, bone up on your Actionscript to create games and apps, or just get started developing with Flash, we’ve got you covered!
Flashtuts+ joins Psdtuts+, Vectortuts+, Audiotuts+, Aetuts+ and Nettuts+ as Envato’s newest Tuts+ site. It’s all about quality tutorials for Adobe Flash. Whether you want to learn how to create awesome Flash animations and interfaces, bone up on your Actionscript to create games and apps, or just get started developing with Flash, we’ve got you covered! Keep reading to learn a little bit more about the new editor of Flashtuts+ and what we’ll be offering on the site.
The Bygone Bureau — A Journal of Modern Thought
http://bygonebureau.com/
The Bygone Bureau is a journal of modern thought, specializing in travel writing and cultural criticism. We launched on June 25, 2007 and update every Monday, Wednesday, and Friday.
text/html; charset=UTF-8
Webクリエイターのための求人情報サイト[MOREWORKS]
http://www.moreworks.jp/
またもやFICCさんの自社サービス、制作事例から求人情報を探せます。
FICCが運営するクリエイターのための求人サイト☆さすがなつくり。 CBCNETより見やすくて親切。
制作実例から企業を探すことができる
チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル:phpspot開発日誌
http://phpspot.org/blog/archives/2009/03/web_43.html
そのままは使えないけど、参考になるところが有った。
いつかこれで練習したい
あとで
30+ Amazing Mac Apps for Developers - Nettuts+
http://net.tutsplus.com/articles/web-roundups/30-amazing-mac-apps-for-developers/
115 Insanely Useful Photoshop tips & tutorials | Hi, I'm Grace Smith
http://www.gracesmith.co.uk/115-insanely-useful-photoshop-tips-tutorials/
List of Photoshop tutorials and resources
11 Great Resources And Inspirations Of Current Design Trends - Opensource, Free and Useful Online Resources for Designers and Developers
http://www.smashingapps.com/2009/03/26/11-great-resources-and-inspirations-of-current-design-trends.html
learning to create website
Getting an idea and inspiration is sometimes really hard and when you are planning to start your new web design project and you are curiously finding for a mind blowing web design inspiration so you don’t want to spend too much time and want to get start something as soon as you can. But most of the time, your mouse is not moving around as you want or your hand is not in your creative control or maybe when you are just tired and do not have creative mood to work. So if you want to get fresh your creative man or come up with some creative web design ideas or just need to motivate and inspire yourself with current design trends, we are today listing down 11 Great Resources And Inspirations Of Current Design Trends. This list is not long in numbers but I promise you that when you start browsing them in details it will must boost your creative design ideas professionally and motivate you for to design your project in such a way that people will never forget that you have made it!
Write for Reuse (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/writing-reuse.html
Users often see online content out of context and read it with different goals than you envisioned. While you can't predict all such goals, you can plan for multiple uses of your text.
Un nuovo alertbox con i consigli del guru dell'usabilità
Rands In Repose: The Makers of Things
http://www.randsinrepose.com/archives/2009/03/23/the_makers_of_things.html
"We take bridges for granted now, but back in the 1800s, bridges were in beta. They fell. One out of every four bridges… fell""We Are Defined By What We Build The Brooklyn Bridge was built from 1870 until 1883."
Rands posts a nice optimistic counter to current economic gloom, citing the Brooklyn Bridge and other 19th century NYC architecture.
History of the Brooklyn Bridge
Truly inspiring
We need a new version of ourselves and that’s going to involve bright, unexpected ideas from those we least expect them from, and they’re going to strike you as impossible. All you need to do to understand these terrifyingly ambitious ideas is to look back at what we’ve already done to understand what we can do.
35 Inspirational Website Designs from the Music Industry | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/music-websites/
In the Woods - The Importance of Color in Web Design
http://blog.themeforest.net/tutorials/the-importance-color-in-web-design/
All too often, I see a great design concept with a poor choice of colors. Part of what makes a great web design “great” is layout, typography and color. When each of these aspects work to compliment each other, great design is born.
200 Free Exclusive Icons: Siena | Webdesigner Depot
http://www.webdesignerdepot.com/2009/03/200-free-exclusive-icons-siena/
Siena is a brand new set of 200 free icons, developed exclusively for Webdesigner Depot. You can use them for your designs such as logos, websites and much
200 Free Exclusive Icons: Siena
Wall of Deliverables
http://www.wallofdeliverables.com/
(projeto EAD - px)
Use jQuery
http://usejquery.com/
Admix Web » 30+ Beautiful menus examples
http://www.admixweb.com/2009/03/22/30-beautiful-menus-examples/
ナビゲーションメニューのデザイン実例30+ | Admix Web
SitePoint » How to Build the Best Browser Test Suite
http://www.sitepoint.com/blogs/2009/03/17/building-the-best-browser-test-suite/
Install Multiple Versions of Internet Explorer Multiple versions of IE can be installed on a single PC. Standalone versions of IE6 (and any version back to v3.0) can be downloaded from the evolt.org browser archive. XP users can simply extract the files and create a shortcut to iexpore.exe. Unfortunately, they do not work in Vista. An alternative is the Xenocode Browser Sandbox which provides IE6, IE7, IE8, Firefox 2, Firefox 3, Chrome, Opera and Safari. These are single .exe files that use virtualization technology to ensure the browser runs in its own segregated environment without affecting your core system. Finally, there is IETester from DebugBar. This is certainly the easiest application
Good article we use some of this stuff. Something to consider
50 kostenlose, hochwertige Iconsets
http://www.drweb.de/magazin/hochwertige-kostenlose-iconsets/
50 Brilliantly Photoshopped Movie Posters - Psdtuts+
http://psd.tutsplus.com/articles/web/50-brilliantly-photoshopped-movie-posters/
coleccion de afiches de peliculas... productos del photoshop
A Huge Compilation of 60 Free Illustrator Brushes - Vectortuts+
http://vector.tutsplus.com/articles/web-roundups/a-huge-compilation-of-60-free-illustrator-brushes/
30 Creative Examples of the Hand Drawn Style in Web Designs
http://sixrevisions.com/design-showcase-inspiration/30-creative-examples-of-the-hand-drawn-style-in-web-designs/
cool hand drawn
In this collection, you will be able to find some of the best designs that have hand drawn, sketched elements infused into them for your inspiration.
SXSW Typography: Quit Bitchin and get Your Glyph on
http://sxswtypography.com/
SXSW Typography: Quit Bitchin and get Your Glyph on
If there's nothing in here about Unicode symbols, I'm filing a complaint.
Designers are still complaining about the limitations of Web typography. Is their case valid, and will it be in the future? What myths are there about web typography and how do we dispel them?
web typography resources
11 Absolutely Necessary Web-Based Tools for a Freelance Web Designer | CHROMATIC
http://www.chromaticsites.com/blog/11-absolutely-necessary-web-based-tools-for-a-freelance-web-designer/
Whether you're a freelance web designer or you own your own web design company, here are some web-based tools that will make your life easier, increase your professional image, and streamline your entire operation.
11 Absolutely Necessary Web-Based Tools for a Freelance Web Designer | CHROMATIC
Some nice tools for those running a webdesign shop
A decent list of applications for freelancers and small companies. List includes basecamp and backpack plus a few others I hadn't heard of.
Online tools for project (and business) management.
Beautiful Forms - Design, Style, & make it work with PHP & Ajax | Noupe
http://www.noupe.com/php/beautiful-forms.html#more-9114
Beautiful Forms - Design, Style, & make it work with PHP & Ajax | Noupe
SXSW Interactive 2009 - a set on Flickr
http://www.flickr.com/photos/rohdesign/sets/72157615703262704/
Sketchnotes captured on-site and live in a Moleskine pocket sketchbook while attending SXSW Interactive, March 13-17, 2009 at the Austin Convention Center in Austin, Texas.
Flickr is almost certainly the best online photo management and sharing application in the world. Show off your favorite photos and videos to the world, securely and privately show content to your friends and family, or blog the photos and videos you take with a cameraphone.
Autodesk Project Dragonfly
http://dragonfly.autodesk.com/
gargantua & pantagruel: Impossible, brilliant
http://gargantuaandpantagruel.blogspot.com/2009/03/impossible-brilliant.html
Erik Johansson, a young talented artist from Sweden, creates remarkable images by digitally modifying photographs that he takes himself. Here's a selection of his very impressive photo manipulations.
60+ Free Vectors Icons for Web Designers | SherifAbdou - The Design Blog
http://sherifabdou.com/2009/03/60-free-vectors-icons-for-web-designers/
Finding decent hi-quality vector icons for free via google is kinda hard & annoying. My results mainly lead to sites that wanted to sell you icons. I don’t beleive in paying for things like that, especially when there’s an abundant amount of vector icons that are available for free.
The Ultimate List of Sources for Free Background Patterns | Showcases | instantShift
http://www.instantshift.com/2009/03/28/the-ultimate-list-of-sources-for-free-background-patterns/
detailed list
Comprehensive showcase of website offering free repeating pattern graphics.
As a designer, Background Patterns are one of the many things which i found still fascinating myself. Have you ever wondered the seamless patterns often used in , instantShift.com is the light chronicle moments of knowledge, created as world moving forward.
10 Creative & Rich UI interfaces & How to Create Them | Noupe
http://www.noupe.com/design/10-creative-rich-ui-interfaces-how-to-create-them.html
Sometimes it’s just amazing to see, which level of usability, legibility and visual appeal can be achieved using some basic design techniques. In fact, some
10 Creative & Rich UI interfaces & How to Create Them Sometimes it’s just amazing to see, which level of usability, legibility and visual appeal can be achieved using some basic design techniques. In fact, some talented web-developers manage to deliver powerful, functional and gorgeous web-design in “look-and-feel”-style, which is easy to use and nice to see. The User experience has dramatically improved over the past few years, resulting in rich and responsive user interface. AJAX, javascript and CSS are widely used to offer users the dynamic interaction that they have come to expect from advanced, sophisticated, professional solutions. There have been plenty of posts on the number of awesome javascript, Ajax and CSS techniques and where to find them. Today, we will have a look at 10 creative & rich UI interfaces in modern day websites and how you can create similar interfaces using the techniques mentioned in this post.
Lista efektów jakie mogą być wykorzystane przy budowie strony.
Magnifique - Choose Your Weapon - Free Theming App for OS X Leopard
http://magnifiqueapp.com/
Magnifique - Choose Your Weapon - Free Theming App for OS X Leopard
cambiar aspecto sistema operativo mac ileopard aqua
Economic Recovery Dashboard - Helping Advisors
http://www.russell.com/Helping-Advisors/Markets/EconomicRecoveryDashboard.asp
Economic Recovery Dashboard - Helping Advisors
To help you talk to your clients, we've identified a few key economic and market indicators to help assess the current economic health and trend.
Chart of leading and lagging economic indicators giving current numbers and historical information.
100 Typography Resources for Professional Designers
http://dreamcss.blogspot.com/2009/03/100-typography-resources-for.html
free font slist and tips on how to use them
Data Visualization Is Reinventing Online Storytelling - Advertising Age - DigitalNext
http://adage.com/digitalnext/article?article_id=135313
Today's consumer seems to have an insatiable appetite for information, but until recently making sense of all of that raw data was too daunting for most. Enter the new "visual scientists" who are turning bits and bytes of data -- once purely the domain of mathematicians and coders -- into stories for our digital age.
Short blog post offers several different examples, not all from news organizations.
30 Photoshop Video Tutorials - Learn from the Pros of Graphic Design : Speckyboy Design Magazine
http://speckyboy.com/2009/03/30/30-photoshop-video-tutorials-learn-from-the-pros-of-graphic-design/
UNIQLO PARKA STYLE 1000 | TOKYO FASHION MAP
http://www.uniqlo.com/uniqlo1000/map/
東京各地で出会った1,000人の皆さんに、カラフルなUNIQLOのPARKAをその場でコーディネートしちゃいました。UNIQLOのパーカでつなぐリアルな東京のスタイルをご覧ください。
21 Advanced Photoshop Tips, Tricks and Tutorials Roundup
http://sixrevisions.com/photoshop/21-advanced-photoshop-tips-tricks-and-tutorials-roundup/
In this article, you'll find several simple but effective photo enchancing techniques on topics such as how to choose the best image format for web or how to create croplet for repeatedly image editing process.
Relationship Symmetry in Social Networks: Why Facebook will go Fully Asymmetric - Bokardo
http://bokardo.com/archives/relationship-symmetry-in-social-networks-why-facebook-will-go-fully-asymmetric/
Why Facebook will go Fully Asymmetric
17 Adobe AIR Apps That Can Save Your Time - Opensource, Free and Useful Online Resources for Designers and Developers
http://www.smashingapps.com/2009/03/30/17-adobe-air-apps-that-can-save-your-time.html
- Opensource, Free and Useful Online Resources for Designers and Developers
これぞ完璧企画書――「1枚企画書」パターン実例3題
http://ascii.jp/elem/000/000/404/404715/
一枚企画書の書き方
後で読む
本連載では、竹島愼一郎氏が提唱するインパクト抜群の「1枚企画書」をPowerPointで作る手順を全5回で紹介します。社会人になったらWordやExcelだけでなくPowerPointも使いこなせなくては、社内や取引先でのプレゼンに勝ち抜けません。しかし、ただ単に企画書をPowerPointで再現しただけでは、印象に残るプレゼンにはほど遠く、居眠りを誘う会議になってしまうことでしょう。  「1枚企画書」の最終回として、本書が出版に至った企画書の実例を含む、「プレゼン力の高い企画書」を3種類ご紹介します。実際の成功事例を踏まえてPowerPointをフル活用すれば、皆さんの仕事もきっと成功に近づくはずです。
Vintage Kids' Books My Kid Loves
http://www.vintagechildrensbooksmykidloves.com/
vintage children's book blog
50 Great Illustrator Tutorials and Tips | Think Design
http://thinkdesignblog.com/50-great-illustrator-tutorials-and-tips.htm
Illustrator is a wonderful tool. It is often underused, and also a bit underestimated. I think sometimes people can be having so much fun in Photoshop, that they forget all of the awesome things Illustrator can accomplish. So today I’m bringing you a big list of Illustrator tutorials, tricks and tips. I start out with pretty basic tutorials and tips, because it is important to have a good foundation. But, don’t worry, they get much more complex :) And keep in mind when your reading these tutorials, it’s all about picking up on new and interesting processes, techniques, and ideas that you may not have tried yet. Even if you are an experienced Illustrator user, it never hurts to learn new techniques and refresh your memory on some old ones. So I’m hoping you enjoy, and find this useful.
iPhone Mockup
http://iphonemockup.lkmc.ch/
iPhoneアプリのモックアップが簡単に作れるサイト
パンくず詳解 | コリス
http://coliss.com/articles/build-websites/architectonics/usability/breadcrumbs-in-web-design.html
パンくずいろいろ
7. Experimental Examples 実験的なパンくず
Seth's Blog: Return on Design
http://sethgodin.typepad.com/seths_blog/2009/03/return-on-design.html
The challenge of building your product around breakthrough design is that the design has to in fact be a breakthrough. And that means spending far more time or money than your competitors who are merely seeking a positive return.
Return on design
50 Excellent Image Galleries You Can Use Today - Nettuts+
http://net.tutsplus.com/articles/web-roundups/50-excellent-image-galleries-you-can-use-today/
Design Fast Websites
http://www.slideshare.net/stubbornella/designing-fast-websites-presentation
don't blame the rounded corners! Yahoo! F2E Summit 2008
25 Scripts for Dropdown Navigation Menus | Vandelay Design Blog
http://vandelaydesign.com/blog/tools/dropdown-navigation-menus/
Zen Textures - 100's of Free Textures
http://zentextures.com/
texture download website
400+ Beautifully Footers In Web Design | 2experts Design - Web Design and Graphic Design Blog
http://www.2expertsdesign.com/2009/03/27/400-beautifully-footers-in-web-design/
As you may already be familiar with footer, the footer is a last and significant element in a web design, as well as the coolest place to display Twitter updates, popular posts, recent comments, and Flickr photo streams are just a few common ideas. I have fetched some of the most creative footer posts from multiple blogs which will inspire you. Go ahead and check out these footers which make it stand out of the rest. Let us know your best pick!
As you may already be familiar with footer, the footer is a last and significant element in a web design, as well as the coolest place to display Twitter updates, popular posts, recent comments, and Flickr photo streams are just a few common ideas. I have fetched some of the most creative footer posts from multiple blogs which will inspire you. Go ahead and check out these footers which make it stand out of the rest. Let us know your best pick! Footers In Modern Web Design: Creative Examples and Ideas Footers In Modern Web Design Modern Sitemap and Footer Modern Sitemap and Footer 25 More Inspirational Footers 25 More Inspirational Footers 25 Impressive Blog Footers 25 Impressive Blog Footers 25 Stylish Website Footer Designs 25 Stylish Website Footer Designs 19 Gorgeous Website Footers 19 Gorgeous Website Footers 40 Beautiful and Creative Website Footers 40 Beautiful and Creative Website Footers 50 Excellent Blog Footer Designs 50 Excellent Blog Footer Designs 40 Cre
Footers
40 fresh websites for daily visual inspiration | Inspired Mag
http://www.inspiredm.com/2009/03/30/40-fresh-websites-for-daily-visual-inspiration/
Make a Mega Drop-Down Menu with jQuery
http://www.sitepoint.com/blogs/2009/03/31/make-a-mega-drop-down-menu-with-jquery/
Make a Mega Drop-Down Menu with jQuery
SitePoint's Craig Buckler blogged yesterday about what he sees as the next big thing in web design: mega drop-down
weblogs/azul/principles-of-software
http://wiki.freaks-unidos.net/weblogs/azul/principles-of-software
checks
weblogs/azul/principles-of-software
Donation Usability: Increasing Online Giving to Non-Profits and Charities (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/nonprofit-donations.html
be clear with mission/goals/objective and scaled down ecommerce donation (when using 3rd-party payment, integrate it or users may get stumped)
Key factors: The organization's mission, goals, objectives, and work. How it uses donations and contributions.
"Non-profits would collect much more from their websites if only they'd clearly state what they are about and how they use donations. Our new usability studies revealed considerable frustration as potential donors visited sites and tried to discern various organizations' missions and goals — which are key factors in their decisions about whether to give money."
Jacob Nielson, online donations. See methodology notes.
SlideMagnet.com
http://www.slidemagnet.com/
"SlideMagnet is all about slides. Our mantra: be generous. We are here to help you thrive and succeed with your next presentation. That’s our purpose, that’s our mission, and that’s why we exist."
advice on good presentations
How to make effective presentations
Logo Design Process and Walkthrough for Vivid Ways
http://www.blog.spoongraphics.co.uk/tutorials/logo-design-process-and-walkthrough-for-vivid-ways
tut main
How to Design Programs, Second Edition
http://www.ccs.neu.edu/home/matthias/HtDP2e/index.html
Bad programming is easy. Idiots can learn it in 21 days, even if they are dummies.
great book
Backgrounds In Web Design: Examples And Best Practices | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/03/31/backgrounds-in-web-design-examples-and-best-practices-2/
Web design has come a long way since its beginning, especially in terms of styling. Take a look at a website from 10 years ago and compare it to one from today. The differences are
Line25 Web Design Blog
http://line25.com/
nice jquery stuff
30 Fresh and Promising Design Blogs to Follow
http://sixrevisions.com/graphics-design/30-fresh-and-promising-design-blogs-to-follow/
30-fresh-and-promising-design-blogs-to-follow
My Life With Cables - Abstract City Blog - NYTimes.com
http://niemann.blogs.nytimes.com/2009/03/16/my-life-with-cables/
Enjoy Christoph Niemann's whimsical illustrations and observation in the New York Times piece from Abstract City Blog.
NIKE AIR TROUPE | design battle/NIKEiD.
http://niketroupebattle.com/
design battle/
cool flash site for nike shoe design battles
love the bass
Web Designer Help » 15 Great CSS Galleries
http://www.webdesignerhelp.co.uk/index.php/2009/03/15-great-css-galleries/
Great selection here.
Web Designer Help » 15 Great CSS Galleries - http://www.webdesignerhelp.co.uk/index.php/2009/03/15-great-css-galleries/
FaceOut Books
http://www.faceoutbooks.com/
nice books binding
UPDATED EVERY MONDAY. This venue has been created to appreciate the practice of book cover design. This is not a blog to rip apart what we dislike—everyone has a different aesthetic. This is a blog about the challenges and outcomes
blog about book covers
book design
Sliding Boxes and Captions with jQuery | Build Internet!
http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/
awesome jquery sliding boxes tutorial
Amazing Retouching Tutorials In Photoshop | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/tutorials/amazing-retouching-tutorials-in-photoshop/
Amazing Retouching Tutorials In Photoshop | 1stwebdesigner - Love In Design - http://www.1stwebdesigner.com/tutorials/amazing-retouching-tutorials-in-photoshop/
smallblueprinter.com :: home of smallblueprinter and garden planner
http://www.smallblueprinter.com/
Design your house plan blueprints online with smallblueprinter, then take a 3D walkthrough your design, check out an isometric view and print out your plan. Design your dream garden online. An easy to use interactive online tool. drag - drop - print .... your new garden design.
garden and home designer. Free, online
Jacek Utko asks, Can design save the newspaper? | Video on TED.com
http://www.ted.com/index.php/talks/jacek_utko_asks_can_design_save_the_newspaper.html
Jacek Utko
6 Things To Include for a User Friendly Footer | UX Booth
http://www.uxbooth.com/blog/6-things-to-include-for-a-user-friendly-footer/
new and hot bookmarks
23 amazing free modern clean sans serif fonts for designers on studiowhiz.com
http://www.studiowhiz.com/2009/04/01/23-free-amazing-modern-clean-fonts/
Shinichi Maruyama
http://www.shinichimaruyama.com/
art photography portfolio japan water
Artist Portfolio
How To Create A Great Web Design CV and Résumé? | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/04/01/10-handy-tips-for-web-design-cvs-and-resumes/
Top 5 Sites To Learn Some CSS Programming | MakeUseOf.com
http://www.makeuseof.com/tag/top-5-sites-to-learn-some-css-programming/
80+ Photoshop Tutorials: Practical Web Interface Design | Photoshop Tutorials | Tutorials
http://www.tripwiremagazine.com/Tutorials/Photoshop-Tutorials/80-photoshop-tutorials-practical-web-interface-design.html
When it comes to graphic design, Adobe Photoshop is a very popular option and for a reason. Photoshop really can do magic in the hands of a skilled designer. However, the software itself is really hard to use if you're not used to it. In fact, in Photoshop it usually takes ages to achieve something you have never done before. This is where Photoshop Tutorials comes to your help by guiding you though the many difficult steps needed to achieve a specific goal. In this article tripwire magazine present you more than 80 high quality Photoshop Tutorial that guides you step by step in building up a web interface all the way from scratch.
80+ Photoshop Tutorials: Practical Web Interface Design
Drawing Inspiration From Creative Logos | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/04/01/drawing-inspiration-from-creative-logos/
Drawing Inspiration From Creative Logos
Designing to Sell
http://zygote.egg-co.com/designing-to-sell/
AIDA
In this post we’re going to look at a simple template you can follow if you need to create a design that “sells” - that is, creating a website landing page that intends to turn a viewer / user into a customer.
5 Tips for Optimizing Your Brand’s Facebook Presence
http://mashable.com/2009/04/01/optimize-facebook-page/
5 Tips for Optimizing Your Brand’s Facebook Presence
ways to fine-tune your profile for maximum affect. So here are five tips to optimize your activities on Facebook, including the right way to create profile and thumbnail graphics, how to show different content to Fans and non-Fans, creating DIY vanity urls, and how managing what and when you post can lead to greater success.
How to optimise facebook
アイコンを作ろう!チュートリアルまとめ | DesignWalker
http://www.designwalker.com/2009/03/icon-tut.html
アイコンを作ろう!チュートリアルまとめ | DesignWalker
今では、かなりたくさんのクオリティの高いアイコン素材が無料で配布されていたりします。
40+ Must-See Resources And Inspirational Collections For Designers To Discover The Best Of The Web In March - Opensource, Free and Useful Online Resources for Designers and Developers
http://www.smashingapps.com/2009/04/01/40-must-see-resources-and-inspirational-collections-for-designers-to-discover-the-best-of-the-web-in-march.html
Opensource, Free and Usefull Online Resources for Designers and Developers
30+ Fresh & Useful Adobe Illustrator Tutorials & Neat Tips | Noupe
http://www.noupe.com/illustrator/adobe-illustrator-tutorials.html
Adobe Illustrator is a powerful tool for illustrating various elements one can use for web pages and print design. However, it’s important to know what to do
20 Examples Of Dark & Minimalist Website Designs With Great Typography | Spyre Studios
http://spyrestudios.com/20-examples-of-dark-minimalist-website-designs-with-great-typography/
20 Examples Of Dark & Minimalist Website Designs With Great Typography | Spyre Studios
20 Examples Of Dark & Minimalist Website Designs With Great Typography | Spyre Studios - http://spyrestudios.com/20-examples-of-dark-minimalist-website-designs-with-great-typography/
Google uncloaks once-secret server | Business Tech - CNET News
http://news.cnet.com/8301-1001_3-10209580-92.html
Who'd have thought it.. Google runs of thousands of 12-volt batteries :o) Each Google server has its own 12-volt battery to supply power if there's a problem with the main source of electricity. The company also revealed for the first time that since 2005, its data centers have been composed of standard shipping containers--each with 1,160 servers and a power consumption that can reach 250 kilowatts. ... Most people buy computers one at a time, but Google thinks on a very different scale. The cores of the company's data centers are composed of standard 1AAA shipping containers packed with 1,160 servers each, with many containers in each data center.
Monopoly Killer: Perfect German Board Game Redefines Genre
http://www.wired.com/gaming/gamingreviews/magazine/17-04/mf_settlers
'One of the driving factors in Settlers—and one of the secrets to its success—is that nobody has reliable access to all five resources. This means players must swap cards to get what they need, creating a lively and dynamic market, which works like any other: If ore isn't rolled for several turns, it becomes more valuable. "Even in this tiny, tiny microcosm of life, scarcity leads to higher prices, and plenty leads to lower prices," says George Mason University economist Russ Roberts, who uses Settlers to teach his four children how free markets work. Wheeling and dealing turns out to be an elegant solution to one of the big problems plaguing Monopoly—sitting idle while other players take their turns. Since every roll of the dice in Settlers has the potential to reap a new harvest of resource cards, unleash a flurry of negotiations, and change the balance of the board, every turn engages all the players. "The secret of Catan is that you have to bargain and sometimes whine."'
In 1991, Klaus Teuber was well on his way to becoming one of the planet's hottest board game designers. Teuber (pronounced "TOY-burr"), a dental technician living with his wife and three kids in a white row house in Rossdorf, Germany, had created a game a few years earlier called Barbarossa and the Riddlemaster, a sort of ur-Cranium in which players mold figures out of modeling clay while their opponents try to guess what the sculptures represent. The game was a hit, and in 1988 it won the Spiel des Jahres prize—German board gaming's highest honor. Winning some obscure German award may not sound impressive, but in the board game world the Spiel des Jahres is, in fact, a very, very big deal. Germans, it turns out, are absolutely nuts about board games. More are sold per capita in Germany than anywhere else on earth.
Settlers of Catan, Siedlers
8 methods to bring your front end coding to rockstar levels | StylizedWeb.com
http://stylizedweb.com/2009/03/30/8-methods-to-bring-your-front-end-coding-to-rockstar-levels/
14 Most Impressive Photoshop Typography Effects | Web Design Ledger
http://webdesignledger.com/tutorials/14-most-impressive-photoshop-typography-effects
In web design, there are often times that you will have text to which you want to draw extra attention. We all know the power of Photoshop. So why not use it to
50 Totally Free Lessons in Graphic Design Theory - Psdtuts+
http://psd.tutsplus.com/articles/web/50-totally-free-lessons-in-graphic-design-theory/
How to Create Super-Malleable Effects with Colorful Lines - Psdtuts+
http://psd.tutsplus.com/tutorials/tutorials-effects/how-to-create-super-malleable-effects-with-colorful-lines/
How to Create Super-Malleable Effects with Colorful Lines
lines
MSK
http://www.moleskine.com/msk.php
Printed pages for your moleskine!!
Add pages to your moleskine... like fo' real y'all.
Google uncloaks once-secret server | Business Tech - CNET News
http://news.cnet.com/8301-1001_3-10209580-92.html?part=rss&subj=news&tag=2547-1_3-0-20
Google's big surprise: each server has its own 12-volt battery to supply power if there's a problem with the main source of electricity. The company also revealed for the first time that since 2005, its data centers have been composed of standard shipping containers--each with 1,160 servers and a power consumption that can reach 250 kilowatts.
Google muestra por primera vez sus servidores, de diseño propio.
I love the approach and the the fact it's unconventional and better - google servers revealed
40 Comics Strips for Web Designers | Webdesigner Depot
http://www.webdesignerdepot.com/2009/03/40-comics-strips-for-web-designers/
funny
With the massive exodus towards online publishing, many people hardly reach for the newspaper these days. If there’s one thing I truly miss from the newspaper, it would be reading the comic strips. There’s something magical about comic strips that seems to lighten your day and make you feel good. There’s certainly something to be said about starting your day with a bit of humor. I figured that we’re so immersed in the Internet that it would be cool to compile a list of funny strips related to web design, the Internet and of course blogging. Take a few minutes from your busy day to relax, have some fun and see how many of these situations relate to you… :)
northtemple - Accessibility to the Face
http://www.northtemple.com/2009/03/24/accessibility-to-the-face
“Don’t worry, I’m not going to go into Section 508 or the Rehabilitation Act or any of the rest of that stuff. It’s all about politics and has nothing to do with what I’m going to talk about.”
The issues of accessibility are a daily reality for my family. For us, it’s not a political issue at all. Our oldest daughter, Ramona, has cerebral palsy and uses a wheelchair to get around.
in which accessibility is about people, not checklists.
Accessibility is NOT a checklist. Accessibility is about usability.
[CSS]上級者向け、スタイルシートのテクニック集 | コリス
http://coliss.com/articles/build-websites/operation/css/25-advanced-css-techniques.html
小粒ピリリ。ブラウザは選ぶかも…なテクニック集。
Network Osaka > Portfolio 2007-2009
http://www.networkosaka.com/
10 Simple and Impressive Design Techniques | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/04/02/10-impressive-simple-design-techniques/
Complex design techniques are often time-consuming and, well, complex. Some of these advanced effects can add plenty of depth to designs, but when used in the wrong place, they do little more than distract viewers from the project’s intended focus. These effects may be precisely what a design needs to have the impact it requires, but even in these cases, they should be complemented by simpler effects. Simple effects and techniques are the building blocks of today’s designs. For example, what good is a stellar lighting technique if you can’t decide which colors to use or which text-based effects to use in conjunction with the effect? With a “less is more” mentality, we’ve selected 10 very simple and impressive design techniques that can drastically improve the performance and appearance of your designs.
フォント専門サイト fontnavi(フォントナビ)
http://fontnavi.jp/index.aspx
フォント探しに便利
フォントを扱ってるサイト。有料のみ?
便利なフォント検索サイトがOPEN! 3,000以上の日本語フォントからすぐに探せます。
Handy Tweaks To Make GIMP Replace Photoshop | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/04/03/8-handy-tweaks-to-make-gimp-replace-photoshop/
GIMP is the favorite graphics editing program of many designers and graphic artists. It is free and compatible with Windows, Mac and Linux (the two big reasons for its popularity). It has a wide array
A few handy tips on making Gimp a bit more usable.
how to make GIMP behave like photoshop ... notes about plug ins, layers, etc.
Typography Keyboard Layout: Download Now! | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2009/04/02/typography-keyboard-layout-download-now/
In January we commissioned Ilya Birman, a Russian designer with passion for typography, to adapt his typography keyboard layout (which has become a common typographer's tool in Russia) to create a version for English-speaking designers,
Typography Keyboard Layout: Download Now! | Freebies | Smashing Magazine
Very Cool.
very useful
10 Best jQuery Menu Plugins | AjaxLine
http://www.ajaxline.com/10-best-jquery-menu-plugins
50 Beautiful Websites with Illustrated Landscapes | Webdesigner Depot
http://www.webdesignerdepot.com/2009/04/50-beautiful-websites-with-illustrated-landscapes/
50 Unusually Awesome Icon Sets for Mac « AppStorm
http://mac.appstorm.net/roundups/graphics-roundups/50-unusually-awesome-icon-sets-for-mac/
Fun With CSS Shapes - Nettuts+
http://net.tutsplus.com/videos/screencasts/fun-with-css-shapes/
I bet a bunch of you don't realize that we can create the illusion of shapes by using 100% CSS. By utilizing the border property in creative ways, we can make some really interesting polygons.
8 Simple Ways to Improve Typography In Your Designs | CSS | Smashing Magazine
http://www.smashingmagazine.com/2009/04/03/8-simple-ways-to-improve-typography-in-your-designs/
26 Gorgeous Aurora and Colour Spectrum Wallpapers | Wallpapers
http://www.hongkiat.com/blog/26-gorgeous-aurora-and-colour-spectrum-wallpapers/
Every once in a while, we put on a showcase of wallpapers on this blog. Reason is because we want to bring up a small reminder - it has been a while since you last change your wallpaper and there are tons of really beautiful ones we’ve collected. Even if you think the current wallpaper is nice enough and there’s really no need for a change, it’s also good that you keep it bookmarked. They can be great inspirational source. This week we like to continue with a sequel, a combination of colourful spectrum wallpapers with some awesome mixtures of auroras. Here’s 26 Gorgeous Aurora and Colour Spectrum Wallpapers, full list after jump. Aurora Borealis This wallpaper pack included wallpapers in only widescreen resolutions: 1280×800, 1440×900, 1680×1050, 1920×1200. Aurora A very simple, abstract / minimalistic wall created in CS3 Aurora Colors Based on RapidWeaver 4 wallpaper Realmac Magical Desktop Aurora like vista style A pack with aurora wallpaper like windows vista style. Wind -
Photoshopを使って背景をきれいに切り抜く方法まとめ | DesignWalker
http://www.designwalker.com/2009/04/photoshop-extract.html
9 Reasons Japanese Interactive Work Is Awesome | crackunit.com
http://www.crackunit.com/2009/03/17/9-reasons-japanese-interactive-work-is-awesome/
9 Reasons Japanese Interactive Work Is Awesome | crackunit.com dica do Savone
Great digital creative. esp the addias running app.
25 Incredibly Artistic Websites - Part 5 | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/artistic-websites-5/
interesting site that needs a bit of time
Mega Menus: the Next Web Design Trend
http://www.sitepoint.com/blogs/2009/03/30/mega-drop-down-menus/
Typically, a mega menu is a single drop-down that appears on hover, shows all the options in one large panel, groups options into related categories, uses icons or other graphics to help the user.
megadropdown
Mega drop-downs are half-way between the two concepts and similar to the ribbon introduced in Microsoft Office 2007
iPhone UI Vector Elements | MI Blog
http://www.mercuryintermedia.com/blog/index.php/2009/03/iphone-ui-vector-elements/
here, we couldn’t find an
100+ Massive CSS Toolbox | CSS Tools | Tools
http://www.tripwiremagazine.com/Tools/CSS-Tools/css-mega-toolbox.html
Redesign Mozilla
http://redesignmozilla.org/
Nice website!
I know this is a bit old but I never did tag it. Thought you may all like to know.
Kindle 2 Usability Review (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/kindle-usability-review.html
kindle usability useit.com kindlekindle
Summary: good for linear material, such as novels, not good for non-linear material such as journals, newspapers, encyclopaedias and recipe books
Summary: Amazon's new e-book reader offers print-level readability and shines for reading fiction, but it has awkward interaction design and poor support for non-linear content.
Jakob Nielsen's review of the Kindle 2. "Amazon's new e-book reader offers print-level readability and shines for reading fiction, but it has awkward interaction design and poor support for non-linear content."
20+ Super Professional Photoshop Light Effects Tutorials
http://psdfan.com/inspiration/graphic-design/20-super-professional-photoshop-light-effects-tutorials/
40 Excellent Free WordPress Themes
http://sixrevisions.com/wordpress/40-excellent-free-wordpress-themes/
In this collection, you’ll find 40 high-quality and free WordPress themes handpicked from the vast amount of free themes out there on the web.
WordPress - the popular open source publishing platform - allows you to easily customize your installation with WordPress themes. In this collection, you'll find 40 high-quality and free WordPress themes handpicked from the vast amount of free themes out there on the web.
フォントに関する便利ツールを18種を一挙紹介 : ライフハッカー[日本版], 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア
http://www.lifehacker.jp/2009/03/post_679.html
Build a Content Slider with jQuery :: Brenelz's Web Development Tips :: Winnipeg Web Development
http://www.brenelz.com/blog/2009/03/31/build-a-content-slider-with-jquery/
29 Web Design Blogs You Must Follow | [Re]Encoded.com
http://www.reencoded.com/2009/03/23/29-web-design-blogs-you-must-follow/
Looking for new Ideas and inspiration in the design industry? Here is a list of the 29 best web design blogs to subscribe to. The web design industry is always changing, so as a web designer, it is important to always be ahead of the curve. These blogs are always coming up with cutting edge new ideas and providing free tools for web designers such as wordpress themes, templates and icon designs. Follow them on RSS or check them out on Twitter.
Looking for new Ideas and inspiration in the design industry? Here is a list of the 29 best web design blogs to subscribe to.
Blogs com assuntos relevantes para o webdesign
Toxel.com » 20 Unusual and Creative Ice Cube Trays
http://www.toxel.com/tech/2009/03/24/20-unusual-and-creative-ice-cube-trays/
Toxel.com - Design, Inspiration and Technology Blog
Cool :D
Justine Lai
http://justinelai.com/works.html
awesome painter - working on a serious of herself having sex with every us president amazing concept :)
Artists paints herself having sex with all the US presidents.
99 kick-ass websites for your inspiration | Sharebrain »
http://sharebrain.info/articles/99-kick-ass-websites-for-your-inspiration/5582
Hello & welcome to our first big showcase post in 2009. Today we want to bring you 99 kick ass websites on no specific topic. The showcased websites are listed in no particular order. If you would like your favorite websites to appear in one of our next inspirational posts, be sure to follow us on Twitter (@sharebrain) so you can send it to us. And now here comes the eye-candy: Visit fallingwhistles.com/love/ 002. http://fallingwhistles.com/love/ Visit devmarks.com/ 003. http://devmarks.com/ Visit favmovie.net/ 004. http://favmovie.net/ Visit www.89bytes.com 005. http://www.89bytes.com Visit umbrellatoday.com/ 006. http://umbrellatoday.com/ http://helvetireader.com/ 007. http:/helvetireader.com Visit www.rin-wendy.com 008. http://rin-wendy.com Visit jeffcannata.com/ 009. http://jeffcannata.com/ Back to Top Visit www.narfstuff.co.uk/ 010. http://www.narfstuff.co.uk/ Visit deanoakley.com/ 011. http://deanoakley.com/ http://www.mediedyret.no 012. http://www.mediedyret.no/ Vi
40 Excellent Free WordPress Themes
http://digg.com/d1nwUQ
WordPress - the popular open source publishing platform - allows you to easily customize your installation with WordPress themes. In this collection, you'll find 40 high-quality and free WordPress themes handpicked from the vast amount of free themes out there on the web.
10 Simple and Impressive Design Techniques
http://digg.com/d1no3h
OfficePOD®. Changing the way people work. Welcome to the next generation of workplace
http://www.officepod.co.uk/
Being an OfficePOD user will bring a positive change to life. A chance to cut down on commuting, to be more productive, to spend more time at home but at the same time keep your work separate. A major way to getting a better balance into your life. (Será?)
The ability to work from home is a trend that is here to stay. Technology allows it, legislation permits it and employers often now encourage it. An OfficePOD provides a working environment that is separate to home life. The hassle free OfficePOD service deals with everything from site survey and installation through to customer services and POD relocation in the case of moving house or employer.
Unresolvable
Pretty amazing outdoor office furniture designed to help the environment.
8 Simple Ways to Improve Typography In Your Designs
http://digg.com/d1nsod
设计教程
D'Adda, Lorenzini, Vigorelli, BBDO
http://www.dlvbbdo.com/
Ecrire pour naviguer
MSDOS
Portfolio diseño en MS2 (7)
Portfolio MS2
old school involvement. smarty pants
135+ Ultimate Round-Up of Wordpress Tutorials | Tutorials | instantShift
http://www.instantshift.com/2009/04/05/135-ultimate-round-up-of-wordpress-tutorials/
The Logo Design Process From Start To Finish
http://justcreativedesign.com/2009/02/04/the-logo-design-process-from-start-to-finish/
In this article I will guide you through the process of creating the identity & logo design for one of my recent clients, UKE, offering insights into not only the thought process behind creating the logo but also the creation of the logo itself. Also keep an eye out in the May edition of Layers magazine for a feature on the UKE web site design.
logo design from start to finish...gud one.......
How to design a logo.
Free Wordpress Templates - TZ
http://www.tutzone.org/2009/02/free-wordpress-templates.html
Some Wordpress themes to try out
Solid list of 25 lesser known Free Wordpress Themes
Free Wordpress Templates... 2009 Free Wordpress Templates... 25 Free Wordpress Templates..Best Templates
14 Most Usefull design cheat sheets and coding cheat sheets | delimitdesign.com
http://delimitdesign.com/design/14-incredibly-useful-web-design-cheat-sheets/
Craftynest
http://www.craftynest.com/
Craftynest was launched by Monica Ewing in June 2008 to share practical and pretty DIY ideas for the home. Each craft is created with two goals in mind: that it's green and/or affordable.
Tutorials on how to improve your home.
mcfaul
http://www.mcfaulstudio.com/
Magnífico estudio, con un portafolio muy apañao. Me ha gustado mucho...
estudio diseño inspiracion
15 Beautiful Typography Inspired Websites - Freelance Web Design Belfast Northern Ireland - Lee Munroe
http://www.leemunroe.com/typography-inspired-websites/
Portfolio of award winning web designer Lee Munroe. Specialising in creative web design and innovative web solutions for your business - 15 Beautiful Typography Inspired Websites
Web-kreation - Nice & Clean Sliding Login Panel built with jQuery
http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Web-kreation - Nice & Clean Sliding Login Panel built with jQuery - http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
14 Incredibly Useful Web Design Cheat Sheets
http://digg.com/d1nz1i
web design cheat sheets
A useful set of cheat sheets for web designers.
10 Useful Flash Components for Graphing Data
http://sixrevisions.com/flashactionscript/10-useful-flash-components-for-graphing-data/
In this article, you will find ten excellent Flash components that will help you in building stunningly attractive, complex, and interactive data visuals. These components will help you create an assortment of graphs and charts to aid in presenting otherwise boring and stale numerical data.
画像をCSSだけでハイクオリティに縮小サムネイル化する方法:phpspot開発日誌
http://phpspot.org/blog/archives/2009/03/css_81.html
きれいだ
Boks - A Visual Grid Editor
http://toki-woki.net/p/Boks/
Boks is an AIR application (so it works on Windows, Mac and Linux) that provides a User Interface for Blueprint CSS's framework. It's been designed for those who think the Grid System is good but never really took the time to give it love. It handles grid configuration, baseline rhythm pimpin', CSS (with or without compression) and grid.png export, HTML layout and much more goodie-goodie!
#tryout
サイトのレイアウトをして、HTML/CSS吐き出し AIR application
Clever and Creative Bus Advertising
http://www.toxel.com/inspiration/2009/03/07/clever-and-creative-bus-advertising/
プレゼンテーションのデザインパターン - Keep Crazy;shi3zの日記
http://d.hatena.ne.jp/shi3z/20090405/1238913937
プレゼンテーションのデザインパターン
Information Architects » Blog Archive » Web Trend Map 4 - Final Beta
http://informationarchitects.jp/web-trend-map-4-final-beta/
The newest webtrends map.. great work. (kris)
The fina beta of the web trend map, a fantastic work trying to explain how the web is distributed right now
mapas de tendências estilo metrô
25 Most Useful Blogs for Web Design & Development | Web Resources | WebAppers
http://www.webappers.com/2009/04/06/25-most-useful-blogs-for-web-design-development/
25 Most Useful Blogs for Web Design & Development - Open Source Resources for Web Developers
Almost all of them are daily updated, and cover a wide range of topics including inspiration, design trends, tutorials, interviews, website showcase, programming techniques and resources.
Design To Sell: 8 Useful Tips To Help Your Website Convert | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/04/06/design-to-sell-12-tips-to-help-your-website-convert/
As we see more and more businesses move their services online, and even more that begin their life on the Web, a greater need arises
design usability !!
10 Tips to Design Usable Shopping Carts | Webdesigner Depot
http://www.webdesignerdepot.com/2009/04/10-tips-to-design-usable-shopping-carts/
25 Rare Wordpress Templates 2009
http://digg.com/d1nwui
45 Amazing Type Faces - Typographic Portraits | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/45-amazing-type-faces-typographic-portraits
9 great UX presentations to help you build better website | KomunitasWeb
http://komunitasweb.com/2009/03/9-great-ux-presentations-to-help-you-build-better-website/
construcción de paginas web para users
videos de socialmedia
Ultimate One Color Logos Inspiration | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/ultimate-one-color-logos-inspiration
great site for logo design inspiration, one color logo design inspiration
Showcase Of Beautiful Sports Websites | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/04/04/showcase-of-beautiful-sports-websites/
Showcase of Sports Websites
Sports Website Collection
This article showcases the most beautiful website designs from the North American sports industry, including ones for news, teams and leagues, sports apparel and more.
5 Tips to Make Your 404 Page More Usable | UX Booth
http://www.uxbooth.com/blog/5-tips-to-make-your-404-page-more-usable/
How to Create a Dark Surreal Illustration in Photoshop - PSDTUTS
http://psd.tutsplus.com/tutorials/photo-effects-tutorials/how-to-create-a-dark-surreal-illustration-in-photoshop/
Dark Surreal Illustration
30 Beautiful Logos | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/30-beautiful-identities
Sweet
Weird, Confusing and Irritating Photography | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/03/29/weird-confusing-and-irritating-photography/
some of this is beautiful photography, some of this is blah. but the beautiful is worth the blah.
We daily come across with so many photos some of them are good while some are not happening. Some photos are so ordinary that you
Here we are sharing photos that can boggle your mind. Some of the photos among them are perplexing and mystifying. So are you ready to get bewildered?
技術も大切だけど発想があればこそ、という事を再確認
インテリア・雑貨を紹介しているステキなブログまとめ│雑貨ノート - オシャレな雑貨とインテリア
http://berick.blog116.fc2.com/blog-entry-137.html
matome
インテリア・雑貨を紹介しているステキなブログまとめ│雑貨ノート - オシャレな雑貨とインテリア
Sites Without Menus: Do You Really Need a Main Nav? | Devlounge
http://www.devlounge.net/design/sites-without-menus-do-you-really-need-a-main-nav
"I always thought that the main navigation would be one of the most important elements of a website. I couldn’t believe it, so I set off to look for minimalist websites that didn’t use navigation. Sure enough, I found plenty." -- Dustin Boston
Zoomorama - Tech Crunch Web Trends
http://www.zoomorama.com/2477f0e8b447bb6570493cdac464c41f
Express Yourself in Pictures. Create, share, and zoom in complete freedom.
les 333 sites les plus influents....
First 2 Words: A Signal for the Scanning Eye (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/nanocontent.html
A link's first 11 characters are the most important, their impact should not be squandered with bland, generic words.
... shows whether sites write for users, who typically scan rather than read lists of items.
This kind of information is useful to me as background to my understanding of digital literacy. Soon I can note it via Diigo, but not yet.
»Testing how well people understand a link's first 11 characters shows whether sites write for users, who typically scan rather than read lists of items.«
Beer! - a set on Flickr
http://www.flickr.com/photos/11707231@N04/sets/72157611365973011
vintage beer cans
Il set di birre vintage ritratte e raccolte da Lance Wilson
Photos de canettes de bière du monde entier.
Collection de 163 packshots de canettes de bière
How-To: Create a Unique Twitter Background
http://www.interactiveinsightsgroup.com/blog1/how-to-create-a-unique-twitter-background/
jQuery Tips and Tricks II | Queness
http://www.queness.com/post/172/jquery-tips-and-tricks-ii
jQuery Tips and Tricks Part 2! Obviously, one post is simply not enough. I found some performance tuning, element manipulations tips and tricks that I believe will able to help you develop a more effective and efficient jQuery script.
Creating a Typographic Wallpaper - Tutorial9
http://www.tutorial9.net/photoshop/creating-a-typographic-wallpaper/
Tutorial voor het creëren van typografie graphic. Goede blog met Photoshop tutorials.
Creating a Typographic Wallpaper - Tutorial9 - http://www.tutorial9.net/photoshop/creating-a-typographic-wallpaper/
Daring Fireball: Complex
http://daringfireball.net/2009/04/complex
John Gruber on #iphone http://bit.ly/Gp4hX [from http://twitter.com/igeeo/statuses/1437949138]
"The problem is that while successful complex systems evolve from simple systems that work, not every simple system that works can support additional complexity. It’s not enough just to start simple, you have to start simple with a framework designed for future evolution and growth."
“A complex system that works is invariably found to have evolved from a simple system that worked. The inverse proposition also appears to be true: A complex system designed from scratch never works and cannot be made to work. You have to start over, beginning with a working simple system.”
20+ Tutorials for Working with Photoshop’s Tools | Vandelay Design Blog
http://vandelaydesign.com/blog/design/photoshops-tools-tutorials/
25 Examples of Cool Coming Soon Page Designs - Part II | Dzine Blog
http://dzineblog.com/2009/04/25-examples-of-cool-coming-soon-pages-part-ii.html
Here are 25 examples of Coming soon pages.
How the Web Made Me a Better Copywriter — AIGA | the professional association for design
http://www.aiga.org/content.cfm/how-the-web-made-me-a-better-copywriter
by Cathy Curtis posted on AIGA | the professional association for design website
Great website!!! Article is very instructive
Excellent guide to writing for the web from Cathy Curtis, a former staff writer for The LA Times.
"It struck me recently that the web has led me to develop a different way of writing—tighter, simpler, more transparent. The results, I believe, are greater clarity and persuasiveness, and a speedier, more user-friendly read."
15 Artistic Watercolor Effects Photoshop Tutorials
http://www.photoshoproadmap.com/Photoshop-blog/2009/04/06/15-artistic-watercolor-effects-photoshop-tutorials/
Not so much a how to as a page of examples.
oobject » formula 1 user interfaces
http://www.oobject.com/category/formula-1-user-interfaces
Questions the wisdom of allowing UI complexity of race cars trickling down to the consumer market. Wonder what fighter planes look like.
Gosh
19 Tutorials for Creating Beautiful HDR (High Dynamic Range) Imagery : Speckyboy Design Magazine
http://speckyboy.com/2009/03/25/19-tutorials-for-creating-beautiful-hdr-high-dynamic-range-imagery/
15 Essential Checks Before Launching Your Website | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/04/07/15-essential-checks-before-launching-your-website/
Your website is designed, the CMS works, content has been added and the client is happy. It’s time to take the website live. Or is
15 Essential Checks Before Launching Your Website
GE | Plug Into the Smart Grid | Augmented Reality
http://ge.ecomagination.com/smartgrid/?c_id=Matter#/augmented_reality
Augmented Reality
The Smart Grid integrates 21st century technology with the 20th century power grid. So GE can help you manage energy more efficiently than ever before.
12 Excellent And Useful Design Process Tutorials @ SmashingApps
http://www.smashingapps.com/2009/04/07/12-excellent-and-useful-design-process-tutorials.html
12 Excellent And Useful Design Process Tutorials @ SmashingApps - http://www.smashingapps.com/2009/04/07/12-excellent-and-useful-design-process-tutorials.html
12 Excellent And Useful Design Process Tutorials
LittleDiggs
http://www.littlediggs.com/
LittleDiggs - http://www.littlediggs.com/
Small spaces livable — 500 sq ft or smaller.
blog little homes
19 Amazing Free Graphic and Image Editors for Designers and Photographers : Speckyboy Design Magazine
http://speckyboy.com/2009/04/06/19-amazing-free-graphic-and-image-editors-for-designers-and-photographers/
エンジニアにもわかる「ユーザーインターフェース設計」 (Yahoo! JAPAN Tech Blog)
http://techblog.yahoo.co.jp/cat207/how_to/post_12/
エンジニアにもわかる「ユーザーインターフェース設計」 (Yahoo! JAPAN Tech Blog)
15 Essential Checks Before Launching Your Website
http://digg.com/d1oBXZ
Diseño de sitios web
Introduction
http://aneventapart.com/alasurvey2008/
Findings from the A LIST APART Survey, 2008
As we did in 2007, A List Apart and you teamed up to shed light on precisely who creates websites. Where do we live? What kind of work do we do? What are our job titles? How well or how poorly are we paid? How satisfied are we, and where do we see ourselves going?
Findings from one of the best non-profit web think-tanks - Stats on working in the web industry.
As we did in 2007, A List Apart and you teamed up to shed light on precisely who creates websites. Where do we live? What kind of work do we do? What are our job titles? How well or how poorly are we paid? How satisfied are we, and where do we see ourselves going? In 2008, 30,055 readers took part in the A List Apart Survey. Once more, data analysts Alan Brickman and Larry Yu crunched numbers this way and that. With a global recession in full swing as of December 2007, we were particularly interested to find out how financially and professionally secure web people felt, and whether there were discernible differences in the way people responded to questions about satisfaction and security in 2008, compared with 2007. This year we also improved our fact-finding on freelance and part-time web personnel. The more things change For 2008, instead of a downloadable (PDF) white paper, we decided to present our findings on the web. Which meant, in addition to compiling and analyzing data and
nice html + css version of graphs.
Some people care about the actual survey, me? I stare at how the tables were structured.
As we did in 2007, A List Apart and you teamed up to shed light on precisely who creates websites. Where do we live? What kind of work do we do? What are our job titles? How well or how poorly are we paid? How satisfied are we, and where do we see ourselves going? In 2008, 30,055 readers took part in the A List Apart Survey. Once more, data analysts Alan Brickman and Larry Yu crunched numbers this way and that. With a global recession in full swing as of December 2007, we were particularly interested to find out how financially and professionally secure web people felt, and whether there were discernible differences in the way people responded to questions about satisfaction and security in 2008, compared with 2007. This year we also improved our fact-finding on freelance and part-time web personnel.
111 Free Icon Packs for Your Dock/Website | Free Icon Packs | Windows Tools, Help & Guides
http://mintywhite.com/tech/icons/111-free-icon-packs-for-your-dockwebsite/
アイコンまとめ
111 Free Icon Packs for Your Dock/Website
Here at mintywhite.com, we love Icon Packs. In this collection, I’ve picked 57 new packs and included 54 of my favorite packs already featured here on the site. Enjoy these packs and please feel free to suggest some more.
111 Free Icon Packs for Your Dock/Website Here at mintywhite.com, we love Icon Packs. In this collection, I've picked 57 new packs and included 54 of my favorite packs already featured here on the
35 Awesome User Interface Design Tutorials | Pro Blog Design
http://www.problogdesign.com/resources/35-awesome-user-interface-design-tutorials/
The Best of Instructables Volume 1 (The Online Edition)
http://www.instructables.com/id/The-Best-of-Instructables-Volume-1/
The Best of Instructables Volume 1 Instructables is a place where artists, bicyclists, crafters, engineers, modders, co...
Perfect 3 Column CSS Liquid Layout. No Images, Cross-browser
http://digg.com/d1o833
A three column liquid layout with no images, no JavaScript. Cross-browser & iPhone compatible
30 high-quality free fonts for professional designs | Design daily news
http://www.designer-daily.com/30-high-quality-free-fonts-for-professional-designs-1999
30 high-quality free fonts for professional designs!!!!
Even though you’ll have to pay for the best fonts, like Helvetica or Univers, the web is full of quality fonts that are perfectly suitable for professional design work. The fonts are classified to make the page easier to scan. Sans-serif fonts 1. Miso miso 30 high quality free fonts for professional designs 2. Quicksand quicksand 30 high quality free fonts for professional designs 3. Com4t Fine Regular com4t fine regular 4. Alte Haas Grotesk alte haas grotesk 5. Comfortaa comfortaa 30 high quality free fonts for professional designs 6. Museo Sans museo sans 7. 078MKSD Medium Condensed 078mksd medium condensed 8. Mayberry Pro Semi-Bold mayberry 30 high quality free fonts for professional designs 9. SpecialK specialk 30 high quality free fonts for professional designs Semi-Serif fonts 10. Museo Semi-Serif museo semi-serif 11. Gauntlet gauntlet 30 high quality free fonts for professional designs 12. Fertigo Pro fertigo pro 13. Inconsolata inconsolata 30 high quality free font
30 fonts
Even though you'll have to pay for the best fonts, like Helvetica or Univers, the web is full of quality fonts that are perfectly suitable for professional
Building Sites Around Social Objects (Live from Web 2.0) - ReadWriteWeb
http://www.readwriteweb.com/archives/building_sites_around_social_objects_live_from_web.php
Building Sites Around Social Objects (Live from Web 2.0)
Some basic web marketing rules
Erklärt das Konzept des "Social Objects" sehr anschaulich - einem Design Paradigma für funktionierende soziale Anwendungen
"socialize your product online"
350+ Great CSS Tools and Techniques | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/350-great-css-tools-and-techniques
350+ Great CSS Tools and Techniques
Table Layouts vs. Div Layouts: From Hell to... Hell? | CSS | Smashing Magazine
http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/
Over the last several years, developers have moved from table-based website structures to div-based structures. Hey, that’s great. But wait! Do developers know the reasons for moving to div-based structures, and do they know how to? Often it seems that people are moving away from table hell only to wind up in div hell.
Table Layouts vs. Div Layouts: From Hell to... Hell? | CSS | Smashing Magazine - http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/
なんでもかんでもdivで囲んだ時期、僕にもありました いまでは必要なときにはtableをレイアウトに使います(例:内容に合わせてブロック要素の幅を自動的に伸縮したい) もちろんスクリプトを使えばtableに頼らなくても簡単に解決できますが、案件によってはスクリプトフリーにしたいこともあるのです
20 Excellent Mootools Techniques for Rich User Interface | DevSnippets
http://devsnippets.com/reviews/20-excellent-mootools-script-for-rich-user-interface.html
20 Excellent Mootools Techniques for Rich User Interface | DevSnippets - http://devsnippets.com/reviews/20-excellent-mootools-script-for-rich-user-interface.html
20 Excellent Mootools Techniques for Rich User Interface
Sliding navigation
tabbing
40 Exceptional jQuery Interface Techniques and Tutorials
http://sixrevisions.com/javascript/40-exceptional-jquery-interface-techniques-and-tutorials/
In this article, we explore the strengths of jQuery in letting web developers create impressive client-side-based user interface components.
Some J Query shizzle
Hier zit daadwerkelijk hier en daar wat moois tussen.
BOX TUTORIAIS
600+ Nature Brushes for Photoshop
http://designm.ag/resources/photoshop-nature-brushes/
Nature Brushes for Photoshop
Brushes for Photoshop
42 Questions Every Freelancer Should Ask Their Clients | Freelance Folder
http://freelancefolder.com/42-questions-every-freelancer-should-ask-their-clients/
Questions to stablish some work references for projects.
30 high-quality free fonts for professional designs
http://digg.com/d1oGKu
Top 7 Icon Search Engines | SingleFunction
http://singlefunction.com/top-7-icon-search-engines/
Awesome Icon search engines
10 Places to Find Absolutely Free Vector Graphics | Freebies | Tutorial Blog
http://tutorialblog.org/10-places-to-find-absolutely-free-vector-graphics/
Free Clipart!
10 Websites with Completely Free Vectors
Free Icon Pack: Web Injection - Tutorial9
http://www.tutorial9.net/resources/free-icon-pack-web-injection/
This Free Icon Pack is for use in your personal and commercial projects, and can be used without attribution. It may not be redistributed. Web Injection is an Icon Pack for webmasters and web developers created exclusively for the viewers of Tutorial9. The set includes 26 stylish icons designed by Midtone Design Studio. Each icon is a .png at 48×48px. The Icons were tediously hand crafted by designer Jonatan Castro Fernández.
Beautiful Horizontally Centered Menus/Tabs/List. No CSS hacks. Full cross-browser.
http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support
There is something elegant about simply working within the confines of a specific ruleset and achieving what you set out to do. Horizontally centered menus without css hacks.
5 Things Your Clients Should Know | Webdesigner Depot
http://www.webdesignerdepot.com/2009/03/5-things-your-clients-should-know/
Must read: RT @boagworld: the Web Designer Depot has released my article '5 Things Your Clients Should Know' (http://tinyurl.com/clyusu) [from http://twitter.com/everything_web/statuses/1407774725]
This is not a criticism of clients, however. There is so little information that clearly defines their role. Sure, there is no shortage of material on usability, accessibility, online marketing and copywriting, but who has the time to read all of it? The problem is that the client does need to have a very broad understanding (certainly more than can be communicated in a single article), however I have found that understanding certain key issues can make an enormous difference to the efficiency of a client. What follows is a list of the 5 things that I believe will have the biggest impact on a client’s site. At least they should, if the client understands them and chooses to implement them.
Beautiful And Creative Logo Designs For Your Inspiration | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/04/09/beautiful-and-creative-logo-designs-for-your-inspiration/
40 fine logos from smashing mag
Beautiful And Creative Logo Designs For Your Inspiration
15 Artistic Watercolor Effects Photoshop Tutorials
http://digg.com/d1o7VO
How to Build a Super Duper News Scroller - Nettuts+
http://net.tutsplus.com/videos/screencasts/how-to-build-a-super-duper-news-scroller/
News scroller
Helen Bradley - Pro Photoshop and Photography: Photoshop - change the color of your house
http://www.projectwoman.com/2009/03/photoshop-change-color-of-your-house.html
The first one’s the hardest | i love typography, the typography and fonts blog
http://ilovetypography.com/2009/03/23/the-first-ones-the-hardest/
i find it so amazing that people can design fonts. my brain just doesn't work to that level of precision.
I remember clearly the day I was waiting for the 6 train at 33rd Street and Park Avenue in New York. I had taken pictures of type on the street for some time, but there was something here that caught my eye. There was a plastic sign on a door with letters and numbers routed out of plastic, and I noticed a couple of characters in particular: the way the 8 curved back into itself, the charming tail of the a. And then I realized that the lowercase e’s were all different. This had been done by hand and therefore wasn’t an existing typeface. I knew then that I could actually make this into a font.
Here's a captivating, personal article on I Love Typography about the design process of Jeremy Mickel's first commercially available typeface.
great typography article, about making your first font.
Look at the bottom for a list of USEFUl links. Too lazy to bookmark them all so just bookmarking this one post ...yeah, I know
50 Stylish Navigation Menus for Design Inspiration
http://sixrevisions.com/design-showcase-inspiration/50-stylish-navigation-menus-for-design-inspiration/
There are many ways to design a navigation menu - and since almost all websites have some form of navigation - designers have to push their creative limits to build one that's remarkable and outstanding. In this article, you'll find a showcase of beautiful, creative, and stylish navigation menus for your inspiration.
There are many ways to design a navigation menu - and since almost all websites have some form of navigation - designers have to push their creative limits to build one that&#39;s remarkable and outstanding. In this article, you&#39;ll find a showcase of
15 Steps to a More Productive Workday | Vandelay Design Blog
http://vandelaydesign.com/blog/design-process/productive-workday/
TutShelf
http://tutshelf.com/the-art-of-css-positioning/
The Art of CSS Positioning Warm welcomes to our very first guest poster Rob MacKay! CSS Positioning is one thing I used to struggle with, hopefully I can help you understand how positioning works and what it’s affected by, and iron out some of those kinks.
etween browsers where elements vanish, don’t show or are a few pixels out of alignment, it’s normally because you are guilty of using margin and padding for positioning
CSS Positioning is one thing I used to struggle with, hopefully I can help you understand how positioning works and what it’s affected by, and iron out some of those kinks.
The Art of CSS Positioning
Combining Cufón and @font-face • CSS & (X)HTML • Kilian Valkhof
http://kilianvalkhof.com/2009/css-xhtml/combining-cufon-and-font-face/
Combining Cufón and @font-face
20 Excellent Mootools Techniques for Rich User Interface
http://digg.com/d1oH58
The User experience has dramatically improved over the past few years, resulting in rich and responsive user interface. AJAX, javascript and CSS are widely used to offer users the dynamic interaction that they have come to expect from advanced, sophisticated, professional solutions. There’s a lot of powerful interactivity you can bring to your site to spice up just about any web page using one of the most powerful and modular javascript libraries—MooTools! It’s important to note that small and useful features can cleverly deal with hiding and showing important information in non-traditional ways. Today, we will have a look at 20 creative techniques using MooTools javascript framework for rich UI in modern day websites.
True/Slant
http://trueslant.com/
news site
wordpress video - wordpress plugin for integrated video on video blogs, and video tools
Теории и практики
http://theoryandpractice.ru/
лекции в москве расписание
Лекции и мастер-классы в Москве
Всякие бесплатные лекции и экскурсии куда можно сходить
25 Sources For Logo Design Inspiration | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/inspiration/25-sources-for-logo-design-inspiration/
Inspiration logos
As logo designer You can often find moments, when You cannot think of anything good, but then such inspirational like this can become very handy. There are a lot of logo showcase sites You can inspire from and usually those sites list also all logo on popular categories, so You can see which logos and actually why there are so popular, sometimes artists even add their logo creation workflow there, allowing us to see what’s really happening behind the scene. OK, now to the post - I found together 25 logo showcase, portfolio sites and even few blogs which dedicate their life to help You become an expert as logo designer. Enjoy!
10 tricks to make your WordPress theme stand out
http://www.catswhocode.com/blog/10-tricks-to-make-your-wordpress-theme-stand-out
10 dicas de programação nos arquivos .PHP do Wordpress.
Como diseñar tu propio tema en WP
35 Beautiful Commercial And Free Joomla Templates | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/04/11/20-beautiful-free-and-commercial-joomla-templates
Joomla is one of the most powerful, robust and feature-rich content management systems out there. Besides being open-source, Joomla is capable of some really stunning
Create and Collaborate on Technical and Business diagrams online - Try it Free | Creately
http://creately.com/
Draw Diagrams & Designs Online
Draw Diagrams & Designs Online from Flowcharts to Computer Networks. Easy, Collaborative and Smart. Easy and Intuitive Online Diagram Tool Smart user interface, quick start templates Access anywhere Draw Diagrams & Designs right in your browser. No Software Downloads. No Installs. Collaborate on online diagrams. Create, Share and Publish diagrams online. Large email attachments are history Intelligent objects speed up designs Automatic validation checks, smart connectors and much more Data powered diagrams Capture data on your diagrams. No more back and forth between multiple tools. Creately Screenshot Signup for the beta or Take the tour Draw and design almost anything with our online diagram tool. Try it Free Business Diagrams * Process Flow (BPMN) * Flowcharts * Mind Maps * SWOT Diagrams * Organizational Chart User Interface Design * Wireframe for Website * UI Mockup Wireframe * Mockup Screens * Desktop Software Mockup Software & System
Create and Collaborate on Online Diagrams
Easy and Intuitive Diagram Tool Smart user interface, quick start templates Access anywhere Draw Diagrams & Designs right in your browser. No Software Downloads. No Installs.
50 Trend-setting Design Studios and Agencies | Inspiration
http://www.hongkiat.com/blog/50-trend-setting-design-studios-agencies/
referências!
Name that Color - Chirag Mehta : chir.ag
http://chir.ag/projects/name-that-color/
Chirag Mehta - Personal Web Log - 'blog - Chime Softwares - Indian Blogger live from Saint Petersburg, Florida, St. Pete, FL
Color picker - the cool part is the inclusion of a long list of color names and the 'closest' named color from the list is shown against your color. You can also pick a color by name and it will display.
How to Create a Lifestream of Your Online Activities
http://line25.com/tutorials/how-to-create-a-lifestream-of-your-online-activities
25 Sources For Logo Design Inspiration
http://digg.com/d1oSs1
30 Creative Examples of Using Paper in Web Designs
http://sixrevisions.com/design-showcase-inspiration/30-creative-examples-of-using-paper-in-web-designs/
In this showcase, you'll see some of the best web designs that involve the use of paper elements and textures - for your inspiration.
The Tools Artists Use
http://thetoolsartistsuse.com/
What are some of your favorite drawing tools (pens, pencils, markers, drawing tablet, all of the above)? I love pens
entrevistas art ferramentas
The Tools Artists Use interviews artists from a variety of disciplines to highlight the tools and materials used in creating their art.
para ilustradores... em ingles
3DデスクトップBumpTop、ダウンロード提供開始
http://japanese.engadget.com/2009/04/08/physics-3d-bumptop/
Windows PC向けに無償でダウンロード
物理シミューレータ使ってるのかな? こんなふうになると、デスクトップの使い方が変わるかな?もはやデスクトップ(机の上)ではないが。
結構前からデモは見てた。買い換えたら入れてみようなぁ~。
Subtraction.com: Dear Designer, You Suck
http://www.subtraction.com/2009/04/09/dear-designer-you-suck
A friend of mine who happens to be a famous designer (this person shall remain nameless) said something not long ago about one of my projects that really pissed me off. At the time, I objected to this person’s tone and delivery, thinking it inappropriate. After all, we’re friends! But given some distance from the event, I realize now that, the formal qualities of the remarks aside, this person had a point. They weren’t necessarily right, mind you, but there was a legitimate criticism at the core, to which I should have paid attention. In retrospect I realize that getting hot and bothered about this person’s tone said something much less flattering about me than about the person.
The notion of speaking openly, honestly and objectively about work is inherent to learning how to be a better X...."This is why art, film and architecture have achieved such great heights in our society: those art forms are economically robust enough to support a vibrant critical class."
"To put a finer point on it: are we being honest with one another?" - also designer zu designern
The importance of honest criticism (in every profession).
Table Layouts vs. Div Layouts: From Hell to… Hell?
http://digg.com/d1oHag
nakajima's jquery-glow at master - GitHub
http://github.com/nakajima/jquery-glow/tree/master
glow colors
35+ Colorful And Inspiring Examples Of High Definition Wallpapers @ SmashingApps
http://www.smashingapps.com/2009/04/12/35-colorful-and-inspiring-examples-of-high-definition-wallpapers.html
Colorful And Inspiring Examples Of High Definition Wallpapers @ SmashingApps
無料でダウンロードできる洗練されたフリーフォントあれこれ - GIGAZINE
http://gigazine.net/index.php?/news/comments/20090413_high_quality_font/
クオリティ高め
有料のフォントにはデザインの美しいものが多く揃っていますが、無料でダウンロードできるフリーフォントでも洗練されたデザインのものは多くあり、中には商用で使うことが可能で、使い勝手も良いものがあったりします。 基本的にアルファベットのみとなりますが、ここぞというときのインパクトや、全体の雰囲気をまとめておきたいときなどの使える良いフォントが多くあります。
ライセンスについて詳しく書いてあるのが親切。
無料でダウンロードできる洗練されたフリーフォントあれこれ
Glyphish — Icons and resources for iPhone developers
http://glyphish.com/
Icons and resources for iPhone application developers.
TextboxList « Devthought
http://devthought.com/projects/mootools/textboxlist/
TextboxList turns normal textboxes into a widget which can be navigated with the keyboard, effectively turning your input into a “list” of items that can be easily deleted. It comes with an official Autocomplete plugin.
Mootools multiple tags entry in input field
new TextboxList('form_tags_input
autosuggest, tags Apple Mail style
タグなどの入力に
Evolution of Office Spaces Reflects Changing Attitudes Toward Work
http://www.wired.com/culture/design/magazine/17-04/pl_design
Changing attitudes towards work.
v swissmiss
30 Beautiful Music Websites for Design Inspiration
http://sixrevisions.com/design-showcase-inspiration/30-beautiful-music-websites-for-design-inspiration/
nice list. take a look when you are not inspired.
Sliding Boxes and Captions with JQuery
http://buildinternet.com/live/boxes/
Coloca caption nas imagens de forma animada e interativa.
Sliding Boxes and Captions with JQuery
jquery 图片 信息
Nice sliding boxes to create interactive captions
Function Web Design & Development [ Blog ] » How to Spot Quality within Web Design: Examples & Tips
http://wefunction.com/2009/04/quality-within-web-design/
Finding the perfect font can be done through trial and error, or you can make your choices based upon the different moods certain fonts help bring to a design
Quality is a word that a lot of people like to use when describing their web design services. But what is quality, how do you know if a design is quality or not. Well, I think that there’s quite a few ways to spot quality within web designs. Once you can see just what goes into making a quality web design, you can use the techniques to perfect your own style. I’ve put together a few pointers, and collected some examples to explain just how I look for quality within a website design.
40 Beautiful Skateboard Designs | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/04/12/40-beautiful-skateboard-designs/
270+ High-Res Rough and Grungey Photoshop Brushes
http://www.blog.spoongraphics.co.uk/freebies/high-res-rough-and-grungey-photoshop-brushes
20 sites for free stock images | Web and designers | Helping web designers and developers
http://www.webanddesigners.com/20-sites-for-free-stock-images/
Back again with websites that will help designers and other people find free stock photography,this will definitely save your time and money. Photos contained in these sites are sorted in a handful of categories and subcategories which will make your life easier. Read the license on each site before using any of the photos, even though photos can be download for free there are some copyright issues for using it.
Over 75+ Beautiful Twitter Design Icons | Creative Nerds
http://creativenerds.co.uk/freebies/over-75-beautiful-twitter-design-icons/
If you’re a twitter addict this is the perfect post for you, these twitter icons are essential for web designers, bloggers, and graphic designers. This is a great compilation of 75 superb twitter icons, which can be used for your website and even used to help customize your personal twitter profile background.
Essential PHP Techniques for Web Designer and Developers | Desizn Tech
http://desizntech.info/2009/04/essential-php-techniques-for-web-designer-and-developers/
just information let start
40+ Absolutely Stylish & Creative Hand-picked Wallpapers | Noupe
http://www.noupe.com/wallpaper/40-creative-wallpapers.html
Wallpapers can be creative, inspiring and elegant. If you are looking to add some creativity and inspiration to your life, you probably need a desktop wallpaper that inspires you to create something creative and original. Today we present 40 stunning wallpapers created by some hard-working and dedicated designers. In this post we present creative desktop wallpapers related to art, photoshop, wallpapers-illustrations, abstract design and other great types of wallpapers including nature and amazing Video Game Remake Wallpapers. They are definitely worth a look.
title says it all.
Web Design Trend Showcase: Horizontal Bands
http://line25.com/articles/web-design-trend-showcase-horizontal-bands
Applications of usability principles on a social network | creative briefing
http://creativebriefing.com/applications-of-usability-principles-on-a-social-network/
As a result of this, social networks should - I say should because not every social network does this - put greater emphasis on usability over, say, a corporate website. Don’t get me wrong, usability is important everywhere you go on the web, but the nature of a social network’s operation makes usability especially important. This perspective guided my thinking during the redesign of the Daily Challenge beta 2.0 website. Many forks in the road were put to rest at the hands of basic usability principles that dictated righter from wronger (sometimes there was no strictly right or wrong answer). These are the principles that I want to share with you in the following case study of how usability can be applied to a social network
40+ Absolutely Stylish & Creative Wallpapers
http://digg.com/d1oZqi
18 Photoshop Brushes To Lighten Professional Designs - TZ
http://www.tutzone.org/2009/04/18-photoshop-brushes-to-lighten.html
Glowing Light designs
18 Photoshop Brushes To Lighten Professional Designs - TZ - http://www.tutzone.org/2009/04/18-photoshop-brushes-to-lighten.html
brushes brush
50 Excellent Corporate Website Designs | Webdesigner Depot
http://www.webdesignerdepot.com/2009/04/50-excellent-corporate-website-designs/
35 Gorgeous Black Wallpapers | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/35-gorgeous-black-wallpapers
Uns wallpapers bacanas
35 Gorgeous Black Wallpapers
17 Sets of Excellent Hand Drawn Design Elements | Web Design Ledger
http://webdesignledger.com/freebies/17-sets-of-excellent-hand-drawn-design-elements
Inspiration Brushes Design Web WebDesign
interesting collection
7 More Useful Tips To Help Your Site Convert | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/04/13/7-more-useful-tips-to-help-your-site-convert/
This article presents further principles and rules that will help your site convert. Among other things, we cover A/B testing, footnotes, testimonials, feature lists, the sign-up process and typography.
7 useful tips the help your site convert. A great article from Smashing Magazine.
いろいろな色の名前が分かるサイト色々 | コリス
http://coliss.com/articles/build-websites/operation/design/about-name-that-color.html
各国の伝統色 日本、アメリカ、ヨーロッパ、ギリシャ、フランスなど
いろいろ
SiteCrafting > Blog > How to Center a Div
http://www.sitecrafting.com/blog/to-center-div
I hate trying to center DIVs. Stupid CSS.
como centrar divs en una pagina
"Centering a div horizontally and vertically has always been a pain for CSS. Not any more! With this trick, you can create a centered block in no time."
evolution_advertising.jpg (JPEG Image, 1086x683 pixels)
http://www.iamprettysure.com/evolution_advertising.jpg
Career evolution
70+ Practical Cheat Sheats For Web Designers And Developers
http://www.webresourcesdepot.com/70-practical-cheat-sheats-for-web-designers-and-developers/
Great cheat sheets for some of the key areas in dreamweaver, css, javascript, mysql, python... etc
Grape
http://tayasui.com/Grape.html
41 Great Looking Free WordPress Themes | Wordpress
http://www.hongkiat.com/blog/41-great-looking-free-wordpress-themes/
25 Photoshop Tutorials for Working with Textures | Vandelay Design Blog
http://vandelaydesign.com/blog/design/photoshop-texture-tutorials/
40 Beautiful and Creative Logo Designs For Your Inspiration
http://digg.com/d1oMYN
10 Impressive Techniques to Spice up your WordPress Theme | DevSnippets
http://devsnippets.com/article/10-impressive-techniques-to-spice-up-your-wordpress-theme.html
10 Impressive Techniques to Spice up your WordPress Theme
Técnicas para darle vida las plantillas de WordPress
wordpress jquery techniques
DevSnippets
50 Sites That Will Help You To Become a Better Designer | Dzine Blog
http://dzineblog.com/2009/04/50-sites-that-will-help-you-to-become-a-better-designer-part-1.html
Lista com sites úteis para buscar referências de dsign web.
we love typography. a place to bookmark and savour quality type-related images and quotes
http://welovetypography.com/
typographyに特化したffffound的サービス。by iLT
type- and typography-related images, an FFFFound for strictly type-related content
30 Brilliant Typefaces For Corporate Design | Fonts | Smashing Magazine
http://www.smashingmagazine.com/2009/04/15/30-brilliant-typefaces-for-corporate-design/
This showcase should serve as a great reference for professional designers looking for some fresh, beautiful typefaces for their corporate projects.
The Monster List of Freelance Job Sites - 2009 Update - FreelanceSwitch - The Freelance Blog
http://www.freelanceswitch.com/finding/the-monster-list-of-freelance-job-sites-2009-update/
8 Characteristics Of Successful User Interfaces « Usability Post
http://www.usabilitypost.com/2009/04/15/8-characteristics-of-successful-user-interfaces/
Good reference material on UIs. It's an often overlooked aspect to good design.
Tips and insights into good design and usability.
Scarygirl
http://www.scarygirl.com/
Creepy illustration
YouTube - Your business card is CRAP!
http://www.youtube.com/watch?v=4YBxeDN4tbk
OMG I'm such a failure because I don't have a "cool" business card.
Love this guy. He adds a third dimension to the discussion on business cards and make the arguments in the book (and film) American Psycho look... eggshell white.
Cue music. I took me 25 years to make this card. What do you do guaranteed?
"It doesn't belong in a Rolodex, because it doesn't FIT in a Rolodex!"
blaubo design
http://www.blaubo.com/
google maps hack
blaubo design 伊野亘輝 GoogleMapsでportfolio
Design
40+ Cartoon Character Illustration Tutorials | Tutorials | Smashing Magazine
http://www.smashingmagazine.com/2009/04/16/40-cartoon-character-illustration-tutorials/
Everybody likes cartoon characters. They make us happy and keep our mind tension-free. We present here beautiful and mind-blowing Cartoon Illustration Tutorials for you. This
some really awesome vector illustration tips
How to Become a Freelance Web Developer - Nettuts+
http://net.tutsplus.com/articles/how-to-become-a-freelance-web-developer/
Freelance Web Developer
25+ jQuery Plugins that enhance and beautify HTML form elements | Queness
http://www.queness.com/post/204/25-jquery-plugins-that-enhance-and-beautify-html-form-elements
44 Must Learn Web Design Layout Tutorials in Photoshop | Naldz Graphics
http://naldzgraphics.net/tutorials/44-must-learn-web-design-layout-tutorials-in-photoshop/
wallstatsdatlarge.jpg (JPEG Image, 3500x2334 pixels) - Scaled (36%)
http://img297.imageshack.us/img297/5927/wallstatsdatlarge.jpg
A Visual Guide to Where Your Tax Dollars Go Interesting, detailed poster. Obama's budget requests.
Button Design Showcase | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/button-design-showcase/
Web page button designs
Button Design Showcase
Button design is something that may be considered a small detail and doesn't often get a lot of attention, but well-designed buttons can make a big difference in the overall look of a site. In this post we'll look at 40 buttons that come in a variety of shapes, sizes, styles and colors. If you enjoying seeing great examples of button design, you may also like: 50+ Gorgeous Navigation Menus 50 Gorgeous Navigation Menus - Part 2 GoodBarry
start.io
http://start.io/
Make a startpage with your favorite links and see right when they're updated.
Página de bookmarks útil para usar como startup page
Make a startpage with your favorite links and see right when they're updated
15 Beautifully Minimal Business Cards | Web Design Ledger
http://webdesignledger.com/inspiration/15-beautifully-minimal-business-cards
Following yesterday’s business card giveaway kick-off, I thought it would be appropriate to show some more beautiful cards from Card Observer. This time we’re going to look at those cards that are both minimal in color scheme and design elements. This minimalism in design is what makes these business cards so beautiful and effective. If you want to see more details about the cards, just click on the images.
30 Exceptional CSS Navigation Techniques
http://sixrevisions.com/css/30-exceptional-css-navigation-techniques/
TapeSwell, purveyors of decorative packing tape
http://www.tapeswell.com/
Decorative tape. The new site is stocked with stylish sticky products. Taping up boxes with birds, mod patterns, and lace adds a bit of pleasantry to moving. Snowflakes, trees, and tinsel spruce up boring old cardboard around the holidays. And rolls of cheery mailing labels and envelope wraparounds make trips to the post office less of a chore. The cute stuff doubles as a decorative touch to craft projects (picture frames, headbands) and baked goods (jam jars, cookie tins).
C-teamで作るバナー広告の効果がスゴすぎてひいた話 : ロケスタ社長日記
http://blog.livedoor.jp/kensuu/archives/50783668.html
バナー広告をクラウドソーシング。
これはすごいね、使ってみようかな
40+ Articles to Help Freelance Designers Find More Work
http://designm.ag/freelance/find-more-work/
a load of articles to help with the current climate - whatever that is
Guia Visual de Sites - Agências
http://www.giveme.com.br/
Guia Visual de Sites
LINKS PARA TODAS AS AGENCIAS
Guia de todas as agências brasileiras.
Home › The Personal Web Design Degree
http://www.personaldesigndegree.com/
Great strides have been made towards teaching web development, but what about design? The personal web design degree is an open edu
Great strides have been made towards teaching web development, but what about design? The personal web design degree is an open education curriculum that teaches both beginning web designers and seasoned print designers design within the context of the web.
Personal Web Design Degree
Elliott Kember dot Com
http://www.elliottkember.com/
This guy seems awesome! Look how he promotes himself. Good for resumes.
Cool Shit
Great apps, clever site, funny guy.
555 Blender Tutorials | FilmmakerIQ.com
http://filmmakeriq.com/general/featured/555-blender-tutorials.html
blender tutorial
デザインを魅力的なものにする、シンプルな10個のテクニック | コリス
http://coliss.com/articles/build-websites/operation/design/impressive-simple-design-techniques.html
こんなのがテクニックとかどんだけ
web design tips
ウェブデザインのクオリティをアップする7つのポイント | コリス
http://coliss.com/articles/build-websites/operation/design/quality-within-web-design.html
時々みなおすべき
サイト例多し。
Huge List Of Highly Extensible Photoshop Plugins | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/development/huge-list-of-highly-extensible-photoshop-plugins/
use asap
145 new quick cheat sheets for some of the most widely used tools on the web
http://dreamcss.blogspot.com/2009/04/145-new-quick-cheat-sheets-for-some-of.html
145 new quick cheat sheets for some of the most widely used tools on the web
"tagged cheat sheet links"
35 Type Based Logos
http://designm.ag/inspiration/type-based-logos/
Type-based logos
15 Unique Flash Gallery Techniques
http://www.webdesignerwall.com/trends/15-unique-flash-gallery-techniques/
Features jeremycowart.com as an example of a site that uses unique flash techniques.
15 Unique Flash Gallery Techniques
Socio Design Farringdon
http://www.sociodesign.co.uk/
Seth's Blog: The first question every web site designer must ask
http://sethgodin.typepad.com/seths_blog/2009/04/first-question-every-web-site-designer-must-ask.html
"Do you want the people visiting this site to notice it?"
Great example of what sort of site a client would need.
De eerste vraag die een designer aan een klant moet stellen is, volgens Seth, "Wil je dat je site opvalt?" En dat is, hoe vreemd het ook klinkt een goede vraag die verschillend beantwoord kan worden.
Not for nothing, but I've been saying this for years.
Carousel: A Cinema 21:9 Production
http://www.cinema.philips.com/?ls=gb_en
View more at http://www.philips.co.uk/cinema
really cool looping single instant in time that zooms around like bullet time and inspired by Dark Knight Batman with the joker type clown masks
minisite for Philips' 21:9 TV, 'Single' tracking shot
Twitshirt
http://twitshirt.com/
twitshirt this!
Twitshirt
12 WordPress Plugins for Theme Development | Vandelay Design Blog
http://vandelaydesign.com/blog/design/wordpress-plugins-for-theme-development/
One of the great things about using WordPress as a content management system is the huge community of users and all of the resources that are available. While all plugins could be used by theme developers, the ones featured in this post have features that can be especially helpful for various aspects of theme development.
12 WordPress Plugins for Theme Development
Temų demonstravimo įskiepiai
A great list of plugins for people developing (or just hacking up) Wordpress themes.
Webby Nominees
http://www.webbyawards.com/webbys/current.php?season=13
ACTIVISM | ART | ASSOCIATIONS | AUTOMOTIVE | BANKING/BILL PAYING | BEAUTY AND COSMETICS | BEST COPY/WRITING | BEST HOME/WELCOME PAGE | BEST NAVIGATION/STRUCTURE | BEST PRACTICES | BEST USE OF ANIMATION OR MOTION GRAPHICS | BEST USE OF PHOTOGRAPHY | BEST USE OF TYPOGRAPHY | BEST USE OF VIDEO OR MOVING IMAGE | BEST VISUAL DESIGN - AESTHETIC | BEST VISUAL DESIGN - FUNCTION | BLOG - BUSINESS | BLOG - CULTURE/PERSONAL | BLOG - POLITICAL | BROADBAND | CELEBRITY/FAN | CHARITABLE ORGANIZATIONS NONPROFIT | COMMUNITY | CONSUMER ELECTRONICS | CORPORATE COMMUNICATIONS | CULTURAL INSTITUTIONS | EDUCATION | EMPLOYMENT | EVENTS | FAMILY/PARENTING | FASHION | FINANCIAL SERVICES | FOOD AND BEVERAGE | GAMES | GAMES-RELATED | GOVERNMENT | GUIDES/RATINGS/REVIEWS | HEALTH | HUMOR | INSURANCE | IT HARDWARE/SOFTWARE | LAW | LIFESTYLE | MAGAZINE | MOVIE AND FILM | MUSIC | NETART | NEWS | NEWSPAPER | PERSONA
Webby Awards Cycle 13.
» What Is User Experience Design » Articles » Intelligent Experience Design
http://www.montparnas.com/articles/what-is-user-experience-design/
16+ Tech-Tool/Tip that will Make you a Better Web Designer and Blogger | Desizn Tech
http://desizntech.info/2009/04/16-tip-to-make-you-a-better-web-designer-and-blogger/
16+ Tech-Tool/Tip that will Make you a Better Web Designer and Blogger
25 Places to Find Awesome Stock Photos — Free and Cheap! | Design Links | Tutorial Blog
http://tutorialblog.org/25-places-to-find-awesome-stock-photos-%E2%80%94-free-and-cheap/
Looking for stock photos? Check this post for oodles of resources.
40 Amazing Online Photography Magazines | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/04/17/40-amazing-online-photography-magazines/
Photogs, take note.
Main Page - MobileDesign
http://patterns.design4mobile.com/index.php/Main_Page
Mobile UI design resources, patterns, devices, and so forth.
8 Simple Ways to Improve Typography In Your Designs • Blog Archive • AisleOne
http://www.aisleone.net/2009/design/8-ways-to-improve-your-typography/#more-1979
I wrote this article for Smashing Magazine and it was published last Friday on their site. I'm re-publishing it here for your reading pleasure. Enjoy.
http://www.scarygirl.com/world.php
http://www.scarygirl.com/world.php
Good flash game
This flash game combines platforming, adventure, puzzle and arcade style elements. 14 levels of gameplay.
Another highly-anticipated-by-me game launch announcement! This letter is a little shorter, though. From my inbox: "The Scarygirl game is officially online and free to play! Visit http://www.scarygirl.com/ ¶ "Please spread the word and enjoy"
21 More Free Fonts to Enhance Your Designs | Fonts | instantShift
http://www.instantshift.com/2009/04/07/21-more-free-fonts-to-enhance-your-designs/
We recently compiled a article on Free Fonts to Enhance Your Designs, and in response to reader requests, we'll compiling the new list here with more fresh free , instantShift.com is the light chronicle moments of knowledge, created as world moving forward.
We recently compiled a article on Free Fonts to Enhance Your Designs, and in response to reader requests, we’ll compiling the new list here with more fresh free typefaces. Display typography is a potent element in graphic design, where there is less concern for readability and more potential for using type in an artistic manner. Type is combined with negative space, graphic elements and pictures, forming relationships and dialog between words and images as some say that web design without typography is like an Apple pie without a Apple. This article showcases the Most Beautiful and Fresh Free Fonts to inspire and encourage good typography selection in web design. The basic purpose behind this post is to show you Popular, Artistic and most importantly Free Downloadable font types to save your time searching them online. Direct download link available for the entire fonts. You can also find some related free references at the end of the post. Just make sure to read the license agree
Even better, there are a bunch of links at the bottom for similar resources.
Finding Inspiration
http://www.webdesignerwall.com/general/finding-inspiration/
As a designer, I think we all have experienced the hard time of finding new ideas and inspirations.
Artigo, encontrando inspiração
How to Use Photoshop Gradients Plus 600+ Gradients to Download | Best Design Options
http://bestdesignoptions.com/?p=2314
Photoshop用グラデーションまとめ
In Photoshop, the gradient tool is one of the most useful especially when creating background, icons, buttons for the web and many other things. Today, let’s have a simple step by step tutorial on how to maximize the use of this Photoshop tool. At the end of this post, you well find plenty of resources that you can download and use for free in your designs. The gradient tool is grouped with the Pain Bucket Tool in the Tools palette usually located on the left side of the screen. And since gradient tool is not the default tool displayed in Photoshop, you have may either use the mouse or first press G and then Shift+G to alternate between the paint bucket tool (which is the default tool displayed) and the gradient tool. HOW TO ACCESS THE GRADIENT TOOL IN THE TOOLS PALETTE: Once the gradient tool is selected, an option bar will appear, which then offer you with options to make a new gradient, customize an existing gradient preset or upload more gradient presets to Photoshop. THE GRADI
How To Create an Awesome Vector Skate Deck Design | Blog.SpoonGraphics
http://www.blog.spoongraphics.co.uk/tutorials/how-to-create-an-awesome-vector-skate-deck-design
Example
There’s nothing cooler than designing artwork for a skateboard deck! Follow this walkthrough in Adobe Illustrator to create your own vibrant and stunning vector artwork using geometric lines, shapes and a perfect colour scheme. The result is an awesome deck design ready for wall hanging, or hooking up with trucks and wheels for a session on the street! Skateboard Deck Design Due to the size of skateboard decks it’s much easier on your RAM producing your designs in vector. 33×9inch Photoshop files at 300dpi can soon eat up some memory! Therefore start work by opening up Adobe Illustrator. Depending where your design is being produced the exact board shape can vary slightly, but on average a common 7 ½ inch deck will require artwork at around 33×9inches in size. Head over to ColourLovers.com for some inspiration for a colour palette for the design, the choice here is a crucial part of the process. I’ve picked out this cool selection called brr!!!gght. Draw a rectangle across the who
UNIQLO INTRODUCTION
http://www.uniqlo.com/jp/introduction/
縦スクロール
waterfall, with interactive elements
Manual of Errorsの人が音つくってるみたい。 モーションのパターンとリズム感、 コラージュ感とか。
BGMも気持ちいい
最後まで行くと・・・・
CMSとしてのWordPressでサイト構築をするときに便利な13のプラグイン | 5509
http://moto-mono.net/2009/04/16/using-wordpress-as-cms.html
Tropicana Line's Sales Plunge 20% Post-Rebranding - Advertising Age - News
http://adage.com/article?article_id=135735
Tropicana's rebranding debacle did more than create a customer-relations fiasco. It hit the brand in the wallet.
Design A Fresh Blog Theme On The 960 Grid | My Ink Blog
http://www.myinkblog.com/2009/02/24/design-a-fresh-blog-theme-on-the-960-grid/
Herman Miller
http://demos.freedomandpartners.com/thoughtpile/
a crowd sourcing site, in beta, which aims to answer tricky and interesting questions, so getting a feel for the view of the crowd. useful thing to try and do, very odd site design, unfriendly and unclear but arty!! not tried it but watch this space....
navigationing!
Herman Millers ThoughtPile application, bundling user generated ideas on new topics every day.
CreativeTechs Tips » Convert InDesign files to Microsoft Word.
http://creativetechs.com/tipsblog/convert-indesign-file-to-microsoft-word/
Every graphic designer eventually finds themselves facing this client request. You’ve designed a newsletter layout in Adobe InDesign. The client loves it, but they want a template in Microsoft Word they can edit themselves. CreativeTechs happens to be located in Seattle, just across the lake from the Redmond campus of Microsoft. Needless to say, we get this question a LOT from various graphic designers in our area. There isn’t a perfect solution, but here is a technique that does a surprisingly good job. Conversion Trick: InDesign-to-PDF, then PDF-to-Word. Save your InDesign file as a PDF. Then use a utility to convert that PDF to a Word document (this technique also works with QuarkXPress layouts). While there are many PDF-to-Word converters, here is a service (still in beta) that does a remarkably good job maintaining the layout and editability of the resulting Word files: Link: Online PDF-to-Word Converter (beta) You’ll have to clean up the resulting Word file, but I’ve been p
PDF to Word
convert pdf to word
Fluid Images — Unstoppable Robot Ninja
http://unstoppablerobotninja.com/entry/fluid-images/
Ethan follows up his Fluid Grids article with an equally excellent piece on resizing images.
Dynamically scale images with the rest of fluid layouts.
Comprehensive article about using fluid images and details about appropriate ways to achieve this.
LEGS
http://welcometolegs.com/
Did the Diesel Meat puppet campaign and make other strangeness
video design agency inspiration advertising
Estudio de creativos que realizan vídeo, fotografía, performance, etc... Curiosa intro de cuerpos desnudos flotando en el vacío.
productora chevere
This intro is incredible. Naked folks floating through air, and I'm not normally into that.
Interesting nav and full screen video
ウェブデザインにおける効果的な背景の使い方 | コリス
http://coliss.com/articles/build-websites/operation/design/backgrounds-in-web-design.html
ウェブデザイナーなら覚えておいて損はないはず。
Retro Rainbow Tutorials and Design Showcase | Design Showcase, Tutorials | Smashing Magazine
http://www.smashingmagazine.com/2009/04/19/retro-rainbow-tutorials-and-design-showcase/
COMO JA DITO... TUTOS
Retro Rainbow Tutorials and Design Showcase | Design Showcase, Tutorials | Smashing Magazine
Rainbow Tutorials and Design Showcase
สอนทำรุ้งแบบย้อนยุค
Outstanding Website Background Guide: 60+ Impressive Resources | Noupe
http://www.noupe.com/design/outstanding-website-background-guide-60-impressive-resources.html
Ideas for patterned and decorated backgrounds.
Web designers compete to impress visitors with distinctive and appealing visual elements. Background images are one of those visual elements that when designed properly, can create an amazing atmosphere and convey the style the designer has chosen.
Design To Sell: 8 Useful Tips To Help Your Website Convert
http://digg.com/d1o2if
Show this to Danny at work.
Design To Sell Useful Tips To Help Your Website Convert
1. Subliminal Suggestion; 2. Prevent Choice Paralysis; 3. Show The Product; 4. Let People Try It; 5. AIDA; 6. Guide attention; 7. Always Provide Next Actions; 8. The Gutenberg rule
600+ Free Design, Twitter and Social Media Icons: A Collection Motherload | The Design Cubicle
http://www.thedesigncubicle.com/2009/04/600-free-design-twitter-and-social-media-icons-a-collection-motherload/
Whether it’s those little Twitter birds, social media or website icons, we all love and need them from time to time. Over the past several months many other blogs have compiled their list of website, social media, Twitter and other icons, so in case you missed them here is the motherload collection!
Hover Effects in Web Design: Best Practices and Examples | Spoonfed Design
http://www.spoonfeddesign.com/hover-effects-in-web-design-best-practices-and-examples
Navigation
Spoonfed Design is a blog for designers and developers to get inspired, learn new techniques, and pick up new ideas or resources.
Sentenc.es - A Disciplined Way To Deal With Email
http://three.sentenc.es/
A Disciplined Way To Deal With Email
100+ Massive Wordpress Tutorial Collection | tripwire magazine
http://www.tripwiremagazine.com/tutorials/developer-toolbox/xxx-massive-wordpress-tutorial-collection.html
100+ Massive Wordpress Tutorial Collection
In this article tripwire magazine provides one of the most comprehensive compilations of Tutorials for Wordpress. The article is mainly focused on version 2.7+ but most resources will be relevant for earlier versions as well. Wordpress is without discussion one of the most popular blogging and publishing platforms ever. Mastering both simple and advanced Wordpress techniques will enable you to create blog solutions that are highly accessible and attractive to your target audience. Read on and take control over Wordpress.
In this article tripwire magazine provides one of the most comprehensive compilations of Tutorials for Wordpress
Typeface Inspired by Comic Books Has Become a Font of Ill Will - WSJ.com
http://online.wsj.com/article/SB123992364819927171.html
"If you love [Comic Sans], you don't know much about typography," Mr. Connare says. But, he adds, "if you hate it, you really don't know much about typography, either, and you should get another hobby." Seriously.
Retour sur la font la plus haïe de tous les temps.
"If you love it, you don't know much about typography," Mr. Connare says. But, he adds, "if you hate it, you really don't know much about typography, either, and you should get another hobby."
the story behind Comic Sans...
The ubiquitous, bubbly typeface has spawned a Ban Comic Sans movement, nearly a decade old but stronger now than ever, thanks to the Web.
I've never been a fan of Comic Sans, and used to cringe when my friend James would use it for research papers in graduate school. For that kind of work, I'll go with Palatino in LaTeX.
10 Awesome Free Sans Serif Fonts | My Ink Blog
http://www.myinkblog.com/2009/04/19/10-awesome-free-sans-serif-fonts/
40+ Stylish and Trendy Icon Sets
http://sixrevisions.com/resources/40-stylish-and-trendy-icon-sets/
40+ Stylish and Trendy Icon Sets
The method still works - (37signals)
http://www.37signals.com/svn/posts/1681-the-method-still-works
hand drawing a UI
Simple concise flexible approach to drafting UI with pen and paper.
ImageSwitch | HieuUK
http://www.hieu.co.uk/blog/index.php/imageswitch/
Beautiful!
1337!!!
The main point of this plug-in is to make an easy-to-use, simple and fast plug-in to create effect when you switch between images. Minimize the arguments you need to input and still give some decent effects.
30 Text Effect Tutorials for Adobe Illustrator | Vandelay Design Blog
http://vandelaydesign.com/blog/design/illustrator-text-effect-tutorials/
Create a Grid Based Resume/CV Layout in InDesign
http://www.blog.spoongraphics.co.uk/tutorials/create-a-grid-based-resume-layout-in-indesign
interesting ;)
R.fm - The Finest Blend of Club Culture
http://r.fm/
50 great examples of infographics - FrancescoMugnai.com
http://blogof.francescomugnai.com/2009/04/50-great-examples-of-infographics/
Infográfico
Bem interessante.
50+ Sources To Download High-Quality Free Vector Stuff | Showcases | instantShift
http://www.instantshift.com/2009/04/16/50-sources-to-download-high-quality-free-vector-stuff/
50+ Sources To Download High
This article is about some struggles in the european stock market. on monday the european stocks ended sharply. european optimists are saying that the global stock markets are doing well.
Outstanding Website Background Guide: 60+ Resources
http://digg.com/d1p7Xc
guide to understand background
Web designers compete to impress visitors with distinctive and appealing visual elements. Background images are one of those visual elements that when designed well, can create an amazing atmosphere and convey the style the designer has chosen. In this post you will see how web designers carefully created background images to achieve their goals.
40 Stylish, Minimal and Clean Free Wordpress Themes : Speckyboy Design Magazine
http://speckyboy.com/2009/04/20/40-stylish-minimal-and-clean-free-wordpress-themes/
:: WILLOW Design Belfast, Graphic Design, Belfast, Graphic Designers Northern Ireland ::
http://www.willowni.com/
design gráfico, tipografia
WILLOW - Graphic Designers based in Belfast.
The Art & Science of Seductive Interactions
http://www.slideshare.net/stephenpa/the-art-science-of-seductive-interactions?type=presentation
slide show about designing interaction.
You know you want to...
シムシティーの仕組み
http://simlabo.main.jp/educate/material/simshikumi.htm
By Will-Wright
ウィルライトがあかすシムシティ
Fusion Ads
http://fusionads.net/
Invite only ad network
pretty good targeted advertising for early adopters
5 Simple Tricks To Bring Light and Shadow Into Your Designs | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/04/20/5-simple-tricks-to-bring-light-and-shadow-into-your-designs/
5 Simple Tricks To Bring Light and Shadow Into Your Designs
13 Photoshop CS4 Video Tutorials for Learning New Features | Web Design Ledger
http://webdesignledger.com/tutorials/13-photoshop-cs4-video-tutorials-for-learning-new-features
13 Photoshop CS4 Video Tutorials for Learning New Features | Web Design Ledger - http://webdesignledger.com/tutorials/13-photoshop-cs4-video-tutorials-for-learning-new-features
If you’re like me, sometimes you are so busy with projects that you fail to take time to familiarize yourself with the new features of upgraded software. Since Photoshop is the design tool of choice for many web designers, and since CS4 hasn’t been out very long, I’ve decided to round up some useful video tutorials that demonstrate some of it’s new features.
30 Creative Illustrative Website Headers
http://sixrevisions.com/design-showcase-inspiration/30-creative-illustrative-website-headers/
30 Creative Illustrative Website Headers - http://sixrevisions.com/design-showcase-inspiration/30-creative-illustrative-website-headers/
Great headers for blogs, sites, etc
A List Apart: Articles: In Defense of Eye Candy
http://www.alistapart.com/articles/indefenseofeyecandy
Great article about how good design really works
We’ve all seen arguments in the design community that dismiss the role of beauty in visual interfaces, insisting that good designers base their choices strictly on matters of branding or basic design principles. Lost in these discussions is an understanding of the powerful role aesthetics play in shaping how we come to know, feel, and respond.
101 Examples of Text Treatments on the Web | Webdesigner Depot
http://www.webdesignerdepot.com/2009/04/101-examples-of-text-treatments-on-the-web/
Text Web Design
100 (Non-Design) Blogs that Every Web Designer Should Read - Web Design Schools Guide
http://www.webdesignschoolsguide.com/uncategorized/100-non-design-blogs-that-every-web-designer-should-read.html
Typefaces we can all share : Open Font Library
http://openfontlibrary.fontly.org/
What is Vertical Align?
http://css-tricks.com/what-is-vertical-align/
print!
Web Design
CSS has a property called vertical align. It can be a bit confusing when you first learn about it, so I thought we could go through it’s use a little bit. The basic usage is like this:
Design Resources - Brushes, Fonts and Icons | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/design-resources-brushes-fonts-and-icons
design inspiration and tutorials Brushes, Fonts and Icons
Some time ago I've posted a bunch of links to CSS tips and tricks. That day, one of our reads requested a post on design resources, and I just had to post some awesome links that will make designing much more fun for you.
Once more, I went thru my Delicous and found some great stuff I had saved there. Today I'm listing some Photoshop Brushes, Fonts and Icons. Probably next week, the next post on this brief series will be textures, photoshop actions and website templates. I hope you you enjoy these and just wait until next week for more!!
Great collection of backgrounds, fonts and icons for your next design project.
Three Secrets to Make a Message Go Viral | Fast Company
http://www.fastcompany.com/magazine/135/made-to-stick-getting-your-ideas-to-fly.html
How to make a story work for you
Why is the gang-initiation tale so irresistible to pass on? Notice a few things about the idea. It's emotional -- in fact, if you believe it, it's terrifying. The French psychologist Bernard Rimé has found that people almost compulsively share emotional experiences (both positive and negative), and the more intense the emotion, the more likely they are to talk about it. There's another emotional angle: When someone shares this legend with you, they feel like they're doing a public service. They might believe they're saving your life. And that's the second trait of viral ideas. It's often a small favor: "Hey, it's Free Breakfast Day at Denny's!" or "Dude, have you seen the video of that David kid who was drugged up after his dentist visit?" It feels good to save our friends money, or del
I ♥ wireframes
http://wireframes.tumblr.com/
Presentations, videos, photos
16 Best Web Design Galleries for Inspiration
http://sixrevisions.com/web_design/16-best-web-design-galleries-for-inspiration/
Creative Print Typography Layouts | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/04/21/creative-print-typography-layouts/
Sehr inspirierende Liste volle Typo-Layouts.
In print design, typography is one of the more crucial aspects. Typography is essential the practice of organizing, arranging, and modifying type. The typography techniques uesed in print has a direct impact on how the reader is able to receive the image. In print, typography doesn’t have to be plain and boring. It can be beautiful, creative, and colorful. There are a number of ways to liven up typography, such as creative and original layouts, using color variations, use of fancy fonts, and much more.
Capo
http://supermegaultragroovy.com/products/Capo/
Capo is a musician's best friend. It lets you slow down your favorite songs, so you can hear the notes and learn how they are played.
slowsdown pitch of audio so you can hear it better
Music editing program
nice app for slowing down songs, looping them, and/or changing pitch
Interface Design Inspiration | 30 Beautiful Website Footer Designs | Dzine Blog
http://dzineblog.com/2009/04/interface-design-inspiration-30-beautiful-website-footer-designs.html
This post is a part for dzineblog’s interface design inspiration series, the series which focuses on inspiration on graphic user interface designs that will help you in enhancing your interface design skills.
Fabien Barral - freelance graphic designer
http://www.fabienbarral.com/home.htm
Typographica
http://new.typographica.org/
* Type * Type Reviews * Type Books * Type Commentary
Like just about everybody else, I'm loving it.
Jeffrey Zeldman Presents : “Taking Your Talent to the Web” is now a free downloadable book from zeldman.com
http://www.zeldman.com/2009/04/16/taking-your-talent-to-the-web-is-now-a-free-downloadable-book-from-zeldmancom/
Jeffrey Zeldman “Taking Your Talent to the Web” の全文PDFを無料配布。
I wrote this book in 2001 for print designers whose clients want websites, print art directors who’d like to move into full–time web and interaction design, homepage creators who are ready to turn pro, and professionals who seek to deepen their web skills and understanding.
Jeffrey Zeldman'in kitabını indirin
How to Create a Sleek and Textured Web Layout in Photoshop
http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-sleek-and-textured-web-layout-in-photoshop/
Nate Koechley: "Professional Frontend Engineering" on Yahoo! Video
http://video.yahoo.com/watch/4671445/12486762
provides a good explanation of frontend web development
Front end
[transcript: http://ericmiraglia.com/blog/?p=181 ] This YUI Theater entry captures one of the courses Nate has taught at Yahoo, "Professional Frontend Engineering." It covers the foundations of the discipline, some of its core ideas, and...
Visual Representation of Tabular Information - How to Fix the Uncommunicative Table | FlowingData
http://flowingdata.com/2009/04/21/visual-representation-of-tabular-information-how-to-fix-the-uncommunicative-table/
table data visualisating
Improving the transition from paper to Photoshop | creative briefing
http://creativebriefing.com/improving-the-transition-from-paper-to-photoshop/
Paper prototyping is a great way for designers to plan sites. Still, many struggle with bringing their sketches to Photoshop. Here are 4 tips to help that transition.
Técnicas e exemplos de rascunhos de layout de sites em papel
「無料で使える画像素材が満載の20サイト!」という記事があったので本当に使えるものだけピックアップしてみた - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/04/handpicked_stock_photo_sites.html
ウェブサイトの設計図 ワイヤーフレームを活用しよう | DesignWalker
http://www.designwalker.com/2009/04/wireframe-2.html
Ultimate Typographic Logos Inspiration | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/ultimate-typographic-logos-inspiration
typographic logos
The jQuery Style - Awesome sites built with jQuery
http://jquerystyle.com/
รวมเวบไซต์สวยๆที่ใช้ jquery
Exemplos de jQuery
How To Use Help Elements To Improve Your Designs | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/04/23/help-elements-design-showcase/
15 Online Background Generators | SingleFunction
http://singlefunction.com/15-online-background-generators/
tabSwitch | HieuUK
http://www.hieu.co.uk/blog/index.php/tabswitch/
abSwitch is a tab/slider plugin for jQuery
tabSwitch is a tab/slider plugin for jQuery - Contenido swapeable
Our Favorite Typefaces of 2008 | Review Feature | Typographica
http://new.typographica.org/2009/features/our-favorite-typefaces-of-2008/
always nice to keep these around for inspiration on new designs
best fonts. Doesn't hurt that the site itself is easy on the eyes
写真がうまくなりたい?「ひとつ上の構図」を目指すための9のTips - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/04/photography_composition_rules.html
こういうの好き。
写真の切り取り方。7番目の写真は足尾?
mainstudio
http://www.mainstudio.nl/
Very simplistic javascript-based portfolio site. Worth investigating its mechanics.
portfolio design
Graphic design studio based in Amsterdam
bonzão, link do Adriel
Nice body of work.
30 Beautiful Real Estate Websites | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/04/23/30-beautiful-real-estate-websites/
Real Estate Website Designs
How to Apply Textures to Uneven Surfaces - PSDTUTS
http://psd.tutsplus.com/tutorials/photo-effects-tutorials/how-to-apply-textures-to-uneven-surfaces/
The Disturbing Beauty Of Oversaturated Pictures and Lomography | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/04/20/the-disturbing-beauty-of-oversaturated-pictures/
The Disturbing Beauty Of Oversaturated Pictures and Lomography
“Lomography” is a term quite unknown to most of us, but many practice it. The name was inspired and derived from the Russian “LOMO” cameras.
via delicious home popular
Is Crowdsourcing Evil? The Design Community Weighs In | Epicenter from Wired.com
http://blog.wired.com/business/2009/03/is-crowdsourcin.html
ms increasingly obvious that it will. Aided by a new generation of sophisticated startups, ever cheaper creative tools and
This several weeks old, but still of interest. If you're a designer or design you student you should definitely read it.
ing industries-the spoils g
something for nothing?
ハイクオリティ無料アイコンまとめ100パック2009年最新版*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-632.html
無料アイコン
Five Types of Effective Headers in Web Design
http://sixrevisions.com/web_design/five-types-of-effective-headers-in-web-design/
Your website’s header makes an immediate impact on your user so it’s important to get it right. Think about what you’re trying to achieve, what’s the first thing you want to tell your users when they visit your site, what will intrigue them and get them to read further? A header gives you room to play and be creative, especially on the homepage, and there are a number of techniques you can use to connect with your user.
Progressive Enhancement: What It Is, And How To Use It? | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/04/22/progressive-enhancement-what-it-is-and-how-to-use-it/
Progressive Enhancement is a powerful methodology that allows Web developers to concentrate on building the best possible websites while balancing the issues inherent in those websites being accessed by multiple unknown user-agents. Progressive Enhancement (PE) is the principle of starting with a rock-solid foundation and then adding enhancements to it if you know certain visiting user-agents can handle the improved experience.
Creating Consistently Colorful User Experiences: Part 1, Theory | UX Booth
http://www.uxbooth.com/blog/visual-design/creating-consistently-colorful-user-experiences-part-1-theory/
Ultimate Collection Of Useful Photoshop Plug-Ins | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/04/23/ultimate-collection-of-useful-photoshop-plug-ins/
Ultimate Collection Of Useful Photoshop Plug-Ins
10 Principles of the Logo Design Masters - Vectortuts+
http://vector.tutsplus.com/articles/web-roundups/10-principles-of-the-logo-design-masters/
Grid System Generator (v0.94) | Create valid css / xhtml grid systems
http://www.gridsystemgenerator.com/
Grid System Generator (v0.94) | Create valid css / xhtml grid systems
Pequeno sistema onlne que cria grids com css e xhtml válidados
30 Sites For Fantastic, Free Fonts
http://www.sitepoint.com/blogs/2009/04/24/30-sites-for-fantastic-free-fonts/
30 Sites For Fantastic, Free Fonts
Fuck the foundries [dive into mark]
http://diveintomark.org/archives/2009/04/21/fuck-the-foundries
Dynamic web fonts are coming. Actually they’re already here, but most of Our People haven’t noticed yet. But they will, and that’s going to be a huge boon to somebody.
The more I read about embedded web fonts, the more I crystalize my thinking. Take, for example, this latest “A List Apart” article where Jeffrey Zeldman interviews David Berlow: Zeldman: Let me put it another way. I want to use your ITC Franklin in a site I’m designing, but I’m not willing to violate my end user licensing agreement. How do we resolve this impasse, from your perspective? Berlow: The next step is for those who control the font format(s) to define and document a permissions table to be added with all due haste to the OpenType, CoolType, TrueType, and FreeType formats. … Zeldman: How can type designers and web designers work together to persuade the engineers who control the formats to modify the code to include a permissions table? Berlow: [W]eb designers flat-out refused to part with real type, which has filled the web with type as graphic files, scaring the bejesus out of a lot of engineering people. … How important dynamically rendered type is to de
Your Fonts are superior to Our Fonts in every conceivable way, except one: WE CAN’T FUCKING USE THEM
Mr. Pilgrim at his best :)
Business Card Star - Design business cards for free at Businesscardstar
http://businesscardstar.com/
business card
PSD to WordPress Theme Coding | Your design to a beautiful WordPress Theme
http://www.psdtowp.com/
There's a fun job.
Space and Planet Photoshop Tutorials To Create Amazing Space Scenes | Video Tutorials | Web Design Blog | Design Shard
http://www.designshard.com/video-tutorials/space-and-planet-photoshop-tutorials-to-create-amazing-space-scenes/
There a lot of space tutorials out there some are better than others, i have managed to try and select a few of what I think can allow you to get great effects that look like they belong and don’t look completely Photoshopped. I tried to be as varied as possible so there are tutorials for creating planets, stars, nebulas and atmospheric type gasses. The great thing is that they lay down the building blocks to experiment and create you own stunning universe. Gas bursts and Atmosphere This tutorial shows you how to create some great gas explosions coming from the planets atmosphere with some pretty simple tools, yet looks stunning space-atmosphere Realistic Star fields Create realistic star fields, the trick with this one is to be totally random and keep building up your layers the end result will speak for it self, with an image that looks like its evolving. realistic-starfield Simple Star fields Create simple yet affective star fields in 8 easy steps. simple-starfield Realistic
There a lot of space tutorials out there some are better than others, i have managed to try and select a few of what I think can allow you to get great effects that look like they belong and don’t look completely Photoshopped.
30+ Most Wanted Photo Manipulation Tutorials in Photoshop Part I | Naldz Graphics
http://naldzgraphics.net/tutorials/30-most-wanted-photo-manipulation-tutorials-in-photoshop-part-i/
Inspired by the 30+ Weirdest Animal Photo Manipulations, I made a list of Photoshop Tutorials for you to learn how to make your own photo manipulation. Here is a 30+ Most Wanted Photo Manipulation Tutorials in Photoshop to help you enhance more techniques on manipulating images. There will be a Part II on this showcase so make sure to watch out for it. How to Create a Flaming Photo Manipulation pho1 On this tutorial, you’ll manipulate a picture so it looks like a woman burning in flames. The idea behind this manipulation was to create a nice looking illustration, only by using simple techniques and tools such as the Brush tool and Warp command. Alien Photo Manipulation Photoshop Tutorial pho2 Turn a woman into an alien by combining two photos. This tutorial will teach you several photo manipulation techniques for creating scary photo manipulations. Landscape photo manipulation pho3 In this tutorial,you will learn how to create your unique wallpapers using photo manipulation.Using
15 Favorite E-Books for Web Design and Development | TutorialFeed
http://tutorialfeed.blogspot.com/2009/04/15-favorite-e-books-for-web-design-and.html
Massive List of 1009 Hi-Res Free Textures and Background Images | 2experts Design - Web Design and Graphic Design Blog
http://www.2expertsdesign.com/2009/04/11/massive-list-of-hi-res-free-textures/
How to Take Excellent Portrait Photos | Webdesigner Depot
http://www.webdesignerdepot.com/2009/04/how-to-take-excellent-portrait-photos/
CSS Illustrated | CSS Gallery Showcasing Illustrated Web Design
http://cssillustrated.com/
CSS Illustrated | CSS Gallery Showcasing Illustrated Web Design
CSS Gallery Showcasing Illustrated Web Design
scottberkun.com » Why requirements stink
http://www.scottberkun.com/blog/2009/why-requirements-stink/
Two links to Berkun in one day! But there is a great axiom contained within: "Requirements is not Design."
The one book anyone working on requirements needs to read is Exploring Requirements by Gerald Weinberg. It points out most of the stupidity that goes on, explains avoidance tactics, and clearly expresses how requirements are part of the design process - that good problem solving techniques can quickly make your requirements documents better than ever.
Here’s a requirements list: Make a $5 car that goes 500 miles per hour, weighs 10 lbs, and is invisible. Those are very clear requirements. They’re also impossible.
"I don’t want an engineer working on something s/he thinks is stupid. How I can expect them to do good work on something they find stupid?"
1: Requirements is not Design. 2: Too Many Cooks. I like Berkun.
(1) Requirements may be impossible to implement. (2) Requirements writing is hard when no single person has the knowledge and authority.
Using Adobe Kuler to Enhance Your Photoshop Color Workflow - PSDTUTS
http://psd.tutsplus.com/tutorials/tools-tips/using-adobe-kuler-to-enhance-your-photoshop-color-workflow/
Let's look closely at a crucial and time-saving product for designers called Adobe Kuler. We’ll learn to explore, create and share color themes using the
介绍了kuler的用法
Come usare Adobe Kuler
usando o kuler da adobe
60 Beautiful Ubuntu Desktop Wallpapers | Wallpapers
http://www.hongkiat.com/blog/60-most-execellent-ubuntu-wallpapers/
Wallpapers para Ubuntu
Rhett Dashwood
http://rhettdashwood.com.au/#16575
"Over the course of several months beginning October 2008 to April 2009 I've spent some of my spare time between commercial projects searching Google Maps hoping to discover land formations or buildings resembling letter forms. These are the results of my findings limited within the state of Victoria, Australia." Via Subtraction
Google Maps Typography
Rhett Dashwood
Google typography
googlemap typography
natural formations of letters
Now, I know my ABCs, and have a rudimentary awareness of various Victorian landmarks.
Cool High Quality Wallpapers - Cool Pictures | Cool Stuff | Cool Videos
http://www.collthings.co.uk/2009/03/cool-high-quality-wallpapers.html
Cool Pictures | Cool Stuff | Cool Videos: Cool Free High Quality Desktop Wallpapers - http://www.collthings.co.uk/2009/03/cool-high-quality-wallpapers.html
=)
** Posted using Viigo: Mobile RSS, Sports, Current Events and more **
Notimo Demos site
http://paquitosoft.com/notimoo/
This website is a placeholder for Notimoo sample demos. Notimoo is a Mootools plugin for displaying Growl style notifications to your web visitors. Demo 1 Run this code // First of all I create a Notimoo instance with default configuration var notimooManager = new Notimoo(); // Showing a simple notification notimooManager.show({ title: 'Testing notification', message: 'This is a sample notitication showing how easy is to use Notimoo.' }); // Showing a notification that does not disappear. notimooManager.show({ title: 'Testing notification', message: 'This notification will not disapper on its own. You must click on it to close.', sticky: true }); // Notification with large text. notimooManager.show({ title: 'Testing notification', message: 'This is a notification with a long text. If the message you provide does not fit into the notification size, Notimoo magically auto resize its height so all the content is visible.' }); // First of all I c
利用者に対し非常に分かりやすい通知を行うためのJavaScriptライブラリ「Notimoo」。ページの右上にフェードインで表示するのはなかなかインパクトが大きいですね。
21 Truly Impressive And Eye Catchy Collection Of Free Textures @ SmashingApps
http://www.smashingapps.com/2009/04/25/21-truly-impressive-and-eye-catchy-collection-of-free-textures.html
old paper, leaf, webby thingy
Eye Catchy Collection Of Free Textures
15 Interesting online presentations for web developers
http://dreamcss.blogspot.com/2009/04/15-interesting-online-presentations-for.html
Various Web Development
we♥icons : Mac, Windows and PNG icons of the finest quality!
http://weloveicons.com/
Mac, Windows and PNG icons of the finest quality!
40+ Beautiful Robot Characters Illustration | Naldz Graphics
http://naldzgraphics.net/inspiration/40-beautiful-robot-characters-illustration/
Nothing!
http://is.gd/nuTA 40+ Beautiful Robot Character Illustrations [from http://twitter.com/digital_idiot/statuses/1405912825]
robots
Preloaders.net | Free AJAX animated loading gif's | Circular
http://preloaders.net/en/circular
loading
ローディング画像ジェネレータ
28 Online Photo Editing Websites To have Fun With | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/services/28-online-photo-editing-websites-to-have-fun-with/
There are professional,funny,silly photo editing websites collected in this list, which will better Your mood and let You edit photos without knowing any program!
bio-bak.nl - now featured in 1000 megapixels!
http://www.bio-bak.nl/?ref-reallyflippingcool
Entertaining
How to Extract the Facts with a Web Design Client Questionnaire - FreelanceSwitch - The Freelance Blog
http://www.freelanceswitch.com/finding/web-design-client-questionnaires/
Fragen des Webdesigners an den Kunden
How to Extract the Facts with a Web Design Client Questionnaire It might not be possible to have a meaningful relationship with price shoppers, but it’s worth taking the time to learn what your potential clients want in a website. This article will help you create a prospect qualification questionnaire that can be used via telephone or Internet or in face-to-face meetings.
The Right Way to Make a Dropdown Menu
http://www.sitepoint.com/blogs/2009/04/01/the-right-way-to-make-a-dropdown-menu/
Wie sollte ein benutzerfreundliches Dropdown aussehen? Mit Beispiel.
23 amazing free modern clean sans serif fonts for designers on studiowhiz.com
http://www.studiowhiz.com/2009/04/01/23-free-amazing-modern-clean-fonts/comment-page-1
Saving this to check later. too many fonts around these days.
How to Make a Photoshop Montage | Webdesigner Depot
http://www.webdesignerdepot.com/2009/04/how-to-make-a-photoshop-montage/
For creations
Photoshop Tutorial - How to Make a Photoshop Montage
優れたユーザインタフェースを設計する際に考慮する8つのポイント | コリス
http://coliss.com/articles/build-websites/architectonics/usability/8-characteristics-of-successful-user-interfaces-2.html
優れたユーザインタフェースを設計する際に考慮する8つのポイント
ユーザビリティ説明のサイト
これでテストケース引いたらコンスタントにいいものが作れそう
優れたユーザインタフェース設計するポイント
44 Excellent Free Icon Sets Everyone Must Have | Naldz Graphics
http://naldzgraphics.net/freebies/40-excellent-free-icon-sets-everyone-must-have/
You can find lots of free beautiful icons set on the web. We are lucky that some talented designers/artist are sharing their works by providing us some useful stuffs for free. Here is a 40+ Excellent Free Icon Sets Everyone Must Have. These Icons can be use on customizing your desktop icons or for your website.
ไอคอนอีกแล้วววว
The Lazy Rule of Thirds | Whimsical Fashion Photography
http://jakegarn.com/the-rule-of-thirds/
กฎก้นหอย?
photo theory
it is echoed
17 Open Source Tools To Draw, Edit, Layout And Animate Your Designs : OpenSource Release Feed
http://www.opensourcereleasefeed.com/resource/show/17-open-source-tools-to-draw-edit-layout-and-animate-your-designs
"วาด" ด้วยซอฟต์แวร์โอเพนซอร์ส
30 Examples of Watercolor Effects and Brush Strokes in Web Design
http://sixrevisions.com/design-showcase-inspiration/30-examples-of-watercolor-effects-and-brush-strokes-in-web-design/
In this showcase, you’ll see 30 examples of watercolor effects and brush strokes in web design.
» redesign:related
http://redesignrelated.com/
16 Ultimate Collection of Free Stock Photo Sites
http://www.softalize.com/2009/04/14/16-ultimate-collection-of-free-stock-photo-sites/
Today I bring a fabulous collection of sites where you can get nice images and photos. I have made a list of sites where to search for amazing and quality photos and images. So no need to waste your time with old images and photo sites that do not work properly. Just have a look at these sites, and do not forget to share your comments with us. Some of the sites listed offer free stock photos only for personal use, All photos are the property of their respective authors check their policy before using their collection.
Type Porn - 20 websites for font, letter and symbol enthusiasts | Inspired Magazine
http://www.inspiredm.com/2009/04/22/type-porn-20-websites-for-font-letter-and-symbol-enthusiasts/
Fonte
BIGREDSWITCH - Autobox2
http://www.bigredswitch.com/blog/2008/12/autobox2/
タグをぽんぽんと追加できる
I rolled up the autocomplete plugin (Rein + Yehuda) of my last few posts with the Facebook style text list (Guillermo) of my autobox post. We’re calling it Autobox2: click here to see the demo. Then, download it: jquery.ui.autobox-0.7.1.zip Updated 12/11 (see comments) jquery.ui.autobox-0.7.0.zip Although it is missing some of the behavior of autobox1, it’s a more solid and extendable implementation. It also fixes what is in my mind the most glaring problem of autobox1, the fact that it needed the entire list in the initial ajax call. Autobox2 makes AJAX calls the same way that the autocomplete one does, makes a server call with the current contents of the input box. This is the way you would expect. I will no longer be releasing any more changes to Autobox1 and you can consider it deprecated. (I’ve noted this on the main Autobox1 post.) As to the implementation, it is based on the Rein and Yehuda’s autocomplete plugin as detailed in 2 previous posts. There were a few things borrowe
happy tape — japanese masking tape, now in the U.S.
http://www.happytape.bigcartel.com/
Categories * All * pretty singles * pretty pairs * pretty mulit-paks * pretty jumbo paks Info * hello. * blog * contact
such lovely colors!
WOO washi tape
Periodic_Table_of_Typefaces_large.jpg (JPEG Image, 3150x2100 pixels)
http://cache.gizmodo.com/assets/kindle2/Periodic_Table_of_Typefaces_large.jpg
http://cache.gizmodo.com/assets/kindle2/Periodic_Table_of_Typefaces_large.jpg
10 Social Bookmarking Websites for Non-Stop Visual Inspiration | Inspired Magazine
http://www.inspiredm.com/2009/04/24/10-social-bookmarking-websites-for-non-stop-visual-inspiration/
Inspired Magazine
ビジュアルなソーシャルブックマークサービスtop10
Right after the Delicious craze, there was a niche bookmarking system that hit the visual junkies: Ffffound - the heaven of visual goodies! Two years and a
10 เว็บไซต์สังคม เพื่อเอาไว้หาแรงบันดาลใจ
How to skin HTML form elements in seconds
http://woork.blogspot.com/2009/04/how-to-skin-html-form-elements-in.html
2 plugins to nice up HTML Forms
商用サイトでも無料で利用できる日本語のフリーフォント集 | コリス
http://coliss.com/articles/build-websites/operation/design/free-fonts-for-japanese.html
商用サイトでも無料で利用できる、ひらがな・カタカナ・漢字などが含まれている日本語のフリーフォントを紹介します。
並べただけって感じ。
20 Talented and Impressive Illustrators | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/04/25/20-talented-and-impressive-illustrators/
20 Talented and Impressive Illustrators | Inspiration | Smashing Magazine - http://www.smashingmagazine.com/2009/04/25/20-talented-and-impressive-illustrators/
12 Content Management Systems Recommended by Readers
http://designm.ag/resources/cms-recommended-by-readers/
Los lectores de la revista en línea DesginMag recomiendan estos sistemas para administrar el contenido de un sitio web ya sea para blog, comercio electrónico, portal, etc. Muy buenas recomendaciones.
Five Reasons Why Designers Developers are Switching to Mac | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/04/26/five-reasons-why-designers-are-switching-to-mac/
Sehr interessanter Artikel bei Smashing Magazin.
Extremely Useful Geography Vectors: Maps and Globes | Web Design Ledger
http://webdesignledger.com/freebies/extremely-useful-geography-vectors-maps-and-globes
World's Best Headlines: BBC News (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/headlines-bbc.html
The gold standard in web headline concision
BBC News may be a good place to point to as an example of good writing for the web.
how short headlines explain a lot of info. Great for sci. articles
40 Awesome iPhone Application Websites | Webdesigner Depot
http://www.webdesignerdepot.com/2009/04/40-awesome-iphone-application-websites/
iPhone applications are hotter than ever. So how do these applications stand out and get noticed? One great way to do this is by creating a great website
The Making Of: PlayStation | Edge Online
http://www.edge-online.com/magazine/the-making-of-playstation
Project Icon Set For Free Download | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2009/04/27/project-icon-set-for-free-download/
Over the last months we’ve heard numerous complaints about the lack of quality in our freebie releases. We are aware that our readers have high expectations and we try to do our best to meet them in our posts. In this post and in the following one we release two beautiful professional icon sets that will hopefully meet your expectations and will come in handy in your projects.
Over the last months we&#039;ve heard numerous complaints about the lack of quality in our freebie releases. We are aware that our readers have high
30 Hand-picked Flash and Essential Actionscript 3.0 Tutorials | Noupe
http://www.noupe.com/tutorial/30-hand-picked-flash-and-essential-actionscript-30-tutorials.html
30 Hand-picked Flash and Essential Actionscript 3.0 Tutorials
13 iPhone Apps for Graphic Designers | Webdesigner Depot
http://www.webdesignerdepot.com/2009/02/13-iphone-apps-for-graphic-designers/
Excellen list of cool iPhone apps for photographers and graphic designers
13 iPhone Apps for Graphic Designers | Webdesigner Depot - http://www.webdesignerdepot.com/2009/02/13-iphone-apps-for-graphic-designers/
20 More Excellent AJAX Effects You Should Know - Nettuts+
http://net.tutsplus.com/articles/web-roundups/20-more-excellent-ajax-effects-you-should-know/
Back in October we wowed you with 20 Excellent Ajax Effects You Should Know. The post went on to become one of the most popular ever published at Nettuts+. This
Level & Tap
http://levelandtap.com/
Level & Tap is a site dedicated to selling curated photography prints. The work is selected by a small group of editors, including me, Tom Watson. I love photography, especially printed, and want to provide a place for people to find and buy great quality work on the Internet.
Lovely collection of curated photographs for sale.
Website Layout Toolbox
http://designm.ag/resources/layout-toolbox/
Collection of tutorials for designing web layouts.
Good source of templates
自由に使えるオープンソースの日本語フォント - SourceForge.JP Magazine
http://sourceforge.jp/magazine/09/04/27/0313213
Nizmlab.com - Popular Online Videos
http://nizmlab.com/
Build a Social Network Using Joomla! - Nettuts+
http://net.tutsplus.com/tutorials/other/build-a-social-network-using-joomla/
Social network implementation has become a necessity for successful websites. Joomla!, the popular Open-Source CMS, has some great and affordable ways to bring
Apr 20th in Other by Rick Blalock Social network implementation has become a necessity for successful websites. Joomla!, the popular Open-Source CMS, has some great and affordable ways to bring your site to the social networking level. Let's review how.
Joomla! Social Network - build your own. FIVE-STARS!!!
Shows how a social networking application could be built with Joomla using extensions
Joomla Social Network
Web Design Trend Showcase: Letterpress Text Effect
http://line25.com/articles/web-design-trend-showcase-letterpress-text-effect
Showcase of site designs using the letterpress effect & instructions on doing this technique in photoshop
Loop11 - Home
http://www.loop11.com/
On-line UI testing tool
完了すべきタスクを設定したテストをユーザーに試してもらい達成率を統計するユーザーテストのウェブサービス。Yahooが使ってるらしい。
18 jQuery scripts and tutorials to improve your portfolio | Design daily news
http://www.designer-daily.com/18-jquery-scripts-and-tutorials-to-improve-your-portfolio-2162/
ウェブデザインにおける、ライトとシャドウの効果的な5つの使い方 | コリス
http://coliss.com/articles/build-websites/operation/design/bring-light-and-shadow-into-your-designs.html
@デザイン全般に言える影の効果 ライトは対象物を射しシャドウを生み出します。デザインに奥行きを与え、ビジュアル的な刺激を生み出します。
質感を高めるためのTips
mayumi torio
http://www.mayumitorio.com/
確かにこの見せ方はキレイ。
服を見せるwebの参考に。コレクションのところ
サムネイルのUIが気持ちいい。
metaphor
コレクションのサムネイルで操作させるってのがすごい
35 Tutorials to create amazing Vector Graphics using Inkscape : Speckyboy Design Magazine
http://speckyboy.com/2009/04/28/35-tutorials-to-create-amazing-vector-graphics-using-inkscape/
35 Tutorials to create amazing Vector Graphics using Inkscape
35 Tutorials to create amazing Vector Graphics using Inkscape : Speckyboy Design Magazine - http://speckyboy.com/2009/04/28/35-tutorials-to-create-amazing-vector-graphics-using-inkscape/
EightShapes Unify
http://unify.eightshapes.com/
Templates for deliverables such as document starting points, element libraries and page libraries.
12 Excellent Examples of “Lazy Registration”
http://webjackalope.com/lazy-registration/
Lazy registration systems allow site visitors to build a profile and register without filling out a signup form right away (or some at all).
Showcase of Big Backgrounds in Web Design | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/website-backgrounds/
Glimmer - Lab - MIX Online
http://visitmix.com/Lab/glimmer
jquery image sequence
Glimmer allows you to easily create interactive elements on your web pages by harnessing the power of the jQuery library. Without having to hand-craft your JavaScript code, you can use Glimmer’s wizards to generate jQuery scripts for common interactive scenarios. Glimmer also has an advanced mode, providing a design surface for creating jQuery effects based on your existing HTML and CSS.
Creattica
http://creattica.com/
Creattica is a gallery of great design and inspirational imagery. Anyone can submit their work for consideration and voting on items is open to one and all. The best work is accepted and featured in the gallery which receives thousands of visitors every day.
Creattica is a gallery of great design and inspirational imagery. Anyone can submit their work for consideration and voting on items is open to one and all. The best work is accepted and featured in the gallery which receives thousands of visitors every day. To start submitting your work simply create an account and then hit Submit. Submissions take up to a few days to review depending on the volume of work coming in. To vote on other people's work you'll also need an account. We hope you enjoy the site and find the inspiration to make some brilliant work of your own. And when you do, don't forget to submit it to creattica!
Flickr: Norby's Photostream
http://www.flickr.com/photos/norby
That's a neat way to use Flickr
Showcase Of Elegant And Original Blog Designs | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/04/28/showcase-of-elegant-and-original-blog-designs/
15 Impressive and Beautiful Uses of WordPress | Web Design Ledger
http://webdesignledger.com/inspiration/15-impressive-and-beautiful-uses-of-wordpress
WordPress is no longer just used to power blogs.
otros wp
Design a Beautiful Website From Scratch - Nettuts+
http://net.tutsplus.com/tutorials/html-css-techniques/design-a-beautiful-website-from-scratch/
share with clan! :)
Have you ever wanted to design a beautiful website but just didn't know how? To be honest, a few years ago, that happened to me too. While browsing the web, I
100 Amazing Futuristic Design Concepts We Wish Were Real | Webdesigner Depot
http://www.webdesignerdepot.com/2009/04/100-amazing-futuristic-design-concepts-w-wish-were-real/
webdesignerdepot.com (excellent collection!)
redonkulous
Concept designers are also referred to as visual futurists. These concept designs may not be on the market yet, but they can still inspire you to create
13 Tutorials & Resources for a Perfect Twitter Background | Design Reviver
http://designreviver.com/tutorials/13-tutorials-resources-for-a-perfect-twitter-background/
creating seamless backgrounds
Twitter is probably the most hyped social network out there, all the mainstream medias are talking about it and a lot of celebrities are using the service. The
Ultimately, I don't really care too much to tool around with the layout of Twitter-- way too many folks overdo it-- but I am occasionally fascinated when I see interesting-looking profiles.
MySuiteStuff
http://www.mysuitestuff.com/shop.html
almofadas adobe
Ultimate Guide To Using WordPress For A Portfolio | Developer's Toolbox, How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/04/29/ultimate-guide-to-using-wordpress-for-a-portfolio/
WordPress is often thought of as just a blogging platform. But it’s capable of so much more. Even WordPress’ documentation includes an entire section on using WordPress as a content management system. Because WordPress is such an easy-to-use platform, it makes sense to consider using it as a platform to build just about any kind of website, a portfolio website included. Whether you’re a photographer, graphic designer, Web designer or any other kind of visual artist, WordPress makes an excellent starting point for developing your online portfolio. And with the wealth of plug-ins and ready-made themes available, you can usually get a perfectly presentable website up and running in a matter of hours.
60+ Useful Photoshop Actions For Photo Enhancements | Photoshop Tutorials
http://www.hongkiat.com/blog/60-useful-photoshop-actions-for-photo-enhancements/
60+ Useful Photoshop Actions For Photo Enhancements | Photoshop Tutorials
button-download.com
http://button-download.com/
Erik Spiekermann’s Typo Tips | The FontFeed
http://fontfeed.com/archives/erik-spiekermanns-typo-tips/
The FontFeed is a daily dispatch of recommended fonts, typography techniques, and inspirational examples of digital type at work in the real world. Eat up.
With the inven­tion of “desk­top pub­lish­ing”, design­ers found them­selves set­ting type on their com­put­ers for the first time. Until then, they had made type spec­i­fi­ca­tions for type­set­ters and left the job up to the pro­fes­sion­als. As a result, you can still see clas­sic inac­cu­ra­cies in type­set­ting, even in top-​quality printed matter. Here you will find some tips from Erik Spiek­er­mann, designer of FF Meta®, Meta Design founder, co-​author of “Stop Steal­ing Sheep”, and a FontShop founder, which will pre­vent some of the more obvi­ous blun­ders.
Succinct and useful typography guidelines for everyone laying pixels on the web. Read the comments for the back and forth over the “padded en” vs the em dash. Is the em dash dying?
Typefacts | Typografie verstehen
http://typefacts.com/
Auf dieser Website fasse ich typografisches Wissen auf eine verständliche und ansprechende Art zusammen und veranschauliche es mit interessanten Beispielen, die Lust auf Schrift machen.
Auf dieser Website fasse ich typografisches Wissen auf eine verständliche und ansprechende Art zusammen und veranschauliche es mit interessanten Beispielen, die Lust auf Schrift machen. (Das rote W ist z.B. aus der Schrift Zaner). Und wer das Wissen vertiefen möchte, findet zu jedem Thema eine Vielzahl weiterführender Links zu Büchern und Websites. Viel Spaß!
Nicht viel Neues, aber verständlich und kompakt erzählt.
Typografie verstehen
50+ Promising Collection Of Resources And Inspirations For Designers To Discover The Best Of The Web In April @ SmashingApps
http://www.smashingapps.com/2009/04/29/50-promising-collection-of-resources-and-inspirations-for-designers-to-discover-the-best-of-the-web-in-april.html
sobre diseño web y diseño de imagenes
tutoriais úteis
Opensource, Free and Usefull Online Resources for Designers and Developers
The Art of Penguin Science Fiction
http://www.penguinsciencefiction.org/index.html
The history and cover art of science fiction published by Penguin Books from 1935 to 1977.
obaly scifi knih, pěknej art
10+ jQuery photo gallery and slider plugins | Queness
http://www.queness.com/post/222/10-jquery-photo-gallery-and-slider-plugins
A picture is worth a thousand word. No doubt about it. Most of the information based website such as CNN, ESPN, they are all using a massive photo slide show on its front page. It's a very effective method to attract viewers' attention.
Definitive List of CSS Frameworks - Pick Your Style | W3Avenue
http://www.w3avenue.com/2009/04/29/definitive-list-of-css-frameworks-pick-your-style/
A CSS Framework is meant to provide ready-made solutions for various tasks that we perform on regular basis. In simple terms an ideal CSS framework will provide you with a default style sheet which you should be able to use as a starting point for most of your web design projects.
HVD Fonts
http://www.hvdfonts.com/freefonts.php
HVD Peace. 1 Font by Hannes von Döhren, 2008 View PDF | Free Download HVD Rowdy. By Hannes von Döhren, Benni Busse, 2007 View PDF | Free Download HVD Comic Serif. 1 Font by Hannes von Döhren, 2007 View PDF | Free Download HVD Spencils. 2 Fonts by Hannes von Döhren, 2007 View PDF | Free Download HVD Bodedo. 1 Font by Hannes von Döhren, 2007 View PDF | Free Download HVD Poster. 1 Font by Hannes von Döhren, 2006 View PDF | Free Download HVD Edding 780. 1 Font by Hannes von Döhren, 2006 View PDF | Free Download HVD Steinzeit. 1 Font by Hannes von Döhren, 2006 View PDF | Free Download HVD Age 11. 1 Font by Hannes von Döhren, 2006 View PDF | Free Download
960 Gridder - Lay out websites with ease.
http://gridder.andreehansson.se/
Visible Tweets – Twitter Visualisations. Now with added prettiness!
http://visibletweets.com/
interesting
7 Ways to Build Trust on a Portfolio Site
http://www.youthedesigner.com/2009/04/22/7-ways-to-build-trust-on-a-portfolio-site/
7 Ways to Build Trust on a Portfolio Site
40 Outstanding CSS Techniques And Tutorials | Arbenting
http://arbent.net/blog/40-outstanding-css-techniques-and-tutorials
cssの技いろいろ
Please Critique Me: Design Critiques for Designers by Designers
http://pleasecritiqueme.com/
If you spend more than a few minutes in forums or on social networking sites, you've probably heard someone say those three little words. Everyone – noob designer to experienced professional – is seeking feedback on design projects. We even see those requests regularly on Twitter, and many of us do our best to give feedback (as best we can in less than 140 characters) in an effort to give something back to the design community. With that in mind, we are proud to provide a place where designers can submit their work and have it reviewed (albeit publicly) by one of their industry peers.
60+ Beautiful Logo Design Tutorials And Resources | Tutorials | Smashing Magazine
http://www.smashingmagazine.com/2009/04/30/60-beautiful-logo-design-tutorials-and-resources/
When we talk about a famous brand, the first thing that comes to mind is its logo. The logo is the most essential component of
list tutorial bikin logo
Fake 3D in Photoshop | Web Designer - Defining the internet through beautiful design
http://www.webdesignermag.co.uk/tutorials/fake-3d-in-photoshop/
Create a Bright Retro Grunge Vector Illustration
http://www.blog.spoongraphics.co.uk/tutorials/create-a-bright-retro-grunge-vector-illustration
10 Great CSS Selectors you must know | TutorialFeed
http://tutorialfeed.blogspot.com/2009/04/10-great-css-selectors-you-must-know.html
Explicación de los diferentes opciones css. Sencillos y claros ejemplos. Eso sí, en perfecto inglés...
10 Great CSS Selectors you must know!!!!!! <----
10 Mistakes Logo Designers Can Make When Designing Logos - Free Logo Critiques
http://www.logocritiques.com/resources/10_mistakes_logo_designers_can_make_when_designing_logos/
10 Mistakes Logo Designers Can Make When Designing Logos - Free Logo Critiques
REST worst practices
http://jacobian.org/writing/rest-worst-practices/
A few weeks ago, I sent the following in a email to a co-worker asking for input on designing REST APIs in Django. Since then, I’ve quoted myself a few times; I thought these thoughts would be worth a (slightly edited) public home. I think the best way to dive in terms of mistakes to avoid. If you poke around you’ll find a couple-three different stabs at writing a generic REST API module for Django. So, with no further ado, some REST “worst practices:”
REST worst practices
A few weeks ago, I sent the following in a email to a co-worker asking for input on designing REST APIs in Django. Since then, I’ve quoted myself a few times; I thought these thoughts would be worth a (slightly edited) public home. I think the best way to dive in terms of mistakes to avoid. If you poke around you’ll find a couple-three different stabs at writing a generic REST API module for Django. So, with no further ado, some REST “worst practices:” Conflating models and resources In the REST world, the resource is key, and it’s really tempting to simply look at a Django model and make a direct link between resources and models — one model, one resource. This fails, though, as soon as you need to provide any sort of aggregated resource, and it really fails with highly denormalized models. Think about a Superhero model: a single GET /heros/superman/ ought to return all his vital stats along with a list of related Power objects, a list of his related Friend objects, etc. So the dat
In the Woods - HTML, CSS, PHP and jQuery Killer Tutorials
http://blog.themeforest.net/resources/html-css-php-and-jquery-killer-tutorials/
In the Woods - HTML, CSS, PHP and jQuery Killer Tutorials
Simplifying Website Usability: The 3 Step Approach | Webdesigner Depot
http://www.webdesignerdepot.com/2009/05/simplifying-website-usability-the-3-step-approach/
USABILITY TECHNIQUES SIMPLIFIED INTO 3 STEPS
20 Excellent JavaScript Navigation Techniques and Examples
http://sixrevisions.com/javascript/20-excellent-javascript-navigation-techniques-and-examples/
Recently we showed you some exceptional CSS navigation techniques and we’d like to follow that up with an article about JavaScript-based navigation examples that you can use. Keep in mind that some of these techniques might not work if the client browser has JavaScript turned off (on average, 5% of users have JS disabled according to W3 web statistics).
Maximize the Use of Hover
http://www.webdesignerwall.com/tutorials/maximize-the-use-of-hover/
Intéressant. C'est du connu mais un bon résumé d'ensemble. A voir pour un cours avancé sur les CSS ?
HOVER OVER TEXT
Internet advice
Descry - Lab - MIX Online
http://www.visitmix.com/Lab/Descry
mix: ways to utilize visualizations
30 Cool Creative Cartoon Character Tutorials | Creative Nerds
http://creativenerds.co.uk/tutorials/30-cool-creative-cartoon-character-tutorials/
This article features a mixture of Photoshop and illustrator tutorials. 30 Cool Creative Cartoon Characters, each is a Great tutorial which will guide you through the step by step process on how to create a cool cartoon character. These tutorials will also teach you the necessary skills required in order to create your own cool characters. 1. Create a Blue Vector Character blue-monster 2. Create a Gang of Vector Ninjas ninja-chars 3. Creating Homer Simpson homer-simpson 4. How to Create a Cute Bunny Vector Character cute-bunny 5. Create a Cute Panda Bear Face Icon panda-bear 6. Create a Super Happy Octopus Character octupus 7. Create a Cute Vector Monster from a Pencil Sketch green-monster 8. How to Create a Killer Chainsaw Bunny Character chainsaw-bunny 9. Create another cartoon character cartoon-character 10. How to Illustrate a Cute Emo Kid emo-kid 11. Monster Character Series Part 4 monster-character-part-4 12. Drawing Vector-Looking Cat Illustrat
A Comprehensive Introduction to the Type Tool - Psdtuts+
http://psd.tutsplus.com/tutorials/tools-tips/a-comprehensive-introduction-to-the-type-tool/
Type is the Photoshop tool to create vector outlines and mathematical shapes to define the symbols of a typeface. It's located on the standard Tool Bar as a tiny T. The keyboard shortcut of this is the letter (T), and if you hold click over that tool (or Shift + T several times) you'll see four options: Horizontal Type, Vertical Type, Horizontal Type Mask and Vertical Type Mask.
type tool tutorial
Sehr gute, aber englische Einführung in die Textwerkzeuge von Photoshop.
Who doesn't know the Type Tool? This is maybe one of the most powerful and useful tools of Photoshop. We've all used it at least once, but do you know all its potential? That's why I decided to write a comprehensive guide about Photoshop's Type tool, including do's and don'ts of the most important features of this tool.
9 Essential Principles for Good Web Design - Psdtuts+
http://psd.tutsplus.com/designing-tutorials/9-essential-principles-for-good-web-design/
Interesting
Make sure you scroll down.
22 Professional Photoshop Image Enhancing Tutorials
http://sixrevisions.com/photoshop/22-professional-photoshop-image-enhancing-tutorials/
icoeye’s blog » Blog Archive » Save bookmark
http://www.icoeye.com/blog/?p=75
So simple and so effective. 'Save' icon bookmark to print out and cut out :)
Save Bookmark (template to print)
Use of White in Web Design: Tips and Trends | Desizn Tech
http://desizntech.info/2009/04/use-of-white-in-web-design-tips-and-trends/
What comes to your mind when you think of the color white? White is the most simple, elegant and peaceful color. Use of white color in web design is seen in many blog, online portfolio, e-commerce and many more sites.
White in Web Design
White web design inspiration - Tips and Trends
white websites
Saul Bass: Jack Of All Trades // WellMedicated
http://wellmedicated.com/showcase/saul-bass-jack-of-all-trades/
In this the first - of hopefully many - artist showcases I'm going to delve into the works of one of my heroes: Saul Bass. What I admire about Saul Bass is
Sensacional artigo sobre o grande designer Saul Bass!!!!! Vale a conferida!
lovely film poster design by Saul Bass
Keep It Simple, Stupid
http://www.techcrunch.com/2009/04/28/keep-it-simple-stupid/
K-I-S-S: Keep It Simple, Stupid. It’s a mantra that always pops into my head when I’m looking at new startups. A lot of them seem to want to do a million different things because other companies have been successful at one of those things in the past. But that’s a bad idea. Way too many new products and services are too complicated. And I would suggest, often fail as a direct result of that.
A great article on simple design and how it just...works.
is that it was so much neater, cleaner — yes, simpler. But with an explosion in growth, came an explosion in features. And, in turn, an explosion in complexity.
K-I-S-S: Keep It Simple, Stupid. It’s a mantra that always pops into my head when I’m looking at new startups
I liked this article -- particularly the part about Google Labs (so true about how to add new features)
サイトマップをフッタに配置する際のポイントとその効果 | コリス
http://coliss.com/articles/build-websites/architectonics/usability/modern-sitemap-and-footer.html
本格的にでかいサイトをやるときの理論武装
分厚いフッタの理由
コリスさん日本語訳。/元記事:http://www.webdesignerwall.com/trends/modern-sitemap-and-footer/
eddit: Shop: iPhone UI Icon Set
http://www.eddit.com/shop/iphone_ui_icon_set/
The iPhone UI icon set gives app developers an extensive library of icons.
$70 worth of iphone toolbar icons. really nice set, but worth $70 for my budget app? ... hrm....
Chrome Experiments - Browse - Most Recent
http://www.chromeexperiments.com/browse/
佐藤秀峰 on Web
http://satoshuho.com/index.html
あー、これがうわさの。
編集者との打ち合わせは一切無しで、出来た原稿を出来た時にアシスタントが渡すだけなのだとか。すごいな。
ブラックジャックによろしくの作者のサイト。 漫画家らしく漫画風のインターフェース。先を越された・・・
佐藤秀峰 応援したい。
Projects | Javascript | Horizontal Accordion | index
http://www.portalzine.de/index?/Horizontal_Accordion
horizontal acrodion
Twelve amazing shipping container houses | Yahoo! Green
http://green.yahoo.com/blog/daily_green_news/8/twelve-amazing-shipping-container-houses.html
houses constructed out of metal containers
arquitectura: casas hechas con containers
画像などのファイルへの直リンクを禁止する方法 | コリス
http://coliss.com/articles/build-websites/operations/stop-image-hotlinking-with-htaccess.html
.htaccessのちょっとしたティップス
.htaccess
画像などのファイルへの直リンクを禁止する方法
13 Beneficial Wordpress Plugins For Your Design Blog | The Design Cubicle
http://www.thedesigncubicle.com/2009/04/13-beneficial-wordpress-plugins-for-your-design-blog/
RT @jeremyjaymes: New Post: 13 Beneficial Wordpress Plugins For Your Design Blog http://bit.ly/lCTwt (via @behoff) [from http://twitter.com/chadengle/statuses/1621580757]
Below I explore and discuss the benefits of 13 Wordpress plugins that I have personally used on The Design Cubicle that will give your site an extra boost and provide a better experience for your visitors (plus some other great additions you can add).
Create Effective Search Result Pages | UX Booth
http://www.uxbooth.com/blog/create-effective-search-result-pages/
Search Result page
150+ beautiful photoshop patterns brushes and textures for download - WittySparks
http://www.wittysparks.com/2009/03/27/150-beautiful-photoshop-patterns-brushes-and-textures-for-download/
Photoshop
50+ Refreshing Web Design Interfaces | SherifAbdou - The Design Blog
http://sherifabdou.com/2009/04/50-refreshing-web-design-interfaces/
Anthropology: The Art of Building a Successful Social Site - ReadWriteWeb
http://www.readwriteweb.com/archives/anthropology_the_art_of_building_a_successful_soci.php
Spolsky on how to make a successful social site
Subscribe to ReadWriteWeb * Subscribe to RWW via RSS * Follow @rww on Twitter * Join the RWW FriendFeed Room *
SingleFunction - Showcasing Single Function Websites
http://singlefunction.com/
SingleFunction is a showcase of one purpose, one function, single serving sites; meaning, websites that have one functionality, no clutter, and require no learning curve. Being a big fan of simplicity, I thought it would be a good idea to share my passion… I decided to list my finds of single function sites, allow other enthusiasts to do so as well, and make it an effortless experience for anyone to find them.
100 The Very Best of Free WordPress Themes « WPCrowd
http://wpcrowd.com/free-wordpress-themes/100-the-very-best-of-free-wordpress-themes/
If you want to get The Best WordPress Themes for Free then this article is for you. This is the biggest collection till now on this blog and I am very proud with it. Below you will find a collection with 100 The Very Best of Free WordPress Themes. All themes a very quality with a great interface.
Ruby on Rails for Designers - Nettuts+
http://net.tutsplus.com/tutorials/ruby/ruby-on-rails-for-designers/
uby on Rails is an open-source web framework that's optimized for programmer happiness and sustainable productivity. It lets you write beautiful code by favoring convention over configuration. This is the way Ruby on Rails promotes itself - but in my words, it is an incredible framework that can really make your life much easier. You can learn more at their site http://rubyonrails.org PG Author: Alex Coomans This is a NETTUTS contributor who has published 1 tutorial(s) so far here. Their bio is coming soon! Step 1- Installing Ruby on Rails Installing Ruby on Rails (also often shortened to RoR) is fairly painless on most systems, but you will need to be comfortable opening up the terminal. The Ruby on Rails download page provides links to get started, and I will reproduce them here to save you a bit of time. Just as a note, these are the places to get Ruby, which is what Rails is programmed in, and we will be installing Rails in a minute. To learn more about the language, review the
gem -v
Ruby on Rails for Designers - Nettuts+
BASE: AN ACID ALTERNATIVE - ACM Queue
http://queue.acm.org/detail.cfm?id=1394128
Excellent description of BASE design patterns
If ACID provides the consistency choice for partitioned databases, then how do you achieve availability instead? One answer is BASE (basically available, soft state, eventually consistent).
39 Twitter Backgrounds | Inspiredology
http://inspiredology.com/42-twitter-backgrounds/
Some of you have noticed that we just recently started using twitter, it's a great tool. After 2 weeks or so using twitter, I have found some really cool twitter pages.
Top 28 Best Motion Graphics Blogs and Resources | GoMediaZine
http://www.gomediazine.com/industry-insights/28-staple-blogs-motion-graphic-artists/
We've scoured the net and tapped every resource we could to get you THE best list of mograph blogs and resources out there. Both novice and experienced mographers will get some insight here. We've also posted the twitter links of the brains behind some of these sites. So check it out!
Best Motion Graphics Blogs and Resources
Best Motion Graphics
Twitoshirt
http://www.twitoshirt.com/
camisetas con status
T-shirts with your Twitter favorites status quotes.
Camisetas a la medida, con tus propios tweets
Captivating Winery Websites For Your Inspiration | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/05/03/captivating-winery-websites-for-your-inspiration/
Captivating Winery Websites
The Do’s & Don’ts of Modern Web Design • Relevant, snacksized web design resources
http://webdosanddonts.com/
Do's & don'ts van webdesign
Download "Gallery": A Free WordPress Theme | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2009/05/04/download-gallery-a-free-wordpress-theme/
A great gallery or portfolio site for Wordpress. Would be a great solution for showcasing sites involved in the CoPress summer design camp.
Making the ‘Clean Grunge’ Blog Design
http://psdfan.com/tutorials/designing/making-the-clean-grunge-blog-design/
Making the ‘Clean Grunge’ Blog Design - http://psdfan.com/tutorials/designing/making-the-clean-grunge-blog-design/
Smart tricks to make you a Photoshop black belt | News | TechRadar UK
http://www.techradar.com/news/software/applications/smart-tricks-to-make-you-a-photoshop-black-belt-596063
find new tricks and different ways to do things
500+ Splatter Brushes for Photoshop
http://designm.ag/resources/500-splatter-brushes-for-photoshop/
RT @DannyOutlaw: RT @styletime: 500 Splatter Brushes for Photoshop http://bit.ly/12cfLy
Create a Clean Modern Website Design in Photoshop
http://line25.com/tutorials/create-a-clean-modern-website-design-in-photoshop
Wall of Gorgeous Design Inpiration, Web Design Inpiration, Design Showcase, Design Art Wall
http://designartwall.com/blog?bid=1
DesignArtWall - Wall of Gorgeous Design Inpiration, Web Design Inpiration, Design Showcase, Design Art Wall
How To Build Your Own Single Page Portfolio Website
http://www.blog.spoongraphics.co.uk/tutorials/how-to-build-your-own-single-page-portfolio-website
Web Portfolio
85+ of the Best Twitterers Designers Should Follow
http://mashable.com/2009/05/04/twitter-designers/
There are thousands of designers on Twitter (Twitter reviews) tweeting about everything from ongoing projects to their personal lives. But only a small percentage of those tweet about design topics of interest to other designers and design addicts. These people cover everything from their design process to their own projects, and design resources from all over the web. Below is a list of more than 85 of those Twitterers
Progress: A Graphical Report on the State of the World
http://projects.flowingdata.com/state-of-the-world/index.html
Dados sobre o mundo, estatísticas interessantes.
About a year ago the United Nations announced UNdata, a way to disseminate data stretched out across 22 United Nations databases through one central application. While UNdata houses 66 million records, it's tough to get a sense of what's going on without a visual representation. Progress is an effort to make this world data visible. More than anything though, it was a chance for me to mess around with some data. TAKE A LOOK --- A Project by FlowingData
"About a year ago the United Nations announced UNdata, a way to disseminate data stretched out across 22 United Nations databases through one central application. While UNdata houses 66 million records, it's tough to get a sense of what's going on without a visual representation. Progress is an effort to make this world data visible. More than anything though, it was a chance for me to mess around with some data."
Bank of Imagination
http://www.bankofimagination.com/
A place for creating, sharing and searching for imaginations and the people who imagine. In this bank, saving is sharing. Investing is liberation. Winning is squandering. And imagining is, as always, free.
40 WordPress Plugins to Improve your Blog’s Performance - WPZOOM
http://www.wpzoom.com/plugins/40-wordpress-plugins-to-improve-your-blogs-performance/
27 Huge Publishers Join To Replace The Banner
http://www.businessinsider.com/27-publishers-including-nyt-forbes-espn-try-huge-non-banner-ads-2009-3
הגדלת גדלי הבאנרים
Tror Oliver IA skrev om idén för ett år sedan.
Retro Geometric Vectors in Space with Illustrator and Photoshop | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/retro-geometric-vectors-space-illustrator-and-photoshop
from Abduzeedo - design inspiration and tutorials
Web Designer Help » Over 40 Beautiful Portfolios
http://www.webdesignerhelp.co.uk/index.php/2009/05/over-40-beautiful-portfolios/
Web Designer Help - Your home for help in web design!
Mozilla Webdev » Blog Archive » CSS Spriting Tips
http://blog.mozilla.com/webdev/2009/03/27/css-spriting-tips/
css sprites tips from Mozilla
CSS Spriting Tips
Build Your Own WordPress Themes the Easy Way
http://www.sitepoint.com/blogs/2009/05/05/build-your-own-wordpress-themes-the-easy-way/
WordPress is by far one of the most favored blogging tools, and WordPress themes are certainly popular. A custom theme
Make a wordpress theme
50 Stunning and Beautiful Desktop Wallpapers
http://sixrevisions.com/resources/50-stunning-and-beautiful-desktop-wallpapers/
Wallpapers
Repper -> create your own patterns!
http://repper.studioludens.com/
Repper helps you make patterns from your pictures
Funkyt værktøj.
50+ Truly Useful Photoshop Tutorials For Amazing Photo Effects @ SmashingApps
http://www.smashingapps.com/2009/05/05/50-truly-useful-photoshop-tutorials-for-amazing-photo-effects.html
50+ Truly Useful Photoshop Tutorials For Amazing Photo Effects
42 Amazing Resources for Inspirational Typography : Speckyboy Design Magazine
http://speckyboy.com/2009/05/05/42-amazing-resources-for-inspirational-typography/
There are many theories to what constitutes good typography, its not as simple as choosing an appropriate font and setting it in the style of a particular project, that would be too easy. Theories and tutorials are one thing, putting typography into perfect practice is another, and is perhaps the hardest part of any design. Every designer you ask will give you a different answer to what constitutes good type, where is the benchmark? Below you will find the best typography sites, rich full of inspiration, tutorials, theories, free fonts, good practices… everything you could possibly need related to typography.
Handycons 2 - another free hand drawn icon set
http://www.jankoatwarpspeed.com/post/2009/02/23/Handycons-2-another-free-hand-drawn-icon-set.aspx
Four months after releasing Handycons icon set, I am happy to release Handycons 2 - icon set containing 20 more hand drawn icons. This time it is not limited just to socail media related icons. Package contains Facebook, Blinklist, Feedburner, Flickr, FriendFeed, Furl, Gmail, Google, Heart icon, Last FM, Linked IN, Magnolia, Newsvine, PayPal, Skype, Sphinn, Twitter, Vimeo, Yahoo and You Tube icons. All icons come in four sizes: 16x16, 32x32, 64x64 and 12x128px. And they are all free, of course :)
Cool hand drawn icons
60 Best Ubuntu / Gnome Themes | Sneer Well
http://sneerwell.blogspot.com/2009/03/60-best-ubuntu-gnome-themes.html
우분투 테마 모음
A List Apart: Articles: Taking the Guesswork Out of Design
http://www.alistapart.com/articles/taking-the-guesswork-out-of-design/
How a Graphic Design consultant should operate.
Creativity breathes life into successful websites. However, creative ideas and solutions can sometimes seem like guesswork—and guessing is risky business. So what can designers do to show clients they’re using a solid strategy and have the best intentions? The following exercises are a great way to start discussing and documenting aspects of design to help clients shed their fear of creativity and encourage them to join the design process.
40 Logo Design Tutorials | Desizn Tech
http://desizntech.info/2009/04/40-logo-design-tutorial/
Worth trying.
11. Professional 3D Logo From Scratch
Usabilla - Transparent Usability - Visual Feedback
http://www.usabilla.com/
Usabilla helps you to collect feedback from your users. We take a new approach to usability testing with transparency & visual feedback. We provide a tool to actively involve your users in the process of design & improvement.
Competitor to Chalkmark
ギャルゲーブログ 便利な画像ください
http://suiseisekisuisui.blog107.fc2.com/blog-entry-828.html
便利だのぉ
便利
【コンテンツ(抜粋)】 端子名。 マクド原価一覧。 首都圏路線図。 色彩表。 靴紐の結び方。 広告関連会社の相関図。 ピザのレシピ。 天皇家系図。 3期以上存在するアニメ一覧(抜粋)2008/08/10現在。 各国の歴代首相&歴代大統領。 ゲーム機の大きさ比較。 新年金制度でもらえる年金額。 犬年齢早見表。 エロゲー声優一覧。 オーブンでエビフライの作り方。 色盲検査。 幼女強姦被害者とエロゲーの歴史。 風呂敷の包み方。 袴の着方。 ひげの名前。 ネクタイの結び方。 一分で描ける乳首の描き方。 週刊少年ジャンプアシスタント系統図Rev5.8。 オナニーの仕方でわかる性格診断。 東京拘置所の刑場図。 電脳悪魔絵師金子一馬の悪魔のドット絵講座。 髪の毛の描き方。 DV冤罪フロチャート。 都道府県ごとの自殺、老衰による死者の割合。 SEX四十八手。 牛肉の部位。 母親のためのエロ本の隠し場所。 国別ピザの人口。 浴衣の着方。 磯野家家系図。 海外で人気の日本マンガランキング200804-06米英独仏中。 救命措置の流れ(心肺蘇生法とAEDの使用)。 日、米、独、国連の道路標識の概要。
graphpaper.com - Who Watches the Watchman?
http://www.graphpaper.com/2009/05-02_who_watches_the_watchman
Let’s say you own a big building full of valuable stuff. How do you make sure that the night watchman patrolling your factory floor or museum galleries after closing time actually makes his rounds? How do you know he’s inspecting every hallway, floor, and stairwell in the facility? How do you know he (or she) is not just spending every night sleeping at his desk? An elegant solution, designed and patented in 1901 by the German engineer A.A. Newman, is called the “watchclock”. It’s an ingenious mechanical device, slung over the shoulder like a canteen and powered by a simple wind-up spring mechanism. It precisely tracks and records a night watchman’s position in both space and time for the duration of every evening. It also generates a detailed, permanent, and verifiable record of each night’s patrol.
"But the watchclock is another kind of interaction design, one whose function corrals the user into a single, linear, constrained sort of behavior. The night watchman has a fundamental social constraint — the desire to not get fired from their job. This constraint allows the watchclock patrol system to work so effectively (some would say insidiously) as an interaction design instrument of control."
"How do you make sure that the night watchman patrolling your factory floor or museum galleries...actually makes his rounds? How do you know he’s inspecting every hallway, floor & stairwell? How do you know he is not just spending every night sleeping at his desk? If you’re a technology designer, you might suggest using surveillance cameras or even GPS to track his location each night, right? But let’s make this interesting...go...back...[to]1900. What could you possibly do in 1900 to be absolutely sure a night watchman was making his full patrol? An elegant solution, designed and patented in 1901 by the German engineer A.A. Newman, is called the “watchclock”. It’s an ingenious mechanical device, slung over the shoulder like a canteen and powered by a simple wind-up spring mechanism. It precisely tracks and records a night watchman’s position in both space and time for the duration of every evening. It also generates a detailed, permanent & verifiable record of each night’s patrol."
Let’s say you own a big building full of valuable stuff. How do you make sure that the night watchman patrolling your factory floor or museum galleries after closing time actually makes his rounds? How do you know he’s inspecting every hallway, floor, and stairwell in the facility? How do you know he (or she) is not just spending every night sleeping at his desk?
Johnny Holland - It’s all about interaction » Blog Archive » Deconstructing Analysis Techniques
http://johnnyholland.org/magazine/2009/02/deconstructing-analysis-techniques/
Analysis is that oft-glossed over, but extremely important step in the research process that sits between observation (data gathering) and our design insights or recommendations. In many respects, analysis is crucial to realizing the value of our research since good analysis can salvage something from bad research, but the converse is not so true. This is where the literature tends to fall a little silent, jumping over the analysis techniques straight to a discussion of how best to document and communicate the findings from analysis. This article seeks to begin to redress that imbalance by breaking down the analysis black box into its major sub-techniques.
Great overview of analysis techniques for any type of data
25 beautiful Drupal themes | Mogdesign
http://mogdesign.eu/blog/25-beautiful-drupal-themes/
The Biggest Ever List of Graphic Design Blogs? : : ProofHQ - Product Blog
http://www.proofhq.com/html/blog/?p=198
mejores blogs de diseño grafico
FPO: For Print Only
http://www.underconsideration.com/fpo/
プリント、印刷
Composition and harmony 101
http://www.snap2objects.com/2009/05/04/composition-and-harmony-101/
Composition and harmony 101
Plumb
http://mdaines.com/plumb/
Plumb, a tool for composing web layouts for use with the Blueprint CSS framework.
This is Plumb, a tool for composing web layouts for use with the Blueprint CSS framework.
40 Stunning and Creative Graffiti Artworks | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/05/06/40-stunning-and-creative-graffiti-artworks/
40 Stunning and Creative Graffiti Artworks
40 Stunning and Creative Graffiti Artworks | Inspiration | Smashing Magazine
Stunning and Creative Graffiti Artworks |
15 Excellent Places for Discovering Photoshop Brushes
http://sixrevisions.com/photoshop/15-excellent-places-for-discovering-photoshop-brushes/
15 Excellent Places for Discovering Photoshop Brushes
Disney Star Wars Weekend Posters are Awesome! (13 Total) - My Modern Metropolis
http://www.mymodernmet.com/profiles/blogs/disney-star-wars-weekend
LOLOLOL okay seriously why is anything with Boba and carbonite!Han completely hilarious
Haha, these are GREAT.
Placing a CSS background image horizontally right on an h2 using a span element | Veerle's blog
http://veerle.duoh.com/blog/comments/placing_a_css_background_image_horizontally_right_on_an_h2_using_a_span_ele/
interesting CSS trick to add to the bag of tricks
The Ultimate Mac Setup for Web Designers (60 Apps) « AppStorm
http://mac.appstorm.net/roundups/web-dev/the-ultimate-mac-setup-for-web-designers-60-apps/
There’s little doubt that OS X is a popular platform for web designers - it offers an enormous range of software for designing, managing, developing and publishing websites. Whether you prefer to use an all-in-one environment for designing websites or a range of different applications, there’s a tool to suit you perfectly.
Much of the software covered is fairly multi-purpose, suited to a variety of tasks.
53 Mind-blowing Uses of Typography - Psdtuts+
http://psd.tutsplus.com/articles/inspiration/53-mind-blowing-uses-of-typography/
How to Create a Slick and Clean Button in Photoshop
http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-slick-and-clean-button-in-photoshop/
Hypercritical - Ars Technica
http://arstechnica.com/staff/fatbits/2009/05/hypercritical.ars
Good article on being hypercritical.
Knowing what's wrong is a prerequisite for fixing it. That may sound trite, but...
As far back as I can remember, I was told I would grow up to be an artist. By age six, my obsessively detailed renderings of Mechagodzilla, et al. were already drawing attention from adults. By the time I was eight years old, my parents had been persuaded by teachers and friends to enroll me in private art lessons. I recall the informal "admissions test" with my first art instructor. A scale model of a bull was placed in front of me on a table and I was asked to draw it. The plastic bull was a faithful reproduction, full of muscles and knobby joints. It was an ugly, forlorn thing, far removed from my normal subject matter. After a few minutes, the resulting drawing was roughly in proportion, the details were well represented, and the perspective was pretty close. I was in. Thus began eight years of regular art instruction. I progressed from pencils and pastels to watercolors and acrylics, and finally to oils. The content was mostly classical: lots of still lifes and landscapes. Meanw
Interesting piece, via S.teave
John Siracusa on the role criticism plays in design.
Toxel.com » Fruit Juice Packaging by Naoto Fukasawa
http://www.toxel.com/inspiration/2009/03/29/juice-skin-packaging-by-naoto-fukasawa/
BRILLIANT
What a cool marketing gimmick. I wonder what the price is though?
fruit juice packaging as it should be!
packs como su fruta
Japanese industrial designer Naoto Fukasawa has created a series of creative fruit juice packages that have the look and feel of the fruit they contain.
Best Practices for Designing a Social News Website | Webdesigner Depot
http://www.webdesignerdepot.com/2009/03/best-practices-for-designing-a-social-news-website/
Practices for Designing a Social News Website
news
A look at the layouts of several SN sites
50+ Cool Laptop Sleeves and Bags You Can Actually Buy | Inspiration
http://www.hongkiat.com/blog/50-cool-laptop-sleeves-and-bags-you-can-buy/
stevenf.com - WARNING: A long, rambly exploration of the state...
http://stevenf.tumblr.com/post/94591835/warning-a-long-rambly-exploration-of-the-state
JG: "Big picture essay by Steven Frank on the state of UI metaphors:"
discussion on the difficulties of changing the concept of the desktop metaphor, from Scott
"Every geek I know shares, to some degree, the notion that the “desktop” metaphor for computers is outdated. What nobody seems to have a solid opinion on is what would take its place."
35 Examples Of Masterful Lighting Effects In Web Design | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/05/07/30-examples-of-masterful-lighting-effects-in-web-design/
35 Examples Of Masterful Lighting Effects In Web Design
light effects in web design
Using a light source the right way can add dimension and beauty to a website design. Strong light sources create a stark contrast between light areas and shadows in a design, making the elements look more realistic and dimensional and less flat. Some websites opt instead for a dim light source to create a soft glow around particular areas of the website, to attract the eye more subtly. Lighting can also create a mood for a website. Some websites use bright swirls of light to show energy, while others use a dim glow to create a peaceful mood. In the examples below, you will see a wide range of lighting effects used, from subtle lighting effects to bold rays of light streaking across the page
interactions magazine
http://interactions.acm.org/content/?p=1244
I’m a science fiction writer, and as I became more familiar with design, it struck me that the futuristic objects and services within science fiction are quite badly designed.
Design Fiction
Bruce Sterling
Many science fiction writers, believe it or not, were capable of understanding Wittgenstein. User experience design, however, was far beyond them. It was also beyond Wittgenstein, because there are things we might imagine and speak about that we do pass over in silence because we are writing in books.
8 Beautiful Conky Desktop Monitor Setup | LinuxHaxor.net
http://www.linuxhaxor.net/2009/05/07/8-beautiful-conky-desktop-monitor-setup/
installed by default in standard crunchbang linux :)
Conky Designs
Download Free Repeat Patterns
http://pattern8.com/
Download Free Repeat Patterns
50 Beautiful and Effective Package Designs | Webdesigner Depot
http://www.webdesignerdepot.com/2009/05/50-beautiful-and-effective-package-designs/
Design de embalagem
Html and Xhtml cheat sheets | Css Reflex - Design Blog | Web Design | Inspiration and Resources for Designers
http://www.cssreflex.com/2009/05/html-and-xhtml-cheat-sheets.html
80+ Inspiring Quotes about Design | Design was here
http://designwashere.com/80-inspiring-quotes-about-design/
Have no fear of perfection, you'll never reach it.
great design quotes
Good design is all about making other designers feel like idiots because that idea wasn’t theirs. — Frank Chimero
Searching for Value in Ludicrous Ideas - Allison Arieff Blog - NYTimes.com
http://arieff.blogs.nytimes.com/2009/05/04/searching-for-value-in-ludicrous-ideas/
Article on invention and inspiration. Design.
the work of inventor/author/cartoonist/former urban planner Steven M. Johnson
44 Web Designers to Follow on Twitter | Think Vitamin
http://thinkvitamin.com/features/top-web-designers-to-follow-on-twitter/
45+ Excellent Examples of using Character Illustrations in Web Design | Naldz Graphics
http://naldzgraphics.net/inspirations/45-excellent-examples-of-using-character-illustrations-in-web-design/
This post is a showcase of 45+ Excellent Examples using Character Illustrations in Web Design. The list below are showing some of the coolest sites where character illustrations are put into action.
95 Resources to Simplify Your Life as a Web Designer
http://dreamcss.blogspot.com/2009/03/95-resources-to-simplify-your-life-as.html
48 Excellent Examples Of Blog Post Footer Designs | Spyre Studios
http://spyrestudios.com/blog-post-footer-designs/
Post Footer Designs
Beautiful Watercolor Effects in Web Design | My Ink Blog
http://www.myinkblog.com/2009/03/10/beautiful-watercolor-effects-in-web-design/
Web design trends come and go. You should be very wary not to jump on the latest ones that have no real staying power. An over abundance of glossy-iconed 2.0 sites are sure to look really outdated, real soon. I’d argue they already do. However some trends, can look awesome long after the trend has peaked. I think watercolor designs, when done right, are one of those trends. Recently, I’ve spotted more and more gorgeous watercolor effects in web design. I’ve created this post to serve as a bookmark for inspiration, resources and tutorials on designing these effects. Inspiration Web Designs Here is a showcase of some beautiful examples of watercolor effects in web design. Agami Creative agami Brad Candullo bcandullo Viget Labs viget Platin building Matt Mullenweg matt Billy Hughes At War billy-hughes Squawk squawk Webstock webstock Happy Cog happy-cog blog.critical blog-critical Electric Pulp electric-pulp Resources A bunch of awesome freebies that will help you produce the
Efeitos de webdesgin, maravilhosos!
+++
[JS]jQueryのプラグイン33+1選 -2009年3月 | コリス
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2009-mar.html
10 Firefox Add-ons for Web Designers | 10 Volt Media Blog
http://www.10voltmedia.com/blog/2009/05/10-firefox-add-ons-for-web-designers/
With a plethora of add-ons and extensions, created for developers by developers, Firefox becomes much more than just a browser and turns into an essential part of your toolbox. Here are 10 free add-ons covering everything from DOM inspection to screenshots, making designing and developing with Firefox a breeze.
Firefox has emerged victorious from the Great Browser War - at least as far as web developers are concerned. While it may not be the most-used browser for the everyday web surfer, Firefox is clearly the first choice of developers for a few very simple reasons. Its support for web standards is legendary, but the real super powers come from Firefox’s extensibility.
50 Inspirational Web Design Blogs | Design Reviver
http://designreviver.com/inspiration/50-inspirational-web-design-blogs/
50 blogs
via Popego.com
Involution Studios • Building a Digital Concept Car
http://make.involutionstudios.com/conceptcar/
via:information Aesthetics
# Interactive HTML+JavaScript
Involution Studios
# Browser Application
i dont know if i get this entirely but its pretty to look at
30 Inspiring Web Design Layouts from deviantART
http://sixrevisions.com/design-showcase-inspiration/30-inspiring-web-design-layouts-from-deviantart/
There are many designers and artists at deviantART who choose to display their beautiful creations to the rest of the community. In this collection, you'll find some of the best web design layouts presented created by deviantARTists.
layouts deviantArt
REVER
In this collection, you’ll find some of the best web design layouts created by deviantARTists.
95 Resources to Simplify Your Life as a Web Designer
http://www.dreamcss.com/2009/03/95-resources-to-simplify-your-life-as.html
42 Amazing Sources of Lego Inspiration and Creativity (and a touch of wit) : Speckyboy Design Magazine
http://speckyboy.com/2009/03/02/42-amazing-sources-of-lego-inspiration-and-creativity-and-a-touch-of-wit/
lego groups and models- who knew?
50+ Excellent Posters about Design | Design was here
http://designwashere.com/50-excellent-posters-about-design/
An excellent poster on our wall would certainly catch our attention and even inspire us. For the design aspect of us here’s a collection of excellent of excellent posters that most likely you would like to be hanged on your wall and also suit your taste buds for design. The posters mostly tells what Design is about on their personal views and how they apply it on their daily lives. I’ve spent a few hours gathering these excellent posters to share to everyone. I hope you’ll find them inspirational for yourselves as well, and maybe create one of your own and share it to us.
An excellent poster on our wall would certainly catch our attention and even inspire us. For the design aspect of us here’s a collection of excellent of excellent posters that most likely you would like to be hanged on your wall and also suit your taste buds for design.
Von Roxy | Designer Wear for the Graphic Design Community
http://www.vonroxy.com/
Typographic Lock-ups & Enclosures | Type Theory
http://www.typetheory.com/?p=918
Type Theory is a journal of contemporary typography featuring news, views, reviews and interviews.
logo designer, good ideas etc.
50 Inspirational Quotes on the Art & Science of Design - Psdtuts+
http://psd.tutsplus.com/articles/inspiration/50-inspirational-quotes-on-the-art-science-of-design/
Great quotes on design.
50 Refreshing Business Card Designs | Graphic Fetish
http://www.graphicfetish.com/50-refreshing-business-card-designs/
Finally a new wave of those business card designs we can't get enough of! We're pretty sure you've been seeing the same designs over and over again so if you're
Finally a new wave of those business card designs we can’t get enough of! We’re pretty sure you’ve been seeing the same designs over and over again so if you’re looking for more creative inspiration, we hope this fresh batch will do the trick. See how you can have more fun with color, letterpress printing or simply play with the shape, cut or the material of your custom business cards. The designers responsible for these awesome designs are as indicated so feel free to browse their portfolios for more ideas.
Compass: A Real Stylesheet Framework on Vimeo
http://vimeo.com/4335944
Supersized - Full Screen Background/Slideshow jQuery Plugin
http://www.buildinternet.com/project/supersized/
Image slider
Free Vectors - 28 Halftone Vectors (Clean & Grunge Versions) | Think Design
http://thinkdesignblog.com/free-vectors-28-halftone-vectors-clean-grunge-versions.htm
Free Vectors - 28 Halftone Vectors (Clean & Grunge Versions) | Think Design
Rafael Macho
http://www.rafaelmacho.com/
Background color is nice.
クールすぎて本当に動的に作ったの?というグラフが描画できてしまう「visifire」:phpspot開発日誌
http://phpspot.org/blog/archives/2009/03/visifire.html
Visifire クールすぎて本当に動的に作ったの?というグラフが描画できてしまう「visifire」。 以下にある画像のような、ちょっと他ではなかなか無いグラフを提供してくれます。フリーで使えます。
資料作成に。
Is Information Visualization the Next Frontier for Design? | Cannell | Fast Company
http://www.fastcompany.com/blog/michael-cannell/cannell/visualization-new-frontier-design
Visualization is the antithesis of Powerpoint
design work shifts to infrastructure and problem solving, sexy infographics are part of the new skill set. You've seen them. Those tag clouds in the right-hand column of Web sites with jumbled type of varying weigh
As design work shifts to infrastructure and problem solving, sexy infographics are part of the new skill set.
Color Tools, Resources and Tutorials for Photoshopers - Psdtuts+
http://psd.tutsplus.com/articles/web/color-tools-resources-and-tutorials-for-photoshopers/
20+ Best Tutorials to Convert Psd to Html/CSS | Dzine Blog
http://dzineblog.com/2009/04/tutorials--psd-to-html.html
40 Beautiful Twitter Theme Backgrounds
http://dzineblog.com/2009/02/40-beautiful-twitter-theme-backgrounds.html
Photoshop Screenshot Trick
http://www.turbophoto.com/Photoshop-Tricks/screenshot-photoshop-trick/index.htm
View a screenshot trick for Photoshop
Ampliar fotos sin perder calidad
como subir los DPI de una captura de pantalla
capturas de pantalla a 300dpi
selectiv
Website Change Request Form
http://css-tricks.com/website-change-request-form/
很漂亮的form改造
21 Premium-Like Free Photoblog Themes For Wordpress @ SmashingApps
http://www.smashingapps.com/2009/05/10/21-premium-like-free-photoblog-themes-for-wordpress.html
For the photogs out there...
21 Premium-Like Free Photoblog Themes For Wordpress
Opensource, Free and Usefull Online Resources for Designers and Developers
40 Useful and Creative Infographics
http://sixrevisions.com/graphics-design/40-useful-and-creative-infographics/
Six Revisions
25 Unique uses of WordPress as CMS | Noupe
http://www.noupe.com/wordpress/25-unique-uses-of-wordpress-as-cms.html
WordPress is often thought of as little more than a blogging platform. But it’s capable of so much more. Through a little customization and the use of plugins, WordPress can easily be transformed into a full-featured content management system. Here are more than 25 sites who have done just that (and done it well).
WordPress is often thought of as little more than a blogging platform. But it's capable of so much more. Through a little customization and the use of plugins,
Top-10 Information Architecture (IA) Mistakes (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/ia-mistakes.html
Structure and navigation must support each other and integrate with search and across subsites. Complexity, inconsistency, hidden options, and clumsy UI mechanics prevent users from finding what they need.
Fantastic Wallpapers That Will Blow Your Desktop Away | Graphics | Smashing Magazine
http://www.smashingmagazine.com/2009/05/10/fantastic-wallpapers-that-will-blow-your-desktop-away/
wallpapers nuevos
Fantastic Wallpapers That Will Blow Your Desktop Away
15 Fresh High-Quality Free Fonts | Fonts | Smashing Magazine
http://www.smashingmagazine.com/2009/05/11/15-fresh-high-quality-free-fonts/
Smashing Magazine
40 Tutorials for Creating Highly Detailed Icon Designs
http://www.blog.spoongraphics.co.uk/tutorials/40-tutorials-for-creating-highly-detailed-icon-designs
Tutoriais para desenho de Ícones
27+ Handy Javascript Techniques for Web Designer | Desizn Tech
http://desizntech.info/2009/05/27-handy-javascript-techniques-for-web-designer/
Free eCards, Birthday and Christmas eCards, Valentine and Online Greeting Cards
http://www.mypunchbowl.com/ecards
also an alternative to evite. woo hoo
plan events, send ecards
MyPunchbowl eCard Studio offers hundreds of beautiful, free eCards that can be customized with colors, fonts, images, and videos. Want to share an eCard with your social network? MyPunchbowl eCard Studio provides a simple way to email your friends or share your eCard on Facebook or Twitter. So what are you waiting for? Celebrate life's milestones with a personalized, free eCard by MyPunchbowl today!
26 Horizontal Websites | Inspiredology
http://inspiredology.com/26-horizontal-websites/
Creating a Touching Story Scene in Photoshop - PSDTUTS
http://psd.tutsplus.com/tutorials/photo-effects-tutorials/creating-a-touching-story-scene-in-photoshop/
Creating a Touching Story Scene in Photoshop
Creating a Touching Story Scene in Photoshop - Psdtuts+ - http://psd.tutsplus.com/tutorials/photo-effects-tutorials/creating-a-touching-story-scene-in-photoshop/
The Best Photoshop Tutorials | Vandelay Design Blog
http://vandelaydesign.com/blog/design/photoshop-tutorial-tutorials/
CreativeTechs Tips » Free eBooks to Help Grow Your Studio.
http://creativetechs.com/tipsblog/free-ebooks-to-help-grow-your-studio/
80+ Fresh New Textures for Creating Web Site Backgrounds | Web Design Ledger
http://webdesignledger.com/freebies/80-fresh-new-textures-for-creating-web-site-backgrounds
As you've probably figured out, I love designing with texture. I also love sharing textures here on WDL. When done properly, a texture used as a background can
22 Extremely Detailed and Beautiful Icon Sets
http://dreamcss.blogspot.com/2009/03/22-extremely-detailed-and-beautiful.html
iconos x rev
Kris Kuksi : Sculpture
http://kuksi.com/artworks/sculpture/
man that guys stuff is awesome
Amazing Sculpture. Gothic and macbre, mixed media assemblage
22 Extremely Detailed and Beautiful Icon Sets
http://www.dreamcss.com/2009/03/22-extremely-detailed-and-beautiful.html
A Creative designers always searching unique and fresh icon sets for there projects . Here is a collection of free High Quality icon sets of over 20 high quality icons . Full credit goes to the image authors. Let us know about any others you really like! All icon sets are free to use commercials as well as personal projects . I will appreciate if you can spread the word via Digg, Stumbleupon and other social media websites, Thank you. 1.20 Creative Examples Of High Quality Free Icon Sets : webtoolkit-blogger-icons[5] 2. 35 Creative Examples Of High Quality Free Icon Sets : TRAVELICONPACK_thumb2 3.AIRE ICON PACK : aire_icon_pack_thumb[2] 4.Green Eco-friendly Vector Icons : Green Eco-friendly Vector Icons_thumb[3] 5. Beautiful Education Vector graphics icons : Beautiful Education Vector graphics icons_thumb[3] 6.Beautiful Painting Vector Icons : Beautiful Painting Vector Icons_thumb[3] 7. simple common used Vector icon : simple common used Vector icon_thumb[3] 8. Vect
Best Practices for building JSON REST Web Services « Building Feedly
http://blog.feedly.com/2009/05/06/best-practices-for-building-json-rest-web-services/
A few of our friends have been asking us what are some of the best practices we learnt over the last two years designing and implementing RESTful Web Services as the back-end of the feedly service. Here is a quick/high level brain dump: Phase 1 – Defining a simple resource/service | Take a sample resource such as Customer Information, model it as JSON. Build a simple servlet where PUT creates a new customer, GET returns the customer information based on the customer key, DELETE deletes the customer and POST updates the customer information. Make sure that PUT returns the right information regarding the URL of the newly created resource. In our case, we have a framework which maps JSON to our Java Model and use hibernate to persist that model in a MySQL database. The important things for this phase are to the JSON representation right and the base url formatting simple and clean. Phase 2 – Implementing a client | Learn how to build a simple Javascript client which interacts with the s
- added by harper reed's google reader
Owltastic — by Meagan Fisher
http://owltastic.com/
pretty cool site iwth nice illustration
OMG! Writings about web design by Meagan Fisher: Designer, XHTML-and-CSS-er, Sketcher, and Owl Obsessor
Web Designer - works with Dan Cederholm at SimpleBits
Nice design :)
50 Best Sites To Get Design Inspiration | Dzine Blog
http://dzineblog.com/2009/05/50-best-sites-to-get-design-inspiration.html
has also links for many good sites on right side
Lifehacker - Model Your Home, Plan Improvements in 3D with Google Sketchup - Google Sketchup
http://lifehacker.com/5244984/model-your-home-plan-improvements-in-3d-with-google-sketchup
My wife and I just moved to an apartment with a great backyard, but neither of us think spatially. Using Google Sketchup, it's been easier than I'd imagined to plan our Ultimate Patio 4000.
25 One Page Portfolio Websites of Designers on Twitter | The Design Cubicle
http://www.thedesigncubicle.com/2009/05/25-beautiful-one-page-portfolio-websites-of-designers-on-twitter/
26 Must-Have Free Fonts | Presidia Creative
http://www.presidiacreative.com/26-must-have-free-fonts/
fonts
littleBits
http://www.littlebits.cc/
littleBits is an opensource library of discrete electronic components pre-assembled in tiny circuit boards. Just as Legos allow you to create complex structures with very little engineering knowledge, littleBits are simple, intuitive, space-sensitive blocks that make prototyping with sophisticated electronics a matter of snapping small magnets together. With a growing number of available modules, littleBits aims to move electronics from late stages of the design process to its earliest ones, and from the hands of experts, to those of artists, makers and designers.
littleBits is an opensource library of discrete electronic components pre-assembled in tiny circuit boards. Just as Legos allow you to create complex structures with very little engineering knowledge, littleBits are simple, intuitive, space-sensitive blocks that make prototyping with sophisticated electronics a matter of snapping small magnets together.
modular circuit boards
Electronic modules that stick together with magnets to make complete circuits
The Evolution of a Website Design | Think Vitamin
http://thinkvitamin.com/features/the-evolution-of-a-website-design/
Germ - thought you might enjoy this as much as I did
Last week I was presented with a design brief. It was to design and build a site to promote our new Stack Overflow DevDays event that’s happening this October. Ryan gave me a rough wireframe detailing the content that needed to be included. The layout and design was down to me. As usual I didn’t have a bloody clue where to start… and I didn’t have long to do it. The initial hope was that I get it all done in just over 2 days. So I thought it might be interesting to share with you the various stages of design the site went through before arriving at the finished design. Here’s the wireframe Ryan put together for me wireframe Ok so here goes. Stage 1 Stage 1 Stack Overflow DevDays is mainly gonna be a US tour + a gig in London. So I want a map or something to show where the dates are gonna be. I was going to use a flat map but decided a globe was cooler. I drew the globe based on one I bought from istockphoto.com (Note: Dates and cities shown in these designs were just provisional
30 Brilliant Photoshop Lighting Effects Tutorials
http://sixrevisions.com/photoshop/30-brilliant-photoshop-lighting-effects-tutorials/
A current trend in design is adding lighting effects to enhance your digital art. In this article, you’ll find 30 dazzling lighting techniques that you can use to add a bit of sparkle into your work. Expressive lighting effects Engulf photo subjects with glowing lights by following along this top-notch tutorial. Expressive lighting effects Adding Light Streaks to A Photo Add light streaks to photos using Photoshop’s Pen Tool and some simple Layer styles. Adding Light Streaks to A Photo Super Slick Dusky Lighting Effects in Photoshop Enhance your photos with a surreal light effect via this excellent tutorial. Super Slick Dusky Lighting Effects in Photoshop Lighting Effects in Photoshop Enhance your photos by using the Liquify and Gaussian Blur Filters to lighting effects. Lighting Effects in Photoshop How to Create Intense Light Streaks in Photoshop In this tutorial, you’ll learn how introduce light streaks around your artwork’s subjects. How to Create Intense Light Streaks i
SEM Labs Web Blog Icon Pack
http://semlabs.co.uk/journal/sem-labs-web-blog-icon-pack
Simon Schubert
http://www.simonschubert.de/papierarbeiten.html
Amazing paper folding art
Simon Schubert
Papel doblado
Apple - Business - Profiles - Twitter
http://www.apple.com/business/profiles/twitter/
Apple's Twitter case study
Non Profit Website Design: Examples and Best Practices | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/05/14/non-profit-website-design-examples-and-best-practices/
AWESOME RESOURCE: Non profit websites share many of the same best practices as any website. They need to be user friendly, easily navigable, and use appropriate fonts, colors, and other design elements. But often a non profit website needs to offer more than your typical corporate site.
Non profit websites share many of the same best practices as any website. They need to be user friendly, easily navigable, and use appropriate fonts,
Forget the Film, Watch the Titles - Home
http://watchthetitles.com/
A SubmarineChannel project dedicated to the art of film title design, featuring collections of title sequence organized by theme and interviews with creators.
30 HTML Best Practices for Beginners - Nettuts+
http://net.tutsplus.com/tutorials/html-css-techniques/30-html-best-practices-for-beginners/
By and large, an excellent article.
good list
30 HTML Best Practices for Beginners
ColoRotate: Home
http://www.colorotate.org/
Very nice flash tool for playing with colour pallets, beautiful user interface. I haven't played with it much yet, but it's definitely an interesting approach. Looking forward to the release of the CS4 plugins later this year.
Make High-Impact Backgrounds for Your Designs with Photoshop
http://sixrevisions.com/tutorials/photoshop-tutorials/make-high-impact-backgrounds-for-your-designs-with-photoshop/
Make High-Impact Backgrounds for Your Designs with Photoshop
Why Does Clean Markup Matter in Web Design? | Webdesigner Depot
http://www.webdesignerdepot.com/2009/05/why-does-clean-markup-matter-in-web-design/
100 Obscure and Remarkable CD Covers | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/05/13/100-obscure-and-remarkable-cd-covers/
Rivermaya makes the list. O yey!
100 obscure and remarcable cd covers
Some CD covers feature heavily edited and airbrushed vanity photos of the musicians or recording artists. Thankfully, others are much more creative and work to create a cover image that reflects the mood, attitude or feel of the music it promotes. The most striking designs are those that capture both a buyer’s attention and the essense of the music. The CD cover art designs and concepts featured in this showcase present dramatic, quirky, unusual or unique artwork. This type of cover art can make a big difference when a little-known band releases an album. Captivating or iconic cover art can make a band instantly recognizable, which increases sales, which in turn boosts airplay and subsequently demand for the music. Mainstream marketing is rarely this attractive, and the wide variety of beautiful CD cover art makes browsing CDs an enjoyable experience that reaches far beyond the music.
CD Covers
100 Obscure and Remarkable CD Covers
50 Incredible Tutorials from the Tuts+ Network - Nettuts+
http://net.tutsplus.com/articles/web-roundups/50-incredible-tutorials-from-the-tuts-network/
just marking this one because it seems pretty useeful
Incredible Tutorials from the Tuts
100 (Really) Creative Business Cards | Webdesigner Depot
http://www.webdesignerdepot.com/2009/05/100-really-creative-business-cards/
Creative Business Cards
Check out some cool and imaginative business cards. Awesome..
weer een paar nieuwe, vooral de divorce lawyer is leuk!
cartoes de visita
7 Powerful image carousels for web designers
http://woork.blogspot.com/2009/05/7-powerful-image-carousels-for-web.html
This post is a collection of some powerful carousels for images and text content ready to use in your web projects.
need i say more?
image carousels
Usability.Edu: 25 Incredibly Useful Usability Cheat Sheets & Checklists — Best Web Design Schools
http://bestwebdesignschools.com/2009/usabilityedu-25-incredibly-useful-usability-cheat-sheets-checklists/
Is your Web site primed for any viewer? How do you know? The nicest thing about a usable Web site is that it’s just a good thing to do for others so they can easily read your online information. The other side to usability is that it can increase your search engine standings so more people can find your Web site. The following list of cheat sheets and checklists are fairly recent; however, some older usability checklists are useful for older sites that haven’t been upgraded. You can find cheat sheets and checklists for forms, blogs and more below, all listed in alphabetical order. 1. 15 Essential Checks Before Launching Your Website: Use this Smashing Magazine list to double-check your site’s usability before you launch. 2. 15 Valuable Usability PDFs You Never Heard Of: This list of usability papers in PDF format will put you well ahead of the pack. 3. 25-point Website Usability Checklist: A concise list of checkpoints to make sure your site is usable. 4. Checklist for Us
Web Design from the Gut - Articles - MIX Online
http://visitmix.com/Articles/Web-Design-from-the-Gut
Nice article about the design process. Particularly like the feature wireframes; I've seen features written out for each page before, but never as a non-layout wireframe.
A walk through the real-world process of redesigning a major site. Great stuff.
Top 35 Inspirational Korean Websites | The Design Inspiration
http://thedesigninspiration.com/articles/top-35-inspirational-korean-websites/
Top 35 Inspirational Korean Websites
韓国デザインサイトまとめ
35 เว็บสวยสัญชาติเกาหลี (มีกลิ่นอายเกาหลีแตะจมูกเลยทีเดียว)
韓国のすごいデザインサイト35
韓国のデザインサイト集
Best Artwork of Superheroes from the Most Talented Comic Artists | The Design Inspiration
http://thedesigninspiration.com/articles/best-artwork-of-superheroes-from-the-most-talented-comic-artists/
**look at this later**
75+ Truly Remarkable Typography Resources | Hi, I'm Grace Smith
http://www.gracesmith.co.uk/75-truly-remarkable-typography-resources/
links a varios recirsos de tipografia
How to Elevate Your Website Design Process and Results - Psdtuts+
http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-elevate-your-website-design-process-and-results/
This tutorial will guide you through the process and ideas behind the designing a professional website with a funky flair in Photoshop. The tutorial will read much like a "choose your own adventure" novel in the hopes it will encourage creativity and uniqueness in your design with a little advice and instruction along the way.
Optimizing Conversion Rates: It's All About Usability | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/05/15/optimizing-conversion-rates-its-all-about-usability/
In eCommerce usability improvements usually have a huge impact on conversion reates. However, usability doesn’t only mean better visual guide or better site hierarchy. It also means a better communication with potential customers using a professional, trustworthy design, delivering the right information at the right time and communicating with users instead of throwing ad-slogans at them.
20 Gorgeous WordPress Gallery Themes
http://www.sitepoint.com/blogs/2009/05/16/20-gorgeous-wordpress-gallery-themes/
The 50 Best Premium WordPress Themes | Design Reviver
http://designreviver.com/general/the-50-best-premium-wordpress-themes/
20 Must Subscribe Graphic Design Blogs | Creative Nerds
http://creativenerds.co.uk/news/0-must-subscribe-graphic-design-blogs/
Creative Nerds
There are a lot of graphic design blogs out there, and even better most design blogs offer you the opportunity to subscribe to their RSS feed.
20 Must Subscribe Graphic Design Blogs
Lifehacker - $8 DIY Aluminum Laptop Stand - laptop stands
http://lifehacker.com/5251244/8-diy-aluminum-laptop-stand
We've always been keen on DIY laptop stands, but reader Aaron Kravitz&mdash;inspired by an attractive $50 stand&mdash;went above and beyond, creating one of the most attractive DIY laptop stands we've featured to date.
25 Great Examples of Using Gradient Effects in Web Designs
http://sixrevisions.com/design-showcase-inspiration/25-great-examples-of-using-gradient-effects-in-web-designs/
How Room Designs Affect Your Work and Mood: Scientific American
http://www.sciam.com/article.cfm?id=building-around-the-mind
Brain research can help us craft spaces that relax, inspire, awaken, comfort, and heal. By Emily Anthes.
Colorblind Awesomeness - 40 Inspirational Black & White Websites | Inspired Magazine
http://www.inspiredm.com/2009/04/21/colorblind-awesomeness-40-inspirational-black-white-websites/
Far from the huge colored web galaxy, there is a small but extremely catchy black & white css planet. Please make yourself comfortable & enjoy our selection! If you have some suggestions, leave them in the comments. Thank you!
40 Inspirational Black & White Websites | Inspired Magazine
Stuart Gibson Photographer. Tasmania, Australia.
http://stugibson.net/
best surfpics ever!
Pattern Languages for Interaction Design - Boxes and Arrows: The design behind the design
http://www.boxesandarrows.com/view/pattern-languages
Interview with 3 thought leaders in "pattern library" design tools, exploring what they are and how they're useful.
Pattern Languages for Interaction Design An Interview with Erin Malone, Christian Crumlish, and Lucas Pettinati
Boxes and Arrows: The design behind the design
Photoshopで作るウェブデザイン レイアウト・チュートリアル50選 | DesignWalker
http://www.designwalker.com/2009/04/photoshop-layout.html
Photoshopで作るウェブデザイン レイアウト・チュートリアル50選
Notgeld - Pre-Inflationary German Currency - a set on Flickr
http://www.flickr.com/photos/migueloks/sets/72157612715226525/
A photo collection of emergency currency issued by towns in Germany.
My wife's grandfather collected thousands of bills produced by the different towns and companies to make front to deflation first and inflation later and provide certain stability to workers and residents."Notgeld" (emergency currency) was provided by cities, boroughs, or even private companies while there was a shortage of official coins and bills.
30+ Stunning Photoshop Brushes | SherifAbdou - The Design Blog
http://sherifabdou.com/2009/05/30-stunning-photoshop-brushes/
good collection of free photoshop brushes.
Haven't tried them out yet!
Designers Toolbox: Proof Reading Marks
http://www.designerstoolbox.com/designresources/proofing/
A little list of proofreading marks that could come in handy.
Proof Reading Marks
Cardapult the Business Card Catapult
http://www.instructables.com/id/Cardapult-the-Business-Card-Catapult/
This card would sure get my attention. Send one of these cards along with your resume and just see if you don't get a few call-backs!
WIN. MUST MAKE IMMEDIATELY.
card
CARDAPULT
A Showcase of Popular Web Design Trends | My Ink Blog
http://www.myinkblog.com/2009/05/16/a-showcase-of-popular-web-design-trends/
My Ink Blog
Great list of web design trends. Love the illustration trend!
40 (NEW) High-quality and Free Icon Sets | Noupe
http://www.noupe.com/icons/40-new-high-quality-and-free-icon-sets.html
Blog Archive - 40+ Beautiful Hand-Drawn Websites - CSS Gallery of Best Web Design
http://cssbuilt.com/2008/11/40-beautiful-hand-drawn-websites/
The Calvin & Hobbes Super-Stupendous Guide to Design
http://designpepper.com/2009/03/09/calvin-and-hobbes-super-stupendous-guide-to-design/
RT 새 단어 하나 배웠네~ :-) @pixpix The Calvin & Hobbes Super-Stupendous Guide to Design http://tinyurl.com/awxqjr [from http://twitter.com/enamu/statuses/1304734815]
The Calvin & Hobbes Super-Stupendous Guide to Design
Good to see I'm on the right track :-]
Illustration Concept Art Tutorials - Carlos Cabrera
http://www.carloscabrera.com.ar/tutorial.html
Carlos Cabrera
+++ cool free Digital painting tutorials made by Carlos Cabrera --> NICE style --> Watch and Learn
Online portfolios that speak for themselves part 2 | Inspiredology
http://inspiredology.com/portfolios-2/
Best Grunge Textures and Photoshop Brushes All In One Place | Web Design Ledger
http://webdesignledger.com/freebies/best-grunge-textures-and-photoshop-brushes-all-in-one-place
Grunge design elements are a great way to give a design a worn and weathered look. Since it’s a popular style in modern web design, there are plenty of resources out there, but sometimes it’s difficult to find the ones that are the highest quality. I’ve taken the time to hand pick what I believe are the best grunge textures and Photoshop brushes out there.
grunge
100 Amazing Free Wordpress Themes for 2009 | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/05/18/100-amazing-free-wordpress-themes-for-2009/
Smashing Magazine's latest list, some *great* themes
Flat Shadows | Articles | Digitalmash
http://digitalmash.com/journal/articles/flat-shadows/
Another super-simple shadow trick in Photoshop for looking down on objects.
So last week I wrote about shadows for upright objects and this week I'll be running very quickly through shadows for objects sitting flat. The article I wrote for Smashing Magazine on light and shadow had a few examples that some people wanted explained more fully. So here we are.
6 Flexible jQuery Plugins To Control Webpage Layouts Easily
http://www.webresourcesdepot.com/6-flexible-jquery-plugins-to-control-webpage-layouts-easily/
9 Tips For Brand Building With Web Design | Webdesigner Depot
http://www.webdesignerdepot.com/2009/05/9-tips-for-brand-building-with-web-design/
branding web design tips
Create a Five-color Magazine Cover using a Spot Metallic - Psdtuts+
http://psd.tutsplus.com/tutorials/designing-tutorials/create-a-five-color-magazine-cover-using-a-spot-metallic/
Five-color Magazine Cover using a Spot Metallic
55+ Extremely Useful Online Generators for Designers
http://www.balkhis.com/web-designs-resources/55-extremely-useful-online-generators-for-designers/
the holy grail of web design elements, generators
便利ツール オンラインジェネレーター ボタンとか
ACQUINE: Aesthetic Quality Inference Engine - Intelligent, Unbiased and Instant Assessment of Photos
http://acquine.alipr.com/
Automatic photo rating software
Aesthetic Quality Inference Engine - Intelligent, Unbiased and Instant Assessment of Photos
Make Your Design Work Look Awesome with a Product Mockup - Psdtuts+
http://psd.tutsplus.com/articles/web/make-your-design-work-look-awesome-with-a-product-mockup/
50 Excellent Circular Logos | Webdesigner Depot
http://www.webdesignerdepot.com/2009/05/50-excellent-circular-logos/
30 Untypical WordPress Sites
http://www.webdesignerwall.com/trends/30-untypical-wordpress-sites/
mezzoblue § Chalkwork Payments Royalty-free Icons
http://www.mezzoblue.com/icons/chalkwork/payments/
Chalkwork Payments is a free set of online payments icons, designed to perfectly complement all other sets in the Chalkwork Family. Featuring 21 base icons and 105 variations, these graphical representations of common payment services and payment-related imagery are a completely free icon set available for personal and commercial projects alike (although the usual Chalkwork license terms still apply).
Chalkwork Payments is a free set of online payments icons, designed to perfectly complement all other sets in the Chalkwork Family. Featuring 21 base icons and 105 variations, these graphical representations of common payment services and payment-related imagery are a completely free icon set available for personal and commercial projects alike (although the usual Chalkwork license terms still apply). Chalkwork Payments is available in 3 sizes and 6 file formats: transparent PNG, TIF, GIF, BMP, Windows ICO, and Mac ICNS.
15 Hand Picked Color Palette and Color Scheme Generators | SingleFunction
http://singlefunction.com/15-hand-picked-color-palette-and-color-scheme-generators/
Color is the most significant factor that affects our mood and perception of any visual element, and making the right choice of a color combination is considered a priority, regardless where it will be used. This roundup is about the online tools that will help you accomplish that, 15 to be exact, packed with features to make the process of generating color palettes, schemes, and themes a smooth, pleasant, and creative experience.
30 Sets of High-Quality Adobe Illustrator Brushes
http://designm.ag/resources/30-sets-of-high-quality-adobe-illustrator-brushes/
Mostly digit painting brush stuff
30 Sets of High-Quality Adobe Illustrator Brushes
HexoSearch - The World's First Search Engine Dedicated for Actionscript
http://www.hexosearch.com/se/search.aspx
HexoSearch - The World's First Dedicated Search Engine for Actionscript
Search Engine Dedicated for Actionscript
8 Layout Solutions To Improve Your Designs | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/05/19/8-layout-solutions-to-improve-your-designs/
The organization of content is probably one of the most important and influential aspects of any good web design. Organizing information into a well-built layout
The organization of content is probably one of the most important and influential aspects of any good web design. Organizing information into a well-built layout is the basis of a website, and should always come before styling concerns.
» 70+ High-Quality Free Fonts for Designers WebAir Blog
http://www.webair.it/blog/2009/05/18/70-high-quality-free-fonts-for-designers/
:-)
» 70+ High-Quality Free Fonts for Designers WebAir Blog
Ralf Herrmann’s Typography Weblog » Blog Archive » 10 Great Free Fonts for @font-face embedding
http://opentype.info/blog/2008/08/05/10-great-free-fonts-for-font-face-embedding/
10 Great Free Fonts for @font-face embedding
30 Javascript Menu Plugins and Scripts | Queness
http://www.queness.com/post/237/30-javascript-menu-plugins-and-scripts
Here we go again, enjoy my collection of navigation menu. * Accordion Menu * Dock Menu * Navigation/Drop Down Menu * Slide Menu * Tree View Accordion Menu * Dynamic drive Accordion menu Dynamic drive Accordion menu | Demo * jQuery Accordion Menu i-MarcojQuery Accordion Menu | Demo * Horizonal Accordion Menu Horizonal Accordion Menu | Demo * Bassistance jQuery Accordion Bassistance jQuery Accordion | Demo * Designreviver Horizontal Accordion Designreviver Horizontal Accordion | Demo * Phatfusion Image Menu Phatfusion Image Menu | Demo Dock Menu * iconDock iconDock | * jQ Dock jQ Dock | Demo * CSS Dock Menu jQuery + Fisheye CSS Dock Menu jQuery + Fisheye | Demo * MacStyleDock MacStyleDock | Demo * Mootool Fisheye Mootool Fisheye | Demo * Dojo Fisheye Dojo Fisheye | Demo * euDock euDock | Demo * cornerDock cornerDock | Demo
30 Javascript Menu Plugins and Scripts | Queness
Web Design Ideas » Huge List Of 395+ Web Design Resources
http://www.webdesignideas.org/2009/05/12/huge-list-of-395-web-design-resources/
16 Great Graphic Design Blogs and Sites - Psdtuts+
http://psd.tutsplus.com/articles/web/16-great-graphic-design-blogs-and-sites/
What are your favorite design blogs and sites? There are so many design blogs now, that your top list is sure to be a bit different. Here we've collected 16
50 Free Social Media Icon Sets for Your Blog | Social Media Directory for Designers
http://directoryfordesigners.com/50-free-social-media-icon-sets-for-your-blog
Dobra stranica dizajniranje bloga!!
Flavour Extended: The Ultimate Icon Set For Web Designers | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2009/05/20/flavour-extended-the-ultimate-icon-set-for-web-designers/
icon set with 452 icons in a resolution of 48×48 pixels, freely available to use in private or commercial projects
Teach Yourself Graphic Design: A Self-Study Course Outline - Psdtuts+
http://psd.tutsplus.com/articles/inspiration/teach-yourself-graphic-design-a-self-study-course-outline/
Fortunately, it isn't required to go to design school in order to be a graphic designer. A good foundation in graphic design history, theory, and practical
MUST READ
7 Quick CSS Enhancements for Better User Experience
http://davidwalsh.name/css-enhancements-user-experience
Css tips!
The beauty in CSS is that a tiny directive can make a huge difference in how the page displays. Here are seven quick CSS snippets that will give your website more “pop” and make your user’s experience more functional and enjoyable.
12 Blogs with Freebies for Commercial Design Use
http://designm.ag/resources/12-blogs-with-freebies-for-commercial-design-use/
12 Blogs with Freebies for Commercial Design Use
Business Card Design: Better Than A Plain Ol' Business Card | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/05/20/effective-business-card-design-better-than-a-plain-ol-business-card/
business cards
How to Create a Clean Web 2.0 Style Web Design in Photoshop
http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-clean-web-20-style-web-design-in-photoshop/
How to Create a Clean Web 2.0 Style Web Design in Photoshop
How to Choose Colors Everyone Likes | CreativePro.com
http://www.creativepro.com/article/how-choose-colors-everyone-likes
Colors
What’s A ‘Spooey’? A Field Guide To Freeway Interchanges, Part 1 » INFRASTRUCTURIST
http://www.infrastructurist.com/2009/05/18/dont-pluck-the-cloverleaf-a-field-guide-to-highway-interchanges-part-1/
Ever wondered what that off-ramp configuration was called? Now you know.
Fascinating description of motorway/freeway interchanges. I didn't know they all had names. The Maryland Braid is my favourite.
Stealourideas.com
http://stealourideas.tumblr.com/
Collection of advertising concepts draw up and ready to produce.
Eye tracking study reveals 12 website tactics
http://www.directcreative.com/blog/eye-tracking-websites
'While this is just one eye tracking study focused on a particular type of site, I think there are instructive nuggets here for any informational website.'
Some surprising results from eyetracking studies
Eye tracking studies have revealed valuable information about how people read and interact with websites. One study, Eyetrack III, published a summary of their eye tracking results for news sites. While this is just one eye tracking study focused on a particular type of site, I think there are instructive nuggets here for any informational website.
20 Insane Vectors by Ahmed Alrefaie | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/20-insane-vectors-ahmed-alrefaie
Vectors by Ahmed Alrefaie
25 of the Best Websites for Educational Institutions | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/best-educational-websites/
250+ Free Seamless Vector Patterns Ideal for Print and Web Design | Patternhead
http://www.patternhead.com/found-freebies/250-free-seamless-vector-patterns-ideal-for-print-and-web-design
Great collection of vector patterns
vettori
Photo: free photo and free stock photo - Photoxpress
http://www.photoxpress.com/
Site imagini
9 Essential Principles for Good Web Design - Psdtuts+
http://psd.tutsplus.com/tutorials/designing-tutorials/9-essential-principles-for-good-web-design/
very good article
Obviously, I have lots of disclaimers: rules are made to be broken, different types of design work differently, and I don't always live up to my own advice.
CSS3 Exciting Functions and Features: 30+ Useful Tutorials | Noupe
http://www.noupe.com/css3/css3-exciting-functions-and-features-30-useful-tutorials.html
With version three of CSS, many exciting features will be implemented. CSS3 leads to greater flexibility and makes it much easier to recreate previously complex effects.
De lo nuevo que se pede hacer con CSS3 que ya se puede ver en los navegadores actualizados... pero de aquí a que IE actualice para esto, y lo que es peor, de aquí a que mis clientes actualicen su IE6 :(
Formen und Umrisse für Photoshop: Die ultimative Kollektion
http://www.drweb.de/magazin/photoshop-custom-shapes/
シルエットのシェイプ
Formen und Umrisse für Photoshop
25 Important Web Design Tools | Tools | PelFusion.com
http://pelfusion.com/tools/25-important-web-design-tools/
25 เ้ครื่องมือที่นักทำเว็บไม่ควรพลาด
There are lots of web design tools available on internet, which will help you accomplish your tasks easily and quickly, and still more are coming. Every
25 Important Web Design Tools - http://is.gd/BZP0 [from http://twitter.com/msdaibert/statuses/1881367018]
There are lots of web design tools available on internet, which will help you accomplish your tasks easily and quickly, and still more are coming. Every designer now has his/her own toolbox. I will try to make such toolbox for you too. I have collected 25 such tools, and if you know more feel free to add in the comments.
50 iPhone Apps for Web Designers & Developers « AppStorm
http://mac.appstorm.net/roundups/iphone-roundups/50-iphone-apps-for-web-designers-developers/
30 Best Photoshop Abstract Effect Tutorials
http://www.photoshoplady.com/30-best-photoshop-abstract-effect-tutorials/
30 Best Photoshop Abstract Effect Tutorials Photoshop Lady - : Best Photoshop Tutorials Around the World
20 Useful Websites for Graphic Design Textures and Patterns
http://sixrevisions.com/graphics-design/20-useful-websites-for-graphic-design-textures-and-patterns/
Textures and Patterns
10 Awesome Free Handwritten Fonts | My Ink Blog
http://www.myinkblog.com/2009/05/21/10-awesome-free-handwritten-fonts/
Free Handwritten Fonts
40 Gorgeous Vintage Tobacco Advertisements // WellMedicated
http://wellmedicated.com/lists/40-gorgeous-vintage-tobacco-advertisements/
Causa dos nossos antepassados serem fumantes...
"It seems these advertisers would stop at nothing to exploit every possible resource - all in name of peddle their wares. A few victims of tobacco advertisements include celebrities, doctors, children, the military, Christmas, nostalgia, cartoon characters, and of course everyone’s favorite - sex."
It should go without saying that these are for inspirational purposes only. We here at WellMedicated do not condone the messages of any of these ads - we merely think they’re purrrdy.
100 Tips about All Adobe CS4 Applications | Layers Magazine
http://www.layersmagazine.com/fourth-annual-layers-100-wicked-tips.html
apparently really good - must read sometime
recommended by @feesh (Trish at CAES).. .Must read when we get CS4 (James says soon?)
The Evolution of Cell Phone Design Between 1983-2009 | Webdesigner Depot
http://www.webdesignerdepot.com/2009/05/the-evolution-of-cell-phone-design-between-1983-2009/
Cell Phone design 1983 to 2009
Cell phones have evolved immensely since 1983, both in design and function. From the Motorola DynaTAC, that power symbol that Michael Douglas wielded so
Logo Design Inspiration | 36 Clever and Creative logos  | Dzine Blog
http://dzineblog.com/2009/05/36-clever-logos.html
The better a logo greater the probability that your clients will remember you and get back to you. For that: designers have to be creative and have to work their ass off in designing beautiful, unique logos. And the results they come out with their hard work are stunning and spectacular. Here take a look at 36 Clever and creative logos and be inspired, hope you like this collection 1. Food Writers 2. Pencil 3. Moo Sleep 4. ED’s Electric 5. Mouse Universe 6. Horror Films 7. Foot 8. Shelter 9. One Construction 10. Eight 11. E.C. Engineering 12. Message 13. Mavericks Trousers 14. Look 15. Negative Reality 16. Wine Searcher 17. Wine Kingdom 18. Twins 19. 5 Locks 20. Time Watch 21. City Direct 22. SYNC 23. Burnett Electrical 24. Diane Ingarten 25. Bird Love 26. Veriation Music 27. Shift Creative 28. Peter Ryan 29. CentarR 30. Eight 31. Logotype Against Nazism and Racism 32. Business Secret 33. FlipSide 34. Elefont 35. Web Ankor 36. Eighteen
The better a logo greater the probability that your clients will remember you and get back to you. For that: designers have to be creative and have to work their ass off in designing beautiful, unique logos. And the results they come out with their hard work are stunning and spectacular.
Spam : Elliott Burford
http://elliottburford.com/index.php?/illustration/spam-new/
An ongoing project illustrating the titles of emails found in your spam/junk box.
lawls
Spam Visualized - funny stuff
ilustrações de spam An ongoing project illustrating the titles of emails found in your spam/junk box.
22 Versatile Adobe Flash Menu and Navigation Tutorials : Speckyboy Design Magazine
http://speckyboy.com/2009/05/22/22-versatile-adobe-flash-menu-and-navigation-tutorials/
Flash design is being used less and less within web design nowadays, ads and games aside. We all know how about its down sides, and everyone certainly hates the “Click here to open in Full Screen” links that are, fortunately, not being used as much as in years gone by. There is no denying it though, visually Flash is beautiful. Is it time for a revival? Below we have 22 Flash Menu and Navigation Tutorials, they can all be used for all website designs, whether it be CSS or Flash.
Cam with me(カム ウィズ ミー)|デジタルビデオカメラ Handycam “ハンディカム” | ソニー
http://www.sony.jp/products/Consumer/handycam/camwithme/
“ハンディカム” | ソニー
娘の成長記録
80+ Strange and Fantastic Buildings Architecture | instantShift
http://www.instantshift.com/2009/02/19/80-strange-and-fantastic-buildings-architecture
80+ Strange and Fantastic Buildings Architecture
The term Architecture can refer to a process, a profession or documentation. As a process, architecture is the activity of designing and constructing buildings , Daily Resource for Web Designers and Developers.
On the difference between the ideals of “architecture” and mere “construction”, the renowned 20th C. architect Le Corbusier wrote: “You employ stone, wood, and concrete, and with these materials you build houses and palaces: that is construction. Ingenuity is at work. But suddenly you touch my heart, you do me good. I am happy and I say: This is beautiful. That is Architecture”.
In the late 20th century many new concept was included in the compass of both structure and function. Now days, before performing any action we keeping future in our visions. same applies in Architecture also. In the selection below, we present over 80 Strange & Fantastic Buildings Architecture of modern world. All photographs are linked and lead to the source - the respective photographers.
siiimple
http://www.siiimple.com/
great minimal website inspiration gallery
シンプルデザインのウェブサイト集
siiimple is a minimalist design gallery - for simple lover’s of design
siiimple is a minimalist design gallery - for simple lover’s of design. some guy named einstein said once: “everything should be as simple as it is, but not simpler.” not sure exactly what that means, but it seems like it makes sense…
web design
Alan Clarke
http://www.alanclarkegraphics.com/
Olympic posters proposal for London 2012. My thinking behind these posters was to convey the movement and energy of the games, in a simple abstract way.
drooling at the nice 2012 Olympic poster ideas Alan has put forth here ..... homage to 1972 of course, but still....can the London logo disaster be salvaged by improved design in other key aspects of the Olympic design fronts?
some great abstract graphic posters proposed for the Olympics
Impresionante diseñador británico. Con carteles de los juegos olímpicos de Londres que quitan el 'sentío'...
105 Free Grunge Fonts for Web Designers and Logo Artists | Fonts | instantShift
http://www.instantshift.com/2009/05/23/105-free-grunge-fonts-for-web-designers-and-logo-artists/
Typography is one of the most important key aspects of any web design project. It’s very essential for designers to have a good understanding of typography , Daily Resource for Web Designers and Developers.
Pàgina on baixar-se tipografies de lletra.
Grunge Style Typography has been quite a popular for a while now, and it doesn’t seem like it’s going anywhere away anytime soon. So Below, we compile a list of Over 100 Free Downloadable Grunge Fonts for Web Designers and Logo Artists by which you can save your money as well as time and focus on making great applications.
33 Brilliant Business Card Templates - Vectortuts+
http://vector.tutsplus.com/articles/news/33-brilliant-business-card-templates/
When GraphicRiver started I was kinda surprised to see business card templates start appearing in the uploads since there was no specific category or instructions for them. A week later I was even more surprised to see them taking over our popular files page. Today GraphicRiver hosts almost 300 business card templates and they are a staple of the site. In this post we've rounded up 33 of the best to showcase some of the designs you can grab for just three or four dollars.
10 Powerpoint Tips for Preparing a Professional Presentation
http://www.makeuseof.com/tag/10-tips-for-preparing-a-professional-presentation/
Handy, but not all that novel.
Consejos para hacer mejores presentaciones en Powerpoint
A tutorial for preparing Powerpoint presentations. What to do and what not to do.
Presentations - whether they are made with Powerpoint or other applications, are a great way to support a speech, visualize complicated concepts or focus
A 20 Minute Intro to Typography Basics - Psdtuts+
http://psd.tutsplus.com/articles/techniques/a-20-minute-intro-to-typography-basics/
Typography plays a big role in graphic design and can be one of the hardest things to get right. My aim here is to introduce some of the basics and the most
Typography
Web Design: Restaurant Sites | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/web-design-restaurant-sites
Autodesk Project Dragonfly
http://dragonfly.autodesk.com/#index=home
Online Room Planner
3D room design tool from Autodesk. Experimental.
http://www.downloadblog.it/post/9318/progettare-gli-interni-della-casa-con-autodesk-dragonfly
The 50 Dollar Logo Experiment | The Boomerang Table : The Blog of 160over90
http://www.160over90.com/blog/2009/02/17/the-50-dollar-logo-experiment/
Cheese of Nazareth is such a great name.
How much to charge for design work?
http://justcreativedesign.com/2009/02/26/how-much-to-charge-for-design-work/
populair.eu/webdesign
http://populair.eu/webdesign/
best of webdesign site.
THis site is awesome for finding design resources/tools
ColorBlender.com | Your free online color matching toolbox
http://www.colorblender.com/browse.asp
Free online tool for color palette design and matching
72 Stunning Business Cards That Will Blow You Away - FreelanceSwitch - The Freelance Blog
http://www.freelanceswitch.com/designer/ooh-la-la-72-stunning-business-cards/
72 Stunning Business Cards That Will Blow You Away
Ivana Martinovic, Selected Portfolio
http://www.ivanamartinovic.com/
Some nice work and a clean website.
Gorgeous Examples of Floral Typography | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/05/23/gorgeous-examples-of-floral-typography/
极度华丽的花纹
Floral typography is the technique that combines typography, calligraphy and lettering to create dynamic, flourishing designs. With the help of floral elements you can create
Floral typography is the technique that combines typography, calligraphy and lettering.
最近この手の華やかなのがどうも苦手だ。
Floral typography is the technique that combines typography, calligraphy and lettering to create dynamic, “flourishing” designs. With the help of floral elements you can create very tempting and vivid artworks in which the typography seems to be shaped by plants and flowers. In this way you can convey your message in a very artistic way. In fact, various floral ornaments – which are the essential component of floral typography – can make the design stand out and help the artist to create inspiring, refreshing and thought-provoking pieces of art.
HOW TO: Create Custom Twitter Backgrounds
http://mashable.com/2009/05/23/twitter-backgrounds/
Links to tools for building your Twitter background
** Posted using Viigo: Mobile RSS, Sports, Current Events and more ** Since the early days of Twitter, users have had the ability to upload their own background images. From photos of cute kittens to
Places where you can find awesome backgrounds. It's not a really how-to post though
From Mashable: This guide goes step-by-step into the rationale for creating a personalized Twitter background, takes a look at some amazing Twitter designers, and provides a list of useful Twitter design tools and resources.
22 Beautiful Example of Brochure Designs | Naldz Graphics
http://naldzgraphics.net/inspirations/22-beautiful-example-of-brochure-designs/
We received a great response to our readers when we showcase the 60+ Most Beautiful and Creative Business Cards Design a months ago. And today, we made a new list to inspire you and this time its all about Brochure. A Brochure is a small booklet or pamphlet, mostly containing promotional material or product information. Here is a showcase of 22 Beautiful Brochure Designs for another list of inspiration.In this post you will see some example of a good brochure designs.
Huge List of Adobe Illustrator Plugins & Filters & Tools : Graphic Design Blog & Graphics News Blog
http://www.allgraphicdesign.com/graphicsblog/2007/11/19/huge-list-of-adobe-illustrator-plugins-filters-tools/
» Huge List of Adobe Illustrator Plugins & Filters & Tools. Blog about graphics, graphic design, web design, graphic design tutorials, tips, articles, photoshop, images, filters, plugins, and other graphics tools.
30 Beautiful Web Designs Inspired by Nature
http://sixrevisions.com/design-showcase-inspiration/30-beautiful-web-designs-inspired-by-nature/
40 Beautiful Examples of Minimalism in Web Design
http://sixrevisions.com/design-showcase-inspiration/40-beautiful-examples-of-minimalism-in-web-design/
13 High Quality And Exclusive Collections Of Colorful Wallpapers @ SmashingApps
http://www.smashingapps.com/2009/05/23/13-high-quality-and-exclusive-collections-of-colorful-wallpapers.html
Opensource, Free and Usefull Online Resources for Designers and Developers
wallpaper, web design tips
Entity Code - A Clear and Quick Reference to HTML Entities Codes
http://www.entitycode.com/
Icons, Icons, Icons! - Vectortuts+
http://vector.tutsplus.com/articles/news/icons-icons-icons/
muchos iconos y vectores
商用可!WEB制作用途に特化したアイコンを6200個以上をまとめた「The Best Icons Always」 | DesignDevelop
http://design-develop.net/web-design/the-best-icons-always.html
Marta Cerdá Alimbau
http://www.martacerda.com/
-->
Vasavas designer
great typography, collaboration with alex trochut
Martini Asti | Zasmakuj elegancji
http://www.martiniasti.com/
objects slide into frame
nice animation on movements - good attention to detail
Martini Asti jest doskonałym winem na każdą okazję. Świeży smak i aromat winogron Moscato, kwintesencja włoskiego winiarstwa.
60 Gorgeous Vector Business Cards - Vectortuts+
http://vector.tutsplus.com/articles/inspiration/60-gorgeous-vector-business-cards/
Gorgeous VeBusiness Cardscto
The mini-canvas of the business card doesn't leave much space to play with, but designers are constantly pushing the creative boundaries in their business card designs. Check out this collection of 60 gorgeous examples of great business card designs, all constructed with vibrant and crisp vector artwork.
The mini-canvas of the business card doesn't leave much space to play with, but designers are constantly pushing the creative boundaries in their business card
Vector Business Cards
10 Intelligent Ways of using [FORM] Elements | Noupe
http://www.noupe.com/css/10-intelligent-ways-of-using-form-elements.html
Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from boys and spammers in a new, intuitive way of completing “verify humanity” tasks. In order to do that users are asked to drag and drop specified item into a circle.
forms
50 Free Metal Textures
http://designm.ag/resources/free-metal-textures/
50 Free Metal Textures
Design a Ready to Print Brochure in Photoshop - Psdtuts+
http://psd.tutsplus.com/tutorials/designing-tutorials/design-a-ready-to-print-brochure-in-photoshop/
udarbejdelse af brochure i photoshop.
งานออกแบบ และจัดทำโบชัวร์ อย่างละเอียด ทีละขั้นตอน น่าศึกษามาก
túristabrot í PS
Design a Ready to Print Brochure in Photoshop
This time I'll help you to create a ready to print three-fold brochure from scratch using only Photoshop. This tutorial is ideal for beginners and for people who want to know more about print design. Let's get it started!
Print Brochure in Photoshop
SR Grunge: Free High Resolution Photoshop Grunge Brushes
http://sixrevisions.com/freebies/brushes/sr-grunge-free-high-resolution-photoshop-grunge-brushes/
A free high resolution Photoshop brush set that contains 6 Adobe Photoshop brushes released under the Creative Commons license.
Photoshop Brushes
The Best Backgrounds on GraphicRiver - Psdtuts+
http://psd.tutsplus.com/articles/web/the-best-backgrounds-on-graphicriver/
参考
Easily one of the biggest categories on GraphicRiver, backgrounds are handy not only in graphic design but in web and screen design too. From abstract to
Backgrounds muito animalescos!
Background utile for new concept
Robert Kaniszewski showcase - New media designer based in Kielce/Poland
http://www.rokkaboy.com/
Flash, but good.
Portfolio show de bola
30 Tutorials On Converting A PSD To XHTML And CSS | Creative Nerds
http://creativenerds.co.uk/tutorials/30-tutorials-on-converting-a-psd-to-xhtml-and-css/
tutorial design webdesign photoshop pdx css
30 of the best tutorials on web for converting A PSD to a XHTML & CSS layout. These tutorials you will learn the process on how to create a Photoshop
Psd para xhtml e css
16 Unveiled Logo Design Processes! | The Design Cubicle
http://www.thedesigncubicle.com/2009/05/16-unveiled-logo-design-processes/
16 logo processes unveiled by a few of my favorite colleagues, logo and graphic designers
The extreme Google brain ¶ Personal Weblog of Joe Clark, Toronto
http://blog.fawny.org/2009/04/26/google-neuroanatomy/
The problem with Google, from a design perspective
"The male brain, extreme or not, is compatible with visual design. It allows you to learn every font in the Letraset catalogue and work from a grid. In fact, the male-brain capacity for years-long single-mindedness explains why the heads of large ad agencies and design houses are overwhelmingly male. (It isn’t a sexist conspiracy.)"
Work at Google? (Via Daring Fireball: http://daringfireball.net/linked/2009/04/27/clark-google ).
11 Steps of a Successful Logo Design Process | The Design Cubicle
http://www.thedesigncubicle.com/2009/05/11-steps-of-a-successful-logo-design-process/
logo design
Creating a successful logo step by step process
Successful Logo Design Process
about DIGITAL COMICS by ~Balak01 on deviantART
http://balak01.deviantart.com/art/about-DIGITAL-COMICS-111966969
Creating a comic in the digital medium
Art - community of artists and those devoted to art. Digital art, skin art, themes, wallpaper art, traditional art, photography, poetry / prose. Art prints.
80+ Very inspiring uses of Typography | tripwire magazine
http://www.tripwiremagazine.com/design/design/very-inspiring-uses-of-typography.html
Typography is a key element of design and communicating a message and in some cases designers use typography in a way that makes it support the overall design or in some case becomes the design itself. In this article a large number of inspiring Typographic designs have been put together for you
10 Promising CSS Framework That Worth A Look
http://www.webdesignbooth.com/10-promising-css-framework-that-worth-a-look/
WE all know that a good CSS Framework can help us and save our development time. Today, i am going to share 10 most promising CSS Framework that worth a look.
Most of web designers should heard about “CSS Framework”, and some web designers had tried them before. Just like other programming and scripting language, CSS do have some repeat code that can be packed together to ease our daily job. When use properly, CSS Framework may cut down your development time. On the other hand, it may cause extra works and time if you choose the wrong framework for your project. There are a lot of open source CSS Framework, and you can easily reach them by using Google.
100 Extraordinary Examples of Paper Art | Webdesigner Depot
http://www.webdesignerdepot.com/2009/05/100-extraordinary-examples-of-paper-art/
100 Extraordinary Examples of Paper Art
PAGINA DE ARTISTAS E INGENIEROS DE PAPEL
30 Examples of Attractive Nav
http://www.webdesignerwall.com/trends/30-examples-of-attractive-nav/
nav flash graphic pimpsite
10 Super Useful Tools for Choosing the Right Color Palette | Web Design Ledger
http://webdesignledger.com/tools/10-super-useful-tools-for-choosing-the-right-color-palette
cool color tools
CSS design gallery - 33 Excellent Web Layout Photoshop Tutorials
http://www.csstea.com/css-gallery-news-and-resources/824-33-excellent-web-layout-photoshop-tutorials.html
css
10 Cost Effective Web Development Techniques — All in the head
http://allinthehead.com/retro/340/10-cost-effective-web-development-techniques
presentation
Top 18 most downloaded WordPress plugins ever
http://www.howtomakemyblog.com/wordpress/top-18-most-downloaded-wordpress-plugins-ever/
Top 18 most downloaded WordPress plugins ever
YouTube - Tropfest NY 2008 winner, "Mankind Is No Island" by Jason van ...
http://www.youtube.com/watch?v=ZrDxe9gK8Gk
Profound video!
homelessness in the States and Australia
Video Clip good for Social Studies, rights and freedoms
Video on social justice.
Social Justice Video on homeless people
YouTube video regarding social justice. Homeless of New York and Sydney.
A look at homelessness in New York City and Syndey. Very powerful 3.00 minute clip that would be a good discussion starter depending with elementary students.
Video about NY and Sydney australia about humanity and homelessness shot with a cell phone
About homelessness and societies viewpoint on the topic. Video captured with cell phone
Discussion starter about social justice, with focus on the homeless.
Excellent video about homeless people.
Illustratorでつくるテキストエフェクト集 | DesignWalker
http://www.designwalker.com/2009/05/illustrator-text-effect.html
テキストエフェクトまとめ
Do You Want Fries With That Logo? | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/05/24/do-you-want-fries-with-that-logo/
From low-budgets to rush jobs to piss-poor project management, every designer has one time or another faced the inevitable, "I need a logo (brochure, website, etc.) done ASAP" scenario. Depending on the designers’ work situation, some can simply choose to decline these projects. But for many full-time designers, this “rushing creative” is a very real and necessary part of their job requirement. So when asked to “just slap a design together” or “crank it out,” how do we as designers maintain our standards and integrity when a logo must be created in three hours? Or a website in a day? And for that matter, can we?
How to cope with impossible deadlines. via VERB/LinkedIn.
Article about fast food design jobs
From low-budgets to rush jobs to piss-poor project management, every designer has one time or another faced the inevitable, "I need a logo (brochure, website, etc.) done ASAP" scenario.
Off the wall: The astonishing 3D murals painted on the sides of buildings by a trompe l'oeil artist | Mail Online
http://www.dailymail.co.uk/news/worldnews/article-1187338/Off-wall-The-astonishing-3D-murals-painted-sides-buildings-trompe-loeil-artist.html
Cafe Trompe L'oeil
These amazing pictures show the epic architectural murals that are deluding viewers into seeing a 3D scene painted on a flat surface.
2009 Trends article on LogoLounge.Com
http://www.logolounge.com/articles/default.asp?ArticleID=680
2009 Trends article on LogoLounge.Com
logo
Статья о трендах логотипостроения 2009-го года.
20 Time-Saving Tips to Improve Designer's Workflow | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/05/26/20-time-saving-tips-to-improve-designers-workflow-part-1/
From Smashing Magazine.
Improve Design Workflow
Want to save some time? Of course you do! You are probably always looking for ways to do this faster and make that easier, it’s human nature! One of the best ways to save time is experience. The more experience you have, the more comfortable you are working, the more you have developed your own best methods, and with experience you know how to better avoid mistakes and disasters. So always stay hard at what you do and you will definitely save more than “just” time! However, regardless of your experience level, there are ways to speed up the common design tasks. You should find some of these not-so-well-known tips and strategies listed below very helpful for your workflow. And please feel free to suggest more ideas in the comments to this post!
Shhhaw! » On Redesigning the Front Page of Talking Points Memo
http://www.shhhaw.com/?p=34
Nice process article on reworking a news homepage. Love the video at the end with the column switching.
The latest redesign of the Talking Points Memo (TPM) frontpage has been explained in detail
66 Creative Logo Designs For Design Inspiration | Showcases | instantShift
http://www.instantshift.com/2009/05/27/66-creative-logo-designs-for-design-inspiration/
inspiration
22 CSS Button Styling Tutorials and Techniques : Speckyboy Design Magazine
http://speckyboy.com/2009/05/27/22-css-button-styling-tutorials-and-techniques/
buttons
Wordpress Theme Development Frameworks | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/05/27/wordpress-theme-development-frameworks/
Iconza - Free colored icons for your web site and blog
http://iconza.com/
Iconza the project, conceived with the ultimate purpose of satisfying the growing demand for the royalty free icons in the GUI environment. The life is getting more and more complex and the need for various icons can come from virtually anywhere. We have carefully considered this factor and offeded our solution — customizable chameleon icons — you pick your color and size. Besides, the Iconza’s icons come absolutely for free. You are free to treat them the way you want, upon just one condition: we beg of you not to place purple icons against acidic green backgrounds!
Customizable icons for your web site. Totally free
The future of wireframes? | Made By Many - London based next generation social media digital agency
http://www.madebymany.co.uk/the-future-of-wireframes-00991
I have a love hate relationship with wireframes. In the last 10 years they’ve been a part of every web project I’ve worked on. There have been times when I can’t imagine how we would have solved a particular problem without them. Yet there are also times when I’ve been completely exasperated at the amount of time and energy they’ve consumed, seemingly to very little reward.
I have a love hate relationship with wireframes. In the last 10 years they’ve been a part of every web project I’ve worked on. There have been times when I can’t imagine how we would have solved a particular problem without them. Yet there are also times when I’ve been completely exasperated at the amount of time and energy they’ve consumed, seemingly to very little rewa
I have a love hate relationship with wireframes. In the last 10 years they’ve been a part of every web project I’ve worked on. There have been times when I can’t imagine how we would have solved a particular problem without them. Yet there are also times when I’ve been completely exasperated at the amount of time and energy they’ve consumed, seemingly to very little reward. This frustration has forced me to change the way that I approach wireframes. And as my approach has changed, I’ve been able to extract more and more value from black key lines and grey boxes…
Here & There — a horizonless projection in Manhattan
http://schulzeandwebb.com/hat/
These maps of Manhattan look uptown from 3rd and 7th, and downtown from 3rd and 35th
Here & There is a project by S&W exploring speculative projections of dense cities. These maps of Manhattan look uptown from 3rd and 7th, and downtown from 3rd and 35th. They're intended to be seen at those same places, putting the viewer simultaneously above the city and in it where she stands, both looking down and looking forward.
A horizonless projection of Manhattan, where the whole city is visible recurring to an artificial rounding of the horizon line.
Speculative projections for dense cities
15 wonderful set of icons for web design | Design daily news
http://www.designer-daily.com/15-wonderful-set-of-icons-for-web-design-2191
15 wonderful set of icons for web design
David DeSandro: jQuery Masonry
http://desandro.com/resources/jquery-masonry
jQuery Masonry thumbnail box
Free Vector Downloads - Free Vector Images,Free Vector Art
http://www.freevectordownload.com/
vetores gratis
Looking for Royalty Free Vector Images? Free Vector Download Offers High Quality Free Vector Illustrations Images,Free Vector Graphics for Web developers and Graphics Designer
Modal Windows In Modern Web Design | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/05/27/modal-windows-in-modern-web-design/
he modal window has many advantages. For example, when a modal window contains a smaller element, the user doesn’t need to load an entirely new page just to access it (another way to achieve the same effect is e.g. by using AJAX-based tabs). By providing modal windows, you improve the usability of your website. Having to load pages over and over will annoy most users, so avoiding that is definitely a good thing. Modal windows also allow you to save space by getting rid of large elements that don’t need to be on the main page. For example, rather than putting a full video on a page, you can just provide a link, thumbnail or button of some sort. In this article, we’ll go over best practices and trends for working with and building modal windows. We’ll also provide numerous examples of well-constructed modal windows and a few scripts to get you started with building them.
How to Turn Humdrum Photos into Cinematic Portraits - Psdtuts+
http://psd.tutsplus.com/tutorials/photo-effects-tutorials/how-to-turn-humdrum-photos-into-cinematic-portraits/
14 Applications to Make Your OSX Installation Better | CMD+SHIFT DESIGN BLOG: Design, Freelance & Internet Nerdiness (Freelance Tip)
http://www.cmdshiftdesign.com/blog/2009/04/30/software-for-web-designers/
Dark Roasted Blend: Extraordinary Clocks and Watches
http://www.darkroastedblend.com/2009/05/extraordinary-clocks-and-watches.html
I'm not much of a clock/watch guy, but these are really nice &gt; Extraordinary Clocks and Watches http://bit.ly/4ETDU [from http://twitter.com/bkuri/statuses/1876747741]
36 Eye-Catching Jquery Navigation Menus | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/resources/36-eye-catching-jquery-navigation-menus/
36 Eye-Catching Menu Structures by 1stwebdesigner
45 Step-by-Step Tutorials on Web Design with Photoshop - Psdtuts+
http://psd.tutsplus.com/articles/web/45-step-by-step-tutorials-on-web-design-with-photoshop/
None
12 Tips For Designing an Excellent Checkout Process | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/05/28/12-tips-for-designing-an-excellent-checkout-process/
To remedy this, we really need to find a way to show all of the necessary information on the checkout pages themselves. If you need to provide some help or information that doesn’t fit on the current page, use floating windows or, as a last resort, a pop-up window to display this. This allows you to present new material to the user without t
@tweetmeme @smashingmag Reading '12 Tips For Designing an Excellent Checkout Process' http://tinyurl.com/re4b9j [from http://twitter.com/blvdstudios/statuses/1949157715]
45+ Really Essential Free HTML [Form] Enhancements | tripwire magazine
http://www.tripwiremagazine.com/tools/html/45-really-essential-free-html-form-enhancements.html
Introducing Typekit « The Typekit Blog
http://blog.typekit.com/2009/05/27/introducing-typekit/
via windfucker
ウェブページでフォントをダンロードしやすくする仕組みっぽい。Javascript一行だってさ。どんな風になるのかな。
all browsers will soon support a wide range of fonts. but using fonts on the web (in most cases) is a direct violation of the font's copyright, as linking to a font gives the viewer a direct way to download the font . It's like using a font to print a book and then including the font with the printed book. Enter TypeKit, a web app that designers and developers subscribe to. The service has a collection of typefaces that the dev can link to in their jscript and TypeKit handles all the background witch's brew of delivering the font to the end user's screen, without that iser being able to download the font package. Interesting idea! I wonder what the tech looks like behind the service and the susbcription fees.
As a Typekit user, you’ll have access to our library of high-quality fonts. Just add a line of JavaScript to your markup, tell us what fonts you want to use, and then craft your pages the way you always have. Except now you’ll be able to use real fonts. This really is going to change web design.
We’ve been working with foundries to develop a consistent web-only font linking license. We’ve built a technology platform that lets us to host both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM.
Color Explorer • Free tools for working with digital colors
http://www.colorexplorer.com/
With the colorful toolbox at ColorExplorer you can easily create, manage, and explore color palettes for use in web designs, desktop publishing, or any other graphic design process.
Welcome to ColorExplorer – a brand spanking new way of working with digital colors! With the colorful toolbox at ColorExplorer you can easily create, manage, and explore color palettes for use in web designs, desktop publishing, or any other graphic design process. Go ahead! – get started on your colorful and creative voyage into the world of hues, spot colors, red, greens, yellow, and blues!
Free tools for working with digital colors. Import, convert, match, analyze, and explore colors! herramienta libre q simula mezcals de colores..para profesores de arte diseño y web
Online tools working with digital color & color schemes.
Designing for Faceted Search
http://www.uie.com/articles/faceted_search
Faceted search, or guided navigation, has become the de facto standard for e-commerce and product-related websites, from big box stores to product review sites. But e-commerce sites aren’t the only ones joining the facets club. Other content-heavy sites such as media publishers (e.g. Financial Times: ft.com), libraries (e.g. NCSU Libraries: lib.ncsu.edu/), and even non-profits (e.g. Urban Land Institute: uli.org) are tapping into faceted search to make their often broad-range of content more findable. Essentially, faceted search has become so ubiquitous that users are not only getting used to it, they are coming to expect it.
Selgas Cano Architecture Office by Iwan Baan | ArchDaily
http://www.archdaily.com/21049/selgas-cano-architecture-office-by-iwan-baan/
your new office sucks next to this.
beautiful architecture offices in spain
Once again, Iwan Baan amaze us with this great project between the woods by Spanish practice Selgas Cano: Their own architecture office.
YouTube - The Vendor Client relationship - in real world situations
http://www.youtube.com/watch?v=R2a8TRSgzZY
m.don This has never happened to me, all clients are accommodating and understand the flexible and changing needs of all the factors, including market, technology and business priority.
"so you're gonna show us how we can make it on our own at home, k?"
Hilarious YouTube video
In the Woods - 40 Really Awesome Resources for Design Inspiration
http://blog.themeforest.net/resources/40-really-awesome-resources-for-design-inspiration/
Fascinantes momies d'Égypte - Quand la science remonte de fil de l'histoire : Musée de la civilisation
http://www.mcq.org/momies/
Amazing interactive display about ancient Egypt
Nicely animated site focused on Egyptian Mummies.
schöne seite vom musée de la civilisation zur aktuellen ausstellung über mumien
Una interesante interfaz del Museo de la Civilización de Quebec Canadá basada en una experiencia de navegación en 3D. Tiene además una propuesta educativa y lúdica con participación del usuario.
W I N D O S i L L
http://windosill.com/
this is so awesome <3
vector parkのPatrick Smith作
A downloadable game from Vectorpark.
45+ Beautiful Light Abstract Photoshop Brush Sets | Creative Nerds
http://creativenerds.co.uk/freebies/45-beautiful-light-abstract-photoshop-brush-sets/
PhotoShop brush strokes
Wood Type Museum Engraved Wood Block
http://www.unicorngraphics.com/wood%20type%20museum.asp
WoodTypeMuseum
wood type museum
100.000+ Free Fonts Mega Compilation | tripwire magazine
http://www.tripwiremagazine.com/typography/design/best-free-font-resources.html
e designing a new logo, web template, poster etc., the right font can really make a difference and support a great concept. In my opinion you can never have enough fonts at your disposal and the more choices you have, the better opportunity there is to find the perfect one for your specific situation. This article provides one of the largest collections of Good Font Resources and Directories and will be your doorway to more than 100.000 Free Fonts!
caiorogerio.art
http://www.caiorogerio.art.br/index.html
caiorogerio.art
Indrukwekkend (web) portfolio
paper beats internet
http://www.paperbeatsinternet.com/
interesting concept
Digital home for entries that focus on exploring the use and relationship between hand-rendered type and images. The work is a dialogue between students and invited guest contributors with professional backgrounds in design, illustration, fine art, writing and other disciplines.
An ‘analog’ social networking site that enables it members to use hand- rendered drawings as communications tools. Users post a drawing on the Paper Beats Internet website homepage, and others can comment and respond via drawings based on the initial drawing’s theme.
inspiring
BySlideMenu : Accordion Menu - Free and Open Source Mootools plugin to create accordion menu
http://www.byscripts.info/scripts/javascript-dynamic-accordion-menu
BySlide accordion Menu like MIT
Open Source Mootools plugin
5 Ways to Create Collaborative Drawings With Friends
http://mashable.com/2009/05/01/collaborative-drawings/
Here are five great tools to turn drawing into a shared experience, whether collaborating on business designs or just making masterpieces with your friends.
Tutorial Magazine - 33 Best Photoshop Tutorials of April 2009
http://www.tutorialmagazine.com/33-best-photoshop-tutorials-of-april-2009
photoshop tuts
Jolie présentation.
Best Photoshop Tutorials of April
Design and Code a Slick Website from Scratch –
Part I - Nettuts+

http://net.tutsplus.com/tutorials/design-tutorials/design-and-code-a-slick-website-from-scratch-%E2%80%93-part-i/
With the Internet becoming more and more popular every minute, a great-looking website is somewhat of a must-have. You could obviously pay a web designer to design one for you, but wouldn't it be really cool to design and code it yourself? "Difficult", you may say; but it's actually not too hard once you've learned how to do it! In this first part, you'll learn how to design a neat-looking website that you can easily adapt to your business. It’s time to get started!
Coding a Clean Web 2.0 Style Web Design from Photoshop
http://sixrevisions.com/tutorials/web-development-tutorials/coding-a-clean-web-20-style-web-design-from-photoshop/
this bookmark brought from the different place.
Really good tutorial. has got a nice thing for jquery.
photoshop design
Web Design from Photoshop
In this web development tutorial, you'll learn how to build a web page template from a Photoshop mock-up from a previous tutorial called How to Create a Clean Web 2.0 Style Web Design in Photoshop using HTML/CSS and the jQuery library.
10 of the Best Programming Fonts
http://www.sitepoint.com/blogs/2009/05/01/top-10-programming-fonts/
this bookmark brought from the different place.
http://www.fsd.it/fonts/pragma.htm
Applications: One Day in the Life of a Web Designer
http://css-tricks.com/applications-one-day-in-the-life-of-a-web-designer/
Tips, Tricks, and Techniques on using Cascading Style Sheets (CSS)
List of interesting web apps that could make my life easier, a couple anyway.
oi@pedroburneiko.com
http://cargocollective.com/burneiko
da@gringo
Dragon Labs
http://labs.dragoninteractive.com/index.php
The Labs showcases some of our research and development with web technologies like JavaScript and CSS. We also release tutorials and resources to help other web developers enrich the web.
Apply gradients, shadows & highlights. All without using any images!
Andreas Pihlström, Suprb
http://iam.suprb.com/
Swiss design studio
sehr schöne website, saubere arbeiten
très beaux travaux
Samuel Garneau dot com - jQuery : Slide Panel
http://www.hotajax.org/demo/jquery/SlideBox/SlideBox/index.html
24 Free Exclusive Vector Icons: ‘Handy’ | Webdesigner Depot
http://www.webdesignerdepot.com/2009/04/24-free-exclusive-vector-icons-handy/
'Handy' is a set of 24 free and exclusive vector icons that can be used on websites, logos and more. The icons have a unique hand drawn feeling and look great
des icones à main levé
‘Handy’ is a set of 24 free and exclusive vector icons that can be used on websites, logos and more. The icons have a unique hand drawn feeling and look great in color or black and white. The set also includes most social media websites, such as Delicious, Digg and many more. These icons are completely free for personal and commercial use and they’re being released exclusively to all our RSS subscribers.
Ten logo design tips from the field | Logo Design Love
http://www.logodesignlove.com/logo-design-tips
30 Inspiring Dark and Sleek Web Designs
http://sixrevisions.com/design-showcase-inspiration/30-inspiring-dark-and-sleek-web-designs/
30 Inspiring Dark and Sleek Web Designs
Social Designer — Welcome!
http://socialdesigner.com/
we should send some stuff into this - most of it is a little rough
"Social designer curates and creates smart products that tune into the greater good. You can join the cause by submitting designs for our competitions, weighing in with your opinion, purchasing goods or just simply talking about them. After all, every good idea (and every good cause) starts with a conversation – the more, the merrier."
Bluelounge - CableDrop
http://bluelounge.com/cabledrop.php
Cable clips
Anywhere in fact where you wish to have cables temporarily held yet easily removeable or extended. CableDrop gently grasps your power and peripheral cords so they do not fall off your desk every time you unplug your laptop.
cable directors. see also cablebox
Theme Frameworks « WordPress Codex
http://codex.wordpress.org/Theme_Frameworks
A theme framework is a theme that is designed to be a flexible foundation that can serve as a parent theme for building child themes. The use of WordPress theme frameworks may ease theme development by reducing the volume of work which may be needed in creating a backbone for your theme (usually by using PHP and WordPress Template Tags).
Embalagem Sustentavel
http://embalagemsustentavel.wordpress.com/
High Quality Free Grunge Textures
http://sixrevisions.com/freebies/textures/grunge-extreme-volume-2-10-high-quality-free-grunge-textures/
グランジ風のフリーテクスチャまとめ Vol.2
In this set, you’ll find 10 free and high-resolution grunge textures that you can use for any purpose. They’re extremely large-scale in dimension, each being between 2,000 to 3,000 pixels in width!
Ultimate List of 32 Font And Typography Tools | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/development/ultimate-list-of-32-font-and-typography-tools/
Musselsoppans Vänner: Danish 70s Interior Design Porno Style
http://musselsoppansvanner.blogspot.com/2009/03/danish-70s-interior-design-porno-style.html
design vintage porn
Danish 70s Interior Design
Make your forms beautiful with CSS | Web Designer - Defining the internet through beautiful design
http://www.webdesignermag.co.uk/tutorials/make-your-forms-beautiful-with-css/
50 great websites designs for your inspiration | Design daily news
http://www.designer-daily.com/50-great-websites-designs-for-your-inspiration-2372
Scientific Designs and Tutorials That Will Inspire You | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/05/30/scientific-designs-and-tutorials-that-will-inspire-you/
WoW!!! Outstanding.
Scientific Designs
Research Paper - Real or Imaginary: The effectiveness of using personas in product design - Frontend - User Experience Design Consultancy
http://www.frontend.com/products-digital-devices/real-or-imaginary-the-effectiveness-of-using-personas-in-product-design.html
Discussed by Jared Spool, others on IxDA site
40 Amazing 3D Art Pieces | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://www.abduzeedo.com/40-amazing-3d-art-pieces
40 Amazing 3D Art Pieces
Cocoa with Love: Easy custom UITableView drawing
http://cocoawithlove.com/2009/04/easy-custom-uitableview-drawing.html
50 Great Examples of Data Visualization | Webdesigner Depot
http://www.webdesignerdepot.com/2009/06/50-great-examples-of-data-visualization/
Kevin: As the post says: "50 of the best data visualizations and tools for creating your own visualizations out there, covering everything from Digg activity to network connectivity to what’s currently happening on Twitter."
Haven't gone through these yet. Found link via DIGG InfoVis
Data visualization
Web forms design guidelines: an eyetracking study | cxpartners
http://www.cxpartners.co.uk/thoughts/web_forms_design_guidelines_an_eyetracking_study.htm
Provides 10 guidelines for web forms, based on eye tracking research
Guidelines 5 - Don’t use asterisks, make clear optional fields Guideline 6 - Use single field for numbers or postcode
Estudo sobre formulários online
60+ Amazing Poster and Advertisment Tutorials | Tutorials | Smashing Magazine
http://www.smashingmagazine.com/2009/06/01/60-amazing-poster-and-advertisment-tutorials/
Everyone in the business world knows the importance of posters and ads in advertising for specific products. Posters are an integral part of advertising. An eye-catching, attractive poster that conveys a professional, compelling message about a product, service or event will invariably hold the user’s attention.
very cool!
ite because it helps you put images and text together really easily. In this tutorial, the artist puts together a poster that has a main photograph and a lot of text, giving it an old collage feel.
Dans le monde impitoyable de la publicité, l'affiche est reine. Découvrez en quelques-unes et mettez vos talents d'artiste et de web designer en œuvre !
10 HTML Tag Crimes You Really Shouldn’t Commit
http://line25.com/articles/10-html-tag-crimes-you-really-shouldnt-commit
HTML Web Design
15 Extremely Useful CSS Grid Layout Generator For Web Designers
http://www.webdesignbooth.com/15-extremely-useful-css-grid-layout-generator-for-web-designers/
grid system generators
CSS Grid Layout Generators
29 Excellent Typography Tutorials for Designers
http://thedesignmag.com/29-excellent-typography-tutorials-for-designers.html
Bons tutoriais de tipografia
Typography Design Web
Design and Code a Slick Website From Scratch –
Part II - Nettuts+

http://net.tutsplus.com/tutorials/html-css-techniques/design-and-code-a-slick-website-from-scratch-%E2%80%93-part-ii/
run through this tutorial as a refresher
2nd part of an awesome tutorial - design and code a site from scratch
GOOD Transparencies Archive - a set on Flickr
http://www.flickr.com/photos/goodmagazine/sets/72157618896371005/
really amazing and beautiful charts and data visuality from GOOD magazine.
GOOD Magaine infographics inspiration
Huge Collecton of T-Shirt Design Mockup Templates
http://www.blog.spoongraphics.co.uk/freebies/huge-collecton-of-tshirt-design-mockup-templates
blank tshirt templates
Huge Collecton of T-Shirt Design Mockup Templates
22 Extremely Well Written Icon Design Tutorials | Web Design Ledger
http://webdesignledger.com/tutorials/22-extremely-well-written-icon-design-tutorials
Web Design Ledger
The Simplicity and Elegance of Black & White Business Cards | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://www.abduzeedo.com/simplicity-and-elegance-black-white-business-cards
Twitter on Paper
http://top.sampottsinc.com/
the only question is which tweet to pick!
Twitter
Love it
puts tweets on paper and mails them to you for free.
デザイナー・コーダー必見!使えるform関連jQueryプラグインの数々 | バシャログ。
http://c-brains.jp/blog/wsg/09/05/27-200803.php
フォーム関連 ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
jQueryによるform作成サンプル
「Yahoo!ニュース」の表示速度が3~5倍に、そのからくりは……:記事の芽
http://pc.nikkeibp.co.jp/article/column/20090520/1015228/
一つめのワザは複数枚の画像を1枚にまとめる「CSS Sprite」の採用です。 従来はGIF形式を採用していましたが、これをPNG形式にしました 最後のワザが、PNG形式の制御情報(チャンクと呼ぶ)の削除
チリも積もれば。 ここら辺はYahoo!の素敵なところ。
脱photoshop
たしかに256色減色でPhotoshop使うのはアホだよね。1997年にpag1tetoを使ってた思い出がよみがえった
ヤフーは、あの手この手のワザを駆使して画像ファイルを少しずつ小さくしていったのです。
GOOD Transparencies Archive - a set on Flickr
http://www.flickr.com/photos/goodmagazine/sets/72157618896371005/detail/
Flickr est certainement la meilleure application de gestion et de partage de photos en ligne au monde. Montrez vos photos et vos vidéos préférées au monde entier. Montrez, en toute sécurité et en toute confidentialité, vos photos et vos vidéos à vos amis et à votre famille. Et mettez les photos et les vidéos prises avec votre téléphone portable sur un blog.
GOOD Transparencies Archive
Infographics - I'm a sucker for infographics
Des transparents, comme à l'époque de l'école primaire.
The CSS Box Model
http://css-tricks.com/the-css-box-model/
웹디자인 css
Wallpaper: Turn any photo into cool desktop wallpaper with a calendar
http://bighugelabs.com/flickr/wallpaper.php
Wallpaper: Turn any photo into cool desktop wallpaper with a calendar - http://bighugelabs.com/flickr/wallpaper.php
playing with photos, fun stuff!
Convert any photo into a perfectly-sized desktop wallpaper for your computer or portable device that even includes a handy monthly calendar. Add special effects to desaturate, blur, or color your wallpaper. Standard and wide-screen monitors, iPhones, cell phones, and other portable devices are supported.
45+ Stunning Tutorials, Inspirations And Resources For Designers To Discover The Best Of The Web In May @ SmashingApps
http://www.smashingapps.com/2009/06/01/45-stunning-tutorials-inspirations-and-resources-for-designers-to-discover-the-best-of-the-web-in-may.html
More fun web stuff
Opensource, Free and Usefull Online Resources for Designers and Developers
37 Cool Movie Poster and Text Effects Photoshop Tutorials : Speckyboy Design Magazine
http://speckyboy.com/2009/06/01/37-cool-movie-poster-and-text-effects-photoshop-tutorials/
עיצובים ומדריכים לעיצוב לתכנת פוטושופ
Fun with Photoshop
40 of the Best Websites of Non-Profit Organizations | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/best-non-profit-websites/
Non-Profit Organizations
jQuery Ajax tutorials, jQuery UI examples and more! - The Ultimate jQuery List
http://jquerylist.com/
jQuery Ajax tutorials to jQuery UI examples, you've found the ultimate list of tutorials and plugins for jQuery! Everything from Ajax file uploaders to RSS feed plugins, all on one of the longest pages you'll ever scroll.
The Ultimate Collection of The Best Ornament Photoshop Brushes | Minervity
http://www.minervity.com/features/photoshop/the-ultimate-collection-of-the-best-ornament-photoshop-brushes/
plus some ai brushes
ORNEMENTS BRUSHES
swirly, flourishy brushes
YouTube - BooneOakley.com - Home Page
http://www.youtube.com/watch?v=Elo7WeIydh8
"this is our website."
Depois do criativo site da agência Modernista!, a agência BooneOakley lançou o seu site no YouTube. Se você gostou dos caras, acompanhe também o Twitter deles.
This is our website.
Amazing idea on how to represent yourself on the Internet.
youtube-videos as homepage/website - very cool
This is ad agency Boone Oakley's website. That's right, it's a YouTube video!
quirky, inc.
http://www.quirky.com/
rate products; be a focus group;get paid (not much)
10 Awesome Free Serif Fonts | My Ink Blog
http://www.myinkblog.com/2009/04/23/10-awesome-free-serif-fonts/
10 Awesome Free Serif Fonts
10 Awesome Free Serif Fonts | My Ink Blog
Can't have enough fonts.
Dilbert on User Experience- 90 Percent of Everything
http://www.90percentofeverything.com/2009/05/26/dilbert-on-user-experience/
Dilbert on User Experience
Dilbert on User Experience May 26th, 2009 by Harry Brignull • 8 comments A selection of Dilbert strips. Oldies but goodies…
A selection of Dilbert strips. Oldies but goodies…
Sexy Drop Down Menu w/ jQuery & CSS | Noupe
http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html
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. Step1. HTML First create an unordered list for your base top navigation. Then simply nest another unordered list for your sub navigation. view plaincopy to clipboardprint? 1. <ul class="topnav"> 2. <li><a href="#">Home</a></li> 3. <li> 4. <a href="#">Tutorials</a> 5. <ul class="subnav"> 6. <li><a href="#">Sub Nav Link</a></li> 7. <li><a href="#">Sub Nav Link</a></li> 8. </ul> 9. </li> 10. <li> 11. <a href="#">Resources</a> 12. <ul class="subnav"> 13. <li
Create a Dark and Sleek Web Layout Using Photoshop
http://sixrevisions.com/tutorials/photoshop-tutorials/create-a-dark-and-sleek-web-layout-using-photoshop/
dark sleek web layout/ design
create a website template in ps
This is the first part of a two-part series of tutorials that will show you how to create the design in Photoshop. The second part of the series will show you how to build a web page with the Photoshop layout mockup using HTML/CSS and a little bit of jQuery.
Dear American Airlines | Dustin Curtis
http://dustincurtis.com/dear_american_airlines.html
I redesigned your website's front page, and I'd like to get your opinion.
"I’m a user interface designer. I travel sometimes. Recently, I had the horrific displeasure of booking a flight on your website, aa.com. The experience was so bad that I vowed never to fly your airline again. But before we part ways, I have a couple questions and three suggestions for you."
Time to let good people work : "Dear American Airlines, I re-designed your website", + fascinating response from AA -
Fixed vs. Fluid vs. Elastic Layout: What's The Right One For You? | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/
pro´s n´ cons
The problem has boggled the minds of Web designers for years: fixed, fluid, elastic or a hybrid layout design? Each option has its benefits and disadvantages. But the final decision depends so much on usability that it is not one to be made lightly. So, with all the confusion, is there a right decision? By considering a few factors and properly setting up the final design, you can end up with a successful layout design that reaps all the benefits. This article discusses the pros and cons of each type of layout. Either one can be used to make a successful website layout, as long as you keep usability in mind.
Smashing Magazine
Thumbnail In Web Design: Examples And Best Practices | 2experts Design - Web Design and Graphic Design Blog
http://www.2expertsdesign.com/2009/04/30/thumbnail-in-web-design-examples-and-best-practices/
There are numerous ways to use thumbnail in a web design to make it really be prominent, especially on the Blog Articles, Design Galleries, SideBars, and Footers or in the Comments as an Avatar. Some of the examples below we’ve together the best looking thumbnail designs and compiled them all into a massive list for you guys.
Web Design and Graphic Design Blog
YouTube - Learning from StackOverflow.com
http://www.youtube.com/watch?v=NWHfY_lvKIQ
Google Tech Talk April 24, 2009 ABSTRACT Presented by Joel Spolsky Until recently, searching for help on highly technical programming problems has been a mess. A lot of what the search engines found was old discussions in forums, where you have a lot of wrong answers and out-of-date answers that you have to sift through yourself. You also found a lot of answers at sites that were hidden behind a pay wall, which uncloaked themselves for Google and then demanded membership fees to see the answers. StackOverflow.com is a programmer's Q&A site that launched last September to address these problems. It incorporates more modern ideas about community such as voting and public editing, and even a few ideas from game design, to create a much more successful way to get help with programming problems. In a few short months, it has grown to 14 million page views a month and reaches 3 million unique programmers every month.
Breaking The Design Cycle: Get Creative To Be Creative | Webdesigner Depot
http://www.webdesignerdepot.com/2009/04/breaking-the-design-cycle-get-creative-to-be-creative/
Designers, we have a problem. It seems we have forgotten how to be creative.
Difficile d'exposer une méthode pour être créatif et innovant, il s'agit de quelques trucs pour se re-oxygéner la tête avant de partir sur un nouveau webdesign.
Color Psychology in Logo Design - Free Logo Critiques
http://www.logocritiques.com/resources/color_psychology_in_logo_design/
Psicologia de los colores a la hora de hacer un logo.
Color Psychology in Logo Design - Free Logo Critiques - http://www.logocritiques.com/resources/color_psychology_in_logo_design/
100% Custom Shower Curtains? - Photo Shower Curtains
http://www.photoshowercurtain.com/
Custom Shower Curtains made from your photo or design! Fully imaged - 100% custom! Unique shower curtains not available anywhere else!
100% Custom Shower Curtains
Order one of these important bathroom items featuring an image of your choice. Kind of steep price-wise, but they do look pretty cool.
25 Hot Female Web Designers Part 2 - Freelance Web Design Belfast Northern Ireland - Lee Munroe
http://www.leemunroe.com/hot-female-web-designers-2/
How to Design for Your Worst Client: You.
http://sixrevisions.com/web_design/how-to-design-for-your-worst-client-you/
"After all, if you can’t prove your skills on your own website then how can you expect someone to hire you?"
CSSline - All about excellent css sites.
http://cssline.com/
Adobe Labs - Adobe BrowserLab
http://labs.adobe.com/technologies/browserlab/
複数ブラウザでの表示をチェックできるサービス
BrowserLab provides web designers exact renderings of their web pages in multiple browsers and operating systems, on demand. BrowserLab is a powerful solution for cross-browser compatibility testing, featuring multiple viewing and comparison tools, as well as customizable preferences. Since BrowserLab is an online service, it can be accessed from virtually any computer connected to the web. Also, Adobe Dreamweaver® CS4 software users have access to additional functionality such as testing local and active content.
13 Simply Useful Wordpress Plugins That Can Make Lives Easier @ SmashingApps
http://www.smashingapps.com/2009/05/27/13-simply-useful-wordpress-plugins.html
シンプルで効果的なワードプレス用プラグインまとめ
This is another post about useful wordpress plugins. There are hundreds of wordpress plugins available on the internet. Some of them are very useful and some of them are only for sake of existence. But it’s totally up to you that how you can make your wordpress blog more strong and powerful using different plugins to give your blog readers an amazing and wonderful experience.
25 Awesome Facebook Apps for Designers | Webdesigner Depot
http://www.webdesignerdepot.com/2009/06/25-awesome-facebook-apps-for-designers/
merch app for facebook
AwesomeFacebookApps
5 Useful WordPress Functions You Didn’t Know Existed — Nathan Rice
http://www.nathanrice.net/blog/5-useful-wordpress-functions-you-didnt-know-existed/
Irresistible | WooThemes
http://www.woothemes.com/2009/02/irresistible/
WooThemes is home to Premium Wordpress Themes. Punting only the top Wordpress themes available to date this Wordpress themes club is for you.
a very nice looking, free wordpress theme from WooThemes
50 Beautiful Hand-Drawn Web Design | Inspiration
http://www.hongkiat.com/blog/60-beautiful-hand-drawn-web-design/
50 Beautiful Hand-Drawn Web Design
15 Great Resources for Learning Adobe InDesign - Vectortuts+
http://vector.tutsplus.com/articles/web-roundups/15-great-resources-for-learning-adobe-indesign/
Porque me estoy enamorando un poco de indesign
jQuery TOOLS - The UI library for the Web
http://flowplayer.org/tools/demos/index.html
Interaction Design Pilot Year (Courses)
http://dkds.ciid.dk/
Excellent info design - fav:: Danish bike accidents.
Function Web Design & Development [ Blog ] » 40 Cute Free Twitter Graphics: Badges, Icons & Buttons…
http://wefunction.com/2009/05/40-free-twitter-badges/
Free set of unique twitter graphics designed by Pasquale D’Silva.
Function Web Design & Development
40 Cute Free Twitter Graphics: Badges, Icons & Buttons…
9 Crucial UI Features of Social Media and Networking Sites | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/06/03/9-crucial-ui-features-of-social-media-and-networking-sites/
The main function of a good user interface is to provide users with an intuitive mapping between user’s intention and application’s function that manages to provide a solution to the given task. Basically, user interface describes the way people interact with a site and the way users can access its functions. In fact, usability is a biproduct of a good user interface and it determines how easily a user can perform all of the functions provided by the site. Usability is a crucial part of every design, especially on websites with a large amount of functions and users.
crucial features of the user interfaces of social media and social networking sites
Sosyal ağ sitelerinin 9 çok önemli kullanıcı taraflı uygulamaları. Normal sitelerin örnek alması gerekiyor.
15 Amazing jQuery Image Gallery/Slideshow Plugins and Tutorials : Speckyboy Design Magazine
http://speckyboy.com/2009/06/03/15-amazing-jquery-image-galleryslideshow-plugins-and-tutorials/
Image galleries, sliders and slideshows have become increasingly popular within webpages over the last year or so, and with jQuery becoming ever more popular, more and more developers have been creating these amazing powerful, versatile and sleek galleries. Thank you jQuery. Below you will the most powerful, the most creative and most versatile of jQuery plugins and tutorials built using jQuery.
10 Tips to Create a More Usable Web | Webdesigner Depot
http://www.webdesignerdepot.com/2009/06/10-tips-to-create-a-more-usable-web/
Whether it’s your portfolio, a blog, a marketing web site, or a collection of games, we all want to attract visitors to our website and to ensure that they have a pleasant experience. Usability measures the level of a user’s experience and can be characterized by how easily a given task can be completed; whether it’s done with prior knowledge, or by having the user learn a new way to interact. I think Jakob Nielson probably explained it best when he said: “Usability is a quality attribute that assesses how easy user interfaces are to use. The word “usability” also refers to methods for improving ease–of–use during the design process.” In this article I hope to give you some form of a usability checklist, covering topics from form design to simple navigation tips that you can apply to any Web project.
10 Tips to Create a More Usable Web
50 Beautiful Website Designs For your Inspiration | Dzine Blog
http://dzineblog.com/2009/06/50-beautiful-website-designs-for-your-inspiration.html
(reference for new website)
Иконза - Бесплатные цветные иконки для вашего сайта и блога
http://www.iconza.ru/
Иконза - Бесплатные цветные иконки для вашего сайта и блога
iconza.ru ru
Бесплатные цветные иконки для вашего сайта и блога
#ffffff
Hi, I’m Jason.
http://thinkcage.com/svn/
Kickass example of a coverletter / portfolio website. this is how these things should be done. personalized. you put your heart into it and hope you don't fail.
25 Fun & Creative Web Designs from DeviantArt | Spyre Studios
http://spyrestudios.com/25-fun-creative-web-designs-from-deviantart/
How many web designers can say that there are too many places to draw inspiration from? Exactly. None. Inspiration is welcomed from high and low, far and wide. Sure, there are css galleries you can check out, or even other designers portfolios you may be friends with on twitter or other social media websites, but what about DeviantArt? I have taken the time to gather some of the best, most creatively designed websites from users on the site and put them together in this list of 25 Fun & Creative Web Designs.
25 Fun & Creative Web Designs from DeviantArt | Spyre Studios
Behind the websites
http://www.ricardogimenes.com/blog/
6 Free PSD/(X)HTML-Templates | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2009/06/04/6-free-psdxhtml-templates/
e think deeply, feel rejuvenated, and have our minds brimming with bright new ideas. If you are thinking that I am taking you on a spiritual realm, you are right! This is our intention through the template titled ‘Solitude’.
6 Free PSD/(X)HTML-Templates | Freebies
smashingmagazine.com: psd/xhtml templates
ฟรีเลย์เอาต์เว็บ 6 อันจาก Smashing
Clayton Homes introduces the i-house, the new Revolutionary thought in home building.
http://www.claytonihouse.com/
i see you in one of these someday
Prefab green homes with style, efficiency, and affordability.
Clayton Homes introduces the i-house, the new Revolutionary thought in home building.
GitHub Firewall Install
http://fi.github.com/
"GitHub Firewall Install is a version of the GitHub web application that you install within your own corporate firewall. With your own internal GitHub you can combine the best aspects of social code management with the security of your private network."
24 Essential Submit Button Enhancements | tripwire magazine
http://www.tripwiremagazine.com/design/css-techniques/24-essential-submit-button-enhancements.html
24 วิธีทำปุ่ม เมนู
30 Sites Every Freelancer Should Visit and Utilize | Freelance Folder
http://freelancefolder.com/30-sites-every-freelancer-should-visit-and-utilize/
Freelancers are constantly searching for new resources. Sometimes these resources come in the form of browser plugins and other times as online tools to help us become more productive. There are countless tools, plugins, blogs, social networking sites and other resources out there that can be beneficial to freelancers.
Freelancers are constantly searching for new resources. Sometimes these resources come in the form of browser plugins and other times as online tools to help us become more productive. There are countless tools, plugins, blogs, social networking sites and other resources out there that can be beneficial to freelancers. You probably already know of a lot of these resources, but some of the quality ones may be hiding from you. Below you will find 30 sites (blogs, forums, and job boards) that I regularly use. Although there are more that I subscribe to, these are some that just can’t be missed.
You probably already know of a lot of these resources, but some of the quality ones may be hiding from you.
LOU ROMANO: ART of UP
http://louromano.blogspot.com/2009/05/art-of-up_3697.html
Beautiful and truly inspiring.
illustrierte styles für den film "up" von pixar
14 Most Visually Appealing Free WordPress Themes | Web Design Ledger
http://webdesignledger.com/freebies/14-most-visually-appealing-free-wordpress-themes
With such a large community that has grown around WordPress, it’s no surprise that there are tons of free themes floating around out there. However, there are only a few that look great out of the box. In this article, I’ve rounded up what I believe are the best looking free WordPress themes available.
Adobe Creative Suite 4
http://www.adobeartists.com/
great ideas from four of the best!
4 trabalhos de explodir cabeças com o CS4. Simplesmente FODA!!!!!
Useful Usability: 15 Valuable Usability PDFs You Never Heard Of
http://useful-usability.blogspot.com/2009/03/15-valuable-usability-pdfs-you-never.html
Dear American Airlines | Dustin Curtis
http://dustincurtis.com/
Fantastisk blog om brukervennlighet og brukersentrert design av nettsider
UI guy that redesigned AA.com
Dustin makes some really interesting points about user experience. I want to read more from him.
The Iconfactory presents Star Trek
http://iconfactory.com/startrek/
The Iconfactory presents Star Trek
World leaders in icon design, we offer thousands of free icons, custom design services, software, royalty-free stock icons and much more.
40+ Tutorials on Photoshop Website Design and PSD to HTML | Photoshop Tutorials | Tutorials
http://www.tripwiremagazine.com/Tutorials/Photoshop-Tutorials/tutorials-on-photoshop-website-design-and-psd-to-html.html
In this article tripwire magazine provides you with more than 40 high quality Website Photoshop Tutorials that you just have to investigate. Further this article provides you with Tutorials surfacing the secrets you need for converting your Photosho
very gud must see photoshop html tutorial
Creative Inc / Graphic Design, Branding & Advertising / A Creative Agency
http://www.creativeinc.ie/
fomes
Dublin-based branding studio
Dublin Ireland
Design, Branding, Advertising
Digibarn: Xerox Star 8010 Interfaces, high quality polaroids (1981)
http://www.digibarn.com/collections/screenshots/xerox-star-8010/index.html
RT @jamespage: So you think there's been progress in GUIs since 1981 http://tinyurl.com/d2wkeo [from http://twitter.com/LoXD/statuses/1478953507]
Fotos do OS Xerox Star 8010
Digibarn: Xerox Star 8010 Interfaces, high quality polaroids (1981)
Amazing resource of Xerox GUI
40+ Fascinating Digital Painting Tutorials - Psdtuts+
http://psd.tutsplus.com/articles/web/40-fascinating-digital-painting-tutorials/
Digital paintings are one art and design trend that isn't going away any time soon. Digital paintings (examples) are vibrant, display well on screen and take advantage of new technologies like the graphics tablet to make the digital look traditional. If you're interested in learning to create art through this medium, here are over 40 tutorials to help you begin (or continue) the adventure.
Sweet digital painting tutorials
Amazing One Element Logos | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/amazing-one-element-logos
OOOii [OPEN INTERFACE] | Designers of the Live Environment
http://www.ooo-ii.com/
The LIVE ENVIRONMENT is our response to a paradigm shift that is expanding the role of the creative desinger to explore and embrace new interaction models as the primary driving force in realizing the mutualism of consumer and content. This reengineering towards natural experience in an immersive venue is transforming the industry in ways that many are calling a revolution in visual communication.
JavaScript InfoVis Toolkit - Interactive Data Visualizations for the Web
http://thejit.org/
Java scrippting
GG
kind of flare for js: impressive!
JavaScript Information Visualization Toolkit, Meaningful Visualizations
Beautiful High-Quality Free Fonts For Your Designs | Fonts | Smashing Magazine
http://www.smashingmagazine.com/2009/06/05/beautiful-high-quality-free-fonts-for-your-designs/
25 Great Examples of iPhone Optimized Sites | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/25-great-examples-iphone-optimized-sites
iPhone用サイトのデザインまとめ。
During the weekend I decided to work on the iPhone version of Abduzeedo. Firstly I thought that only a few tweaks in the CSS file would be enough, but it was a bit more complicated than that. However, there are quite a few ways to create a nice iPhone version for your site using services like Mobify.me. In my case, I decided to build a new Drupal theme from scratch.
Wpazo | The Best WordPress Stuff
http://wpazo.com/
Nice link aggregator!
The Best WordPress Stuff.
Web site wpazo, a collection of Wordpress resources (yeah, I've been sitting on a backlog of Wordpress links recently).
How to Create an Identity Package in Illustrator - Vectortuts+
http://vector.tutsplus.com/tutorials/designing/how-to-create-an-identity-package-in-illustrator/
In this Illustrator CS4 tutorial I'll show you how to create an Identity Package including: business cards, letterhead, and envelopes, all in Illustrator. In
21 Stylish CSS/jQuery Solutions To Beautify Your Web Designs @ SmashingApps
http://www.smashingapps.com/2009/06/05/21-stylish-cssjquery-solutions-to-beautify-your-web-designs.html
tau
what consumes me, bud caddell » how to be happy in business - venn diagram
http://whatconsumesme.com/2009/what-im-writing/how-to-be-happy-in-business-venn-diagram/
one for Neil Moodley
I’ve been working at start-ups and small businesses since I was 14 years old. My father and his father before him owned and operated their own small businesses. There’s something about the fight for survival for a small team that’s coded in my DNA. It’s one of the reasons I enjoy working at Undercurrent so much. We’re small and thus we’re nimble. We’re lean and thus we’re malleable. And our age and our medium demand both.
how to be happy in business - venn diagram
80+ Perfect Ending of Modern Website Design- Footers! | Showcases | instantShift
http://www.instantshift.com/2009/04/30/80-perfect-ending-of-modern-website-design-footers/
Getmiro
A perfect layout, A Good Design and Nice resource can produce a creative output. Layout, textures and patterns are used more often than one may think but the outcome of different combination can result verity of designs. One of the interesting trend which I noticed recently is using a attractive footer to provide a perfect ending to your website’s presentation. Modern age designers love to experiment with things and observe how people interact with their work. Even though this is not a common trend to follow but still as the new design styles come up, and as more and more designers notice them and make use of them in their work, this kind of new trends emerge. In this showcase, you’ll find a variety of highly-creative, beautiful, and most importantly inspirational footer designs by which you can learn a thing or two.
Elements of Great Web Design: The Polish - Psdtuts+
http://psd.tutsplus.com/tutorials/designing-tutorials/elements-of-great-web-design-the-polish/
Elements of Great Web Design: The Polish - Psdtuts+ - http://psd.tutsplus.com/tutorials/designing-tutorials/elements-of-great-web-design-the-polish/
When I put together designs, I usually do so in two phases - Layout and Polish. During the layout phase, I place the main objects on the page usually finishing with something that looks relatively complete. In the second stage - the Polish - I go over the design and adjust colors, type treatments, shadows, layers, and generally clean it all up. In this first of a series of tutorials on web design, we'll be looking at the Polish.
The Win Without Pitching Manifesto
http://www.winwithoutpitching.com/manifesto
great manifesto for selling development projects and building an IT shop
Win without pitching
not < 1
http://www.goodbyewafflemaker.com/
Sell stuff online
galeria produtos
In preparation for total immersion into the Greensboro community, I am selling everything that I own. Below is a detailed archive of my personal belongings. Move your cursor over each image to obtain a brief description of the item. When you stumble upon a treasure you can't live without (i.e. neon pipe-cleaners) click on the item for further instruction. If you wish, you may select to make a donation in the amount of your choosing. All items not sold will be given to the Crossover Ministries of Flint, Michigan. Any revenue generated from the sale of these goods will be directed towards my travel and living expenses for the next 14 months.
In preparation for total immersion into the Greensboro community, I am selling everything that I own. Below is a detailed archive of my personal belongings. Move your cursor over each image to obtain a brief description of the item. When you stumble upon a treasure you can't live without (i.e. neon pipe-cleaners) click on the item for further instruction.
Gadget Teardowns
http://www.ifixit.com/Teardown
How to Create an Abstract Vector Design in Illustrator
http://www.blog.spoongraphics.co.uk/tutorials/how-to-create-an-abstract-vector-design-in-illustrator
illustrator vector tutorial. abstract design with vector tips
80+ Logo Designers Huge Essential Toolbox | tripwire magazine
http://www.tripwiremagazine.com/logos/design/80-logo-designers-huge-essential-toolbox.html
The Typekit Blog
http://blog.typekit.com/
As a Typekit user, you’ll have access to our library of high-quality fonts. Just add a line of JavaScript to your markup, tell us what fonts you want to use, and then craft your pages the way you always have. Except now you’ll be able to use real fonts.
The Typekit solution That’s where Typekit comes in. We’ve been working with foundries to develop a consistent web-only font linking license. We’ve built a technology platform that lets us to host both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM.
The W3C recommendation for CSS web fonts will be 7 years old soon. Why, after all these years, has typography for the web not progressed further? Why haven’t designers embraced linked, downloadable fonts in their designs?
embed any font into your website, with the use of js
Platform and legal support for using linked fonts in CSS
May 27のblogの米欄は賛否両論ね。金払って@font-faceの薄いラッパーとか意味わからんという感じか。しかし、そもそも気になるのは、FF3.5+ではremote fontのsame-origin policyにひっかかって動かないんじゃねーの?という点だ。せっかくなので直接聞いてみる。
Illustrator’s Blend Tool: A Comprehensive Guide - Vectortuts+
http://vector.tutsplus.com/tutorials/tools-tips/illustrators-blend-tool-a-comprehensive-guide/
In Adobe Illustrator, the Blend Tool can help you create impressive color blends. But there is more to it than you might know. This comprehensive guide can help
รวมเทคนิคการ Blend ใน illustrator
UX Madness - 20 Fantastic Resources For User Experience Know How | Inspired Magazine
http://www.inspiredm.com/2009/05/15/ux-madness-20-fantastic-resources-for-user-experience-know-how/
for future exploration
無料で使えるアイコンサイトいろいろ | DesignWalker
http://www.designwalker.com/2009/05/free-icon.html
アイコンサイトまとめ
アイコン探すならここ。
Back To The Eighties With Justice’s DVNO | The FontFeed
http://fontfeed.com/archives/back-to-the-eighties-with-justices-dvno/
identifying all fonts used in justice's DVNO video
10 High-Quality Free Leaf Textures
http://sixrevisions.com/freebies/textures/10-high-quality-free-leaf-textures/
leaf texture
In this set, you’ll find 10 free and high-resolution leaf textures which can be utilized in a wide range of ways. They have a very liberal Creative Commons license so you can use them in any manner you choose, whether it’s personal or commercial.
textura de hojas
10 High-Quality Free Leaf Textures
The Beatles Rock Band
http://www.thebeatlesrockband.com/
foda!
this actually looks pretty good
20 of the Best Free Stock Photo Sites | PSDVIBE - Tutorials and Resources
http://psdvibe.com/2009/03/29/20-of-the-best-free-stock-photo-sites/
Hellovon / Home_showcase
http://www.hellovon.com/#home_showcase
Hellovon / Home_showcase
{Illustrator & graphic designer}
flipping typical
http://flippingtypical.com/
flippingtypical.com/#
Comparing a number of screen fonts
searches all the fonts on your pc and displays them trough JavaScript
Tu tipografias desde un sitio web
Visa installerade typsnitt på din dator.
web-based typography tester
おごるTV [ogoru.tv] - ごはん、おごります。
http://ogoru.tv/
ogoru.tv
100 New and Beautiful Seamless Patterns | Web Design Ledger
http://webdesignledger.com/freebies/100-new-and-beautiful-seamless-patterns
Printing & Prepress Basics - Vectortuts+
http://vector.tutsplus.com/tutorials/designing/printing-prepress-basics/
cute stuff
Explains printing prepress basics
Dear Dustin Curtis | Dustin Curtis
http://dustincurtis.com/dear_dustin_curtis.html
But those of us who work in enterprise-level situations realize the momentum even a simple redesign must overcome, and not many, I’ll bet, are jumping on this same bandwagon. They know what it’s like. I'm referring to the new kind of brand, the one is formed by the entire experience of a customer's interaction. That experience gets branded into his or her memory and leaks into the buzz of modern culture. via Caitlin
UX guy reprints email and then attempts to address corporate culture issue; strong opinions follow but most compelling part is the insight from the AA.com UX guy himself (known as Mr. X) "But—and I guess here’s the thing I most wanted to get across—simply doing a home page redesign is a piece of cake. You want a redesign? I’ve got six of them in my archives. It only takes a few hours to put together a really good-looking one, as you demonstrated in your post. But doing the design isn’t the hard part, and I think that’s what a lot of outsiders don’t really get, probably because many of them actually do belong to small, just-get-it-done organizations. But those of us who work in enterprise-level situations realize the momentum even a simple redesign must overcome, and not many, I’ll bet, are jumping on this same bandwagon. They know what it’s like."
complain about a corporate website then get surprised to hear about how design under corporate politics work? hm.
"There's a common attribute that makes for good designers, good engineers, good employees, and good companies. For a long time, I couldn't figure out what it was. Was it practice? Was it skill? Was it innate ability? Turns out, it's none of those. It's taste."
Free Textures, Inspiration and Tutorials | Texture Lovers
http://www.texturelovers.com/
textures
zef[a]media » Free UX Templates
http://www.zefamedia.com/websites/free-ux-templates/
The templates are derived from the User Experience toolkit I designed for the DUX team at Provoke. So we’ve given you the basic tools - it’s now up to you to do the magic with the actual user experience.
By Zef Fugaz. [November 21st, 2008]
In the Woods - New WP Video Series, and Free Rockstar Book!
http://blog.themeforest.net/screencasts/new-wp-video-series-and-free-rockstar-book/
Nice basic screencast tutorial series for designing a wordpress theme from scratch.
simple easy local wordpress install.
Serial WP Day 1 - 14 http://blog.themeforest.net/screencasts/new-wp-video-series-and-free-rockstar-book/ http://blog.themeforest.net/wordpress/wordpress-for-designers-day-2 - 14
redmark - the easiest way to mark up a design and track revisions
http://www.redmarkit.com/
Загрузить картинку отправить ссылку, указать комментарии к картинке
Easy to use tool for graphic annotations, that allows taking quick feedback about graphical content.
Outil de révision en ligne
14 Invaluable Tools To Check The Real Worth of Your Design Work | Minervity
http://www.minervity.com/features/free_hub/14-invaluable-tools-to-check-the-real-worth-of-your-design-work/
Real Worth of Your Design Work
The value of a designers work is probably the hardest thing to estimate for any freelancer. Overestimate and you will probably lose the project. Underestimate
Evaluation de la valeur d'un site Internet
100 Most Creative People in Business | Fast Company
http://www.fastcompany.com/100/
business innovation
AR Rahman ranked 47th !
This Also is a photo(grapher) aggregator.
http://www.thisalso.com/
This Also is a photo(grapher) aggregator.
cool site.
photography aggregator
50+ Creative Masterpieces Of Logo Designs Using Gradient Effects @ SmashingApps
http://www.smashingapps.com/2009/06/08/50-creative-masterpieces-of-logo-designs-using-gradient-effects.html
# # Get Your Free Beta Invitation Code For PDF-to-Word Converter
30 Illustrator Videos To Turn You Into An Expert | Creative Nerds
http://creativenerds.co.uk/tutorials/30-illustrator-videos-to-turn-you-into-an-expert/
Illustrator Videos (very handy indeedy)swirls, pixelart, logos etc
30 Illustrator Videos To turn You Into An Expert. A collection of great video tutorials which you can learn the basics and also advanced illustrator
Pixelmatrix Design – Announcing Uniform
http://pixelmatrixdesign.com/weblog/comments/announcing_uniform/
A plugin for jQuery that lets you style select, radio, and checkboxes however you desire.
Custom browser form controls with jQuery. Nice.
As a UI designer, I have to deal with form controls quite a bit. I hate how I can’t make selects, checkboxes, and radio buttons look consistent in all the browsers, so I wrote a plugin to solve just that. Introducing Uniform, a plugin for jQuery that lets you style select, radio, and checkboxes however you desire.
jQuery plugin that lets you style select, radio, and checkboxes however you desire.
Retro Futurism At Its Best: Designs and Tutorials | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/06/08/retro-futurism-at-its-best-designs-and-tutorials/
Diseños retrofuturistas... muy interesante
Concepts of the future for the way we live our lives have been expressed in forms of art, design, movies, comics, and even cartoons. For
good
| ^^ |秒刊SUNDAY | 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ
http://www.yukawanet.com/sunday/2009/06/web_5.html
Japan' swebpage design collection
buéno
日々のあらゆるシーンで役立つ情報を提供するアルファブロガー秒刊SUNDAY管理人 湯川晃 がお送りします。
いけてるサイトリンク集のまとめ
WEBデザインギャラリーサイトのまとめ
Adaptive CSS-Layouts: New Era In Fluid Layouts? | CSS | Smashing Magazine
http://www.smashingmagazine.com/2009/06/09/smart-fixes-for-fluid-layouts/
Fluid web designs have many benefits, but only if implemented correctly. With proper technique, a design can be seen correctly on large screens, small screens and even tiny PDA screens. With bad coding structure, however, a fluid layout can be disastrous. Because of this, we need to find ways to work around most, if not all, of the cons of fluid design.
If you as a designer are going to go through all the extra work of creating a functional fluid layout, why not go a bit further and make it compatible with all resolutions, instead of just most? You can use a few techniques to create an incredibly versatile, adaptive layout that will stay perfectly functional with the constantly changing screen sizes. In this article, we’ll discuss effective techniques to create 100%-functional adaptive CSS-layouts, and provide details on other tutorials and practices.
Fluid web designs have many benefits, but only if implemented correctly. With proper technique, a design can be seen correctly on large screens, small screens and even tiny PDA screens. With bad coding structure, however, a fluid layout can be disastrous. Because of this, we need to find ways to work around most, if not all, of the cons of fluid design. If you as a designer are going to go through all the extra work of creating a functional fluid layout, why not go a bit further and make it compatible with all resolutions, instead of just most? You can use a few techniques to create an incredibly versatile, adaptive layout that will stay perfectly functional with the constantly changing screen sizes.
American Airlines Web Site: The Product of a Self-Defeating Design Process | Design & Innovation | Fast Company
http://www.fastcompany.com/blog/cliff-kuang/design-innovation/how-self-defeating-corporate-design-process-one-designer-finds-ou
digg_url = 'http://www.fastcompany.com/blog/cliff-kuang/design-innovation/how-self-defeating-corporate-design-process-one-designer-finds-ou'; digg_skin = 'compact'; Designer Dustin Curtis was so disgusted with the American Airlines Web site that he redesigned it, and posted the results as an open letter to the company.
Grid Systems – Making grids in Illustrator : font.is
http://font.is/?p=1226
Grid Systems – Making grids in Illustrator
20 Tools to Make the Life of a Web Developer Easier - Nettuts+
http://net.tutsplus.com/articles/web-roundups/20-tools-to-make-the-life-of-a-web-developer-easier/
Guesses vs. Data as Basis for Design Recommendations (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/guesses-data.html
unread
Wherein we are told—or reminded—that the smallest amount of empirical data from real users quadruples the probability of being right.
Jakob Nielsen's Alertbox
9 Online Free And Useful Tools That Can Help Designers A Lot @ SmashingApps
http://www.smashingapps.com/2009/04/27/nine-online-free-and-useful-tools-that-can-help-designers-a-lot.html
9 Online Free And Useful Tools That Can Help Designers A Lot @ SmashingApps http://ow.ly/4f14 [from http://twitter.com/10minuteexpert/statuses/1639626097]
20 Free Original Hi-Res Ink Stained Paper Textures | Freebies | Web Design Blog | Design Shard
http://www.designshard.com/freebies/20-free-original-hi-res-ink-stained-paper-textures/
20 Free Original Hi-Res Ink Stained Paper Textures | Design Shard - http://www.designshard.com/freebies/20-free-original-hi-res-ink-stained-paper-textures/
Web Design Blog
J'en faisais des belles comme ça à l'école primaire. Le don des gauchers crispés sur leur stylo plume.
Writing Microcopy - Bokardo
http://bokardo.com/archives/writing-microcopy/
"Microcopy is small yet powerful copy. It’s fast, light, and deadly. It’s a short sentence, a phrase, a few words. A single word. It’s the small copy that has the biggest impact. Don’t judge it on its size…judge it on its effectiveness."
Microcopy counts
The fastest way to improve your interface is to improve your copy-writing.
The Optimist Conspectus » A compendium of contemporary optimism, one perspective at a time.
http://www.theoptimistconspectus.com/
UNIQLO CALENDAR
http://www.uniqlo.com/calendar/
早送りのミニチュア風景がきれい
かわいい
Calendario UNIQLO miniaturas
The Best 20+ Icon Designers & UI Ninjas | Inspired Magazine
http://www.inspiredm.com/2009/06/08/the-best-20-icon-designers-ui-ninjas/
The Best 20+ Icon Designers & UI Ninjas | Inspired Magazine
88 Single Page Website Designs For Design Inspiration | Showcases | instantShift
http://www.instantshift.com/2009/06/10/88-single-page-website-designs-for-design-inspiration/
Fred ce n'était pas celui-là auquel je faisais allusion...
One of the interesting trends which I noticed recently is to showcase your work in single page design. It's kind of ironic to see what designers can do with , Daily Resource for Web Designers and Developers.
single page websites
jQuery SuperBox!
http://www.pierrebertet.net/projects/jquery_superbox/
60+ Awesome Grunge Font That Every Designer Should Collect
http://www.webdesignbooth.com/60-awesome-grunge-font-that-every-designer-should-collect/
Styling buttons to look like links | Natalie Downe
http://natbat.net/2009/Jun/10/styling-buttons-as-links/
Styling buttons to look like links
Adventures creations and musings from a girl geek.
CSS swap hover effect | Min Tran's weblog
http://min.frexy.com/article/css_swap_hover_effect/
changes image to text when hovering mouse
CSS swap hover effect
CSS effects - util in webdevelopement
40 Examples of Incredible Photo Manipulation | Webdesigner Depot
http://www.webdesignerdepot.com/2009/06/40-examples-of-incredible-photo-manipulation
belajar ptotoshop
iPhone Stencil Kit | Design Commission
http://www.designcommission.com/shop/iphone-stencil-kit/
Quickly sketch out iPhone UI prototypes.
15 Effective Tips and Tricks from the Masters of CSS | Noupe
http://www.noupe.com/css/15-effective-tips-and-tricks-from-the-masters-of-css.html
There are thousands of sites out there offering tips and tricks for using CSS. But how do you know where that information is coming from? Who says the people writing these “tips” know what they’re talking about? For all you know, it could be someone who has not clue what CSS even stands for, let alone how to use it effectively. But that’s not the case with the experts below. They’re all well-known for their mastery of CSS and all that goes along with it. Read on for their tips and tricks with regards to everything from avoiding hacks to understanding the box model.
Effective Strategy To Estimate Time For Your Design Projects | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/06/11/effective-strategy-to-estimate-time-for-your-design-projects/
Great article on how to accurately budget for freelance web projects
How many times have you been completely confused at how that 'small' project turned into such a big one costing double and taking three times
Vintage DHARMA ads. - a set on Flickr
http://www.flickr.com/photos/hotmeteor/sets/72157615214095434/detail/
v smashing
10 Apps for Web Designers Using a Mac
http://sixrevisions.com/tools/10-apps-for-web-designers-using-a-mac/
10 Tips for Incredible Web Forms! | Design Reviver
http://designreviver.com/tips/10-tips-for-incredible-web-forms/
35 Beautiful & Free PSDs For Charming Designs
http://www.webresourcesdepot.com/35-beautiful-free-psds-for-charming-designs/
free stuff
YouTube - DEADLINE post-it stop motion
http://www.youtube.com/watch?v=BpWM0FNPZSs
I like this
POST-IT note stop motion video on a wall above deadlined man's desk :)
sewa notebook, sewa notebook di bandung, rental notebook, rental notebook di bandung, sewa laptop ,sewa laptop di bandung, specialis sewa notebook
50 Websites to follow if you’re into Web Design | The Interactive Wall
http://interactiveblend.com/blog/online/50-websites-to-follow-if-you%e2%80%99re-into-web-design/
60 Most Stunning Typography Inspiration of All Time | The Design Inspiration
http://thedesigninspiration.com/articles/60-most-stunning-typography-inspiration-of-all-time/
Typography is the art and techniques of arranging type, type design, and modifying type glyphs. The arrangement of type involves the selection of typefaces, point size, line length, leading, tracking and kerning.
Counter-Print.co.uk
http://counter-print.co.uk/
lots of nice prints
vintage design and fashion books - often out of print
How to be Unstoppable - Qrimp Blog
http://www.qrimp.com/blog/blog.How-to-be-Unstoppable.html
If you haven't seen the dancing guy, yet, watch it. You can also read Derek Sivers analysis of the dancing guy. Seth Godin even took a stab at it. If you are really curious, watch a longer version of the dancing guy and listen to the comments from the camera drivers. His revolution was a long time in the making. I think it may have had a lot to do with the song itself, which is Santigold's Unstoppable. I had never heard the song before, but I love it and have listened to it at least 30 times since seeing Derek Sivers's post a few days ago at Hacker News. It's a great and inspiring story, even just the unfolding of this sensation itself, but that's not my focus here. Unstoppable doesn't mean you create a huge following, that's a consequence. The Dancing Guy wasn't thinking, "I want to get a huge dance party going." He was thinking, "I want to dance!" With that in mind, here's...
yet another follow-up to the dancing guy phenomenon .. this one more complete and personalized :)
ソースがダウンロードできるFlashエフェクト集 | DesignWalker
http://www.designwalker.com/2009/06/flash-effect.html
flashのサンプルに
FlashのEffectいろいろ
フラッシュのエフェクト集。いつか使う。
ソースみれるっていうのは良いよね、特にflashなんかだと。
けど素敵だぉ。
Create Beautiful jQuery sliders tutorial
http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html
Create Beautiful jQuery sliders tutorial
Check My Colours - Analyse the color contrast of web pages
http://www.checkmycolours.com/
It is a tool for checking foreground and background color combinations of all DOM elements and determining if they provide sufficient contrast when viewed by someone having color deficits.
What is CheckMyColours? It is a tool for checking foreground and background color combinations of all DOM elements and determining if they provide sufficient contrast when viewed by someone having color deficits. All the tests are based on the algorithms suggested by the World Wide Web Consortium (W3C).
Posterize
http://posterize.com.br/
posters d shows br
カラーユニバーサルデザイン推奨配色セット
http://jfly.iam.u-tokyo.ac.jp/color/CUD_set/
FAST GAMES - Little Wheel
http://fastgames.com/littlewheel.html
sort of a game, more of a kind of interactive animation. very stylish
jQuery Infinite Carousel | jQuery for Designers - Tutorials and screencasts
http://jqueryfordesigners.com/jquery-infinite-carousel/
Posted on 11th June 2009 — With jQuery for Designer’s redesign I decided to add a scrolling carousel that worked in the same way the carousel worked on the Apple Mac ads page. This tutorial will walk through the fundamentals of the effect and how to recreate it.
With jQuery for Designer’s redesign I decided to add a scrolling carousel that worked in the same way the carousel worked on the Apple Mac ads page. This tutorial will walk through the fundamentals of the effect and how to recreate it.
Directory of Usability, Information Architecture, and User Experience Design Software
http://www.iaapps.com/
IAApps.com continues to grow, with visits increasing 51%! Check-out our constantly expanding wireframing, prototyping, usability testing, and screen capture sections and leave a review of your favourite app!
» Getting Design Approval: The Single Mockup Theory » fadtastic - a multi-author web design trends journal
http://fadtastic.net/2008/05/26/getting-design-approval-the-single-mockup-theory/
Getting Design Approval:
32 online tools that can help your tech freelancing career | View from the Cubicle | TechRepublic.com
http://blogs.techrepublic.com.com/career/?p=888&tag=nl.e101
Nice list of online tools
60 Awesome Sites for Free Fonts | Dottony
http://www.dottony.com/60-awesome-sites-for-free-fonts/
รวม 60 เว็บแจกฟอนต์
Why Designers Should Learn How to Code
http://sixrevisions.com/web_design/why-designers-should-learn-how-to-code/
robbie...would say...
The hard truth is that the buck of development should stop with designers. For optimum efficiency, designers should not only be concerned with painting the bigger picture but also building it! In this article, I'd like to share with you some reasons why designers should learn how to code.
Why Designers Should Learn How to Code
50 Inspiring Abstract Illustrations in Web Design
http://www.blog.spoongraphics.co.uk/articles/50-inspiring-abstract-illustrations-in-web-design
50 Inspiring Abstract Illustrations in Web Design
illustrati
Largest Bankruptcies
http://awesome.goodmagazine.com/transparency/web/0906/trans0609largestbankruptcies.html
Effective Maintenance Pages: Examples and Best Practices | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/06/12/effective-maintenance-pages-examples-and-best-practices/
Every website has to perform maintenance at some point or another. Whether it’s just to upgrade a portion of the site or because of some problem with the site, it’s an inevitable fact of website ownership. And in many cases, maintenance requires taking your site offline for at least a few minutes. So what should you do if your site is going to be down for maintenance? You don’t want users coming to a 404 or other error page. And hopefully you’d like to encourage them to come back to your site sooner rather than later, right? If that’s the case, you’ll need to build a custom maintenance page. Below we present a list of best practices to building effective maintenance pages that will help keep your visitors, whether new or returning, happy.
Every website has to perform maintenance at some point or another. Whether it’s just to upgrade a portion of the site or because of some problem with the site, it’s an inevitable fact of website ownership. And in many cases, maintenance requires taking your site offline for at least a few minutes. So what should you do if your site is going to be down for maintenance? You don’t want users coming to a 404 or other error page. And hopefully you’d like to encourage them to come back to your site sooner rather than later, right? If that’s the case, you’ll need to build a custom maintenance page. Below we present a list of best practices to building effective maintenance pages that will help keep your visitors, whether new or returning, happy.
Effective Maintenance
Every website has to perform maintenance at some point or another. Whether it's just to upgrade a portion of the site or because of some
Complex and Sophisticated Lettering Designs Photoshop Tutorials
http://www.photoshoproadmap.com/Photoshop-blog/2009/06/10/complex-and-sophisticated-lettering-designs-photoshop-tutorials/
photoshop tutorial designs and letter
Fun with Overflows | jQuery for Designers - Tutorials and screencasts
http://jqueryfordesigners.com/fun-with-overflows/
jquery一个滚动的效果
draggable pane content (instead of division into slides)
Making use of the overflow and scrollLeft DOM property to scroll elements is a much more effective use of the CPU, over animating using CSS top/left. So this episode of J4D demonstrates the same effect used in two completely different ways.
Font Squirrel | Calligraphic Free Fonts
http://www.fontsquirrel.com/fonts/list/category/Calligraphic
Showcase Of 50 Stunning Portfolio Website Designs | Spyre Studios
http://spyrestudios.com/50-stunning-portfolio-website-designs/
Showcase Of 50 Stunning Portfolio Website Designs | Spyre Studios - http://spyrestudios.com/50-stunning-portfolio-website-designs/
portfolio design
50 cool Portfolio Website Designs
30 Best Photoshop Web Layout Design Tutorials to Design Decent Websites | Dzine Blog
http://dzineblog.com/2009/06/30-best-photoshop-web-layout-design-tutorials.html
Vários tutoriais para desenvolvimento de interfaces para sites
Here is a collection of 30 layout design tutorials that will help you with designing a decent looking website.
アイトラッキングの実験からわかった12のWeb戦略 - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/05/eye_tracking.html
ユーザーがどこを見ているか、その視線を追うことができるアイトラッキングシステムですが、それを使った実験の結果がまとめられていました。ウェブを作る際にどこに気をつければ良いかがわかって参考になりますね。
アイトラッキングシステム。それを使った実験結果のまとめ。
75 Sets of Unusual Photoshop Brushes
http://designm.ag/resources/75-sets-of-unusual-photoshop-brushes/
Cool brushes
many, at least some free (I looked at eyelash brush)
30 Fresh and High Quality Twitter Icon Sets | Icons
http://www.hongkiat.com/blog/30-fresh-and-high-quality-twitter-icon-sets/
More really cool Twitter icons ... get them here
30 Creative And Eye-Catching Web Designer Portfolios | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/inspiration/30-creative-and-eye-catching-web-designer-portfolios/
How AJAX Works: 10 Practical Uses For AJAX | Noupe
http://www.noupe.com/ajax/how-ajax-works.html
How to Stay Ahead of the Curve as a Designer
http://sixrevisions.com/web_design/how-to-stay-ahead-of-the-curve-as-a-designer/
design tips
The Best Business Model in the World - Umair Haque - HarvardBusiness.org
http://blogs.harvardbusiness.org/haque/2009/04/the_best_business_model_in_the.html
"Nice content - awesome presentation! What did you use to make it?!" That's what everyone who sees my BRITE presentation asks me. It's a new service called Prezi. And it's insanely great — the minute I saw it I had to have it, no questions asked. So, for the first time in half a decade, I found myself doing the unthinkable: paying for software.
"Yet, the best business model in the world is also the simplest: make stuff that's insanely great. Stuff that's insanely great does what Prezi does — amazes, enriches, and inspires. That kind of stuff doesn't need a hard sell, a new market, or a convoluted product range. It just needs to be."
15 Most Useful & Free Collection Of Ready-To-Use Design Freebies @ SmashingApps
http://www.smashingapps.com/2009/06/09/15-most-useful-free-collection-of-ready-to-use-design-freebies.html
design
@ SmashingApps
80 Creative Ways to Customize Your MacBook | Webdesigner Depot
http://www.webdesignerdepot.com/2009/06/80-creative-ways-to-customize-your-macbook/
this bookmark brought from the del.icio.us home.
Fantastic
The MacBook and MacBook Pro are stunning examples of minimalist design. Their sleek lines, simple shapes, and uncomplicated designs are pinnacles of modern
50 Incredible Tutorials from the Tuts+ Network - Psdtuts+
http://psd.tutsplus.com/articles/web/50-incredible-tutorials-from-the-tuts-network/
great list of tutorials for web, photoshop, etc.
50 Incredible Tutorials from the Tuts Network http://ow.ly/74U0 [from http://twitter.com/10minuteexpert/statuses/1807016742]
50 Tutoriais importantes a serem realizados
Bluelounge - StudioDesk
http://www.bluelounge.com/studiodesk.php
20 Creative and Unique Typefaces
http://sixrevisions.com/graphics-design/20-creative-and-unique-typefaces/
awesome typefaces
fonts typography free font resources design inspiration typefaces creative typographie
We live in a world surrounded by Times New Roman, Arial and Helvetica, typefaces so functional that they have long since become boring. In this article, you will find very creative fonts that surely push the limits of uniqueness.
20+ Best Tutorials to Convert Psd to Html/CSS | Dzine Blog
http://dzineblog.com/2009/04/tutorials-psd-to-html.html
Introduction
http://aneventapart.com/alasurvey2008/00.html
For those how make websites.
“la encuesta de la gente que hace sitios” que, con más de 30.000 encuestados
Interesting survey about developers in 2008
Yet Another 55 High Res Textures to Satisfy Your Design Need | Desizn Tech
http://desizntech.info/2009/05/yet-another-55-high-res-textures-to-satisfy-your-design-need/
Yet Another 55 High Res Textures to Satisfy Your Design Need | Desizn Tech - http://desizntech.info/2009/05/yet-another-55-high-res-textures-to-satisfy-your-design-need/
Schedule and Cost Summary Calculator | Konigi
http://konigi.com/tools/schedule-and-cost-summary-calculator
About this template This Cost Estimate and Scheduling spreadsheet provides a lightweight method for learning to estimate time to complete a web design project, and calculating cost for completion. The intended audience is individual freelancers or contractors who need to prepare proposals for potential clients. This may not be an ideal format for the calculation of project team estimates.
Excel sheet template for calculating schedule and costs
How to Create a Dark and Sleek Web Design from Photoshop
http://sixrevisions.com/tutorials/web-development-tutorials/how-to-code-a-dark-and-sleek-web-design/
How to Create a Dark and Sleek Web Design from Photoshop - http://sixrevisions.com/tutorials/web-development-tutorials/how-to-code-a-dark-and-sleek-web-design/
16 Best Photoshop Tutorials for Creating Web Designs | Web Design Ledger
http://webdesignledger.com/tutorials/16-best-photoshop-tutorials-for-creating-web-designs
ウェブデザインを作るためのPhotoshopチュートリアル16選
Tutorials for creating web designs are a great way to learn new techniques and get inspired by new design concepts. Since Photoshop is the design tool of choice
Tutorials for creating web designs are a great way to learn new techniques and get inspired by new design concepts. Since Photoshop is the design tool of choice for many web designers, I thought it would be useful to show you, what I believe, are the best Photoshop tutorials for creating web designs and web design elements.
TUTORIALES PARA DISEÑO WEB CON PHOTOSHOP MUY RECOMENDABLE
Handy Tips for Creating a Print CSS Stylesheet
http://line25.com/tutorials/handy-tips-for-creating-a-print-css-stylesheet
Handy Tips for Creating a Print CSS Stylesheet
Internet Mapping Project
http://www.kk.org/internet-mapping/
:)
http://www.kk.org/internet-mapping/ internet 6 mapa 4 internetmapa .kk.org/internet-mapping
Percepción de una gran cantidad de usuarios de la estructura de Internet
Take Your Design To The Next Level With CSS3 | CSS | Smashing Magazine
http://www.smashingmagazine.com/2009/06/15/take-your-design-to-the-next-level-with-css3/
Smashing Magazine
Many cool things can be done with the next standard for web design
by Smashing Magazine
A nice overview from Smashing Mag about using CSS3 features.
30+ Useful Photoshop Custom Shapes Set | Naldz Graphics
http://naldzgraphics.net/freebies/30-useful-photoshop-custom-shapes-set/
20 Free Useful Tools for Designers and Developers | Presidia Creative
http://www.presidiacreative.com/20-free-useful-tools-for-designers-and-developers/
There are a host of free tools available on the internet that can help designers and developers increase their productivity. Some tools are great, others just waste your time, so today, we’ve sorted through the free tools available to find 20 free and useful tools for designers and developers. Whether you’re looking to create invoices, contact your colleagues, find a color scheme, generate some code, or share files, you’ll find a free tool in this list to do the job.
Fantastic resources!
Terrible Yellow Eyes
http://www.terribleyelloweyes.com/
for H.: <blockquote>Over the coming weeks and months I'll display a growing collection of works created by invited contributing artists and myself. We share a love and admiration for Sendak's work and the pieces we present here are done as a tribute to his life and legacy. ¶ Simply put, like a visual love letter to the book, with <b>Terrible Yellow Eyes</b> I am seeking to celebrate and promote the original masterwork by Maurice Sendak in the best way I know how -- with pictures.</blockquote>
A collection of art work inspired by Maurice Sendak's Where the Wild Things Are
40+ Helpful Resources On User Interface Design Patterns | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/06/15/40-helpful-resources-on-user-interface-design-patterns/
The Uniform Project: Just a little green…
http://www.theuniformproject.com/
1 uniform, 365 different ways. Amazin'
一着のワンピースを365日着倒すプロジェクト。
10 Quick & Dirty Tricks for Easy Custom Web Backgrounds | Graphic Design | Tutorial Blog
http://tutorialblog.org/10-quick-dirty-tricks-for-easy-custom-web-backgrounds/
10 Quick & Dirty Tricks for Easy Custom Web Backgrounds
Oh, the trials and tribulations of making your own repeating background. We’ve all been there, tweaking our pixels and trying to make the repeats fit together just right. Here are the solutions for our background woes! Take a look at these Web sites that offer you the ability to quickly make your own. Or you can use one of the seamless repeating images available on the other sites, all polished and ready for your web needs. You may find some of these backgrounds to be especially inspiring! I know I have.
Graphic Design
150 valuable Photoshop Actions sets + Tutorials | Photoshop Tutorials and Flash Tutorials, design and Inspiration
http://www.miraztutorials.com/150-valuable-photoshop-actions-sets-tutorials/
15 Coolest Minimalist WebDesigns Using Photograph as Background | 2experts Design - Web Design and Graphic Design Blog
http://www.2expertsdesign.com/2009/06/09/15-coolest-minimalist-webdesigns-using-photograph-as-background/
This collection aims to showcase just fifteen beautifully designed minimalist website designs using photograph as background
15 Coolest Minimalist WebDesigns Using Photograph as Background
60 Rare and Unusual Vintage Signs | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/06/13/60-rare-and-unusual-vintage-signs/
60 rare and unusual vintage signs
Rare and Unusual Vintage Sign
How to Create a Grunge Web Design Using Photoshop
http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-grunge-web-design-using-photoshop/
Create a Clean and Colorful Web Layout in Photoshop - Tutorial9
http://www.tutorial9.net/photoshop/create-a-clean-and-colorful-web-layout-in-photoshop/
In this tutorial I am going to show you how to create a clean corporate layout in Photoshop. The original layout was created by kuntiz from ThemeForest and I want to thank him for allowing me to write this tutorial.
Web Layout tutorial
40 Essential iPhone Applications For Web Designers
http://www.sitepoint.com/blogs/2009/06/15/40-iphone-applications-for-designers/
Ideas
http://ideas.bighugelabs.com/
Inspiration mashup engine to help you find inspiring images, quotes, songs and other design goodies.
50 Excellent 3D Adobe Illustrator Tutorials | Tutorials | Smashing Magazine
http://www.smashingmagazine.com/2009/06/16/50-excellent-3d-adobe-illustrator-tutorials/
First Look: Object Oriented CSS
http://www.sitepoint.com/blogs/2009/06/16/first-look-object-oriented-css/
OOCSS isn’t really a framework … but a way of writing scalable, sane, maintainable CSS,” writes Sullivan. Sullivan uses and recommends a grid framework like Yahoo!’s YUI Grids, but you’re free to write your layout styles from scratch using OOCSS principles if that’s your thing. But OOCSS applies equally to the work you do after you have implemented your site’s layout, as you design the blocks and content that slot into your layout. Most web designers tend to write CSS code so that it requires as little extra markup (whether <div> or <span> tags or class attributes) as possible. Fundamentally, adopting OOCSS is making a mental shift towards easy maintenance and reuse of your styles, even if it means writing extra HTML markup.
In October, I’ll speak at Web Directions South 2009 in Sydney about CSS Frameworks. One of the main questions I will answer in my talk is whether or not you should use a CSS Framework in any given project. Since the alternative is writing your own CSS styles from scratch, I’m researching some of the latest thinking on hand-coded CSS.
SitePoint Blogs: News, opinion, and fresh thinking for web developers and designers
Sitepoint article on object oriented CSS.
Object Oriented CSS
Une idée quin'est peut être pas si bonne que ça, si on suit les commentaires. Mais comment cordonner les classes d'une css ?
Omkrets arkitektur: Typografi
http://www.omkrets.se/typografi/
Nice legible rounded sans serif freebie font. Ostensibly for architectural or construction drawings.
MISO
"MISO by Mårten Nettelbladt is a heavy duty typeface for the construction industry*. Three weights: Light, Regular and Bold. TrueType and OpenType. Completed in 2006. You may use it for both private and commercial work."
MISO by Mårten Nettelbladt is a heavy duty typeface for the construction industry*. Three weights: Light, Regular and Bold. TrueType and OpenType. Completed in 2006. You may use it for both private and commercial work.
Phoenix: Mac4Lin ver.1.0 Released!
http://phoenix-ani.blogspot.com/2009/06/mac4lin-ver10-released.html
Make your linux look like Mac
I am happy to release Mac4Lin ver.1.0. I know it was long due. Was held up with my graduate school and work. Version 1.0 finally sees light! :)
LESS - Leaner CSS
http://lesscss.org/
Turns out that sometimes less is CSS.
10 Easy ways to fix common WordPress headaches | theWPresser
http://thewpresser.com/10-easy-ways-to-fix-common-wordpress-headaches/
InfoGraphic Designs: Overview, Examples and Best Practices | Showcases | instantShift
http://www.instantshift.com/2009/06/07/infographic-designs-overview-examples-and-best-practices/
Information graphics or infographics are visual representations of information, data or knowledge. These graphics are used where complex information needs to be , Daily Resource for Web Designers and Developers.
Best practices for designing infographics followed by some examples which might help you learn a thing or two.
Andres Ross from InstantShift.com has written an article about information graphics entitled: InfoGraphic Designs: Overview, Examples and Best Practices. He starts with answering the questions “What is InfoGraphics” and “Why using InfoGraphics”. Then goes on with to telling a bit about its history and the different types that can be distinguished.
Free Stock Textures - Free Images
http://freestocktextures.com/
texturas para kezomo?
FreeStockTextures - that's us: Paul Wozniak and Eva Sajdak. We are not professional photographers but we put all our efforts into taking better and better pictures. What's most important for us - it gives us satisfaction and lots of fun. We hope that you will find this site useful and that our textures will help you to create outstanding projects.
10 Things You can Do with WordPress Besides Blogging — WPCandy — WordPress Themes, Plugins, Tips, and Tricks
http://wpcandy.com/articles/10-things-you-can-do-with-wordpress-besides-blogging.html
Today you’re going to learn 10 things you can do with WordPress besides blogging, and whether you’re a WordPress newbie or longtime veteran - I guarantee that you will learn something after reading this post!
Great article. See the title for a good description
Unresolvable
7. Start a Discussion Forum A discussion forum is probably one of the greatest sources of content you could ever ask for! It’s the epitomy of give and take online, usually people asking for help, and experts answering questions to give their expertise (and signature links) greater exposure. There are countless hacks and plugins for integrating a “stand-alone” forum or bulletin boards into WordPress, but most people I’ve talked to don’t know that you can can actually create an entire forum inside WordPress itself!
30 Top Sources of Typography Inspiration
http://designm.ag/inspiration/typography/
10 astonishing CSS hacks and techniques
http://www.catswhocode.com/blog/10-astonishing-css-hacks-and-techniques
Well, I guess that almost all of you knows CSS and what it can do for you. But some astonishing techniques still remains obscure for a lot of developers. In this article, let’s see 10 cross browser css techniques to definitely enhance your designs.
25 Free Must Download Design Programs | Creative Nerds
http://creativenerds.co.uk/freebies/25-free-must-download-design-programs
free softwares for design
Creative Nerds
25 free must download design programs, the article features a range of different design programs including alternative programs for some of the most popular design programs such as Photoshop, flash and illustrator. A great collection of programs available for free which is perfect while currently suffering from a recession.
Minimal Exhibit - Gallery of Minimalist Web Design
http://minimalexhibit.com/
Minimal Exhibit is a Showcase of Minimalism in Web Design
Gallery of Minimalist Web Design
45+ CSS Grid Systems, Layout Generators and Tutorials that every Designer should know | tripwire magazine
http://www.tripwiremagazine.com/tools/design/45-css-grid-systems-layout-generators-and-tutorials-that-every-designer-should-know.html
CSS Style sheets examples
In this article tripwire magazine presents a large collection of CSS Grid Systems, online generators and tutorial on how to use these in your design. Using a CSS Grid System is really worth considering if you’re planning to create a complex magazine web design. This article will give you the overview and tools you need to get started.
a large collection of CSS Grid Systems, online generators and tutorial on how to use these in your design. Using a CSS Grid System is really worth considering if you’re planning to create a complex magazine web design. This article will give you the overview and tools you need to get started.
45+ CSS Grid Systems, Layout Generators and Tutorials that every Designer should know
Dollar ReDe$ign Project - We need to rebuild our country, revive our economy, redesign the Dollar bill. Email us your ideas. Win a prize. In God We Trust, In Change We Believe.
http://richardsmith.posterous.com/
All the Small Icons You’ll Ever Need | Web Design Ledger
http://webdesignledger.com/freebies/all-the-small-icons-youll-ever-need
52 Professional Website User Interface Photoshop Tutorials | Minervity
http://www.minervity.com/features/inspire_me/52-professional-website-user-interface-photoshop-tutorials/
Kig på nogle af de fede designs og gør et af dem efter til mit eget site
Photoshop Website
photoshop
25 of the Best Photographer Portfolio Websites - Part Two | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/best-photography-websites/
26 Beautiful Photoshop Tutorials on Designing Posters
http://sixrevisions.com/photoshop/26-beautiful-photoshop-tutorials-on-designing-posters/
Prøv at lave en af disse med mine egne billeder
10 Web Design Rules That You Can Break | Webdesigner Depot
http://www.webdesignerdepot.com/2009/06/10-web-design-rules-that-you-can-break/
web design tips
Fever° Red hot. Well read.
http://feedafever.com/
Shaun's new RSS reader looks sweet (and smart).
"Fever takes the temperature of your slice of the web and shows you what's hot."
Your current feed reader is full of unread items. You’re hesitant to subscribe to any more feeds because you can't keep up with your existing subs. Maybe you've even abandoned feeds altogether. Fever takes the temperature of your slice of the web and shows you what's hot.
shaun inman. dear god, shaun inman. i want to cry. that said, i've become very used to not having to install things that look like web applications. still. crying.
rss reader
15 Free Awesome Social Bookmark Icons Sets | Css Reflex - Design Blog | Web Design | Inspiration and Resources for Designers
http://www.cssreflex.com/2009/06/15-free-awesome-social-bookmark-icons-sets.html
10 Awesome Free Photoshop Brushes | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/10-awesome-free-photoshop-brushes
Introducing iPhone-style Checkboxes
http://awardwinningfjords.com/2009/06/16/iphone-style-checkboxes.html
JQuery plugin to make iphone-like checkboxes
TypeInspire | A Gallery of Excellent Typography in Web and Graphic Design
http://typeinspire.com/
Informative And Usable Footers In Web Design | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/06/17/informative-and-usable-footers-in-web-design/
フッター
Pictaculous - A Color Palette Generator (courtesy of MailChimp)
http://pictaculous.com/
interesnte subir la foto de Deportes
Upload a picture and have a palette generated that works well with it
A Color Palette Generator (courtesy of MailChimp)
Colorburned | 46 Stunning High Resolution Photoshop Light Effect Brushes
http://colorburned.com/2009/06/46-stunning-high-resolution-photoshop-light-effect-brushes.html
This set of brushes can be summed up with only 2 words “really” and “awesome”, but since this post would look rather silly if I only wrote “Really
This set of brushes can be summed up with only 2 words “really” and “awesome”, but since this post would look rather silly if I only wrote “Really Awesome” as the headline I will tell you a bit more. Lately, I’ve been experimenting with lots of new Photoshop brush-making techniques. I’ve found that the inspiration for these new techniques always comes at the strangest times so lately I’ve been keeping some odd hours.
photoshop toutorial on light burning and free photoshop brushes
14 Essential Wordpress Development and Design Cheat Sheets : Speckyboy Design Magazine
http://speckyboy.com/2009/06/17/14-essential-wordpress-development-and-design-cheat-sheets/
wordpress design helps
「使えるUIパターンをまとめたサイト40選!」という記事があったので本当に使えるものだけ選んでみた - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/06/ui_pattern_site_handpicked.html
IDEA*IDEA
というわけでユーザーインターフェースのパターンをまとめたサイトですよ。「ここのインターフェースどうしようかなぁ」というときに使えます。なお、選んだ基準はサイトの使いやすさと事例の多さ、ざっくり「インターフェースのこと語るんなら綺麗なサイトじゃなきゃね!」というアバウトな視点です。
Project Voldemort Blog : Building a terabyte-scale data cycle at LinkedIn with Hadoop and Project Voldemort
http://project-voldemort.com/blog/2009/06/building-a-1-tb-data-cycle-at-linkedin-with-hadoop-and-project-voldemort/
Not one of those "we're using hadoop, now we're cool" articles. Well written!
Hadoop
21 Adobe Air Apps For Designers And Social Media Addicts | Creative Nerds
http://creativenerds.co.uk/freebies/21-adobe-air-apps-for-designers-and-social-media-addicts/
nder to search our entire database of nearly 1 million named colors and more than 300,00 user created color palettes.
For Adobe Addicts
Adobe air apps are just simply great it enables any one with knowledge within ajax, Flash, JavaScript and HTML to be able to create a desktop widget, which
Lots of useful one there
Coding like it's 1999 ~ Authentic Boredom
http://cameronmoll.com/archives/2009/06/coding_like_its_1999/
Recently I made the switch back to HTML 4 for DOCTYPEs and px for font-size (sound like 1999 again?), and I’ve tweeted about it occasionally. I’m documenting the switch more thoroughly here.
"I’ve chosen to go with HTML 4.01 Strict as the DOCTYPE in my projects moving forward, favoring it above XHTML 1.0 Strict and HTML 5. I’ll briefly explain my reasoning."
HTML 5 – In a nutshell, HTML 5 is the next major version of the hypertext markup language. The good news is meaningless div and span elements will be replaced by more meaningful elements such as nav, header, and video.
Cameron Moll on HTML5 and px for font-size
40 Top-Notch Print Based Tutorials - Tutorial9
http://www.tutorial9.net/resources/40-top-notch-print-based-tutorials/
There don’t seem to be enough print related tutorials online, so in this round up I wanted to cover as many print specific articles as possible. I also wanted to mix in some that weren’t directly print related, but that help create print related products like movie posters, ads, cd covers, etc.
A Collection Motherload of Inspirational Website Collections | The Design Cubicle
http://www.thedesigncubicle.com/2009/06/motherload-collection-of-inspirational-website-collections/
web design inspiration – so in case you missed them here is the Motherload Collection organized into categories for your convenience!
inspiração para webdesign
CSS Semi-liquid Layout - CSS Liquid Columns - CSS Liquid Layout Designs Tips
http://www.sohtanaka.com/web-design/semi-liquid-layouts-tutorial-tips/
As you can see, most of these techniques revolve around the flexibility of your design. Although designing for semi-liquid layouts can be a hassle, it may be a huge benefit for your visitors. Semi-liquid layouts are not recommended for every site out there, so do look into the pros and cons and execute them accordingly. If you have any other tricks and tips, please don’t hesitate to share!
css tips for site design
UI Patterns — Comprehensive User Interface Design Pattern Library
http://www.uipatterns.net/
Comprehensive User Interface Design Pattern Library
50+ New and Beautiful Free Wordpress Themes | CrazyLeaf Design Blog
http://www.crazyleafdesign.com/blog/50-new-and-beautiful-free-wordpress-themes/
Download over 50 new and beautiful free Wordpress themes.
50+ New and Beautiful Free Wordpress Themes
The Beauty of Infographics and Data Visualization | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/beauty-infographics-and-data-visualization
man.. yeah
Here in Brazil there's a magazine called "Super Interessante" (which had an Abduzeedo cover a little time ago), that always features some really cool infographics. This is a field that if you make things right, you got yourself inside a great
รวมไอเดียกราฟฟิกพรีเซนเทชั่น
iNettuts - Welcome!
http://nettuts.s3.amazonaws.com/127_iNETTUTS/demo/index.html
Belo exemplo de simplicidade e velocidade nos portlets usando a api do jquery e imitando o igoogle
Para Crear una interfaz parecida al igoogle
Welcome t
How To Estimate Time For A Project
http://www.sitepoint.com/blogs/2009/04/14/how-to-estimate-time-for-a-project/
Está criando um site? Então aprenda a organizar o seu tempo.
Good reference
Huge Essential Collection of Photoshop Actions to Speed up Your Work | tripwire magazine
http://www.tripwiremagazine.com/tutorials/tutorials/huge-essential-collection-of-photoshop-actions-to-dpeed-up-your-work.html
gr8 and quick photoshop actions
tripwire magazine has compiled a gigantic collection of links to popular Photoshop actions that allow you easily add complicated changes and effects to your images.
CUSTOM LETTERS - FIRST HALF 2009 — LetterCult
http://www.lettercult.com/archives/740
amazing blog post of handlettering images
10 Reasons Why You Should Be Using Firebug - Nettuts+
http://net.tutsplus.com/tutorials/other/10-reasons-why-you-should-be-using-firebug/
10 Reasons Why You Should Be Using Firebug
Explicacion de porque se debe usar firebug y algunas extensiones
10. FirePHP Our last, but not least, important Firebug component is FirePHP. With this add-on, we can transparently send information (warnings, errors, logging, info) to the Console panel from our PHP code. Example usage from FirePHP's website:
Freebie Release: Quartz Icon Set | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2009/06/18/freebie-release-quartz-icon-set/
Slide-Together Geometric Constructions
http://www.georgehart.com/slide-togethers/slide-togethers.html
35 Excellent Websites for Downloading Free CSS Template | Desizn Tech
http://desizntech.info/2009/06/35-excellent-websites-for-downloading-free-css-template/
25 Excellent Typography Tools for the Serious Designer
http://sixrevisions.com/tools/25-excellent-typography-tools-for-the-serious-designer/
125 Creative Text Based Logo Designs For Design Inspiration | Showcases | instantShift
http://www.instantshift.com/2009/06/19/125-creative-text-based-logo-designs-for-design-inspiration/
HTML Test Page for CSS Style Guide - HTML - Snipplr
http://snipplr.com/view/8121/html-test-page-for-css-style-guide
Great page for testing the style guide for a website.
# <img style="width:250px;height:125px;float:right" src="images/css_gods_language.png" alt="CSS | God's Language" /> # <p>Lorem ipsum dolor sit amet, <a href="#" title="test link">test link</a> adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi
map for hong kong,map of hong kong city,e map of hong kong,3D map for hong kong,public transportation map,public transportation map_Edushi
http://hongkong.edushi.com/Default.aspx?L=en
An awesome app. wow!
mapa TOKYO
New York City Homicides Map - The New York Times
http://projects.nytimes.com/crime/homicides/map
Infográfico com informações sobre assasinatos em Nova York,
30 Creative Javascript Navigation Menu Examples | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/inspiration/30-menu-creative-javascript-navigation-menu-examples/
(no description)
Illustrator swatches gradient background effect | Veerle's blog
http://veerle.duoh.com/blog/comments/illustrator_swatches_gradient_background_effect/
Gradient style
!!!
覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。
http://c-brains.jp/blog/wsg/09/06/18-223233.php
IE6でのTips
Feedback. The Creativity Killer.
http://sixrevisions.com/project-management/feedback-the-creativity-killer/
Oh this really helps my life
Showcase | Konigi
http://konigi.com/showcase/latest
Konigi is about shared knowledge and influence. The idea of researching how others have designed the look and feel of web sites and crafted their user interfaces is a practice many of us are engaged in continually. We may monitor innovative designers and the sites of influence that have paved the way for the practices we engage in as user experience and visual designers. In a way, it allows us to remain competitive to know what others are up to, but that awareness alone can be a double-edged sword.
Grumpy Gamer Stuff and Things and Monkey Island
http://grumpygamer.com/8280380
Grumpy Gamer Stuff and Things
Ron Gilbert plays the original Monkey Island for the first time in 15 years and shares his thoughts.
About a year and a little more ago, as I began designing the uber-awesome DeathSpank at Hothead Games, I played all the way through The Secret of Monkey Island to refresh myself on the puzzles and dialog. I know this will come as a shock to many of you, but I don't spend my evenings playing through Monkey Island. It's probably been 15 years since I sat down and really played it. Much like the experience of watching the Maniac Mansion Speed Run, it bought back a lot of memories and little tid-bits of facts, so I started keeping notes and in celebration of all things Monkey Island, I thought I'd share them
The Making of Monkey Island, by creator Ron Gilbert
Typekit
http://typekit.com/
We’ve been working with foundries to develop a consistent web-only font linking license. We’ve built a technology platform that lets us to host both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM.
»We’ve been working with foundries to develop a consistent web-only font linking license. […] As a Typekit user, you’ll have access to our library of high-quality fonts. Just add a line of JavaScript to your markup […] We’ll be launching this summer with a great collection of beautiful and hardworking typefaces.«
Basically, Typekit will offer a way for designers to license fonts for use on web pages, which is a big deal because of a CSS feature that is soon to be supported in most major browsers that will allow designers to reference fonts installed on the server and render them as fonts (rather than Flash or images) for users.
The 1Kb CSS Grid by Tyler Tate :: A simple, lightweight approach
http://www.1kbgrid.com/
The 1Kb CSS Grid by Tyler Tate :: A simple, lightweight approach
Other CSS frameworks try to do everything—grid system, style reset, basic typography, form styles. But complex systems are, well, complex. Looking for a simple, lightweight approach that doesn't require a PhD? Meet The 1Kb CSS Grid.
Ways and Links to improve the Typography of your Wordpress site | theWPresser
http://thewpresser.com/improve-typography-wordpress/
A few plugins that are supposed to make implementing different fonts on your #wordpress blog easier...
Marco Brambilla: Civilization | Motionographer | Motion graphics, design, animation, filmmaking and visual effects
http://motionographer.com/theater/marco-brambilla-civilization/
animacion en after o por lo menos eso creo
Artful statement about Civilization - Western Style
Installation Credits Title: Civilization (MEGAPLEX), 2008 By: Marco Brambilla Client: The Standard Hotel, New York Editor/Research Assistant:
35 Absolutely Useful Firefox Plugins For Web Designers And Developers
http://www.webdesignbooth.com/35-absolutely-useful-firefox-plugins-for-web-designers-and-developers/
10 High-Quality Free Brown Paper Textures
http://sixrevisions.com/freebies/textures/10-high-quality-free-brown-paper-textures/
textures
OPEN Forum by American Express OPEN | | The Inside Scoop on Design: Ten Questions with Hartmut Esslinger
http://blogs.openforum.com/2009/04/14/the-inside-scoop-on-design-hartmut-esslinger/
The Inside Scoop on Design: Ten Questions with Hartmut Esslinger
Nice design interview.
If a young person wants to be a great designer, what should he or she do? “Design” isn’t a clear-cut talent profession, but one of coordination and catalyst between human needs, science and technology, business and economy, as well as sociology and ecology. The artistic talent required is more of an enabler at the end of rational and emotional analysis as well as strategic conceptualization. Therefore, it is vital to learn and study as much as possible about business, technology and human nature. In the end, there are flavors in design which are more esthetic—see New York Times “Style Magazine”—but design is only relevant when it improves human lives by appealing both to the mind and the heart. Finally, a young person with the right talents needs to have infinite desire and never give up. I apply a simple test with young students: smash a teapot into pieces and then hand out the glue. Those who rebuild the teapot won’t make it, those who create phantasy animals will.
Guy Kawasaki interviews Hartmut Esslinger, the founder of Frog Design on his new book "A Fine Line: How Design Strategies Are Shaping the Future of Business."
May It Please the Court - And the Pursuit of Happiness Blog - NYTimes.com
http://kalman.blogs.nytimes.com/2009/04/23/may-it-please-the-court/
Maira Kalman of the N.Y. Times "And the Pursuit of Happiness" delivers a kind of art essay on the law and the court system. Hard to explain, but looks very cool.
Really interesting presentation of an interview with justice of the Supreme Court of the US and inspiration for feminism (and everyone, I believe)
Awesome illustrations re: the supreme court and women in US history
"And then I meet Ruth Bader Ginsburg. I think, move over Jane Austen as my imaginary Best Friend Forever."
7 Rich & Creative User Interfaces and How to Create Your Own | Noupe
http://www.noupe.com/design/7-rich-creative-user-interfaces.html
Support Details | Tech support anger management
http://supportdetails.com/
Great tool to find out tech information and send to IT, project manager or developer when you have problems viewing web based content.
Get tech support info like OS/Browser versions, flash player details, javascript settings, etc.
60 Beautiful 404 Error Pages | 10Steps.SG - 10Steps.SG - Photoshop Tutorials and Resources
http://10steps.sg/articles/60-beautiful-404-error-pages/
Lets treat our users with a little respect, eh?
404 error pages are not often seen and get underestimated. Some of them can be really interesting to look at when stumbled onto accidentally. Here are 60 of the many beautiful 404 error pages that I compiled.
404 error pages are not often seen and get underestimated. Some of them can be really interesting to look at when stumbled onto accidentally. Here are 60 of the many beautiful 404 error pages that I compiled. There are a lot more nice ones actually but think we save it for the next round. Enjoy!
Spot UVs, Proofs, Roll Folds and Other Printing Terminology Explained - Psdtuts+
http://psd.tutsplus.com/articles/techniques/spot-uvs-proofs-roll-folds-and-other-printing-terminology-explained/
The world of printing and all the techniques and terminology associated with it can be complicated. Often it can take a while to understand and learn these through years of graphic design experience.
The world of printing and all the techniques and terminology associated with it can be complicated. Often it can take a while to understand and learn these
Inkd | The world’s first market for original print design.
http://inkd.com/default
nice horizontal design
41 Sleek Single Page Websites | Inspiredology
http://inspiredology.com/41-sleek-single-page-websites/
41 Sleek Single Page Websites
With the internet moving faster and faster, users wanting more and quicker, some designers try to give the user everything all at one – on one single page. This works very well with portfolios, when you don’t need to leave the page or site to see a full source of portfolio pieces. With easy scrolling sliders with jQuery and other web technologies, and the ease of mouse scrolling, for me this is a great way of trying to make your site work a different way.
With the internet moving faster and faster, users wanting more and quicker, some designers try to give the user everything all at one – on one single page. This works very well with portfolios, when you don’t need to leave the page or site to see a full source of portfolio pieces. With easy scrolling sliders with jQuery and other web technologies, and the ease of mouse scrolling, for me this is a great way of trying to make your site work a different way. This trend has been around a few years now, and these websites are showing many different ways of exploring the single page design.
Create Featured Content Slider Using jQuery UI
http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/
Create Featured Content Slider Using jQuery UI
CSSbake
http://www.cssbake.com/
おされなサイトにあるテクニックを、CSSを使って再現法を教えてくれてるナイスなサイト。
17 Rounded Corner Business Cards Designs
http://www.youthedesigner.com/2009/04/15/17-rounded-corner-business-cards-designs/
Web Dev.edu: Top 50 Free Open Courseware Classes to Develop Better Web Sites — Best Web Design Schools
http://bestwebdesignschools.com/2009/web-devedu-top-50-free-open-courseware-classes-to-develop-better-web-sites/
The following list of 50 free open courseware classes can help you develop better Web sites. The university or learning center name is included so you can begin to browse through their other online resources as well. The list is categorized, and each link under those categories is listed alphabetically. This method assures readers that we do not value one resource over another.
The Top 10 Psd Plus Tutorials of All Time - Psdtuts+
http://psd.tutsplus.com/articles/inspiration/the-top-10-psd-plus-tutorials-of-all-time/
Generate Your Own Twitter Logo | Twitlogo
http://www.twitlogo.com/
logo generator
Generatore di loghi stile twitter! Bello e semplice
Test 1, 2, 3
generar logo twitter
Generate Your Own Twitter Logo
A Detailed Look at the Z-Index CSS Property | Impressive Webs
http://www.impressivewebs.com/a-detailed-look-at-the-z-index-css-property/
z-index is probably the CSS property that is more speedily abandoned than any other. Very often — when I previously didn’t understand z-index — I would try to apply it to an element, hoping that the element would automatically “jump” to the top in the page’s stacking order.
Most CSS properties that a web developer deals with regularly are instantaneous in their application to elements on the page. For example, when you add the background-color or font-size property to an element on your page, in most cases you will see the results immediately upon page refresh. But other CSS properties are not quite as “plug and play” as we would like. The z-index property is one example of the latter. I would venture to guess that z-index is probably the CSS property that is more speedily abandoned than any other. Very often — when I previously didn’t understand z-index — I would try to apply it to an element, hoping that the element would automatically “jump” to the top in the page’s stacking order. But that didn’t happen, so I would abandon that method and try some other way to solve the problem. Maybe you’ve had the same experience. Hopefully this article will clear up some misunderstandings regarding z-index.
According to W3schools, “The z-index property sets the stack order of an element. An element with greater stack order is always in front of another element with lower stack order.”
A Detailed Look at the Z-Index CSS Property
The z-index property sets the stack order of an element.
30 Free Photoshop Swirl Brushes | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2009/06/20/30-free-photoshop-swirl-brushes/
Unresolvable
25 Creative Flash Websites with 3D Illustration Environment | Dzine Blog
http://dzineblog.com/2009/06/25-creative-flash-websites-with-3d-illustration-environment.html
Here is a collection of the best Flash Websites with 3D Environment and 3D interface, Make sure to turn your speaker ON as most of these flash websites are using cool audio as well. (These sites will require little bit More band width, please be patient while the site loads, these sites are worth the waiting time)
UT ZOOM !
http://www.uniqlo.com/utzoom/
グリッド 白背景 パーツに色
30 High-Quality Icon Sets for E-Commerce Designs
http://sixrevisions.com/user-interface/30-high-quality-icon-sets-for-e-commerce-designs/
E-commerce web design brings some unique requirements, and this usually includes the need for specific icons such as shopping carts, credit cards, and others related to the online shopping experience. In this article, we feature 30 sets of quality icons for use in e-commerce designs.
E-commerce web design brings some unique requirements, and this usually includes the need for specific icons such as shopping carts, credit cards, and others related to the online shopping experience. In this article, we feature 30 sets of quality icons for use in e-commerce designs. 30 High-Quality Icon Sets for E-Commerce Designs Half of the sets are free and the other half are premium. Of course, free resources are always great, but the premium sets will give you more options, sometimes higher quality, and they are generally very reasonable in price.
:: Paperwink ::
http://thepaperwink.com/products/categories/stamps
The 21 Most Popular Blogs for Web Designers Jake Rocheleau Blog
http://blog.jakerocheleau.com/2009/05/14/the-21-most-popular-blogs-for-web-designers/
Every time I visit all of my favorite social media sites, all I end up seeing are the same top blogs ending up in the results, and for good reason! There are some blogs out there (Smashing Magazine, Web Designer Depot, Web Designer Wall…) that have created huge impacts in the web design community, publishing great content each and every day for us to look forward to. So I have compiled a list of the 21 greatest blogs for website designers, developers, and webmasters. These blogs usually include tips, tricks, tutorials, freebies, interviews, and much more to grab the average web designers attention. So without further ado, let’s hit the list (and all on one page, for you Diggers).
:: Paperwink ::
http://thepaperwink.com/
Papeles retro
labels, stationary etc
Paperwink offers personalized invitations, stationery, and branded experiences
23 Colorful And Inspiring Web Designs Where Textures Are In Full Action @ SmashingApps
http://www.smashingapps.com/2009/06/21/23-colorful-and-inspiring-web-designs-where-textures-are-in-full-action.html
25+ Useful Infographics for Web Designers | Webdesigner Depot
http://www.webdesignerdepot.com/2009/06/25-useful-infographics-for-web-designers/
A great collection of inforgraphics. Really inspiring.
Infographics can be a great way to quickly reference information. Instead of pouring over figures and long reports to decipher data, an infographic can
The changing face of everyday design | Art and design | guardian.co.uk
http://www.guardian.co.uk/artanddesign/table/2009/jun/03/everyday-design-classics
My favorite part of this chart is that they call the 00's the "Noughties".
From air steward uniforms to Corn Flakes cereal boxes...how has everyday design evolved over the last half-century?
I imagine you've seen this already, but on the off chance you haven't . . . bosh!
Code Style: Build better CSS font stacks
http://www.codestyle.org/css/font-family/BuildBetterCSSFontStacks.shtml
The font stack builder will help you build a better font stack from scratch, but what if you need a jump start, inspiration, or want to build on tried and trusted CSS font stacks? Start with this selection of pre-built font stacks and customise with your own preferred fonts.
13 Useful Techniques for Enhancing Web Design Photography | Web Design Ledger
http://webdesignledger.com/tutorials/13-useful-techniques-for-enhancing-web-design-photography
Photography can either make or break a web design. This starts with the photographer and the camera, but more than likely, photos coming straight from the camera will require some type of adjustments or treatment in order to match the style of it’s surrounding design. Here are 13 Photoshop techniques that you should find useful for enhancing photos to be used in your web designs.
How to enhance photos on a website; Photoshop
Photography can either make or break a web design. This starts with the photographer and the camera, but more than likely, photos coming straight from the
50 Inspiring Examples of Minimalism in Web Design
http://line25.com/articles/50-inspiring-examples-of-minimalism-in-web-design
The sophisticated image of minimalism has always been a popular style of design. In webdesign a minimalist site is stripped naked of eye candy and fancy colours or effects, leaving the underlying structure exposed. The key to a beautiful minimalist site is a solid and structured layout, as well as focus on stylish and well designed typography. These 50 examples showcase some of the best minimal site designs out there on the web.
Minimalism in Web Design
CSS3 Unleashed – Tips, Tricks and Techniques | W3Avenue
http://www.w3avenue.com/2009/06/22/css3-unleashed-tips-tricks-and-techniques/
Great reference for implementing CSS3
Paperless Post
http://www.paperlesspost.com/session/new
Custom Online Stationery
Turn Any Font Into a Sketch Font in Illustrator | Vectips
http://vectips.com/tutorials/turn-any-font-into-a-sketch-font/
Turn Any Font Into a Sketch Font in Illustrator
Top 45 Unusual Stylish Super Mario Brothers Artworks | The Design Inspiration
http://thedesigninspiration.com/articles/top-45-unusual-stylish-super-mario-brothers-artworks/
mario brothers art
Blog com ilustras, inspirações para design e artigos
55 Sexy Our Work Page Designs | Showcases | instantShift
http://www.instantshift.com/2009/06/21/55-sexy-our-work-page-designs/
55 Sexy Our Work Page Designs
web design
With the sheer number of web design company and freelance websites out there, it's easy to see unoriginal and uninspiring website designs but in my opinion one , Daily Resource for Web Designers and Developers.
30+ High Quality Metallic Texture, Pattern, Brushes and Photoshop Tutorials | Photoshop Tutorials
http://www.hongkiat.com/blog/30-high-quality-metallic-texture-pattern-brushes-and-photoshop-tutorials/
30+ High Quality Metallic Texture, Pattern, Brushes and Photoshop Tutorials
textures
15 jQuery Plugins To Create An User Friendly Tooltip
http://www.webdesignbooth.com/15-jquery-plugins-to-create-an-user-friendly-tooltip/
Super Cool Watercolor Effect in 10 steps in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/super-cool-watercolor-effect-10-steps-photoshop
404 Best Practices
http://css-tricks.com/404-best-practices/
A 404 error on the web is what a web server responds with when it is tasked with serving up a resource that it can’t find.
Flip Flop Fly Ball
http://www.flipflopflyin.com/flipflopflyball/
"Essentially, this site is what I'd have been doing when I was 12 years old had the Internet and Photoshop been available to me in the eighties." Me, too.
Tons of baseball infographics, for every kind of Moneyball fan.
“Outside the Box” Navigation with jQuery - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/jquery-os-x-style-dock-and-stack-navigation/
Just about every website uses the regular navigation concepts we're all used to. After awhile this can get pretty boring, especially for designers who thrive on creativity. While mimicking the OS X dock and stacks isn't new, it's certainly not common.
40+ Essential Front End Web Developer Cheat Sheets | tripwire magazine
http://www.tripwiremagazine.com/tools/cheat-sheets/front-end-web-developers-toolbox.html
40 Sources To Download High-Quality Free Photoshop PSD Stuff | Showcases | instantShift
http://www.instantshift.com/2009/06/23/40-sources-to-download-high-quality-free-photoshop-psd-stuff/
psd files to download
Web & Patterns: patterns for a better web
http://web-patterns.net/
Web & Patterns: patterns for a better web
Una gallery dei migliori esempi di web pattern design, information architecture, user experience, per aiutare chi ha il compito non semplice di costruire siti web belli e funzionali.
Website Analytics Toolbox
http://designm.ag/resources/website-analytics-toolbox/
more than 75 tools, resources, and articles that can help you in various aspects of web analytics
How To Create a WordPress Theme
http://themeshaper.com/wordpress-themes-templates-tutorial/
Over the next 12 days this WordPress Themes Tutorial is going to show you how to build a powerful, up-to-date, WordPress Theme from scratch
This WordPress Themes Tutorial is going to show you how to build a powerful, up-to-date, WordPress Theme from scratch.
10 UI Design Patterns You Should Be Paying Attention To | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/06/23/10-ui-design-patterns-you-should-be-paying-attention-to/
35+ Horizontal Websites for Your Design Inspiration | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/horizontal-websites/
Lust for Logos — 15 Sites to Visit for Logo Inspiration | Logos | Tutorial Blog
http://tutorialblog.org/15-sites-to-visit-for-logo-inspiration/
teehan+lax » Blog Archive » iPhone GUI PSD 3.0
http://www.teehanlax.com/blog/?p=1628
Along with Apple’s official release of the new iPhone 3.0 software came a number of new graphic elements. We’ve been holding off updating the Photoshop file until we could properly implement the additions. We built it using vectors, so it’s all still fully editable. Apple’s SDK is amazing, but when we need to mock up something quickly for a pitch we turn to this. Some of the changes and additions in the 3.0 PSD include: • Map and map elements including curl • Copy and paste elements • Timeline bar editor • Horizontal iPhone • Horizontal Panels bars and keyboards
iPhone graphic assets
26 Complete WordPress Blog Design Tutorials | Pro Blog Design
http://www.problogdesign.com/design/26-complete-wordpress-blog-design-tutorials/
If it’s time for you to learn a new style of design, working through a complete project in one of the guides below is the best way to start. These posts take you step by step so even if your Photoshop skills aren’t the best yet, you won’t be left behind!
30 Best Photoshop Web Layout Design Tutorials to Design Decent Websites | Dzine Blog
http://dzineblog.com/2009/06/best-photoshop-web-layout-design-tutorials.html
30 Best Photoshop Web Layout Design Tutorials to Design Decent Websites | Dzine Blog
30 สุดยอดตัวอย่างทำเว็บสวยด้วย Photoshop
A List Apart: Articles: Visual Decision Making
http://www.alistapart.com/articles/visual-decision-making/
Why attractive things work better
The visual aesthetics that frame and define content are much more than simply a “skin” that we can apply or discard without consequence. Users react in fast, profound, and lasting ways to the aesthetics of what they see and use, and research shows that the sophisticated visual content presentation influences user perceptions of usability, trust, and confidence in the web content they view
User interface experts are often suspicious of the role of visual aesthetics in user interfaces—and of designers who insist that graphic emotive impact and careful attention to a site’s visual framework really contribute to measurable success.
CartFrenzy | Gallery of the Best E-Commerce Website Designs
http://cartfrenzy.com/
galeria de tiendas online - e-commerce - teso
CartFrenzy - Gallery of Ecommerce Websites
Symbol Signs - Free collection - DesignWorkPlan
http://www.designworkplan.com/design/symbol-signs.htm
Free collection Icon
SpriteMe!
http://www.stevesouders.com/spriteme/
SpriteMe makes spriting easy.
export the modified CSS to integrate back into your code. [TBD]
SpriteMe
How to Create a Retro Boxing Poster in Photoshop - Psdtuts+
http://psd.tutsplus.com/tutorials/designing-tutorials/how-to-create-a-retro-boxing-poster-in-photoshop/
how to make a retro boxing poster; just as the name implies
Cool retro effect tutorial in PSD
Lifehacker - The Starlight Desktop - Desktops
http://lifehacker.com/5288658/the-starlight-desktop
blog 30 x 30: Which Student are You?
http://blog30x30.blogspot.com/2009/06/which-student-are-you.html
art psychology humor; student types
Module Tabs in Web Design: Best Practices and Solutions | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/06/24/module-tabs-in-web-design-best-practices-and-solutions/
Best Practices and Solutions | Design Showcase | Smashing Magazine. A module tab is a User Interface (UI) design pattern where content is separated into different panes, and each pane is viewable one at a time. The user requests content to be displayed by clicking (or in some instances hovering over) the content’s corresponding tab control.
discussion of the use of module tabs or subtabs within a page
The most extensive post I've seen on Tabs, ever. Well done SM.
Module tabs are seeing an increase of use as websites and web applications push for optimizing web page screen areas without sacrificing the amount of information presented at once. For example, in weblogs, they are used in secondary content sections (such as the sidebar) to present relevant and interesting information such as a listing of blog posts which users can interact with to get to web pages quicker. This inevitably allows for an unobtrusive and compact manner of presenting content. This article discusses the use of the module tabs design pattern for use in websites and web-based applications. We share with you some best practices to consider when using module tabs, a listing of real-world examples of websites the take advantage of module tabs, as well as tutorials and free downloadable scripts for building and deploying module tabs in your sites.
Build Your Own Captcha and Contact Form - Nettuts+
http://net.tutsplus.com/tutorials/php/build-your-own-captcha-and-contact-form/
Very useful
form and captcha
intresting
Outlook’s broken—Let’s fix it
http://fixoutlook.org/
Outlook’s broken—Let’s fix it
Campaign to convince Microsoft to make Outlook's next version not be a giant step backwards.
Gathering Twitter posts and user icons as a form of petition.
"Join [thousands of] others asking Microsoft to improve standards support and make sure you include fixoutlook.org in your tweet. We’ll pull together every tweet that includes the link here to give Microsoft a unified message from the community."
10 Unusual Places to Get Design Inspiration
http://sixrevisions.com/resources/10-unusual-places-to-get-design-inspiration/
Algumas inspirações para pesar em layout diferenciados!
Design inspiration is everywhere. In this article, you'll discover some creative and unique places to get creatively inspired in your designs.
Sugar Labs—learning software for children
http://www.sugarlabs.org/
educational_technology
One Laptop Per Child OS
Stop Password Masking (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/passwords.html
Advice about how masking password entries can reduce usability and increase user error and frustration.
Jakob comes out against password masking
More importantly, there's usually nobody looking over your shoulder when you log in to a website. It's just you, sitting all alone in your office, suffering reduced usability to protect against a non-issue.
Got to agree with Jakob here. Seing *****'s as you type your password just leads to mistyped passwords
Can I get an Amen?
I question the overall security of an app if the input isn't masked. Logically, he makes sense, but users aren't asking for it. Leave it be.
Inside Adobe Illustrator
http://blogs.adobe.com/infiniteresolution/
ColourGrab.com - Colouring The World.
http://colourgrab.com/
website colors
ColourGrab.com - Colouring The World.
Pagina q t ayuda a sacar el codigo de los colores de las imagenes
colors photoshop colour website colorpicker swatch palette
Type a URL of any online image below and our system will tell you the most used colours from that image
27 Must-Have Starter Kits For Web Designers | Graphics
http://www.hongkiat.com/blog/27-must-have-starter-kits-for-web-designers/
Starter kits are great timesavers for web designers and they are particularly useful for those who often create mock-ups for project pitching on daily basis.
The Ultimate Collection of The Best Light Swirl Photoshop Brushes | Minervity
http://www.minervity.com/features/photoshop/the-ultimate-collection-of-the-best-light-swirl-photoshop-brushes/
Swirls
excelente coleccion de pinceles para photoshop
Introduction There are some really great Photoshop brushes out there really worth using. Professional, Hi-Res and free for anyone to use as they see fit.
photoshop brushes
How to Create an Illustrative Web Design in Photoshop
http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-an-illustrative-web-design-in-photoshop/
How to Create an Illustrative Web Design in Photoshop - http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-an-illustrative-web-design-in-photoshop/
Photoshop Mega Toolbox, 85+ Collections of Brushes, Tutorials etc. | Photoshop | Tools
http://www.tripwiremagazine.com/Tools/Photoshop/photoshop-mega-toolbox.html
Photoshop Toolkit
85+ Photoshop Mega Toolbox, Brushes, Patterns, Tutorials etc. | tripwire magazine - http://www.tripwiremagazine.com/Tools/Photoshop/photoshop-mega-toolbox.html
アイトラッキングから検証した、使いやすいフォームの10のポイント | コリス
http://coliss.com/articles/build-websites/architectonics/usability/usability-web-forms-design-guidelines.html
Social Network Icon Pack · Komodo Media
http://www.komodomedia.com/blog/2009/06/social-network-icon-pack/
20 great tutorials on PSD to XHTML Conversion | [Re]Encoded.com
http://www.reencoded.com/2009/06/16/20-great-tutorials-on-psd-to-xhtml-conversion/
Now when it comes for coding its really tough to code a well designed photoshop mockup specially to make it browser compatible as coding (css/xhtml) standards changing day by day. Today I would like to share with you guys some great tutorials on converting a PSD to HTML / XHTML specially for beginners and intermediate learners to advance there coding skills.
20 great tutorials on PSD to XHTML Conversion
20 great tutorials on PSD to XHTML Conversion | [Re]Encoded.com
10 Tools to Improve Your Site’s Usability on a Low Budget | Webdesigner Depot
http://www.webdesignerdepot.com/2009/06/10-tools-to-improve-your-site%e2%80%99s-usability-on-a-low-budget/
Testing the usability of your site is one of the smartest things you can do. Usability involves making a website's interface easier to use and simpler to
site usability tools
BlueTrip CSS Examples and Showcase
http://bluetrip.org/demos/
css
BlueTrip CSS Examples and Showcase
53 Crazy-good Digital Photography Tutorials - Psdtuts+
http://psd.tutsplus.com/articles/web/53-crazy-good-digital-photography-tutorials/
10 Common Mistakes In Logo Design | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/06/25/10-common-mistakes-in-logo-design/
10 erreurs courantes dans le design de logo
25 Excellent Examples of Using Texture in Web Design | Web Design Ledger
http://webdesignledger.com/inspiration/25-excellent-examples-of-using-texture-in-web-design
Freelance Jobs Search | DoNanza
http://www.donanza.com/
Open Atrium
http://openatrium.com/
Video: Designing for Big Data, by Jeffrey Veen
http://www.veen.com/jeff/archives/001000.html
This is a 20-minute talk I gave at the Web2.0 Expo in San Francisco a couple weeks ago. In it, I describe two trends: how we're shifting as a culture from consumers to participants, and how technology has enabled massive amounts of data to be recorded, stored, and analyzed. Putting those things together has resulted in some fascinating innovations that echo data visualization work that's been happening for centuries.
highlighting the shifts in design techniques for streams rather than a drop of data.
Jeff Veen: "This is a 20-minute talk I gave at the Web2.0 Expo in San Francisco a couple weeks ago. In it, I describe two trends: how we're shifting as a culture from consumers to participants, and how technology has enabled massive amounts of data to be recorded, stored, and analyzed. Putting those things together has resulted in some fascinating innovations that echo data visualization work that's been happening for centuries."
I describe two trends: how we're shifting as a culture from consumers to participants, and how technology has enabled massive amounts of data to be recorded, stored, and analyzed. Putting those things together has resulted in some fascinating innovations that echo data visualization work that's been happening for centuries.
Why 1974 was the seminal year for Web 2.0
Birdies: Cute Free Twitter Icons For Your Blog | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2009/06/24/birdies-cute-free-twitter-icons-for-your-blog/
In this post we release Birdies: A Free Twitter Icon Set, a set of 12 beautiful and lovely Twitter icons. This set was designed by
In this post we release Birdies: A Free Twitter Icon Set, a set of 12 beautiful and lovely Twitter icons. This set was designed by IconEden and released exclusively for Smashing Magazine and its readers. All the icons included in the set have clean shapes and neutral colors that can be used for various contexts, from a “Tweet it” button for your blogs to desktop wallpapers.
agencynil
http://www.agencynil.com/
うごメモはてな - メモからはじまる新しいコミュニケーション!
http://ugomemo.hatena.ne.jp/
うごメモはてな
面白そうだけどdsi専用
DSi 背景が5種類
kids creative output. reminds me of my old amiga deluxe paint animations
35 CSS-Lifesavers For Efficient Web Design | CSS | Smashing Magazine
http://www.smashingmagazine.com/2009/06/25/35-css-lifesavers-for-efficient-web-design/
35 CSS-Lifesavers For Efficient Web Design
100 Creative Twitter Backgrounds Featuring Illustration | Webdesigner Depot
http://www.webdesignerdepot.com/2009/06/100-creative-twitter-backgrounds-featuring-illustration/
Vous ne le savez peut-être pas mais Twitter vous permet de personnaliser le fonds d'écran (Wallpaper) de votre compte. Vous le verrez alors dès que vous vous rendrez sur votre page Twitter mais tous les visiteurs affichant un de vos Twitt le verront aussi. WebDesignerDepot nous propose à ce sujet une sélection de 100 très jolis arrières-plan récupérables pour votre propre compte Twitter... Enjoy !
FANTASTIC TWITTER BACKGROUNDS!! These are great!
スタイリッシュなフォームを作るときに見るべきエントリまとめ*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-678.html
いつかこだわりのフォームを作ってみたい。
Build an Insanely Great Web Service - ReadWriteStart
http://www.readwriteweb.com/readwritestart/2009/06/build-an-insanely-great-web-sebuild-an-insanely-great-web-service.php
Good reading material
30+ Creative Typography Art
http://sixrevisions.com/design-showcase-inspiration/30-creative-typography-art/
Design ideas
Typography is the ultimate form of science meeting art. Space, size, type treatment/effects, contrast, color selection - and much more - go into every piece of design that involves the use of type.
36 Beautiful Packaging Designs For Inspiration | Dzine Blog
http://dzineblog.com/2009/05/36-beautiful-packaging-designs-for-inspiration.html
These are some of the best and forward thinking packaging designs I have seen in a while, definitely worth checking out.
36 diseño de packaging para inspirarse
The Ultimate List Of Online Color Tools For Web Developers
http://www.webdesignbooth.com/the-ultimate-list-of-online-color-tools-for-web-developers/
Estudo de cores
Web designers use color tools daily. So, i had collect an ultimate list of color tools. In this list, i had collect color wheel, color scheme, color palette and color picker.
Cute Critters Free Icon Pack - Tutorial9
http://www.tutorial9.net/resources/cute-critters-free-icon-pack/
free icons, tutorials, etc
CG Tutorials - Cgtuts+
http://cg.tutsplus.com/
CG Tutorials - Cgtuts+
56 Light & Clean Website Designs Using A Minimalist Color Scheme | Spyre Studios
http://spyrestudios.com/light-clean-designs-using-minimalist-color-scheme/
User Experience Design @ MindTree: How to create a Style Guide with ease
http://mindtreeux.blogspot.com/2009/06/how-to-create-style-guide-with-ease.html
Guia de criação de um style guide para web sites.
Photoshop Quick Tips #7 - Edgy Style Photo Treatment | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://www.abduzeedo.com/photoshop-quick-tips-7-edgy-style-photo-treatment
Cool eyes.
Tutorial de procés en photoshop per a retrat: efecte caires vius.
Following our series of Photoshop Quick Tips, today we have a really nice tip from Cameron, a photographer and digital artist working at BOXeight Studio. Cameron will show us a really cool photo treatment that will give an edgy, surreal look and feel to a regular photo.
30 Photoshop Brushes: ‘Drippy Sprays’ | Webdesigner Depot
http://www.webdesignerdepot.com/2009/06/30-photoshop-brushes-drippy-sprays/
30 Photoshop Brushes: ‘Drippy Sprays’ | Webdesigner Depot - http://www.webdesignerdepot.com/2009/06/30-photoshop-brushes-drippy-sprays/
74 Fresh Examples Of Beautiful Single Page Website Designs | Showcases | instantShift
http://www.instantshift.com/2009/06/27/74-fresh-examples-of-beautiful-single-page-website-designs/
one page
Links to several good web layouts as well as links to numerous other top N lists.
Free Stock Images | Download Free Stock Photos and Web Design Graphics
http://www.freestockimages.org/
Download Royalty Free Stock Photos and Web Design Graphics
Free Stock Images
45+ Calligraphic fonts worth using | Techie Blogger
http://www.techieblogger.com/2009/06/best-calligraphy-fonts-collection.html
25 Stylish Examples of Headers in Web Design
http://sixrevisions.com/design-showcase-inspiration/25-stylish-examples-of-headers-in-web-design/
sixrevisions.com: headers in web design
heders
30 Free Vector Packs: The Ultimate Collection of Vector Girls | Beeex.net
http://beeex.net/freebies/vectors/29-free-vector-packs-the-ultimate-collection-of-vector-girls
パワーポイントで作る企画書のデザインを美しくみせるための7つのポイント - ハックルベリーに会いに行く
http://d.hatena.ne.jp/aureliano/20090626/1245981276
1、2、3、5だけでもやってあるとだいぶ違う
illustratorでどんなフォントもスケッチフォントに変える方法 | CREAMU
http://blog.creamu.com/mt/2009/06/illustrator_3.html
1. テキストツールでテキストを入力 2. 塗りと線をなしにする 3. アピラランスパネルで、新規塗りを追加 黒を選択 4. 効果 &gt; スタイライズ &gt; 落書き で以下のように設定
1. テキストツールでテキストを入力 2. 塗りと線をなしにする 3. アピラランスパネルで、新規塗りを追加 黒を選択 4. 効果 > スタイライズ > 落書き で以下のように設定
Free Fonts Download
http://www.ffonts.net/
Another Free Font download website
45 Fabulous Logo Designs | Inspiredology
http://inspiredology.com/45-fabulous-logo-designs/
You Had Me At Hello: 10 Examples Of Website Introductions
http://www.sitepoint.com/blogs/2009/06/11/you-had-me-at-hello-10-examples-of-website-introductions/
Concept Feedback | Free Concept Reviews for Marketers, Designers and Developers
http://www.conceptfeedback.com/
Concept Feedback | Free Concept Reviews for Marketers, Designers and Developers
Beautiful Flyer Designs by Super Silo | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/beautiful-flyer-designs-super-silo
Carrer Blog: O rule + golden proportion for calculating the gutter in the grid
http://www.vcarrer.com/2009/05/o-rule-golden-proportion-for.html
Flickr Photo Download: Coffee Drinks Illustrated
http://www.flickr.com/photos/two-eyes/1285147549/sizes/o/
I thought you'd find this site as helpful as I did.
Flickr is almost certainly the best online photo management and sharing application in the world. Show off your favorite photos and videos to the world, securely and privately show content to your friends and family, or blog the photos and videos you take with a cameraphone.
Finally, a visualization that will end the confusion...
coffee
10 Free Icon Sets for Theme Design | Blog Oh Blog
http://www.blogohblog.com/10-free-icon-sets-for-theme-design/
pewnie już było, ale ..zestawy gotowych icon do webdesignu
99 Amazing Widescreen Wallpapers To Spice Up Your Desktop | Showcases | instantShift
http://www.instantshift.com/2009/06/29/99-amazing-widescreen-wallpapers-to-spice-up-your-desktop/
An amazing collection of widescreen wallpapers related to nature, photography, patterns, illustrations, HDR as well as some abstract and fantasy-related wallpapers. Hopefully, everybody will find something interesting to spice up his or her desktop. All wallpapers can be downloaded for free from their original source.
10 Interesting fonts for web designers
http://woork.blogspot.com/2009/06/10-interesting-fonts-for-web-designers.html
Fuentes tipográficas
Vintage 2.0 - Glossy Retro Takes Over Web Design | Inspired Magazine
http://www.inspiredm.com/2009/06/28/vintage-20-glossy-retro-takes-over-web-design/
y Retro Takes Over Web Design
15 Essential Sites For Free Stock Images | Dottony
http://www.dottony.com/15-essensital-sites-for-free-stock-images/
25 Photoshop Tutorials for Creating 3D Text Effects | Vandelay Design Blog
http://vandelaydesign.com/blog/design/3d-photoshop-text-effects/
Text integrated into the design. None for just 3D sake.
20 Really Useful And Free Scripts To Plot Charts In Your Site Or Blog Pages @ SmashingApps
http://www.smashingapps.com/2009/06/26/20-really-useful-and-free-scripts-to-plot-charts-in-your-site-or-blog-pages.html
The Ultimate Joomla Toolbox: Themes, Extensions and Resources | Noupe
http://www.noupe.com/joomla/the-ultimate-joomla-toolbox.html
Joomla is one of the most popular CMSs out there, and it’s no surprise considering how extensible it is. The great thing about Joomla is the extensions (components, modules and plugins), that can be added to your Joomla website. This allows the average user to add more functionality and dynamic content to their website without being a developer or programmer.
53 Jquery Tutorials, Resources, Tips And Tricks: Ultimate Collection | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/tutorials/53-jquery-tutorials-resources-tips-and-tricks-ultimate-collection/
title-jquery-tutorialsIf for whatever reason you don’t know jQuery, it is a “write less, do more” JavaScript library. It has many Ajax and JavaScript features to allow you enhance semantic coding and user experience.
Come back to this for basic Jquery tutorials
13 Free Content Management Systems other than Wordpress | Coding Cow
http://codingcow.com/cms/13-free-content-management-systems-other-than-wordpress
Believe it or not, Wordpress is not the only free Content Management System (CMS) avaliable. Don't get me wrong though, Wordpress is a great blog orentated CMS
Awesome look at other CMS's besides wordpress - wordpress is still my fav tho ;)
How To Create A Dynamic Design Portfolio with Wordpress | Cute Little Factory
http://www.cutelittlefactory.com/tutorial/dynamic-design-portfolio-with-wordpress/
This in-depth tutorial explains how to create a dynamic design blog/portfolio website with Wordpress using the power of custom fields.
Looks very popular -- plan to read asap.
21 Best Fonts for Hand Drawn Style Web Design | Web Design Ledger
http://webdesignledger.com/freebies/21-best-fonts-for-hand-drawn-style-web-design
By now you have probably noticed a lot of hand drawn style web designs. It has become a very popular option for designers when a project calls for a fun and
hand
12 Essential Rules to Follow When Designing a Logo | Webdesigner Depot
http://www.webdesignerdepot.com/2009/06/12-essential-rules-to-follow-when-designing-a-logo/
15 Must Read Articles for CSS Beginners
http://line25.com/articles/15-must-read-articles-for-css-beginners
This collection of 15 articles pulls together some of the best must read blog posts for anyone looking to get started with CSS styling.
45 Incredibly Useful Web Design Checklists and Questionnaires | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/06/29/45-incredibly-useful-web-design-checklists-and-questionnaires/
Designing websites can be a long and complicated process. Dealing with clients, designing prototypes, coding, programming, and testing – there's a lot to keep track
30 Exceptional Web Designs - Nettuts+
http://net.tutsplus.com/articles/web-roundups/30-exceptional-web-designs-for-the-web/
30 web designers
7 New Essential CSS 3 Techniques Revealed | tripwire magazine
http://www.tripwiremagazine.com/tools/css-techniques/7-new-essential-css-3-techniques-revealed.html
rounded corners mostly, with jquery
A roundup of 7 CSS3 techniques that will be available in FF 3.5.
Designer’s Favourite Fonts & Why
http://justcreativedesign.com/2009/06/23/designers-favourite-fonts-why/
fonty
Designer’s Favourite Fonts & Why - http://justcreativedesign.com/2009/06/23/designers-favourite-fonts-why/
30+ Useful Resources for Improving Your Photoshop Efficiency - Psdtuts+
http://psd.tutsplus.com/tutorials/tools-tips/30-useful-resources-for-improving-your-photoshop-efficiency/
Photoshop users have the opportunity to drastically improve productivity and efficiency by gaining a solid understanding of the Photoshop tools, the capabilities of the program, and by learning some handy shortcuts.
30+ Useful Resources for Improving Your Photoshop Efficiency - Psdtuts+ - http://psd.tutsplus.com/tutorials/tools-tips/30-useful-resources-for-improving-your-photoshop-efficiency/
Home - Anti-If Campaign
http://www.antiifcampaign.com/
Creating Consistently Colorful User Experiences, Part 3: The Craft | UX Booth
http://www.uxbooth.com/blog/creating-consistently-colorful-user-experiences-part-3-the-craft/
ViewLikeUs Engine - V1
http://viewlike.us/
Différentes résolutions d’écran
Recurso online para comprobar una web en distintas resoluciones
View websites in multiple resolutions
Check out how your website looks in the most popular resolution formats.
Test website in different resolutions
Folio Focus | Web Design Gallery of the Best Portfolio Sites
http://foliofocus.com/
páginas de portafolios
@font-face: The Potential of Web Typography
http://craigmod.com/journal/font-face/
How can @font-face be used with currently implemented CSS selectors to create engaging, nuanced and more mature typography? Let's find out.
Como el SifR pero sin él... con Firefox 3.5
@font-face: The Potential of Web Typography
Firefox 3.5 is out. And the more users download it, the more designers will be able to take advantage of the @font-face CSS rule. How can @font-face be used with currently implemented CSS selectors to create engaging, nuanced and more mature typography? Let's find out.
Free CSS Templates
http://www.templatemo.com/
Free templates? I'll believe it when I download a few of them...
80+ Must-Read Design Blogs to Enhance your Creativity and your Career | Creative Opera Design Blog: Creative Advice and Inspiration for Graphic Designers and Web Designers
http://www.creativeopera.com/2009/80-design-blogs/
Blog to inspire
6 Gorgeous Twitter Visualizations
http://mashable.com/2009/06/30/gorgeous-twitter-visualizations/
6 Gorgeous Twitter Visualizations
Read It: Search User Interfaces
http://searchuserinterfaces.com/book/
search ebooks free
25 Websites with Creative and Unique Layouts | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/25-websites-with-creative-and-unique-layouts/
Creative and Unique Layouts
web sites creatives
Fat Free CRM - Ruby On Rails-based open source CRM platform
http://www.fatfreecrm.com/
10 Super Creative Business Cards | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/10-super-creative-business-cards
diseño tarjetas
Business Cards!!!!!
20 Promising Open Source PHP Content Management Systems(CMS)
http://www.webdesignbooth.com/20-promising-open-source-php-content-management-systemscms/
20 Interessantissimi CMS sviluppati in PHP
Meget kort anmeldelse af 20 open scource CMSystemer
So you wanna be a user experience designer — Step 1: Resources - Pleasure and Pain by Whitney Hess
http://whitneyhess.com/blog/2009/06/so-you-wanna-be-a-user-experience-designer-step-1-resources/
ux links
User Experience Resources: Books, blogs, publications, etc.
The Icon Directory For Designers | Web Design Tuts
http://webdesigntuts.com/resources/the-icon-directory-for-designers/
This post is a complete directory of icons for designers. Featured are hundreds of icon sets that will be continually updated, dozens of icon design tutorials, as well as dozens of examples of successful uses of icons in web design.
Five Minute Upgrade – Making Your Design Pop | Build Internet!
http://buildinternet.com/2009/06/five-minute-upgrade-making-your-design-pop/
Web Design, Development, and Business
Quick steps to polish a design
nice tips for the fine touches that will make your designs stand out from the crowd
15 Best iPhone Applications for Web Designers | Web Design Ledger
http://webdesignledger.com/tools/15-best-iphone-applications-for-web-designers
Can I replicate some of these for Windows Mobile?
When it comes to web design, there are apps for nearly everything, from helping create color schemes to managing your busy schedule. Here are 15 of the best!
Flickr Photo Download: Resume infographic
http://www.flickr.com/photos/bartclaeys/3351321706/sizes/o/
10 Things Every Web Designer Just Starting Out Should Know
http://sixrevisions.com/web_design/10-things-every-web-designer-just-starting-out-should-know/
Best Practices For Effective Design Of "About us"-Pages | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/07/01/best-practices-for-effective-design-of-about-us-pages/
10 Tips for New iPhone Developers - Nettuts+
http://net.tutsplus.com/tutorials/other/10-tips-for-new-iphone-developers/
50 Free and Exclusive Twitter Icons | Webdesigner Depot
http://www.webdesignerdepot.com/2009/07/50-free-and-exclusive-twitter-icons/
these are nice twitter icons
Twitter
CSS3 – a big storm is coming | Reinhold Weber
http://reinholdweber.com/css/css3-a-big-storm-is-coming/
Sputnik Observatory For the Study of Contemporary Culture
http://sptnk.org/
hm...
May be the ultimate weekend killer.
http://sptnk.org/ ContemporaryCulture
prettymuch anything jonathan harris touches is pretty interesting.
今時のデザインのウェブサイトの作り方を丁寧に解説しているPhotoshopのチュートリアル集 | コリス
http://coliss.com/articles/build-websites/operation/design/photoshop-tutorial-web-layout.html
7 MooTools Plugins You Should Use on Every Website
http://davidwalsh.name/7-mootools-plugins
Design With Intent | design mind
http://designmind.frogdesign.com/articles/power/design-with-intent.html
Author:&nbsp;Robert Fabricant Content:&nbsp; Over the past several months, I’ve been fortunate to meet and talk to a number of people — among them Jan Chipchase of Nokia, Peter Whybrow of UCLA, and Caroline Hummels of Delft University of
Great Article on User Centered Design
Robert Fabricant asks how designers can influence behaviour.
XRegExp: JavaScript regex library
http://xregexp.com/
XRegExp is an open source (MIT license) JavaScript library that provides an augmented, extensible, cross-browser implementation of regular expressions, including support for additional syntax, flags, and methods. XRegExp is fully compliant with the regular expression flavor specified in ECMA-262 Edition 3 (ES3), and has been tested with Internet Explorer 5.5–8, Firefox 2–3.5, Safari 3–4, Chrome 1–2, and Opera 9. XRegExp uses feature detection—no browser sniffing.
Texster — подбор шрифтов и создание CSS стилей для текста
http://texster.ru/
tool exploring the CSS parameters for your font
Подбор шрифтов и создание CSS стилей для текста
50 best female web designers around the world | INDEZINER
http://indeziner.com/design/50-best-female-web-designers-around-the-world
Either is using a free template, a free blogging system or other custom solution, every person with just a little knowledge about computers is able today to “show” something. But who are the real professionists behind the scene? Who are the real designers in this big ocean of information? Well… some years ago we could have provided a simple answer: men. But today? … Many people would say… still men. Many surveys proved that and maybe its the same, but what about women? Who else can bring emotional, stylish and artistic touch on web design other then women? We searched the web and found an impressive number of great female web designers that bring inspiration and great sensitivity in this web design community. Please enjoy our 50 best female web designers list and in case you know about other great female designers please add them to our list.
webdesign female
古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log
http://d.hatena.ne.jp/uupaa/20090624/1245808087
45 Stylish and Creative Typographical Desktop Wallpapers : Speckyboy Design Magazine
http://speckyboy.com/2009/06/29/45-stylish-and-creative-typographical-desktop-wallpapers/
A few of these are sweet; most are not
20 great dark website designs for Inspiration | [Re]Encoded.com
http://www.reencoded.com/2009/06/22/20-great-dark-website-designs-for-inspiration-new/
website dark websitedark
20 great dark website designs for Inspiration
60+ Incredible Tutorials And Resources Collections For Designers To Discover The Best Of The Web In June @ SmashingApps
http://www.smashingapps.com/2009/07/01/60-incredible-tutorials-and-resources-collections-for-designers-to-discover-the-best-of-the-web-in-june.html
40 Free High Quality Hand-drawn Fonts | Graphics
http://www.hongkiat.com/blog/40-free-high-quality-hand-drawn-fonts/
50 Free High-Quality and “New” (X)HTML/CSS Templates | Noupe
http://www.noupe.com/css/50-free-high-quality-and-new-xhtmlcss-templates.html
Clever JPEG Optimization Techniques | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/07/01/clever-jpeg-optimization-techniques/
Great article on how JPG compression works and how best to optimise your images.
Everything About Textures Part 1 | 10Steps.SG - Photoshop Tutorials and Resources
http://10steps.sg/stocks/everything-about-textures-part-1/
各类清晰底纹素材
50 Inspiring 3D Desktop Wallpapers | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/50-inspiring-3d-desktop-wallpapers
30 Essential Tools for Web Designers | tripwire magazine
http://www.tripwiremagazine.com/tools/design/30-essential-tools-for-web-designers.html
For designers nothing can be more handy than effective and time saving tools supporting their creative process. Of cause dependant on the specific needs free web-based tools can significantly help you accomplish tasks such as color selecting, color p
JPEG画像をより美しく、より軽量に最適化するテクニック | コリス
http://coliss.com/articles/build-websites/operation/design/howto-jpeg-optimization-techniques.html
JPEG画像をより美しく、より軽量に最適化するテクニック
JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization
Power Tips For WordPress Template Developers | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/07/02/power-tips-for-wordpress-template-developers/
With its latest releases, WordPress has extended its potential well beyond blogging, moving toward an advanced, robust and very powerful content management solution. By default, WordPress delivers a very lightweight, minimal system that offers only basic functionalities. But where the WordPress core falls short, there are a wealth of plug-ins that extend its limitations.
Walls Come Tumbling Down presentation slides and transcript | For A Beautiful Web
http://forabeautifulweb.com/blog/about/walls_come_tumbling_down_presentation_slides_and_transcript/
Walls Come Tumbling Down presentation slides and transcript It’s been one helluva busy, tiring but inspiring week, traveling first to speak at An Event Apart Boston, then, with Jeremy Keith and Jason Santa Maria onto London for @media2009. At both events, I presented Walls Come Tumbling Down. Here are the presentation slides and transcript
It’s been one helluva busy, tiring but inspiring week, traveling first to speak at An Event Apart Boston, then, with Jeremy Keith and Jason Santa Maria onto London for @media2009. At both events, I presented Walls Come Tumbling Down.
alpha-transparent PNG images are perfect when you're designing in a browser, particularly when you are experimenting with different color options.
"It's time to stop showing clients static design visuals" Damn right. All my personal projects have been designed along with the backend code, and they're of variable prettiness, but at least they work. I'm finding the more traditional model much, much harder to deal with these days.
designing in the browser? AMEN. Too right. About time that the outdated workflow detailed herein changes. It's old, it DOESN'T WORK, and it needs to be replaced.
For A Beautiful Web is a series of web design master class training workshops covering topics including visual design for the web, best-practice XHTML mark-up and CSS, Microformats and practical web accessibility design and techniques.
20 Questions To Ask Clients Prior To Designing A Logo | The Design Cubicle
http://www.thedesigncubicle.com/2009/07/20-questions-to-ask-clients-prior-to-designing-a-logo/
A logo questionare for clients.
Wireframe Magnets (DIY Kit) | Konigi
http://konigi.com/tools/wireframe-magnets-diy-kit
ウェブパーツ
Make your own laminated magnets of UI elements for putting together and markering with text. Obviously isn't faster than just hand-drawing, but certainly looks more polished, ...and would be fun.
11 Great Photoshop Photo Effects Tutorials | Design Shard
http://www.designshard.com/video-tutorials/11-great-photoshop-photo-effects-tutorials/
Photoshop
Vector composite effect.
ceiling porn
http://deputy-dog.com/2009/07/ceiling-porn.html
I'm a big fan of ceilings and it never fails to amaze me how drastically they can change the appearance and atmosphere of a space yet at the same time be completely ignored by most of the room's occupants. it's incredible how some people live their lives looking either straight ahead or down at the ground, the only ceiling they ever notice being the one above the bed.
Such lovely ceilings here...*waves cigarette in face threateningly*
A Showcase of Super Clean Web Designs | Web Design Ledger
http://webdesignledger.com/inspiration/a-showcase-of-super-clean-web-designs
25 Impressive Portfolio Web Designs
http://sixrevisions.com/design-showcase-inspiration/25-impressive-portfolio-web-designs/
Design Trends: 25 Of The Coolest iPhone APP Website Designs | Spyre Studios
http://spyrestudios.com/design-trends-25-coolest-iphone-app-web-designs/
I went around online and found 25 of the coolest iPhone app websites – not necessarrally the coolest APPS, but the coolest website designs. What I found was a lot of the big iPhone image on the page, showcasing how the app actually looks. I also found a lot of darker website designs. We’ve featured dark website designs here before on Spyre Studios and today seems like it’s shaping up to be another notch in that belt. The one thing I did notice – and loved – was the couple websites that did things differently. They didn’t feature a big iPhone image, they did brighter, more eye catching designs. These are truly my favorite out of the bunch.
Nice webpages to copy.
A Paper Craft Castle On the Ocean « Tokyobling’s Blog
http://tokyobling.wordpress.com/2009/07/01/a-paper-craft-castle-on-the-ocean/
art
Wow, now that's some serious origami!
Best 35+ GIMP Tutorials | Qbrushes Blog
http://blog.qbrushes.com/best-40-gimp-tutorials/
photography linux
The Gimp is a free open source image editing application that can do many things to suit your needs, whether they be making a gig poster for a local concert, or touching up a few family photos, the Gimp can do it. Here is a top 30 list of Gimp tutorials hand selected by Gimper and SGlider12 that will help you to add many new Gimp design techniques to your arsenal.
Five jQuery Galleries And Slideshows
http://www.sitepoint.com/blogs/2009/07/03/five-jquery-galleries-and-slideshows/
What’s a web site without an image gallery these days? Galleries are used for products and portfolios and they have been getting sleeker, faster and lighter over time. jQuery plugins are available for almost every function you can think of, everything from widgets to animation effects. As a designer, there are many functions I’d like to add to a web site, however I don’t have the technical prowess to program or put it together, but I do know enough to slot some jQuery onto the page. Thankfully there are many developers out there who generously share their work and there are indeed some fabulous galleries and slideshows available as plugins. Here are five sleek offerings which are available for free and are easy to implement on your site.
22 Free Seamless Vector Pattern Resources Perfect For Web Design | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/resources/22-free-seamless-vector-pattern-resources-perfect-for-web-design/
cool background patterns
Patterns actually can be found almost everywhere – in print design, web design, graphic design etc. For example if you use pattern in web design, just set CSS repeat-x-y and you’ll get beautiful background,but image will be very small and page load time will be much faster. There are very big variety how you can use and implement patterns, but the fact is – free resources – like patterns, brushes, shapes are big time savers. Of course it’s better to create your own stuff, but sometimes you receive project with fast deadline and you need everything to do fast and this is one of the solutions.
freebies
Social Media Directory for Designers
http://directoryfordesigners.com/
The Directory for Designers was created so that designers from all across the globe could share their various social media profiles allowing the community to easier connect. If you're looking for someone in particular just search for that person's name and find all of the directories they're members of. If you want to find other designers at a particular site, go to that site's directory and start adding friends. And don't forget to add your own information while you're there!
I like the background image
Diretório Social de Mídias para Designer's
directory for designers
22 Free High Quality Doodle Photoshop Brushes Set | Naldz Graphics
http://naldzgraphics.net/freebies/22-free-high-quality-doodle-photoshop-brushes-set/
brushes - hand drawn doodles
brushes doodle
Lifehacker - The Minimalist OS X Desktop - Desktops
http://lifehacker.com/5280484/the-minimalist-os-x-desktop
I'm going to have to do this. Lifehacker Reader нawk's desktop is a blend of a simple wallpaper and nicely placed system stats-yielding a clean, minimalist look that gives you the information you want without a lot of clutter.
Index — Django Design Patterns
http://djangodesignpatterns.uswaretech.net/
CSS Fundamentals: Containing Children - Nettuts+
http://net.tutsplus.com/tutorials/html-css-techniques/css-fudamentals-containing-children/
I've received multiple requests for simpler CSS tutorials that teach the tricky fundamentals. This will serve as the first entry in a series that will receive new additions sporadically each month. Today, we'll be reviewing the overflow: hidden, and clearfix tricks to force a parent div to contains its children.
net.tutsplus.com: css fundamentals
Stop Counting Clicks | UX Booth
http://www.uxbooth.com/blog/stop-counting-clicks/
The 3-click-rule is the Freddy Kreuger of web design advice. You think it’s finally dead and then it comes back and starts slashing up sensible debate about usable design. I’m hoping to convince you to stop talking about the 3-click rule. I don’t mean substituting it with the 4-click rule or the 5-click rule. You should stop counting clicks as a measure of usability altogether.
Birdfeed - A very nice Twitter client for your iPhone
http://birdfeedapp.com/
iphone tumblr てきとう
CSS - String Truncation with Ellipsis | A JavaScript, CSS, and XHTML Resource By Matt Snider
http://mattsnider.com/css/css-string-truncation-with-ellipsis/
Today’s article is brought to us by guest writer, Justin Maxwell. Justin will explain the technique he fine tuned for Mint.com to ellipses text using just CSS. For more information about Justin see the end of this article.
text-overflow的解决方案
Beautiful Examples of Vexel Artworks and Tutorials | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/07/03/50-beautiful-examples-of-vexel-artworks-and-tutorials/
NICE VECTORING AND VEXELLING
Vexel art is a digital art that is an entirely pixel-based form of raster art that imitates the vector graphics technique, but is distinguished from normal vector graphics or raster images.
173 Radical Retrofuturistic Designs & Technologies | WebUrbanist
http://weburbanist.com/2009/05/11/future-past-173-radical-retrofuturistic-directions-in-design-technology/
Future Past: 173 Radical Retrofuturistic Directions in Design & Technology
画像で見るウェブデザインのプロセスいろいろ | DesignWalker
http://www.designwalker.com/2009/05/design-process.html
画像で見るウェブデザインのプロセスいろいろ
画像で見るウェブデザインのプロセスいろいろ | DesignWalker
30 Most Influential People In Web Design | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/roundups/30-most-influential-people-in-web-design
The 7 wonders of wireframes « Boagworld
http://boagworld.com/design/the-7-wonders-of-wireframes
.
15 Best Techniques For Implementing Autosuggest With AJAX Into Your Site - TZ
http://www.tutzone.org/2009/06/15-best-techniques-for-implementing.html
50 Beautiful Vintage Posters | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/50-beautiful-vintage-posters
vintage posters
Vintage posters are just beautiful! Even considering that they were designed years ago, we still think they are full of style and beauty. As I really like this kind of art I decided to make this selection to share with you some really beautiful vintage posters. You will see here several types of vintage posters, some ads, film posters, traveling publicity and so on. Hope you like them!!
guck sie dir alle an! Speziell das Porsche Teil rockt
13 Magnificent Free Wordpress Portfolio Themes | Css Reflex - Design Blog | Web Design | Inspiration and Resources for Designers
http://www.cssreflex.com/2009/07/13-magnificent-free-wordpress-portfolio-themes.html
40 Fresh Free Fonts To Enhance Your Designs | Fonts | instantShift
http://www.instantshift.com/2009/07/05/40-fresh-free-fonts-to-enhance-your-designs/
ta bueno... buenas fonts for free
QuickFlip jQuery Plugin | Jon Raasch’s Blog
http://jonraasch.com/blog/quickflip-jquery-plugin
Plugin em JQuery que gira uma layer com conteúdo "dos dois lados"
QuickFlip is a jQuery plugin I wrote that uses a CSS trick to cause a div, paragraph or any other piece of HTML markup to flip like a card. With a result similar to the UI animation on the iPhone, this jQuery plugin is easily integrated into your webpage to make any portion appear to flip and show its back.
# k Says: November 21st, 2008 at 9:24 am great plugin, it really provides interactive touch # bronius Says: December 4th, 2008 at 9:40 pm Yes, very slick– thanks for sharing it! note to the wayward developer: - do provide a height/width in css for your panels– without it, it swaps but doesn’t smoothly flip - front and back should be of the same size - clip your content with overflow: hidden if you’re unable to reliably stuff your content into a certain size.
CSS Cheat Sheet Wallpaper in Helvetica | theWPresser
http://thewpresser.com/css-cheat-sheet-wallpaper-in-helvetica/
I was looking around for a good CSS cheat sheet yesterday and I thought OK why do I have to open and close this .pdf file every time why don't i just put it as a wallpaper on one of my monitors...
Nice Ubuntu themes for Jaunty and Intrepid Users | Ubuntu Geek
http://www.ubuntugeek.com/nice-ubuntu-themes-for-jaunty-and-intrepid-users.html
the themes using the following
This tutorial will explain how to install zgegblog-themes in ubuntu jaunty and intrepid Thanks to Zgegblog for this fantastic themes
CSS Optimization Tips - Optimizing Style Sheets - CSS Optimization Tutorial
http://www.sohtanaka.com/web-design/optimizing-css-tutorial/
CSS Optimization Tips
Get Your API Right « Trek
http://wonderfullyflawed.com/2009/07/02/get-your-api-right/
If you’re not allowing clients to create new data, or update/delete existing data on your system then you do not have an API. You have a feed. There’s nothing wrong providing read-only access to your data (it’s laudable, in fact), but I’m often disappointed to hear “Yeah! We have an API” only to find the person really meant they offered a number of customizable data feeds as XML.
"I can’t stand working with a poorly designed API! If you’re about to design or release an API for the web and want to avoid the ire of your developers, I’ve summed up the best (and worst) of what I’ve seen into 8 rules..."
Controlando el API
8 key gotchas when implementing RESTful web APIs. great advice
If you’re about to design or release an API for the web and want to avoid the ire of your developers, I’ve summed up the best (and worst) of what I’ve seen into 8 rules:
CSS Layout Generator - генератор шаблонов HTML + CSS
http://csstool.ru/
генератор шаблонов HTML + CSS
CSS Layout Generator - онлайн генератор шаблонов HTML + CSS
YouTube - Sour 'Hibi no neiro'
http://www.youtube.com/watch?v=WfBlUQguvyw
This music video was shot for Sour's 'Hibi no Neiro' (Tone of everyday) from their first mini album 'Water Flavor EP'. The cast were selected from the actual...
アイデアも素敵だし、編集もがんばってる。
A Japanese band's music video that uses webcams.
A music video made up from webcam videos. One of THE most creative movies I've EVER seen.
The Battlefield of Design: Designers vs Clients [Design Principles]
http://www.sitepoint.com/article/design-designers-clients/
-same as in PR
Establishing the look and feel of a site can be a point of contention. Web designers often become frustrated because they feel there’s a lack of respect for their expertise. Meanwhile, clients grow annoyed when their designer seemingly fails to listen to them.
# ays the best equipped to identify examples of good design—they tend to select sites based on their content rather than aesthetics. # Second, the qu
Establishing the look and feel of a site can be a point of contention. Web designers often become frustrated because they feel there’s a lack of respect for their expertise. Meanwhile, clients grow annoyed when their designer seemingly fails to listen to them. This confrontation inevitably leads to a loggerhead. On one hand we have a designer with years of design knowledge and experience; on the other, a client who knows his audience and business objectives. In this stare-off, sooner or later, somebody has to blink. Either the client will end up with a design that he is unhappy with that fails to meet his objectives, or the web designer will give in and produce a design that she believes to be less than optimal.
70 Designers that Shaped the World
http://www.snap2objects.com/2009/05/26/70-designers-that-shaped-the-world/
Safety Graphic Fun
http://juliasmexicocity.typepad.com/safetygraphics/
Marcy from Menlo Park, CA sent a tip to Safety Graphic Fun today via PayPal! I've put on my safety gloves, safety goggles and safety chaps to ring the Safety Bell in your honor.
ソースが公開されているcss小技11エントリーまとめ - かちびと.net
http://kachibito.net/web-design/11-css-tips-entry.html
ISOLATION UNIT / TERUHIRO YANAGIHARA
http://www.isolationunit.info/
grid design with Flash
列の長さによってスクロールスピードを変えてあって、 上端と下端がビッタリ揃うようになっている。 スクロールが気持ち気持ち悪い。
Teruhiro Yanagihara was born in 1976 in Kangawa Prefecture, Japan. After graduating in space design from Osaka University of Art in 1999, he established his own design company, Isolation Unit.
敷き詰めるタイプのレイアウト。どんな状態でも一定のマージンをとる徹底さ。最後までスクロールしてもきちん揃うようにずらすのがにくい。
nice flash
Web Design Trend Hunting - Fluid Grid Layout: 10+ Outstanding Examples & 1 Tutorial | Inspired Magazine
http://www.inspiredm.com/2009/07/03/web-design-trend-hunting-fluid-grid-layout-10-outstanding-examples-1-tutorial/
Web Design
Handy Techniques for Cutting Out Hair in Photoshop
http://www.blog.spoongraphics.co.uk/tutorials/handy-techniques-for-cutting-out-hair-in-photoshop
When trimming out images in Photoshop, human hair or animal fur always proves troublesome and can be tricky to achieve a realistic look. Here are two techniques I use on images with both plain backgrounds, and those with a varied background tones, each achieving pretty decent end results.
RT @PSDTUTS: Handy Techniques for Cutting Out Hair in Photoshop http://bit.ly/nPjUm [from http://twitter.com/blvdstudios/statuses/2495430075]
HTML 5 Cheat Sheet (PDF) | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2009/07/06/html-5-cheat-sheet-pdf/
HTML 5 Cheat Sheet (PDF) | Freebies | Smashing Magazine
Download the cheat sheet for free!
20+ High-Quality Free Fonts for Retro and Vintage Design | PV.M Garage
http://www.pvmgarage.com/en/2009/07/20-high-quality-free-fonts-for-retro-and-vintage-design/
30 Inspiring And Creative Examples of Colorful Pattern Designs @ SmashingApps
http://www.smashingapps.com/2009/07/05/30-inspiring-and-creative-examples-of-colorful-pattern-designs.html
patterns
70 Tutorials Using Photoshop To Design A Website | Creative Nerds
http://creativenerds.co.uk/tutorials/70-tutorials-using-photoshop-to-design-a-website/
This article features a huge amount of Photoshop web design tutorials, which will teach you simple effects which can be combined together in order to create a
35 Amazing Paper Made Website Designs | Spyre Studios
http://spyrestudios.com/35-amazing-paper-made-website-designs/
website
Creativity comes in many shapes, sizes and colors - and it just so happens that today we're looking at some of the amazing work people do with paper textures in web design. From their portfolio websites, to blogs and resource websites, this post is going to showcase 35 of the best paper made designs. Hope you enjoy it!
12 Gorgeous Vimeo Videos for Design Inspiration
http://mashable.com/2009/07/05/vimeo-design-videos/
VimeoVimeo is becoming one of the most popular video sites for users who want a place to present high quality, artistic videos. Its elegant interface and
Tech Is Too Cheap to Meter: It's Time to Manage for Abundance, Not Scarcity
http://www.wired.com/techbiz/it/magazine/17-07/mf_freer
link to audio book. "All this was possible because Alan Kay, an engineer at Xerox's Palo Alto Research Center in the 1970s, understood what Moore's law was doing to the cost of computing. He decided to do what writer George Gilder calls "wasting transistors." Rather than reserve computing power for core information processing, Kay used outrageous amounts of it for frivolous stuff like drawing cartoons on the screen." - "By 1970s IT standards, Kay had "wasted" computing power. ... This is the power of waste. When scarce resources become abundant, smart people treat them differently.
Chris Andersons neues Buch "Free" kostet 27 Dollar - wenn man es im Buchladen kauft. Wer sich jedoch die Audiobuch-Version herunterladen möchte, bekommt sie geschenkt, ganz im Sinne des Buchtitels - "Kostenlos: Die Zukunft eines radikalen Preises".
247 web usability guidelines
http://www.userfocus.co.uk/resources/guidelines.html
Although designing usable systems requires far more than simply applying guidelines, guidelines can still make a significant contribution to usability by promoting consistency and good practice. We use this list of guidelines in our consultancy work. For best results, remember to interpret the guideline in context — this requires a bit more thought but ensures you will get a lot more from your review. —  DAVID TRAVIS, JULY 6, 2009
Although designing usable systems requires far more than simply applying guidelines, guidelines can still make a significant contribution to usability by promoting consistency and good practice. We use this list of guidelines in our consultancy work. For best results, remember to interpret the guideline in context — this requires a bit more thought but ensures you will get a lot more from your review. — David Travis, July 6, 2009
10 CSS tricks that make website looks cool instantly!
http://www.webhostingsecretrevealed.com/web-hosting-knowledge/10-css-tutorials-that-will-make-your-website-looks-cool/
There are numerous ways a Cascading Style Sheets (CSS) can improves our web design and it’s not difficult to implement a few to make our website looks better and more user-friendly. Listed below are 10 cool CSS tricks that will improve your web designs instantly. The good thing about these tutorials is that they make complicated CSS tricks look easy (and you don’t have extensive coding work to do!). If you are new to web design and development, I suggest you bookmark this article for further reference in future.
145 Ultimate Round-Up Of Photoshop Tutorials and Resources | Tutorials | instantShift
http://www.instantshift.com/2009/07/01/145-ultimate-round-up-of-photoshop-tutorials-and-resources/
Ultimate Round-Up Of Photoshop Tutorials and Resources
80 Creative and Well-designed Logos | Inspiration
http://www.hongkiat.com/blog/80-creative-and-well-designed-logos/
ロゴまとめ
80 Corporate Website Designs For Design Inspiration | Inspiration | instantShift
http://www.instantshift.com/2009/07/07/80-corporate-website-designs-for-design-inspiration/
40 Free and Essential Web Design and Development Books from Google : Speckyboy Design Magazine
http://speckyboy.com/2009/07/06/40-free-and-essential-web-design-and-development-books-from-google/
10 Useful CSS/JS-Coding Solutions For Web-Developers | CSS | Smashing Magazine
http://www.smashingmagazine.com/2009/07/06/10-useful-cssjs-coding-solutions-for-web-developers/
da approfondire specialmente l'overlay per la guida cool
30 WordPress Development Tutorials | Pro Blog Design
http://www.problogdesign.com/resources/30-wordpress-development-tutorials/
WordPress can be very simple to work with, but it can also be very complicated. The system can be used to do just about anything you like. In this post we have collected together a range of tutorials that span from the very first things you need to know, like working with the loop, to much more complicated tricks, like setting up post thumbnails on your home page.
da approfondire per livincool
WordPress can be very simple to work with, but it can also be very complicated. The system can be used to do just about anything you like. In this post we have collected together a range of tutorials that span from the very first things you need to know, like working with the loop, to much more complicated tricks, like setting up post thumbnails on your home page.
25 Beautiful Logos with Sequential Concept
http://thedesignmag.com/25-beautiful-logos-with-sequential-concept.html
100+ Minimal and Typographic Package Designs | BittBox
http://www.bittbox.com/inspiration/100-minimal-and-typographic-package-designs/
wow
100 Outstanding Login Forms | Design Reviver
http://designreviver.com/inspiration/100-sites-with-outstanding-login-forms/
100 Outstanding Login Forms | Design Reviver
Different Examples of Login Forms
Great collection of login forms to show you & inspire you that Login Forms can look sexy
32 Useful Portable Apps For Web Designers and Developers
http://www.webdesignbooth.com/32-useful-portable-apps-for-web-designers-and-developers/
We like portable apps because those applications are lightweight and require no installation to run. As a web designer/developer, i used to work with different PCs. Rather than carrying my laptop everywhere, i prefer saving frequently used applications into my USB drive. I had collect a lot of useful portable applications and i would like to share those applications with my readers. Let’s look into these applications now:
HTML 5 and CSS 3: The Techniques You’ll Soon Be Using - Nettuts+
http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/
In-depth tutorial from NetTuts on combining existing HTML5 and CSS3 to create a slick web-design.
35 Beautiful Minimal Websites - Part 6 | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/35-beautiful-minimal-websites/
35 Beautiful Minimal Websites - Part 6 | Vandelay Design Blog
Collections of well-designed websites with a minimal approach have always drawn a great response from our readers, so we'll continue the series with the 6th showcase post of this kind. Due to the large percentage of our readers that are interested in minimal designs, last month we launched a gallery site, Minimal Exhibit, that focuses on these types of sites. Many of the sites featured in this post have also been featured at Minimal Exhibit, so if you like what you see here, be sure to follow Minimal Exhibit where many new sites are added each week. (mt) Ventures
35 Beautiful Minimal Websites
Collections of well-designed websites with a minimal approach have always drawn a great response from our readers, so we’ll continue the series with the 6th showcase post of this kind.
12 Excellent Social News Sites for Web Designers
http://sixrevisions.com/web_design/12-excellent-social-news-sites-for-web-designers/
are a great for finding useful resources, tutorials, and information on the web. These sites typically puts users in the driver’s seat by giving them the ability to submit links, vote on other people’s submissions, as well as vote down stories that they don’t like. Because of this, they’re able to create a user-driven site and connect people who have similar interests.
social news sites
300+ Excellent Photoshop Brushes for Creating Painted Effects | Web Design Ledger
http://webdesignledger.com/freebies/300-excellent-photoshop-brushes-for-creating-painted-effects
If you are thinking of creating your next web design using a painted style, you have two options. You can purchase real painting materials and create your own Photoshop brushes, or you can use free brushes that have been created by someone else. Since most web designers have limited time and short deadlines, it is an easy choice. Here I’ve collected over 300 excellent Photoshop brushes to save you time in creating painted style designs.
If you are thinking of creating your next web design using a painted style, you have two options. You can purchase real painting materials and create your own
70 beautiful Drupal sites | Mogdesign
http://mogdesign.eu/blog/70-beautiful-drupal-sites/
45 Websites For Students To Create Original Artwork Online | art, creativity, student art | Making Teachers Nerdy
http://mrssmoke.onsugar.com/3442983
More and more websites are coming online to give students the ability to unleash their creativity in new and innovative ways. From abstract art to pointillism, students now can click and draw their way into original works of art, and today’s freebie gives you a great list of places to begin.
Designers on Twitter - InkPill.com
http://inkpill.com/
Designers on Twitter
directory of designers on twitter
Looking for other designers to follow on twitter?
design twits. categories of art direction, design, illustration, type, ux, web. has twits, links, pics.
Designers on Twitter http://ow.ly/74S8 [from http://twitter.com/10minuteexpert/statuses/1806603724]
HANDCRAFTED CSS by Dan Cederholm with Ethan Marcotte
http://handcraftedcss.com/
New web design book by Dan Cederholm with Ethan Marcotte.
250 RSS Feeds For Every Graphic, Web Designers And Bloggers To Subscribe At | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/resources/250-rss-feeds-for-every-graphic-web-designers-and-bloggers-to-subscribe-at/
Web Designers And Bloggers
60+ Free Fonts for Big, Bold and Beautiful Headlines | tripwire magazine
http://www.tripwiremagazine.com/design/design/60-free-fonts-for-big-bold-and-beautiful-headlines.html
Seleção de fontes escandalosas, mas, legais.
Typography is a key element of design and communicating a message. This is especially true when it comes to Headlines that must attract immediate attention and wake an interest to investigate further. This articles provides a large collection of Font
Free Website Builder - Moonfruit - Beautiful websites, simply
http://www.moonfruit.com/
16 Inspiring Typography Based Blog Designs | Design Reviver
http://designreviver.com/inspiration/15-inspiring-typography-based-blog-designs/
inspiration for websites
Aviary - Creation on the fly / blog / Capture any webpage: Just add Aviary.com/ in front of the URL!
http://aviary.com/blog/posts/capture-any-webpage-just-add-aviarycom-in-front-of-the-url
You can capture any webpage at all, from any browser, by simply putting Aviary.com/ in front of the URL!
Grab a copy of the entire scrollable content of a web page (via Garry Martin)
Creation on the fly / blog / Capture any webpage: Just add Aviary.com/ in front of the URL!
Looking to grab a copy of the entire scroll-able content of a web page? Aviary, makers of a previously mentioned online image editing tool and Firefox extension, make it really simple: just add the site's URL after aviary.com/. The speed with which Aviary's Flash-based editor pops open depends on their server load and the content of the site you're trying to paste over. But the full-length capture works, allows you to save to the desktop (through the "Export" function) and make basic edits like cropping and text and shape addition. Aviary's URL appending service is free to use, requires a free account to save images online and access certain advanced features.
Aviary has just launched it's easiest feature yet! You can capture any webpage at all, from any browser, by simply putting Aviary.com/ in front of the URL! For example, say you want to capture Google's homepage: Just change http://www.google.com to Aviary.com/http://google.com. Dead. Simple. After capturing the page, you can edit it, add simple markup to it and save it to your desktop (or host it online with a single click). It should work on almost any public page on the Internet, with any browser. It can even capture Flash!
Beautiful Modern Vintage Illustrations by Tom Whalen | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/beautiful-modern-vintage-illustrations-tom-whalen
modern vintage illustrations... as described
BBC - Glow JavaScript Library
http://www.bbc.co.uk/glow/
WWIII Propaganda Posters - a set on Flickr
http://www.flickr.com/photos/doctabu/sets/72157620497679512/detail/
http://www.flickr.com/photos/doctabu/sets/72157620497679512/detail/
"Loose Tweets Sink Fleets"
Human-Centered Design Toolkit - Case Studies - IDEO
http://www.ideo.com/work/item/human-centered-design-toolkit/
Sitio con la metodología de IDEO !Increible¡
Outlaw Design Blog » 2009 Web Design Trends and How-To’s
http://www.outlawdesignblog.com/2009/2009-web-design-trends-and-how-tos/
Outlaw Design Blog » 2009 Web Design Trends and How-To’s
How to Create a 3D Text Photo Manipulation
http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-3d-text-photo-manipulation/
illustrator 3D text on furniture
写真合成
64 essential guides, tips and tutorials to definitely master Photoshop like a pro
http://www.photoshoproadmap.com/Photoshop-blog/2009/07/07/64-essential-guides-tips-and-tutorials-to-definitely-master-photoshop-like-a-pro/
Free Typographic XHTML/CSS-Layouts For Your Designs | CSS, Freebies | Smashing Magazine
http://www.smashingmagazine.com/2009/07/08/free-typographic-xhtmlcss-layouts-for-your-designs/
Just the thing for quick site knock-ups.
In May we announced the Typographic Layout Design Contest that aimed to collect beautiful typographic (X)HTML CSS-based layouts created by the design community and release them
Possible Blog Theme
http://www.smashingmagazine.com/2009/07/08/free-typographic-xhtmlcss-layouts-for-your-designs/
SlickMap CSS — A Visual Sitemapping Tool for Web Developers
http://astuteo.com/slickmap/
SlickMap CSS is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation.
リスト形式のサイトマップをグラフィカルに表現するCSS
SlickMap CSS is a simple stylesheet for displaying visual sitemaps directly from HTML unordered list navigation.
13 Beautiful Wordpress Showcase Sites | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/inspiration/13-beautiful-wordpress-showcase-sites/
This article shows you beautiful showcase websites, which collects WordPress based blogs and delivers long run inspiration.
10 ways to make your wordpress theme look like pro. » GoSee-Design › lifestory of a freelance team
http://jobberies.com/gosee-design/10-ways-to-make-your-wordpress-theme-looks-like-pro/
Here I list some of the hidden features I discovered that can enhance your theme.
bitquabit - The One in Which I Call Out Hacker News
http://blog.bitquabit.com/2009/07/01/one-which-i-call-out-hacker-news/
No, you couldn't. Why programmers say this sort of thing, hilariously dissected.
Very interesting look at what`s really required to have a complete web app.
Good rant about how the little touches that make great things great are invisible to many engineers (and users). It's strange that he thinks that this blindness is peculiar to the open source community, though.
"Do you have five minutes? No. Why? Because I’m lying. It would take much longer than five minutes. That’s the eternal optimism of programmers."
Very good critique of the notion that a web app which at its core may just be an interface to a couple of database tables is a trivial thing that can be banged out in a few days. While it's possible to put up a basic front-end that quickly, all the extras that go on top of that to make a real, usable application take much, much longer. User interface matters.
why it's hard to clone a major s/w site (stackoverflow)
Nice article by Benjamin Pollack in the discussion about cloning Stack Overflow.
21 Mindblowing Premium-Like Free Wordpress Themes
http://www.wpbeginner.com/wp-themes/21-mindblowing-premium-like-free-wordpress-themes/
Templates para WP
POPit - ポップイット
http://pop-it.jp/
ヴィレッジヴァンガード風pop
アフィリエイト報酬の一部を抜くのかな?
なんか素敵。
POPit(ポップイット)は手書き風のPOPをあなたが気に入っている商品などにつけて紹介できるWebサービスです。
Outlaw Design Blog » 20 Examples of Great User Interface Design
http://www.outlawdesignblog.com/2009/20-examples-of-great-user-interface-design/
Design Your Own Icons – 25 Tutorials and Articles Designers MUST Have | tripwire magazine
http://www.tripwiremagazine.com/design/tutorials/design-your-own-icons-25-tutorials-and-articles-designers-must-have.html
Design Your Own Icons – 25 Tutorials and Articles Designers MUST Have http://ow.ly/gSjT [from http://twitter.com/10minuteexpert/statuses/2551314576]
Como desenhar seus próprios ícones
14 Brilliant Tools for Evaluating Your Design’s Colors
http://sixrevisions.com/usabilityaccessibility/14-brilliant-tools-for-evaluating-your-designs-colors/
Six Tools For Testing Designs On Mobile Devices
http://www.sitepoint.com/blogs/2009/07/09/six-tools-for-testing-designs-on-mobile-devices/
17 Remarkably Professional Looking Free Fonts | Web Design Ledger
http://webdesignledger.com/freebies/17-remarkably-professional-looking-free-fonts
Remarkably
There is definitely not a shortage of free fonts. However, it can be difficult and time consuming to find free fonts that possess a superior and professional
iPhone-like password fields using jQuery // DECAF° blog für digitale kommunikation
http://blog.decaf.de/2009/07/iphone-like-password-fields-using-jquery/
Non-JS users get the common masked password fields.
iPhone-like password fields using jQuery // DECAF° blog für digitale kommunikation
Nice jQuery plugin to partially mask password fields.
50 Best-Of Designer’s (NEW) Download Picks and Resources | Noupe
http://www.noupe.com/photoshop/50-best-of-designers-free-resources.html
26 Websites for Tutorials Starting out in Website Design & Development / JRB
http://blog.jakerocheleau.com/2009/07/07/26-websites-for-tutorials-starting-out-in-website-design-development/
Using Wireframes to Streamline Your Development Process | Webdesigner Depot
http://www.webdesignerdepot.com/2009/07/using-wireframes-to-streamline-your-development-process/
Creating a wireframe is one of the first steps you should take before designing a website. A wireframe helps you organize and simplify the elements and content within a website and is an essential tool in the development process.
Infromación para generar wireframes, muy utiles para los proyectso web...
Helveticons
http://helveticons.ch/
wow
Hehkuva | Lehtikuva | a Sanoma company | hehkuva.com
http://www.lehtikuva.fi/hehkuva/
Pictures made of pictures made of pictures.
http://www.lehtikuva.fi/hehkuva/
50+ Tools To Make You a More Efficient & Organized Designer | Design Reviver
http://designreviver.com/articles/50-tools-to-make-you-a-better-faster-more-collective-designer/
Social Media Icons — Paul Robert Lloyd
http://paulrobertlloyd.com/2009/06/social_media_icons
2.0icons
From Paul Robert Lloyd.
Mastering Illustrator Effects
http://www.webdesignerwall.com/tutorials/mastering-illustrator-effects/
Pure CSS Timeline – Notebook | MattBango.com
http://mattbango.com/notebook/web-development/pure-css-timeline/
Pure CSS Timeline
おもしろいけど画像で作るべきだと思うな htmlを装飾に用いることになるからね
タイムラインをリスト要素で美しく実装するスタイルシート
The Roadmap To Becoming A Professional Freelance Web Designer | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/07/09/the-roadmap-to-becoming-a-professional-freelance-web-designer/
a time and budget management tool. One can create tasks, time their own work, run reports, and manage their money overall more efficiently.
Lifehacker - Turn a Bookshelf into a Secret Passage - Home office
http://lifehacker.com/5307420/turn-a-bookshelf-into-a-secret-passage
"Lifehacker reader agmk and his girlfriend hated the look of their cluttered home office and computer den. It seemed like even when the rest of their place was clean, their home office was always a little bit too messy. In an effort to make it easier to hide the nook that served as their home office they turned some Ikea bookshelves they scored off Craigslist into a pretty awesome office-concealing secret doorway."
Dude makes a batman-style hiding passageway on the cheap
13 Beautifully Designed Mac and iPhone App Websites | Web Design Ledger
http://webdesignledger.com/inspiration/13-beautifully-designed-mac-and-iphone-app-websites
13 Beautifully Designed Mac and iPhone App Websites | Web Design Ledger
Beautifully Designed
Apple Style designed sites
13 Beautifully Designed Mac and iPhone App Websites
The Apple brand is synonymous with good design. It also seems that a lot of applications made for Macs and the iPhone seem to possess a little something extra when it comes to aesthetics. The designers of these apps do a great job in carrying over that same high level of quality in branding. This is evident in the applications themselves as well as their websites. Most of these sites all share certain qualities such as excellent use of color, big highly detailed icons, and pixel perfect buttons.
Accueil | Portail des métiers de l'internet
http://www.metiers.internet.gouv.fr/
portail du gouvernement
« Informations utiles pour s'orienter dans les formations mais aussi dans les filières d’emploi nouveaux créés par l’Internet. Le Portail des Métiers de l’Internet [...] intègre un référentiel qui met en lumière les métiers des technologies de l’information et de la communication parmi lesquels des métiers émergents à forte valeur ajoutée que le public n'identifie pas toujours aisément. »
The Economist: Thinking Space
http://thinkingspace.economist.com/#/explore
Verschiedene Künstler zeigen ihren Arbeitsplatz
Super cool micro-site done in PV3D
リスト形式でサイトマップを書くとグラフィカルに表現してくれるCSS『SlickMap CSS』 - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/07/slickmap_css.html
リスト形式のhtmlが組織図になってしまうcss
How The Average U.S. Consumer Spends Their Paycheck - Visual Economics
http://www.visualeconomics.com/how-the-average-us-consumer-spends-their-paycheck/
Source: Consumer expenditures, U.S. department of Labor, U.S. Bureau of Labor Statistics, April 2009
Durchschnittsverbrauch eines US-Amerikaners
Unqualified Reservations: Wolfram Alpha and hubristic user interfaces
http://unqualified-reservations.blogspot.com/2009/07/wolfram-alpha-and-hubristic-user.html
A fantastic piece that gets to the heart of the problem with WA: its UI provides only unreliable affordances. To make the best use of its great computational engine and data visualisation parts you essentially have to learn the idiosyncrasies of an incredibly complex and unpredictable front-end.
"Like most hubristic UIs, Wolfram Alpha is operating with a completely fictitious user narrative."
Service Design Tools | Communication methods supporting design processes
http://www.servicedesigntools.org/
Coding a Clean & Illustrative Web Design from Scratch
http://sixrevisions.com/tutorials/web-development-tutorials/coding-a-clean-illustrative-web-design-from-scratch/
Coding a Clean & Illustrative Web Design from Scratch
One tutorial to do the whole thing form start to finish
ok
In this comprehensive and step-by-step web development tutorial, you will learn how to convert a Photoshop mockup of a professional web layout design that features an illustrative landscape header into a standards-compliant XHTML/CSS template.
40 Free Calligraphy Fonts » De Web Times - Sharing Useful Resources.
http://www.dewebtimes.com/40-free-calligraphy-fonts/
FONTS A MANO
Swedish Armed Forces - Recruitment 2009
http://rekryt.mil.se/recruitment2009/
Test di abilità delle Forze Armate Svedesi. Ben fatto, in Flash. In inglese. (Ma qualcuno mi dica: le Forze Armate svedesi fanno spesso cose così belle?)
The longest list of CSS frameworks you probably ever seen. | User Interfaces | Libraries and Components for Software Developers @ LibHound
http://www.libhound.com/web-development/user-interfaces/longest-list-of-css-frameworks
21 Popular Brands That Are Using Wordpress
http://www.wpbeginner.com/showcase/21-popular-brands-that-are-using-wordpress/
Why you should use wordpress too!
Wordpress is popular than you think it is. These brands include ebay, wired, sony, wsj and many more.
35 Beautiful Photography Websites | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/07/10/35-beautiful-photography-websites/
Cardon Copy
http://www.cardoncopy.com/index.html
CARDON COPY, TAKES THE VERNACULAR OF SELF- DISTRIBUTED FLIERS AND TEAR-OFFS WE HAVE ALL SEEN IN OUR NEIGHBORHOODS. IT INVOLVES HIJACKING THESE UNCONSIDERED FLIERS AND REDESIGNING THEM, OVER POWERING THEIR MESSAGE WITH A NEW VISUAL LANGUAGE. I THEN REPLACE THE ORIGINAL WITH THE REDESIGN IN ITS AUTHENTIC ENVIRONMENT.
artist takes down street posters/flyers, redesigns them, and puts them back up
street flyers redesigned. nice
Kul ju!
Great concept but I could go for less clicking on the site itself.
This man, Cardon, copies crappy fliers posted around Brooklyn and then re-designs them.
12 Navigation Options That Help Users Navigate Through Your Website Effectively | Onextrapixel - Showcasing Web Treats Without Hitch
http://www.onextrapixel.com/2009/07/09/12-navigation-options-that-help-users-navigate-through-your-website-effectively/
web design navigation. core nav, doc nav, classification path etc
Web Design Tutorials: The Ultimate Roundup | Graphics
http://www.hongkiat.com/blog/web-design-tutorials-the-ultimate-roundup/
Designing a website has never been easier. These days, you really don’t have to be attend design courses nor Photoshop workshop to pick up a skills or two; everyone can be self-taught thanks to generous designers who are willing to share their techniques online. Whether you are looking at creating a personal portfolio, corporate website, blog template or merely a simple personal websites, chances are somewhere out there there’s a Photoshop tutorial with a step to step guide showing you how to turn a blank canvas into a complete layout. Here’s a round-up of some of The Best Photoshop tutorials related to website interface design. Full list after jump.
20 great Wordpress Footer Designs for Inspiration | [Re]Encoded.com
http://www.reencoded.com/2009/07/07/20-great-wordpress-footer-designs-for-inspiration/
20 great Wordpress Footer Designs for Inspiration
reencoded.com: wordpress footer designs
Four Methods to Create Equal Height Columns | Build Internet!
http://buildinternet.com/2009/07/four-methods-to-create-equal-height-columns/
วิธีการจัดคอลัมน์ให้สูงเท่ากันหมด
alturas iguais
Create your free website - Moogo
http://moogo.com/
Costrutor de sites
QinetiQ - Life can be a pain!
http://www.qinetiq.nl/pivot/entry.php?id=3051&t=v2_mediapage_template.html
muito legal! entre nas fotos com o mouse...
Foto Interativa.
Sketch Style: Ten Fonts and Ten Design Elements
http://www.sitepoint.com/blogs/2009/07/10/sketch-style-ten-fonts-and-ten-design-elements/
Yesterday, we had a look at a few of the many fine Sketchy or Hand-drawing style sites on the web. Today, I’ve put together some resources that you might find useful if you are interested in applying that style to your own designs.
Elements
Max Design - standards based web design, development and training » CSS cascade - a simple step-by-step presentation
http://www.maxdesign.com.au/2009/06/30/css-cascade/
Here is a presentation I gave on the CSS cascade at a company training session recently. A simple ste-by-step tutorial on the CSS cascade - for web designers and developers who are new to CSS or have struggled with the Cascade.
css基础教程,不错的普及材料
Max Design - standards based web design, development and training
Kyle Standing / Daniele Codega's network
http://www.kylestanding.com/
check this code
How To Make Your Next Website Design Pop: Web Design Tutorial
http://justcreativedesign.com/2009/05/19/web-design-polishing-tutorial/
Background, chewable
Web design is one of those areas that when done right, you know it. It looks polished, refined and generally, just well done - it pops! There are a number of ways that you can achieve this and that is by ‘polishing’ off your design. Here we look at some of the ways to do just that.
The Ident Gallery
http://www.theidentgallery.com/
Recommended Books for your User Experience and Usability Library | UX Booth
http://www.uxbooth.com/blog/recommended-books-for-your-user-experience-and-usability-library/
15 great navigation design resources | Design daily news
http://www.designer-daily.com/13-great-menu-resources-2511
recusos de diseño, navegación
The navigation is a key element in web design, when creating your website it's crucial to use the appropriate menu in context. The following collection
15 Website for jQuery Enthusiast and Addicts | Desizn Tech
http://desizntech.info/2009/07/15-website-for-jqery-enthusiast-and-addicts/
Are you someone who is constantly wowed by the cool effects and animation jQuery can do and always searching jQuery tutorials and plugins? Here is a post for
jQuery tutorial and learning
PatternWall - Free Seamless Patterns
http://patternwall.com/
great bg patterns for free download
- Free Seamless Patterns
odosketch
http://sketch.odopod.com/
It might be lovely. I can use this meta servise to cool useful
cool sketches
Grid Style In Modern Web Design: Showcase and Resources | Showcases | instantShift
http://www.instantshift.com/2009/05/21/grid-style-in-modern-web-design-showcase-and-resources/
A Grid is an invisible structure used to guide the placement of elements on your page. Now days using a grid are one of those basic design principles. Over the past few years, there’s been a lot of talk about grid systems and using column grids for website layouts. It’s easier these days to embed a audio/video on the web than it is to set type consistently or align elements to a universal grid. Most news and editorial designers are working with grid systems someone else designed. No matter what you think about it, how you know about it, you need to understand how to use it. Here, in this Presentation, you’ll find everything you need to know about Grid Based Designs with some excellent resources provided by fallow designers and developers.
TypeSelect - Javascript-based Selectable Typefaces
http://www.typeselect.org/
jquery your fonts in there!
The hazy future of Web typography - Ars Technica
http://arstechnica.com/web/news/2009/07/font-face-typekit-and-font-licensing-the-state-of-web-type.ars
7/6/09 article: @font-face and typekit information
Chris Foresman for Ars Technica: "Type designers and font foundries don't want their fonts ripped off, browser vendors want a single standard, and designers want to be able to use whatever font best suits the design at hand. So far there isn't one clear solution that reconciles these competing desires."
Font workarounds Great article on font usage now and in the past.
25 Must-Read Books For Designers, Typography Lovers And Freelancers | Spyre Studios
http://spyrestudios.com/must-read-books-for-designers-typography-lovers-and-freelancers/
The Unlimited Freelancer
How to make really nice buttons — GIANT ROBOTS SMASHING INTO OTHER GIANT ROBOTS
http://giantrobots.thoughtbot.com/2009/7/10/how-to-make-really-nice-buttons
A nice tutorial from the Thoughtbot crew on button design for web apps
30 Vector Elements to Add to Your Next Design Project - Vectortuts+
http://vector.tutsplus.com/articles/web-roundups/30-vector-elements-to-add-to-your-next-design-project/
Visual Economics - Financial Infographics & More
http://www.visualeconomics.com/
http://www.visualeconomics.com/
WALL·E end title sequence + Jim Capobianco & Alex Woo interview | The Art of the Title Sequence
http://www.artofthetitle.com/2009/06/22/wall-e/
amazonのダンボール箱でつくるA4ファイルケース【マゴクラ】ダンボールインテリア生活
http://mago.pepper.jp/ccil45.htm
amazonの段ボールで作るファイルケース。これは凄い!つーか、土曜日に大量に捨ててしまった…
Unresolvable
cool hack
Screen Capture Tools: 40+ Free Tools and Techniques | Tools
http://www.hongkiat.com/blog/screen-capture-tools-40-free-tools-and-techniques/
Screen Capture Tools: 40+ Free Tools and Techniques
Screen Capture Tools: 40 Free Tools and Techniques
Screen capture, or print screen is perhaps the most efficient way to share whatever appears on your desktop. They help tech users like us to share and communicate better with friends and peers. Major operating systems today comes with basic screen capture and print screen function, but if these can’t fulfill what you need from a screen capture then you are probably looking for a screen capturing tool. Screen capturing tools do what the basic tool don’t. What these tools could do varies, including the ability to include sketches and text, instantly upload image online, audio capturing, dimension-specific capturing and more. Make your screen capture and sharing experience more interesting, here’s a showcase of 40+ Free Screen Capturing Tools and Related Techniques. Full list after jump.
30 Light and Sleek Web Designs for Inspiration
http://sixrevisions.com/design-showcase-inspiration/30-light-and-sleek-web-designs-for-inspiration/
The creative utilization of color gradients, lighting effects, glow effects, and details such as inset pixel dividers can result into a beautiful and impressive website design. When deciding on a color theme, designers often choose whether they’d like to use a dark or a light palette; in this showcase, you’ll get to see light and bright designs.
30 Light and Sleek Web Designs for Inspiration
This collection presents exemplary and gorgeous examples of light, bright and sleek web designs for your design inspiration.
Six Revisions
boedesign – ottawa based web dabbler » Blog Archive » Gritter for jQuery (Growl)
http://boedesign.com/2009/07/11/growl-for-jquery-gritter/
I’ve been hunting for a good jQuery Growl look-a-like plugin for some time, but I just can’t seem to find one that looks the exact same as the one for Mac OS, so like most web dabblers would do, I decided to roll my own. For those who don’t know what Growl is, it’s basically a notification bubble/popup that appears in the top right of your desktop – examples can be found here. Think of it as calling the alert() function in JavaScript, only it’s not a modal, it’s subtle and it doesn’t look like dog shit.
nice little info bubble controlled by jquery
very cool and the kind of things I have been looking for
tutorial about growl similar function to web pages
Ten Simple Rules for Choosing the Perfect CMS + Excellent Options | Noupe
http://www.noupe.com/php/choosing-cms-tips.html
Artigo que discute algumas variedades de CMS
nice list of CMS tools
Noupe
The content management system you choose can really make a huge difference in how much time you (or your clients) spend keeping a site updated and maintained. There’s a huge variety out there—some estimates put the number at around 1700 different options. Some are great…some, not so much. Below are ten useful guidelines to consider when choosing a CMS, followed by rundowns on ten great CMS options available and how they stack up based on the guidelines.
Front Page Stories | Designmoo
http://designmoo.com/
Digg for web-designers
36 Color Gradient Sets For Photoshop and Resource Sites: Part 1 | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/resources/36-color-gradient-sets-for-photoshop-and-resource-sites-part-1/
Links to sites with photoshop gradient links
40 Great Adobe AIR Applications for Designers and Developers | Webdesigner Depot
http://www.webdesignerdepot.com/2009/07/40-great-adobe-air-applications-for-designers-and-developers/
Air Applications for Designers and Developers
21 Fonts That Shouldn't Be Free...But Are! | Web Design Blog by Union Room Web Design
http://www.unionroom.com/blog/21-fonts-that-shouldnt-be-free-but-are/
Using the right type in your designs, both in type and web, is vital to an attractive and successful design. With so many free fonts out there (Da Font currently has over 9000 fonts to choose from) it’s hard to wade through the varying levels of quality available. We’ve picked out some great fonts that shouldn’t be free, but are!
Social Network Design: Examples and Best Practices | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/07/13/social-network-design-examples-and-best-practices/
Freaking awesome Examples and Best Practices - How To Social Network Design
...But what’s the best way to design a social network? What are the elements that make a social network more user-friendly and more attractive to users? Read on to find out. Mooie bundeling
Carsonified » How to Design a Portfolio Site
http://carsonified.com/blog/design/how-to-design-a-portfolio-site/
If you’re a freelance designer, you know how important your portfolio site is to your business. Therefore, we decided to commission Elliot Jay Stocks, a well-known web designer, to film two 30-minute screen-casts on “How to Design a Portfolio Site.” In part one Elliot gets you started by covering these points: The Three Key Concepts that make a portfolio site; Nine amazing portfolio sites to learn from; How to build great case studies to reinforce your expertise; The Ultimate Portfolio Checklist; How to add visual flair in Photoshop during the design phase; How to use Narrative Theory to strengthen your portfolio. In Part II, he’ll be jumping into some HTML and CSS to show you how to build your portfolio, and integrate it into a content management system.
"If you’re a freelance designer, you know how important your portfolio site is to your business. Therefore, we decided to commission Elliot Jay Stocks, a well-known web designer, to film two 30-minute screen-casts on “How to Design a Portfolio Site.”"
Information Architects » Blog Archive » The Spectrum of User Experience (1)
http://informationarchitects.jp/the-spectrum-of-user-experience-1/
iA is a strategic design agency in Tokyo, Japan. We analyze business goals and user needs, and develop interfaces that match.
number 1
CSS 3 Cheat Sheet (PDF) | CSS, Freebies | Smashing Magazine
http://www.smashingmagazine.com/2009/07/13/css-3-cheat-sheet-pdf/
CSS3 Cheat Sheet(PDF)
Smashing Magazine
45 Sets of Seamless Vector Patterns | Creative Nerds
http://creativenerds.co.uk/freebies/45-sets-of-seamless-vector-patterns/
45 Sets of Seamless Vector Patterns | Creative Nerds
Create a Vertical, Horizontal and Diagonal Sliding Content Website with jQuery | Queness
http://www.queness.com/post/356/create-a-vertical-horizontal-and-diagonal-sliding-content-website-with-jquery
Create a content sliding website that slide vertically, horizontally or diagonally. This is one of the famous techniques used by most of the porfolio websites.
Fonts Used In Logos of Popular Websites | Build Internet!
http://buildinternet.com/2009/07/fonts-used-in-logos-of-popular-websites/
Lindas fuentes
The Economist: Thinking Space
http://thinkingspace.economist.com/
@TheEconomist Enjoy Thinking Space. Visualize innovation's physicality.
Better Password Inputs, iPhone Style | CSS-Tricks
http://css-tricks.com/better-password-inputs-iphone-style/
iPhone style password input. implemented by duplicating the password field to a text field to have control of the contents.
SlickMap CSS Demo
http://astuteo.com/slickmap/demo/
Creating a Keyboard with CSS and jQuery - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-keyboard-with-css-and-jquery/
create a keyboard with html and css and jquery
Sometimes it's just fun to play around with the programming languages we know and see what we can create. I thought it might be nice to create a little online
30+ Easy To Follow Photoshop Layout Design Tutorials
http://www.webdesignbooth.com/30-easy-to-follow-photoshop-layout-design-tutorials/
Photoshop Layout Design Tutorials
Photoshop is an excellent application for web designers. No matter you are beginner of expert of Photoshop, you can easily get tutorials and resources by using the search engine. Most of the theme developers/designers will done their website design using Photoshop, and then slice and convert them into CSS/HTML template. Here, i had collected 30+ easy to follow Photoshop layout design tutorials. You can follow them step by step to learn how to create a website layout design by using Photoshop. 1. Carbon Fiber Layout Carbon Fiber Layout 2. Business Wordpress PSD Layout Business Wordpress PSD 3. Watercolored Background Web Portfolio Design Watercolored Background Portfolio Design
30+ Easy To Follow Photoshop Layout Design Tutorials
Textures Toolbox: 80+ Texture Resources for Designers
http://designm.ag/resources/textures-toolbox-80-texture-resources-for-designers/
50 Creative and Inspiring 404 Pages | Webdesigner Depot
http://www.webdesignerdepot.com/2009/07/50-creative-and-inspiring-404-pages/
Nice Type on Vimeo
http://vimeo.com/nicetype/
Kinetic Type Reference and Catalog
video
Sturdy typography, motion and kinetic type explorations, and other animated typographical niceness on Vimeo.
Quality-Price-Ratio in Web Design (Pricing Design Work) | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/07/14/quality-price-ratio-in-web-design-pricing-design-work/
Business aspects of design; pricing
I’m about to make a bold statement. The quality of a design and the monetary cost of producing or procuring that design have absolutely no relationship whatsoever. It’s a bitter pill to swallow, I know. Many of you are crying foul at this very moment, but hear me out. I’ll explain my radical position – and hopefully give you a few pointers about how to more effectively price and position your design business in this brave new, and uncorrelated, world.
Perhaps the best article on web design pricing I've ever read. This insightful story should be ready by every web designer.
80 Absolutely Beautiful Video Game Wallpapers | Wallpapers
http://www.hongkiat.com/blog/80-absolutely-beautiful-video-game-wallpapers/
50 Creative and Inspirational Personal Portfolio Websites : Speckyboy Design Magazine
http://speckyboy.com/2009/07/07/50-creative-and-inspirational-personal-portfolio-websites/
50 Creative and Inspirational Personal Portfolio Websites : Speckyboy Design Magazine
Creative Portfolio designs
25 Stunning Photoshop Fire & Explosion Tutorials
http://www.webresourcesdepot.com/25-stunning-photoshop-fire-explosion-tutorials/
Free Web Resources Everyday - WebResourcesDepot
Fire and Explosion tutorials in photoshop
25 Examples Of Light Effects In Web Design | Design Shard
http://www.designshard.com/inspiration/25-examples-of-light-effects-in-web-design/
25 Examples Of Light Effects In Web Design | Design Shard - http://www.designshard.com/inspiration/25-examples-of-light-effects-in-web-design/
Light Effects in Web Design
10 Rare and Cool jQuery Plugins | Queness
http://www.queness.com/post/360/10-rare-and-cool-jquery-plugins
10 Rare and Cool jQuery Plugins
25 High Quality Free Fonts for Professional Designs
http://sixrevisions.com/graphics-design/25-high-quality-free-fonts-for-professional-designs/
Creating Thumbnails Using the CSS Clip Property
http://www.seifi.org/css/creating-thumbnails-using-the-css-clip-property.html
Clippings are currently only offered in the shape of a rectangle but more shapes might be supported in the future. You can create a rectangle clipping using the rect shape. Using rect requires four coordinates Top, Right, Bottom, Left (TRBL). Let’s take a closer look at how clip calculates the clipping region since it tends to cause some confusion. Keep in mind that the bottom starts from the top, and the right starts from the left.
Some bitching in the comments but not a bad technique for some situations.
The Importance Of Wireframes In Web Design And 9 Tools To Create Wireframes | Onextrapixel - Showcasing Web Treats Without Hitch
http://www.onextrapixel.com/2009/07/15/the-importance-of-wireframes-in-web-design-and-9-tools-to-create-wireframes/
40 Sexy And Creative Typographic Logo Designs | Spyre Studios
http://spyrestudios.com/40-sexy-and-creative-typographic-logo-designs/
logos
40 logos creativos
I have always loved looking at well-designed logos and I like it even more when they feature great typography (hey, after all typography is sexy!) So, lately I’ve been looking for some inspiration for a new project and thought I’d check out some logo galleries to get those creative juices flowing.
Carsonified » 23 Essential HTML 5 Resources
http://carsonified.com/blog/dev/html-5-dev/23-essential-html-5-resources/
21 Absolutely Useful And Inspiring Collection Of Most Desirable Freebies @ SmashingApps
http://www.smashingapps.com/2009/07/14/21-absolutely-useful-and-inspiring-collection-of-most-desirable-freebies.html
30 iPhone Apps with Sexy Interfaces « AppStorm
http://mac.appstorm.net/roundups/iphone-roundups/30-iphone-apps-with-sexy-interfaces/
Beautiful and Functional Too!
Guzzle.it - Latest news about stuff you care
http://guzzle.it/
RSS Aggregator
vTip | Vertigo Project
http://www.vertigo-project.com/projects/vtip
vTip is designed to quickly provide very lightweight (706b js, 272b CSS, 270b image) tooltips to users of jQuery. The zip includes everything you need (including an example page), as well as jQuery for the examples to work.
para usar con javasctipt y jquery
vTip is designed to quickly provide very lightweight (706b js, 272b CSS, 270b image) tooltips to users of jQuery. The zip includes everything you need (including an example page), as well as jQuery for the examples to work. Using the jQuery framwork any element with a class of vtip will have it’s title attribute turned into a sleek, customizable tooltip without the klunk and loading time of a large tooltip script. Version 2 introduces a minified version meaning the entire script is now 44% smaller.
tool tips
Animating Design Elements: 7 Unique & Creative Practices | Noupe
http://www.noupe.com/design/animating-design-elements.html
We saw different methods and techniques that truly speak to the designer’s capabilities and creativity. A great way to distinguish yourself from the crowd is to have a truly unique user interface. Although there are many possibilities, you should carefully plan each project on its own. Not all techniques provide a solution for everything. Some of them are very helpful and easy to implement, but some lack usability and simplicity.
An Explanation of Photoshop Blend Modes
http://www.myinkblog.com/2009/07/14/an-explanation-of-photoshop-blend-modes/
great explanations plus photos to show you or download and "play along"
An Explanation of Photoshop Blend Modes
60+ Vintage Style Textures Every Designer Should Have - Web Design Blog 2009
http://free-web-design.co.cc/60-vintage-style-textures-every-designer-should-have.html
60+ Vintage Style Textures Every Designer Should Have
Clever PNG Optimization Techniques | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/07/15/clever-png-optimization-techniques/
Some nice strategies for reducing files sizes when creating PNG files. Don't worry. I promise I won't bring this up if you are a non-ridiculous-geek. But know that I could if I wanted. Or if you weren't fetching me drinks fast enough.
PNG 最適化
Some interesting details about how PNG works and therefore how it can be made small.
This post describes some techniques that may help you optimize your PNG-images. These techniques are derived from laborious hours spent on studying how exactly the PNG encoder saves data. We’ll start with some essentials about the PNG format and will then move to advanced optimization techniques.
As a web designer you might be already familiar with the PNG image format which offers a full-featured transparency. It's a lossless, robust, very good
マスターしておきたい、Illustratorの基本的なエフェクト集 | コリス
http://coliss.com/articles/build-websites/operation/design/tutorial-mastering-illustrator-effects.html
The Typography Manual - For the iPhone and iPod Touch
http://typographyapp.com/
The Typography Manual has several useful features and resources for designers, including a visual type anatomy glossary, a font size ruler, an em calculator, and enough content to fill a 60 page book.
Yay for nerd pedantry
Kibardindesign
http://www.kibardindesign.com/special-projects/concept/black-and-white-clock.aspx
Cool clock idea.
Want.
Kibardindesign
มายด์ ดรีม คล๊อก วู้วว
buy this clock
5 Pet Peeves Designers Have With Developers (and How to Avoid Them) | Webdesigner Depot
http://www.webdesignerdepot.com/2009/06/5-pet-peeves-designers-have-with-developers-and-how-to-avoid-them/
Pet Peeves Designers Have With Developers
Business Card Design: 100+ Creative Examples, Useful Tutorials and Templates | Inspiration
http://www.hongkiat.com/blog/business-card-design-100-creative-examples-useful-tutorials-and-templates/
海外のクリエイター名刺
There are no rules for creative card design. Custom shapes & cuts, spot UV, matte finishing etc are all playing factors but the crucial part is always an eye-catching design, whether it’s graphical, typographical or just simple great ideas.
BEAMS ARTS
http://www.beams.co.jp/beams-arts/
very neat concept for website
ここまで来ると、もうページという概念はいらない
速度感、音との連動
funky site
Beautiful Gradient Effects On Web design - Research: Part 2 | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/development/beautiful-gradient-effects-on-web-design-research-part-2/
Gradient Effects On Web design
It’s Monday and beautiful time to get inspired with very good examples and research a little bit what’s happening behind the scenes from graphic designer view. This time I will showcase and analyze gradient effects used effectively in web-design and logo design creation. It’s very important to create and use subtle and eye-catchy color combinations and transitions to achieve modern and stylish effect. Maybe you haven’t noticed but light and shadow effects are widely used and it doesn’t necessary mean just color, but to bring greater effect, use textures and then put on them light but observable transparent color effects and you’ll see magic happening. Using light you can easily emphasize places and actually lead visitor’s attention from point to point using just color, illustrations, text size. After this short introduction I’ll start to share beautiful examples of web site designs which use such light,shadow and gradient effects in very good way.
27 Stunning Examples of Header Design Inspiration - Inspect Element
http://inspectelement.com/articles/27-stunning-examples-of-header-design-inspiration/
exemplos de topos para sites
Headers are the usually the first thing you see so the examples shown have gone for big, bold and beautiful headers that give the design character while also making them very memorable.
115 Amazing Dual Screen Wallpapers To Spice Up Your Desktop | Showcases | instantShift
http://www.instantshift.com/2009/07/16/115-amazing-dual-screen-wallpapers-to-spice-up-your-desktop/
Wallpapeurz
25 amazing lifehacks for designers
http://www.designer-daily.com/25-amazing-lifehacks-for-designers-2579
Summer is the best time to take a breath and upgrade some professionnal or personnal skills. This list will let you find some food for thoughts, but also some cute little hacks to experiment with gadgets. Photography 1. DIY $10 Macro Photo Studio Not a professional photographer? This DIY macro photo studio will be enough for most of your close-up pictures… for $10! 2. 12 ways to use your camera as a tool Because your camera is not only here to take pictures of your cute cat. 3. How To Use Vintage Lenses with Your DSLR Get good camera lenses for less money, you know you want to. 4. Setting up your own studio at home Good tips on lightening and set up. 5. DIY Remote shutter trigger for Digital Cameras Pretty cool stuff, will try it soon. 6. Build a USB Digital Microscope in 60min and 15$ Could do some great graphics with such a gadget. Productivity 7. 5 ways to spend less time at work If you’re in design, chances are that you love/like your job. It’s still a good idea to try not s
It’s All About Me!! – 55 Awesome About Me Pages | Design Reviver
http://designreviver.com/inspiration/50-inspiring-and-unique-about-me-pages/
remember this for the blog
The New York Review of Ideas
http://www.newyorkreviewofideas.com/
72 Sets of Free Social Bookmarking Icons - Icons - Geek Sucks
http://www.geeksucks.com/icons/72-sets-of-free-social-bookmarking-icons.htm
Eye-catching social bookmarking icons are a big plus point for a website. If social bookmarking icons are attractive then probabilities of website visitors clicking on them get increases which help everybody to split, promote and bookmark your content. So, for my website visitors I have gathered a huge set of collection of social bookmarking icons. In the rest part of my article, you will see the collections of my social bookmarking icons that I found after spending lots of time and labor and I expect you will find your desire one from here to include in your blog. Extended Set of Social Iconst
Haven't seen a lot of these before.
How to Make a Dark, Post-Apocalyptic City Illustration - Psdtuts+
http://psd.tutsplus.com/tutorials/photo-effects-tutorials/how-to-make-a-dark-post-apocalyptic-city-illustration/
How to Make a Dark,
in this tutorial, we'll change a full of sunshine, ordinary photograph into a gloomy image of the world after destruction of mankind.
10 Incredible Sites to Improve Your Typography Skills | Web Design Ledger
http://webdesignledger.com/resources/10-incredible-sites-to-improve-your-typography-skills
list great typography websites that will inspire and equip
Typography
Awesome Foundation
http://awesomefoundation.org/
for Karl?
Welcome to the Awesome Foundation for Arts and Sciences We support people doing awesome things in the world. Every month we give out a grant. Information on how to submit follows. What is Awesome? Awesomeness is often overlooked by mainstream culture, which tends to rehash the same broadly appealing but mediocre creations. Thankfully, there is the web. Awesomeness is more the product of a creator’s passion than the prospect of audience or profit. Awesome creations are novel and non-obvious, evoking surprise and delight. Invariably, something about them perfectly reflects the essence of the medium, moment, or method of creation. Awesomeness challenges and inspires.
boston cambridge grants awesome idea foundation
Submit an awesome idea. If we pick it, we'll give you $1,000 in cash. Yup, $1,000. Cash. Maybe even in a brown paper bag. You'll also get access to coworking space at BetaHouse for the month of your grant. The only condition is that you be willing to tell us (and some of our friends) about what you did a month later. If we don't pick it, don't stress, we'll pick a new awesome idea next month.
Code Style: CSS style guide, learn CSS style code and glossary terms
http://www.codestyle.org/css/
Code Style: CSS style guide, learn CSS style code and glossary terms
CSS style guide with FAQs on CSS code, cascading style sheet problems, CSS coding techniques and example CSS navigation code.
Amazing Light Paintings | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/amazing-light-paintings
Light paintings, aka as light drawing or light graffiti is a photography technique in which exposures are made usually at night or in a darkened room. The images we will show here are all from Jan Wöllert and Jörg Miedza, the guys behind LAPP-PRO.
Incredible Shadow Art Created From Junk
http://www.environmentalgraffiti.com/featured/incredible-shadow-art-created-from-junk/12265
Excelente arte com sombras do lixo
"British-born and -based artists Tim Noble and Sue Webster skilfully skirt the boundaries between beauty and the shadowier aspects of humanity, playing with our perceptions as well as our notions of taste. Many of their most notable pieces are made from piles of rubbish, with light projected against them to create a shadow image entirely different to that seen when looking directly at the deliberately disguised pile."
very cool shadow stuff
BBC Memoryshare
http://www.bbc.co.uk/dna/memoryshare/
The Game Crafter - Your game REALIZED - Home
http://www.thegamecrafter.com/home
12 great tutorials on creating a new Wordpress Theme | [Re]Encoded.com
http://www.reencoded.com/2009/07/16/12-great-tutorials-on-creating-a-new-wordpress-theme/
good tips on developing website in wordpress
perindah blog anda dengan tampilan yang beda.............
50 Examples of Vintage Typography | Webdesigner Depot
http://www.webdesignerdepot.com/2009/07/50-examples-of-vintage-typography/
Colección de carteles viejos
50 ejemplos de tipografía Vintage
Seth's Blog: How to make graphs that work
http://sethgodin.typepad.com/seths_blog/2009/07/how-to-make-graphs-that-work.html
it's the third one, you can probably dispense with the graph altogether. And the fourth isn't really a presentation, it's a working session. Which means you're trying to light a fire, make a point, highlight a trend, cause action to be taken. Your gra
How to make graphs that work
Good results should go up on the Y axis. This means that if you&#039;re charting weight loss, don&#039;t chart &quot;how much I weigh&quot; because good results would go down. Instead, chart &quot;percentage of goal&quot; or &quot;how much I lost.&quot;
good article about graphs
Create a Twitter-Like “Load More” Widget - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/create-a-twitter-like-load-more-widget/
twitterみたいな「もっと読む」を作成
FreshBump » Blog Archive » A-Z Of Typographers
http://www.freshbump.com/featured/special-features/a-z-of-typographers/
Best Examples of Watercolor in Web Design | Web Design Ledger
http://webdesignledger.com/inspiration/best-examples-of-watercolor-in-web-design
Amazing listing of some gorgeous, gorgeous web interfaces.
PNG画像をより美しく、より軽量に最適化するテクニック | コリス
http://coliss.com/articles/build-websites/operation/design/howto-png-optimization-techniques.html
Ready for use: CSS3 Template Layout | Fyrdility
http://a.deveria.com/?p=236
I’m happy to announce the latest project I’ve been working on: A jQuery plug-in to provide support for the CSS Template Layout Module. For those of you unfamiliar with this specification, it provides a relatively easy way to make a table-like layout using CSS. Until recently it was known as the “CSS Advanced Layout Module”. The spec is still a “working draft”, so it can still change significantly. But while that status hasn’t stopped browsers from implementing other CSS3 modules, so far none have tried implementing this one. Inspired by Eric Meyer’s Call for a layout system as well as his suggestion that many CSS features can be made to work using JavaScript, I went to work. Why wait for browsers to implement something when we can have JavaScript take care of it today? The advantages to using this system include: * Source independence, so there’s lots of possibilities with the same markup * All the benefits of a table-like design without the drawbacks * Instant overvie
CSS3 Template Layout
A jQuery plug-in to provide support for the CSS Template Layout Module.
40 Professional and Free Drupal CMS Themes : Speckyboy Design Magazine
http://speckyboy.com/2009/06/24/40-professional-and-free-drupal-cms-themes/
The massive Drupal community, headed by its 2000 developer account members, offer a huge range of free resources. As with the nature of anything open-source, the resources available for Drupal, are (mostly) free, professional and high quality.
speckyboy.com: free drupal cms themes
Watercolor Free Icon Pack - Tutorial9
http://www.tutorial9.net/resources/watercolor-free-icon-pack/
This Free Icon Pack is for use in your personal and commercial projects, and can be used without attribution. It may not be redistributed. This Free Watercolor Icon Pack was created exclusively for the viewers of Tutorial9 by Elio Rivero of ilovecolors. Each icon is in .png format sized at 256×256px with transparent backgrounds. The 36 different icons have varying opaquness that allow the background and texture seep through the icons like watercolor on canvas. This is a freebie you can’t pass up! Water Color Icons Preview Download the Icons
Each icon is in .png format sized at 256×256px with transparent backgrounds. The 36 different icons have varying opaquness that allow the background and texture seep through the icons like watercolor on canvas. This is a freebie you can’t pass up! Water Color Icons Preview
10 Usability Lessons from Steve Krug’s Don’t Make Me Think | UX Booth
http://www.uxbooth.com/blog/10-usability-lessons-from-steve-krug%E2%80%99s-dont-make-me-think/
"Many people in the usability community regard Steve Krug’s book Don’t Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition as the laypersons usability bible. This book explains briefly and concisely everything one needs to know about getting started with web usability. For more advanced users, it’s a great refresher course."
Korte samenvatting van het boek "Don't make me think!" van Steve Krug (aanrader)
Lessons From Swiss Style Graphic Design | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/07/17/lessons-from-swiss-style-graphic-design/
Tom Wujec on 3 ways the brain creates meaning | Video on TED.com
http://www.ted.com/talks/tom_wujec_on_3_ways_the_brain_creates_meaning.html
10 Image and Gallery Lightbox Solutions for Wordpress - Plugins : Speckyboy Design Magazine
http://speckyboy.com/2009/03/31/10-image-and-gallery-lightbox-solutions-for-wordpress-plugins/
Image and Gallery Lightbox Solutions for Wordpress
some lightbox plug-ins for WordPress
Periodic Table of the Operators
http://www.ozonehouse.com/mark/periodic/
Being a comprehensive and complete enumeration of the Operatic Elements of the Perl 6 Language, assembled and drawn with dedication and diligence by M. Lentczner as a service to both the Community and the Republic. May this simple presentation with various illustrative devices increase Knowledge & Understanding amongst practitioners in the art of Software. Third Edition, February 14th, Two Thousand Nine
Perl 6 operators
Perl 6 Language Operatic Elements
Blog comments design considerations
http://www.jankoatwarpspeed.com/post/2009/03/30/Blog-comments-design-considerations.aspx
30 Photo Manipulation Tutorials for Photoshop | Vandelay Design Blog
http://vandelaydesign.com/blog/design/photo-manipulation-tutorials/
With Photoshop, amazing results are possible for photo manipulations. In this post we'll feature 30 tutorials for creating your own photo manipulation. The tutorials shown here will teach a wide variety of techniques and will work towards end results of all kinds. Combine Photo Elements to Create a Surreal Photo Manipulation
30 Photo Manipulation Tutorials for Photoshop
50+ Pro Logo Designers to Follow on Twitter | Siah Design
http://siahdesign.com/archives/590
designers, twitter
50+ Pro Logo Designers to Follow on Twitter
25 Amazing Retro Web Sites for Your Inspiration | PV.M Garage
http://www.pvmgarage.com/en/2009/06/25-amazing-retro-web-sites-for-your-inspiration/
The Ultimate Roundup of Paper Inspired Designs: Websites, Free Themes, Brushes, Textures and Tutorials! | The Design Superhero
http://thedesignsuperhero.com/2009/04/the-ultimate-roundup-of-paper-inspired-designs-websites-free-themes-brushes-textures-and-tutorials/
Using paper as a design element is one of the most popular trend in web design. In this post, we are showcasing 60+ best website designs which follow this trend
Using paper as a design element is one of the most popular trend in web design. In this post, we are showcasing 60+ best website designs which follow this trend along with 10 Free Wordpress themes, 10 Tutorials, 20+ Textures, 14 Photoshop brushes and
25 Fresh and New jQuery Plugins and Tutorials : Speckyboy Design Magazine
http://speckyboy.com/2009/07/17/25-fresh-and-new-jquery-plugins-and-tutorials/
25 Fresh and New jQuery Plugins and Tutorials
CSS gallery CSS TEA - 106 Examples of Wooden Background
http://www.csstea.com/css-gallery-news-and-resources/410-106-examples-of-wooden-background.html
106 Examples of Wooden Background
Building Respect for Usability Expertise (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/respect.html
Enemies of usability claim that because "the experts disagree," they can safely ignore user advocates' expertise and run with whatever design they personally prefer.
The Game Crafter - Your game REALIZED - Home
http://www.thegamecrafter.com/
website where you can publish your own game
Print-on-demand comes to game making. Quite a cool resource for rapid prototyping.
They make boardgames that you design.
self publishing site for diy board games
It is time you took that game you created and publish it.
Web-Design Trends: 40 Illustrative Website Designs | Spyre Studios
http://spyrestudios.com/design-trends-40-awesome-illustrative-web-designs/
Web-Design Trends: 40 Illustrative Website Designs
Best of All Time
The Most Popular Photoshop Tutorials of all Time
http://psdfan.com/inspiration/graphic-design/the-most-popular-photoshop-tutorials-of-all-time/
The Most Popular Photoshop Tutorials
Design Ignites Change
http://www.designigniteschange.org/
Design Ignites Change challenges students to use design thinking to explore and create solutions for pressing social problems.
Creativity holds enormous power for fostering positive social change. Instilling this ideal in the next generation of creative professionals is core to Design Ignites Change, a collaboration between Adobe Youth Voices and Worldstudio (click here for additional Partners ). Design Ignites Change promotes and encourages talented high school and college students across the country to use design thinking and innovation to create messages for, and solutions to, pressing social problems. Each year, participating colleges, universities and high schools engage with their students to create work that addresses powerful social topics ranging from issues of diversity, homelessness, hunger and gun violence to scarce water resources, sustainability and endangered species. The students are encouraged to develop actual projects that are visible in, and beneficial to, their local communities; projects that stimulate thought, dialog, action and ultimately change.
design social change pro bono difference non-profit green sustainable inspiration
10 Creative Brochure designs - Blog - Touchey - design magazine
http://www.touchey.com/blog/2009/6/7/10-creative-brochure-designs.html
10 Creative Brochure designs - Blog - Touchey - design magazine - http://www.touchey.com/blog/2009/6/7/10-creative-brochure-designs.html
Design Inspiration resource for professionals and students. Get tips and check the latest interactive, graphic, interior, architecture and industrial design trends. lebanon, middle east, dubai, qatar, ksa, jeddah
Creative Brochure designs
22 Very Useful Adobe Illustrator Tutorials | Web Design Ledger
http://webdesignledger.com/tutorials/22-very-useful-adobe-illustrator-tutorials
I have to admit, my Illustrator skills aren't what they should be. I have been living in Photoshop and Flash for the past 2 years and have become somewhat rusty
50+ Fresh and Unique Personal Portfolio Websites | Noupe
http://www.noupe.com/design/personal-portfolio-websites.html
Impress Your Friends With These 20 jQuery Tutorials | Spyre Studios
http://spyrestudios.com/jquery-tutorials-plugins-impress-your-friends/
The Codeless Website: Four Awesome Tools for Creating Cool, No-Tech Sites
http://www.readwriteweb.com/archives/the_codeless_website_four_awesome_tools_for_creati.php
codeless web site design links
50 New CSS Techniques For Your Next Web Design | CSS | Smashing Magazine
http://www.smashingmagazine.com/2009/07/20/50-new-css-techniques-for-your-next-web-design/
Moof
http://moof.com/
Pick and choose what music you want to listen to. Create playlists, organize your music, listen online...
got a chuckle out of the sign-in/registration forms at the bottom.
online music streaming
Web fonts. Where are we? Will web fonts ever be a reality? | i love typography, the typography and fonts blog
http://ilovetypography.com/2009/07/20/web-fonts-%e2%80%94-where-are-we/
"With all the talk about web fonts, I think it’s time I tried to outline the present situation. I’ve not attempted to do so before, owing to the complexity of some of the material, and the speed at which things are moving."
Different Ways To Format CSS | CSS-Tricks
http://css-tricks.com/different-ways-to-format-css/
This post will focus on the different ways to format CSS, which differs from the different ways to organize CSS. Definitely related concepts, but I think
これはおもしろい
25 High Quality Free Fonts for Professional Design | tripwire magazine
http://www.tripwiremagazine.com/design/design/25-high-quality-free-fonts-for-professional-design.html
25 High Quality Free Fonts for Professional Design
This article will give you an overview of some high quality free fonts available for use in professional designs
Stop Image Hotlinking with .htaccess
http://www.thewebsqueeze.com/web-design-tutorials/stop-image-hotlinking-with-htaccess.html
The Power of HTML 5 and CSS 3 • Perishable Press
http://perishablepress.com/press/2009/07/19/power-of-html5-css3/
HTML 5 and CSS 3 are quickly gaining popularity, revealing their collective power with some exciting new design possibilities.
Web designers can do some pretty cool stuff with HTML 4 and CSS 2.1. We can structure our documents logically and create information-rich sites without relying on archaic, table-based layouts. We can style our web pages with beauty and detail without resorting to inline <font> and <br> tags. Indeed, our current design methods have taken us far beyond the hellish era of browser wars, proprietary protocols, and those hideous flashing, scrolling, and blinking web pages.
15 sites web developers and designers should know
http://www.catswhocode.com/blog/15-sites-web-developers-and-designers-should-know
Metalist of good sites for assisting in web development
photoshopでゼロから作るウェブデザイン チュートリアル30選 | DesignWalker
http://www.designwalker.com/2009/07/photoshop-scratch.html
中級、上級者の方々でもデザインの幅を広げる意味でもとっても参考になりそうなチュートリアルばかりです。
様々な変わったデザインのwebの作り方
110+ Artworks From The Top 20 Digital Artists in Europe - Psdtuts+
http://psd.tutsplus.com/articles/web/110-artworks-from-the-top-20-digital-artists-in-europe/
Here at Tuts+ we regularly witness the talents of creative hobbyists and professionals from every corner of the globe. In this post, the first in a series, we want to shine light on the incredible Photoshop talent coming out of almost every continent. Today we start with Europe - next week, South America! Is your country or city represented?
110+ Artworks From The Top 20 Digital Artists in Europe - Psdtuts+ - http://psd.tutsplus.com/articles/web/110-artworks-from-the-top-20-digital-artists-in-europe/
Squaregirl.com - Blog - iPhone CSS
http://squaregirl.com/blog/2009/6/1/iphone-css.html
Ever wished you could isolate one or two elements in your site's style to render differently on the iPhone? You can!
Ever wished you could isolate one or two elements in your site's style to render differently on the iPhone? You can! Use this CSS:
? You can! Use this CSS:
Ever wished you could isolate one or two elements in your site's style to render differently on the iPhone? You can with this css
In choosing a CMS: 40+ Great CMS Theming Tutorials | Noupe
http://www.noupe.com/php/cms-theming-tutorials.html
16 Exciting Adobe Photoshop Tutorials To Boost Your Creativity | Smashing Downloads
http://www.smashingdownloads.com/2009/07/20/16-exciting-adobe-photoshop-tutorials-to-boost-your-creativity/
photoshop cool tricks
In the Woods - 25 Essential Web Services for Designers
http://blog.themeforest.net/resources/25-essential-web-services-for-designers/
More than 100,000 icons in one place - The ultimate icon collection.
http://www.iconfinder.net/ultimate
The ultimate icon collection.
What to Include In Your Design Contracts
http://www.thedesigncubicle.com/2009/07/what-to-include-in-your-design-contracts/
If you’re a freelance graphic designer (or any profession for that matter) and do not have contracts or standard terms and conditions that you provide your clients to sign prior to starting a project… well let’s just say you’re silly. You WILL at some point need it to protect your business, as for the reason I am writing this is due to a recent incident in which my contract protected me. Building your own design contracts isn’t always easy—there’s much to include, but once it’s written and out of the way it’s as easy as hitting ‘attach’ and ’send’ in your email. Often at times, client’s ask specific requests so I can easily tailor mine to fit their project if need be. Instead of covering each and every angle of a design contract, below I have listed the basics and essentials to include in your standard graphic design terms and conditions or contracts. Feel free to add more in the comments below.
Below I have listed the basics and essentials to include in your standard graphic design terms and conditions or contracts.
phic errors, etc. Also if the client provides you materials to work from and they’re lost or damaged it must be accounted and compensated fo
LEGAL
55 Niche Web Design Galleries for Your Inspiration | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/niche-web-design-galleries/
Varios Formatos de Paginas Web
Designers are always looking somewhere for inspiration, and there are plenty of design galleries online that have been created for this purpose. Personally, many of my favorite galleries are niche-specific, which makes them stand out from the hundreds of other galleries and unique in some way.
Designers are always looking somewhere for inspiration, and there are plenty of design galleries online that have been created for this purpose. Personally, many of my favorite galleries are niche-specific, which makes them stand out from the hundreds of other galleries and unique in some way. Over a year ago Muhashar Iqbal published a list of niche galleries on the Most Inspired blog. I decided to put this list together because a number of great additions have been launched since that post was published. In this post I've tried to focus on the niche galleries that are currently active (or at least point out those that are not being updated) so that they can be useful resources to you if the topic is of interest. E-Commerce Galleries: CartFrenzy Our own gallery that showcases the best e-commerce designs.
Do You Have These 11 Traits of Highly Creative People? | Copyblogger
http://www.copyblogger.com/highly-creative-people/
Would you like to be more creative in your copy and blogging? It’s really not as hard or mysterious as you might think.
Awesome
copyblogger
Are willing to TEST new ideas and compete with others based on results. Isn’t that what they mean by the “market of ideas”? Isn’t that what business competition is about? If you’re afraid of being wrong or losing, your creativity will suffer.
Think of creativity as a muscle. The more you use it, the stronger it gets. To increase your creativity, you simply need to “act” like a creative person. Not surprisingly, people recognized as creative tend to share common traits.
50 Social Service and Bookmarking Icon Sets for Bloggers : Speckyboy Design Magazine
http://speckyboy.com/2009/07/20/50-social-service-and-bookmarking-icon-sets-for-bloggers/
Social Service and Bookmarking Icon Sets
There are many elements of blogging that are essential, the most important is the ability to share your posts and information with a wider audience, and we accomplish this via the many social bookmarking services (digg, delicious, twitter…) that are available. Finding a bookmarking iconset that fits into your theme can be difficult or maybe you don’t want the boring or the bland, but you want an iconset that has been designed by a high quality designer and has something distinctive and original. Below you will find such iconsets.
The Art Of Applying Rule Of Five Plus Or Minus Two For An Effective Wireframe | Onextrapixel - Showcasing Web Treats Without Hitch
http://www.onextrapixel.com/2009/07/20/the-art-of-applying-rule-of-five-plus-or-minus-two-for-an-effective-wireframe/
When presenting any kind of information on a page, avoid overwhelming your visitor with too many choices. Its best to use no fewer than 3 and no more than 7 groupings of elements.
The Art Of Applying Rule Of Five Plus Or Minus Two For An Effective Wireframe |
Open Source Designers - A community of practice for design & user experience people in Open Source
http://www.designintheopen.org/
If you’re doing design & user experience work in an open source community, then chances are we have a lot in common – no matter what community we’re working in. We have some big challenges every day, but we also know that if we can overcome those challenges we can make a really big contribution to the sustainability and increased popularity of open source software.
Leisa Reichelt's been working on Drupal (in the open) and sent this pointer to a community for people doing UED work for open source projects
How to Make a Green & Sleek Web Layout in Photoshop
http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-make-a-green-sleek-web-layout-in-photoshop/
iPhone Apps Design Mistakes: Over-Blown Visuals | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/07/21/iphone-apps-design-mistakes-overblown-visuals/
Great read for iPhone App Designers
30 Handy Cheat Sheets and Reference Guides for Web Professionals | Webdesigner Depot
http://www.webdesignerdepot.com/2009/07/30-handy-cheat-sheets-and-reference-guides-for-web-professionals/
Cheat sheets and reference guides are useful for both beginners and advanced web professionals. They can be used to help you remember syntax or as a tool to aid in memorization. In this post, we aim to cover the reference guides for all of the most commonly used platforms, software and coding languages. Below you’ll find a compilation of the 30 most useful and well-organized cheat sheets, checklists and reference guides. If you know of a useful cheat sheet that we haven’t covered here, please share the link in the comments’ section at the end of the article.
Free Textures from love textures
http://www.lovetextures.com/
free texture archive
http://abduzeedo.com/incredible-new-portfolio-dave-hill
http://abduzeedo.com/incredible-new-portfolio-dave-hill
Incredible New Portfolio of Dave Hill
9 Marketing Tips from a Six-Year Old’s Lemonade Stand | Webdesigner Depot
http://www.webdesignerdepot.com/2009/07/9-marketing-tips-from-a-six-year-olds-lemonade-stand/
Marketing Tips from a Six-Year Old’s Lemonade Stand | Webdesigner Depot
Don’t just offer lemonade. Put in that extra sprig of mint
By the end of the day, Sophia had made a whopping eight dollars at her “free” lemonade stand. When it was all said and done, I realized that although my original business lessons didn’t stick with my daughter, I learned a lot about marketing.
The other day my daughter, Sophia, announced that she wanted to set up a lemonade stand. Seeing as how I didn’t really want to spend the better part of my
Starkers: The completely naked theme for WordPress
http://elliotjaystocks.com/starkers/
The completely naked theme for WordPress
16 Gorgeous Web Safe Fonts To Use With CSS | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/web-development/16-gorgeous-web-safe-fonts-to-use-with-css
Las 16 tipos disponibles para web css en MAC, PC y Linux
50 New Beautiful Blog Designs | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/07/22/50-new-beautiful-blog-designs/
There are things that can't be showcased too often. For instance, beautiful blog designs. We have presented hundreds of beautiful blog designs in the past
10 Free High Res Coffee Stains Textures
http://sixrevisions.com/freebies/textures/10-free-high-res-coffee-stains-textures/
Coffee Stain Textures
In this set, you’ll find 10 high-resolution and large-scale coffee stains texture stock images. They have a very liberal Creative Commons license so that you can use them in any manner you choose, whether it’s personal or commercial. Since they’re all 2,896px by 1,944px in size, they’re big and can be rescaled down for most purposes.
In this set, you’ll find 10 high-resolution and large-scale coffee stains texture stock images. Since they’re all 2,896px by 1,944px in size, they’re big and can be rescaled down for most purposes.
10 Free High Res Coffee Stains Textures
A Different Top Navigation
http://net.tutsplus.com/tutorials/javascript-ajax/a-different-top-navigation/
interesting option go to near the bottom with "We're Done" Demo
When designing a new site, web designers usually face the age-old question: vertical or horizontal navigation? There are pros and cons to both solutions. One
Colorburned | Stunning Smoke Effects: 42 High Resolution Photoshop Brushes
http://colorburned.com/2009/07/stunning-smoke-effects-42-stunning-high-resolution-photoshop-brushes.html
Colorburned
煙のブラシ。
HowPack
http://howpack.com/
色々なパック集。
cut-outs for different types of 3d models/cartons etc.
Welcome to Howpack.com! It’s the most powerful online guide and value added one stop station for about packaging design, constracture, materials and package printing, manufacturing etc. You would find the current happenings in global packaging world and the up to date packaging solutions here. It’s the answer for about how to pack and make your package perfect.
packaging die cut
packaging design,
30 Examples of Extreme Minimalism in Web Design | SingleFunction
http://singlefunction.com/30-examples-of-extreme-minimalism-in-web-design/
I thought this week would be the time to share with everyone examples of extreme minimalism in web design, and how with minimal elements, when properly used, so much can be achieved.
30 Examples of Extreme Minimalism in Web Design
Bringing Web Fonts Closer | Kernest
http://kernest.com/
Using Wikis to Document UI Specifications - Boxes and Arrows: The design behind the design
http://www.boxesandarrows.com/view/using-wikis-to
Using Wikis in Project Planning
20 User Experience Books you should own | UXbyDesign.org
http://www.uxbydesign.org/2009/06/24/20-user-experience-books-you-should-own/
For people who make things for people who use things...
27 Inspirational Horizontal Scrolling Websites | Dzine Blog
http://dzineblog.com/2009/07/web-design-ideas-27-horizontal-scrolling-websites.html
Horizontal Scrolling was considered evil before, but now it’s considers as one of a unique way ( mostly for showcasing Things) of approach in web design, And it seems that in most cases it is really put to use in an intelligent way, horizontal scrolling is not good idea in every situation, but when done properly they can really make a website standout, after checking out these samples you can see how it can actually be an interesting interface
21 Must-Have Web Apps for Designers & Developers
http://www.softalize.com/2009/07/22/21-must-have-web-apps-for-designers-developers/
Web based tools are always very helpful for any designer and developer and no one can deny of its importance, Today We have compiled 21 Free And Helpful Web Based Tools for daily web needs. Most of them are not very well known, but they are really amazing in respect to their features.
Load Data while Scrolling Page Down with jQuery and PHP
http://9lessons.blogspot.com/2009/07/load-data-while-scroll-with-jquery-php.html
Load Data while Scrolling Page Down with jQuery and PHP
Like scroll in google reader
18 Creative Examples of Typography in Motion | Webdesigner Depot
http://www.webdesignerdepot.com/2009/07/18-creative-examples-of-typography-in-motion/
webdesignerdepot.com: typography in motion
TYPE - EXAMPLES typography in motion http://vimeo.com/687456
40+ Vector Characters Adobe Illustrator and Photoshop Tutorials | Noupe
http://www.noupe.com/graphics/40-character-mascot-illustrator-tutorials.html
40+ Vector Characters Adobe Illustrator and Photoshop Tutorials | Noupe
How to create vector characters. For Digital Pictures or 9's.
noupe.com: vector characters tutorials
great ideas for kids
70 Typographic, Clean And Minimalist Color Scheme Web Designs | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/inspiration/70-typographic-clean-and-minimalist-color-scheme-web-designs/
great, simple ideas
HTML Table Building: 30+ Beautiful Examples and Useful Javascripts | Tools
http://www.hongkiat.com/blog/html-table-building-30-beautiful-examples-and-useful-javascripts/
Table is an excellent way of presenting information, especially when a company wants to cite various prices for its services or products. For instance, some
HTML Table building samples
JSを併用したテーブルのデザインパターンのまとめ。 サンプルというわけじゃないので、即使えるというわけじゃないけど、テーブルのデザインもカッチリやってあるサイトは個人的には好印象。
jQuery 1.3 Cheatsheet
http://oscarotero.com/jquery/
jQuery 1.3のオンラインチートシート
Yes, Your Social Media Strategy Needs Design - Conversation Starter - HarvardBusiness.org
http://blogs.harvardbusiness.org/cs/2009/07/yes_your_social_media_strategy.html
harvard business - social strategy / harvard biznes
40 Inspiring Blog Designs | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/blog-design-showcas/
Great blog design overview
good for bs design
How A Pretty Face Can Push Visitors Away | FutureNow's GrokDotCom / Marketing Optimization Blog
http://www.grokdotcom.com/2007/10/04/how-a-pretty-face-can-push-visitors-away/
It’s no surprise that marketers use faces to draw people into their websites. They know that, from birth, humans are naturally attracted to, and engaged by, faces. In fact, one of our studies showed that people perceived websites as more “professional” when they had images of people on the site. Be careful! Simply picking a “pretty” picture isn’t enough. Too often marketers will take people pictures and show them to a focus group to see which ones they relate to best. As marketers, we worry about the gender, style and overall quality of the picture relating to our message. There’s another crucial factor for marketers to consider: The direction in which the model’s eyes are facing. Generally, it’s best when the model faces the content you want visitors to engage with first. Take a look at the landing page below (I’ve blurred the text to protect the guilty innocent): landing page face away full What happens is that you are naturally drawn to the image of the attractive model and our
50 Kick-Ass And Creative Dark Website Designs | Spyre Studios
http://spyrestudios.com/50-kick-ass-and-creative-dark-web-designs/
Inpirational Black colored sites
Social Network Icon Pack · Komodo Media
http://www.komodomedia.com/blog/2009/06/social-network-icon-pack/#icons
Untitled Document
http://rhondaforever.com/
3D drawing software demonstration
so cool!
Wow, amazing!
dessin vectoriel avec courbe de bésier mais en 3D, réalisé par James Paterson, le logiciel s'appelle Rhonda et est développé par Amit Pitaru
James Paterson and Amit Pitaru
James Paterson is using "Rhonda", a 3D drawing tool developed by Amit Pitaru circa 2003.
beautiful little 2d drawing tool
Makes drawing fully realized forms seem relatively easy. ( via @jackcheng )
25 Inspiring Examples of Sign-Up Pages | Webdesigner Depot
http://www.webdesignerdepot.com/2009/07/25-inspiring-examples-of-sign-up-pages/
Great ideas for packages.
Definitive Guide to Taming the IE6 Beast
http://sixrevisions.com/web-development/definitive-guide-to-taming-the-ie6-beast/
Lots of layout problems in one place.
70 Inspirational Single Page Website Designs | Showcases | instantShift
http://www.instantshift.com/2009/07/24/70-inspirational-single-page-website-designs/
RedLine Magazine : 印刷用CSSのお話
http://redline.hippy.jp/lab/css/css_16.php
印刷用CSS
Blog Design Heroes | Web Design Gallery of Excellent Blog Design
http://blogdesignheroes.com/
Speed Up Your Website with Better Image Optimization in Photoshop | UX Booth
http://www.uxbooth.com/blog/speed-up-your-website-with-better-image-optimization-in-photoshop/
post interessante sobre otimização de imagens para uso na web
Otimização de Imagens para Web | Tutoriais
Otimização de imagens para web.
In the Woods - 10 Wonderful WordPress Templates That are Setting Trends
http://blog.themeforest.net/general/10-wonderful-wordpress-templates-that-are-setting-trends/
Many recent templates on ThemeForest are proving to be trend-setters. Not only are they unique, but they’re also, more importantly, extremely usable. Let’s review just a handful of some of the stand-outs
Many recent templates on ThemeForest are proving to be trend-setters. Not only are they unique, but they’re also, more importantly, extremely usable. Let’s review just a handful of some of the stand-outs.
10 Best UX (User Experience) Design Blogs : Web 2.0 : Technology : Blogs.com
http://www.blogs.com/topten/10-best-ux-user-experience-design-blogs/
Flash CMS - Manage Flash with Yooba Studio
http://www.yooba.com/
Flash Content Management (CMS) for professional use, SMB, large business, enterprise and agencies with scalable pricing structure.
10 great jQuery Form plugins
http://www.thinkflick.com/freebies/10-great-jquery-form-plugins/
View 10 of my favorite jQuery plugins which i mostly use with web forms. These can enhance the functionality and look of web form elements.
jQuery is one of my favorite javascript client library. We can do more with writing minimal code. Nearly in every project I need to style up web forms or create rules for validation on form elements. Without jQuery it was very harder and longer way to do by writing a lot of lines of code. jQuery solve this as there are many useful form plugins I can use and enhance my web forms easily. Some of those plugins are reviewed as below.
11 essential iPhone apps for designers | Designer Daily
http://www.designer-daily.com/11-essential-iphone-apps-for-designers-2775
11 essential iPhone apps for designers | Designer Daily
(including Loupe, by RS!!!) cool looking stuff- fonts, colors, etc.
Colorburned | Create a Character Mascot with Adobe Illustrator CS4
http://colorburned.com/2009/07/create-a-character-mascot-with-adobe-illustrator-cs4.html
Mascots are becoming increasingly popular in web design. In this intermediate Illustrator tutorial we will show you how to create a vector character mascot from
Create a Character Mascot with Adobe Illustrator CS4
Colorburned |
This is an intermediate Illustrator tutorial, show how to create a vector character mascot from a sketch in Adobe Illustrator CS4. Need pen sketch, scanner, Illustrator, easy to follow Tut.
MeeCSS - CSS Galleries submission helper
http://meecss.com/
Una gran lista de sitios diseñados con CSS, muy bueno para inspiracion
Target IE6 and IE7 with only 1 extra character in your CSS / Brian Cray's Blog
http://briancray.com/2009/04/16/target-ie6-and-ie7-with-only-1-extra-character-in-your-css/
IE7 targeting
the Movie title stills collection
http://www.annyas.com/screenshots/
A collection of screen shots and captured images of movie title stills from classic and recent feature films and trailers
8 Dimensions Of Excellent Landing Pages
http://searchengineland.com/8-dimensions-of-excellent-landing-pages-21622
Landing Page Wonderwheel
Are your landing pages feeling tired? Is your conversion rate stagnant? Not quite sure what to try next? To re-energize your post-click marketing, it can help to step back and evaluate your approach from several different perspectives. Here’s a quick exercise, the Landing Page Wonder Wheel—as in, “I wonder how to improve my landing pages?”—that can give you fresh inspiration.
The Landing Page Wonder Wheel consists of eight dimensions on which you rate your current landing page creative and management capabilities, on a scale of 1 to 10. A 1 means you’re not doing very well there, while a 10 means you may be the best in the world at it.
Reinventing the desktop (for real this time) – Part 1 « brian will . net
http://brianwill.net/blog/2009/07/20/reinventing-the-desktop-for-real-this-time-part-1/
Interesting article with a fresh look towards user expirience on the desktop
Create UML diagrams online in seconds, no special tools needed.
http://yuml.me/diagram/class/samples
50 Free Social Twitter Resources and Icon Sets | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/resources/50-free-social-twitter-resources-and-icon-sets/
Recursos grátis para twitter
** Posted using Viigo: Mobile RSS, Sports, Current Events and more **
Gizmodo - Anti-Abuse Bus Stop Ad Only Batters Women When Nobody's Looking - Bus stop domestic violence ad
http://gizmodo.com/5302856/anti+abuse-bus-stop-ad-only-batters-women-when-nobodys-looking
Anti-Abuse Bus Stop Ad Only Batters Women When Nobody's Looking [Advertising] : Amnesty International has instal.. http://bit.ly/1azXiw [from http://twitter.com/StoneCS/statuses/2344200091]
who said the poster was dead?
- Creative Image-Galleries by jQuery - Webdesign und Webentwicklung im Webstandard-Blog
http://webstandard.kulando.de/post/2009/07/16/creative-image-galleries-by-jquery
ウェブデザインのタブーをあえて破ってみるための10のTips | コリス
http://coliss.com/articles/build-websites/operation/design/web-design-rules-that-you-can-break.html
あえてもなにも、必要性が感じられなかった
The Biggest Ever List of Graphic Design Blogs? : : ProofHQ - Product Blog
http://www.proofhq.com/html/blog/?p=198#more-198
ProofHQ - Product Blog
So we sat down this morning and decided that we would put together a list of all the graphic design blogs that we follow as a team. We said that we would spend a single working day on it, no more, no less.
100 Extremely Creative Twitter Avatars | Inspiration
http://www.hongkiat.com/blog/100-extremely-creative-twitter-avatars/
PNG Optimization Guide: More Clever Techniques | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/07/25/png-optimization-guide-more-clever-techniques
This post describes some techniques that may help you optimize your PNG images. These techniques are derived from laborious hours spent on studying how exactly the PNG encoder saves data. It talks about grayscale, how to use fewer colors for optimization and also about reducing detail to minmize the file size.
35 High-Quality Free Fonts For Your Designs | Fonts | instantShift
http://www.instantshift.com/2009/07/26/35-high-quality-free-fonts-for-your-designs/
free fonts
It’s essential for Designers to have an good understanding of typography and selection as the importance of typography in design can’t be neglected. The proper selection of typography can convert your normal design into attractive piece of art.
Online Scheduling and Appointment Software - BookFresh
http://www.bookfresh.com/
BookFresh works like an online appointment book. It lets new and existing clients schedule with your business online.
Online Scheduling and Appointment Software
BookFresh helps your business take online appointments and much more: Easy online appointment scheduling Advertises your services locally Reminds clients of their appointments Notifies you by SMS text and email Connects to your website
Coding Horror: Nobody Hates Software More Than Software Developers
http://www.codinghorror.com/blog/archives/001289.html
We work at the sausage factory, so we know how this stuff is made. And it is not pretty. Most software is created by bad programmers like us (or worse!), which means that by definition, most software sucks.
"One of the (many) unfortunate side effects of choosing a career in software development is that, over time, you learn to hate software. I mean really hate it. With a passion. Take the angriest user you've ever met, multiply that by a thousand, and you still haven't come close to how we programmers feel about software. Nobody hates software more than software developers. Even now, writing about the stuff is making me physically angry. "
160+ Mega Web Design Tutorial Roundup | tripwire magazine
http://www.tripwiremagazine.com/design/css-techniques/160-mega-web-design-tutorial-roundup.html
160+ Mega Web Design Tutorial Roundup
iPhone Sudoku Grab: How does it all work?
http://sudokugrab.blogspot.com/2009/07/how-does-it-all-work.html
How he solved a limited purpose computer vision problem by applying knowledge about the problem domain.
Weil iPhones Sudokus ganz leicht erkennen können.
Seth's Blog: This is broken
http://sethgodin.typepad.com/seths_blog/2009/04/this-is-broken.html
Retweeting @TEDchris: I saw Seth Godin give the GEL talk just posted on his blog "This is broken". Funny, insightful. http://is.gd/tDwb [from http://twitter.com/nextyunus/statuses/1573958589]
This is broken /Seth's Blog/ - I did this talk about three years ago. I have to admit that very little in ... http://tinyurl.com/clhjvp [from http://twitter.com/jorgefsb/statuses/1573738938]
Define broken, categorize broken, and note that some things are broken on purpose as a filtering system.
15 New jQuery Plugins To Help You Conquer The Web | Web Design Blog by Union Room Web Design
http://www.unionroom.com/blog/15-new-jquery-plugins-to-help-you-conquer-the-web/
OK, so these plugins may not help you actually conquer.....well, anything really but they'll certainly make your website look and work great!
100 Years of Design Manifestos -- Social Design Notes
http://backspace.com/notes/2009/07/design-manifestos.php
10 Tips to Improve Your WordPress Theme | WPShout.com
http://wpshout.com/10-tips-to-improve-your-wordpress-theme/
iQ font - When driving becomes writing / Full making of on Vimeo
http://vimeo.com/5233789
Two typographers and a pro race pilot collaborated to design a font with a car. The car movements were tracked using a custom software, designed by interactive artist Zachary Lieberman.
10 Advance jQuery Scripts to take Your Website to the Next Level | Web Designer Online
http://www.webdesigneronline.co.uk/10-advance-jquery-scripts-to-take-your-website-to-the-next-level
10 Advance jQuery Scripts to take Your Website to the Next Level
10 Advance jQuery Scripts to help distinguish your website from the rest! Use these stunning functions to add some spice to your site.
Zaum & Brown | CD Sleeve Design, Band Art, Myspace & Website Design
http://www.zaum.co.uk/
NYC Subway Ridership, 1905-2006
http://diametunim.com/shashi/nyc_subways/
Really nicely done. Via Shaunrx.
Cool
Gorgeous map of NYC subway ridership over time
Top 5 Free Websites for Quality Stock Photographs
http://www.makeuseof.com/tag/top-5-websites-for-free-stock-photographs/
RT @MakeUseOf: Top 5 Free Websites for Quality Stock Photographs: http://bit.ly/4eZCT [from http://twitter.com/MacGeeky/statuses/2857070213]
Stock photography is all over the place on the Web. If you're looking for an image of just about anything, you're bound to find that professional, high-quality
Get Creative With Your Domain Name | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/07/26/get-creative-with-your-domain-names/
Choosing a domain name for a new client is a difficult task. Domain names are the crux of a website’s existence. A bad name can create a negative impact on branding and the ability to strengthen the domain value. A good domain name is essentially priceless (tacky but true) in name, branding, ease of understanding, and catchiness.
Get Creative With Your Domain Name
A List Apart: Articles: The Inclusion Principle
http://www.alistapart.com/articles/the-inclusion-principle/
Accessibility is commonly touted via some text and a small hyperlink that leads to Section 508 at the bottom of a web page, a practice which upholds the spirit of the law. It usually reads something like this: “We are committed to making our site accessible and continue to test and modify the site for accessibility. Please do not hesitate to contact us if you have any problems accessing any of our content.” Some quick accessibility checks reveal that many site owners and developers consider the second part of that statement a convenient “get out of jail free” card. Developers sometimes think that using standards-based development principles, separating presentation and behavior via external CSS and DOM-based scripting techniques, and applying alt attributes to images creates Section 508 compliance. They don’t want to spend more effort on accessibility until they get feedback from users who have problems with the site.
"In universal design, perceived affordance—that is, the implicit understanding of how to interact with an object—actually coincides with the user’s ability to execute the action. Universal design is, therefore, inherently accessible." - yes!
Frank Lloyd Wright Lego Sets | Gadget Lab | Wired.com
http://www.wired.com/gadgetlab/2009/05/frank-lloyd-wright-lego-sets/
mouais, mieux vaut (re)créer soi-même qqch à partir d'une boite classique.
2009
Using Photoshop and Your Brain to Produce Diorama Illusions - Psdtuts+
http://psd.tutsplus.com/tutorials/photo-effects-tutorials/using-photoshop-and-your-brain-to-produce-diorama-illusions/
miniatue illusion
Using Photoshop and Your Brain to Produce Diorama Illusions
How to Mold Paint Splatter to a Face in Photoshop - Psdtuts+
http://psd.tutsplus.com/tutorials/tutorials-effects/how-to-mold-paint-splatter-to-a-face-in-photoshop/
How to Mold Paint Splatter to a Face in Photoshop
How to Mold Paint Splatter to a Face in Photoshop - Psdtuts+ - http://psd.tutsplus.com/tutorials/tutorials-effects/how-to-mold-paint-splatter-to-a-face-in-photoshop/
Mega CSS Resource Roundup | tripwire magazine
http://www.tripwiremagazine.com/tutorials/tools/mega-css-resource-roundup.html
Massive Compilation of Designer Tools | Webdesigner Depot
http://www.webdesignerdepot.com/2009/07/massive-compilation-of-designer-tools/
We’ve compiled a massive list of some of the best and most useful tools out there for web designers. Purposely left off the list are common tools most designers are likely already using (like Dreamweaver or Panic’s Coda, Photoshop or GIMP, and similar common software programs that pretty much every designer already has in their toolkit). These are tools that will save you time, make you a more effective designer, simplify or speed up your design process, or otherwise make your life easier.
a massive list of some of the best and most useful tools out there for web designers
555 KUBIK | facade projection | on Vimeo
http://vimeo.com/5595869
555 KUBIK "How it would be, if a house was dreaming" The conception of this project consistently derives from its underlying architecture - the theoretic conception and visual pattern of the Hamburg Kunsthalle. The Basic idea of narration was to dissolve and break through the strict architecture of O. M. Ungers "Galerie der Gegenwart". Resultant permeabilty of the solid facade uncovers different interpretations of conception, geometry and aesthetics expressed through graphics and movement. A situation of reflexivity evolves - describing the constitution and spacious perception of this location by means of the building itself. Production: www.urbanscreen.com Art Direction: Daniel Rossa - www.rossarossa.de 3D Operator: David Starmann Sound Design : Jonas Wiese Realized with www.mxwendler.net mediaserver A extended version of this documentation can be found here: vimeo.com/5677104
Excellent work in architecture+projection
Wow. Astounding.
The Ultimate Round-Up of Fireworks Tutorials and Resources | Tutorials | Smashing Magazine
http://www.smashingmagazine.com/2009/07/27/tutorials-and-resources-for-adobe-fireworks/
http://emberapp.com/
http://emberapp.com/
emberapp
share designs
Carsonified » How to do A/B Testing in WordPress
http://carsonified.com/blog/business/how-to-do-ab-testing-in-wordpress/
Setting up an A/B testing environment using Google's Website Optimizer and Wordpress
40 Fresh Creative and Inspiring Photographs | Inspiration
http://www.hongkiat.com/blog/40-fresh-creative-and-inspiring-photographs/
15 Essential Wordpress Plugins for Aspiring Designers
http://line25.com/articles/15-essential-wordpress-plugins-for-aspiring-designers
You're not going to be able to create a professional WordPress blog with great work and creativity alone, you're also going to need some rather nifty plugins.
10 Tutorials for Improving Your Blog Theme
http://designm.ag/tutorials/improving-blog-theme/
Nirvana › GTD Software for Getting Things Done, Web 2.0 Style
http://www.nirvanahq.com/
Algo que está ahora pegando muy fuerte es la metodología GTD. No es más que una forma de organizar nuestro día a día para hacer lo más productivo posible la realización de nuestras tareas. Existen diferentes aplicaciones y servicios, y aquí os presentamos una más. Se trata de Nirvana, como ya hemos dicho una aplicación que sigue la metodología GTD y que funciona vía web. Su funcionamiento es el habitual, teniendo la opción de organizar nuestras tareas en las diferentes categorías que son “Algún día”, “Próximo”, “Inbox” o “Proyecto”. Podemos etiquetar cada tarea para poder realizar una búsqueda más óptima. También podemos delegar alguna y enviarla por correo electrónico a quien queramos para que tenga conocimiento de ella. Actualmente está en beta privada pero podemos solicitar una invitación para poder hacer uso de ella. Recomendable si queremos tener nuestra vida organizada.
JPA implementation patterns: Wrap-up | Xebia Blog
http://blog.xebia.com/2009/07/13/jpa-implementation-patterns-wrap-up/
After discovering that there was a lack of documentation on how to use JPA in real-life scenario's, the author has written a series of blog posts about the JPA implementation patterns he discovered while writing JPA code
After discovering that there was a lack of documentation on how to use JPA in real-life scenario's, I have written a series of blogs about the JPA implementation patterns I discovered while writing JPA code. To wrap up the series, I have made an overview of all the patterns that have been discussed for easy reference.
Beautiful Personal Portfolios | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/beautiful-personal-portfolios
These past few weeks I've been on the lookout for some nice portfolios to inspire me to make my own.
Beautiful Personal Portfolios | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials - http://abduzeedo.com/beautiful-personal-portfolios
Rule-Based Programming in Interactive Fiction
http://www.eblong.com/zarf/essays/rule-based-if/index.html
Carsonified » Web Design is a Journey
http://carsonified.com/blog/design/web-design-is-a-journey/
ThinkVitamin - Carsonified's blog about the web
E-Commerce Web Design Toolbox
http://designm.ag/resources/e-commerce-web-design-toolbox/
55 Fresh Examples Of Corporate Website Designs | Inspiration | instantShift
http://www.instantshift.com/2009/07/28/55-fresh-examples-of-corporate-website-designs/
As you already seen in 80 Corporate Website Designs that a perfect layout, A good design and nice resources can produce a creative output. Layout, textures and , Daily Resource for Web Designers and Developers.
The Definitive Guide to Using Negative Margins | CSS | Smashing Magazine
http://www.smashingmagazine.com/2009/07/27/the-definitive-guide-to-using-negative-margins/
Since the recommendation of CSS2 back in 1998, the use of tables has slowly faded into the background and into the history books. Because of
Creative Review - The best film titles ever made
http://www.creativereview.co.uk/cr-blog/2009/july1/film-titles-list
Best Opening Credits, OBB, for research
In our August issue, Adam Lee Davies looks at the continuing rise of the film title sequence since its artistic resurgence in the 1990s. In his article, Better Than the Film?, he talks to many of the genre's leading practioners such as Kyle Cooper and Garson Yu. For CR Blog, Davies has selected 30 of the best title sequences ever made...
Date Display Technique with Sprites | CSS-Tricks
http://css-tricks.com/date-display-with-sprites/
awesome demiş, really!
22 Free Fonts To Achieve That Hand Drawn Effect | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/photoshop/22-free-fonts-to-achieve-that-hand-drawn-effect
Fonts that mimic hand drawn letters.
E-Commerce Icons Collection
http://www.webresourcesdepot.com/e-commerce-icons-collection/
Big collection of ecommerce icons
URBANSCREEN    INSZENIERT    ARCHITEKTUR
http://www.urbanscreen.com/
diseño 3D en las calles. buenisimo
URBANSCREEN INSZENIERT ARCHITEKTUR. Urbanscreen hat eine innovative Form der Fassaden-Projektion entwickelt: Lumentektur - ein Verfahren zur passgenauen Projektion auf Gebäude und Objekte
Grupo de investigación de proyeccioones interactivas, sobre fachadas y ojeos tridimensionales
“Add to Cart” Button Showcase | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/add-to-cart/
As you look at various e-commerce websites you will notice a lot of variety in buttons that are used by visitors to add an item to their shopping cart. Once an item has been added to the shopping cart, you’ll also notice that most e-commerce sites will have some method for displaying what items are in the cart, or at least the number of items in the cart. In this post we will feature more than 60 items for your design inspiration. First, we will showcase the “add to cart” buttons. Then, we will also showcase the display of shopping cart icons and items.
Vandelay Design Blog
Reinventing a Drop Down with CSS and jQuery
http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx
For me, standard HTML Select element is pretty much annoying. It's ugly. It can't be styled properly in Internet Explorer. And it can't contain nothing but simple text. That is the reason why I needed to reinvent Drop Down element. This tutorial shows how to do that (easily, believe it or not).
That is the reason why I needed to reinvent Drop Down element. This tutorial shows how to do that
CSS Prism by Ryan Berg
http://cssprism.com/
Enter the URL of any CSS file to view and modify its color spectrum.
40 Free and Useful GUI Icon Sets for Web Designers | Icons
http://www.hongkiat.com/blog/40-free-and-useful-gui-icon-sets-for-web-designers/
Icons are everywhere in a website and their primary purpose of guiding and giving out information to visitors is a highly important one. Other than words
Icons are everywhere in a website and their primary purpose of guiding and giving out information to visitors is a highly important one. Other than words themselves, these little graphics within a website that tells you how you can move to the next page, cancel a transaction, checkout the cart and the likes, basically the entire navigation. In a general sense, they act as symbols that allow easier and smoother communication between the webpage and the person interacting with it. Depending on the web context, icons should be designed in a manner that are pleasing to the eyes, and most importantly, communicate what it is suppose to communicate. Here’s a showcase of 40 Free and Useful Icon Sets for your reference
Text Rotation with CSS
http://snook.ca/archives/html_and_css/css-text-rotation
Web designers: You are now free to design.
Thankfully, many of the popular browsers of today support the ability to rotate HTML elements. Even better? We can make it work in Internet Explorer (back to version 5.5 even).
30 Logo Designs Using Gradient 3D Effects - Inspiration:Part 3 | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/inspiration/30-logo-designs-using-gradient-3d-effects-inspirationpart-3/
- Inspiration:Part 3 | Graphic and Web Design Blog -
Icons for Interaction / journal / hicksdesign
http://hicksdesign.co.uk/journal/icons-for-interaction
Great presentation from Jon Hicks on icon design in UX.
Presentation on the design and use of icons.
Nice PDF with a lot of tips.
日本からも1店選出された、「世界の素晴らしい本屋さんベスト10」 : ひろぶろ
http://www.hiroburo.com/archives/50842186.html
行ってみたい所ばかりなのでメモ。
読子・リードマンがいそうな風景だ
Sliding Panel: WordPress Plugin
http://justintadlock.com/archives/2009/06/25/sliding-panel-wordpress-plugin
Sliding Panel: WordPress Plugin - http://justintadlock.com/archives/2009/06/25/sliding-panel-wordpress-plugin
50 Beautifully Delicious Coffee Designs | Webdesigner Depot
http://www.webdesignerdepot.com/2009/07/50-beautifully-delicious-coffee-designs/
Cenitales de tazas de café con su espuma dibujando diferentes formas.
Coffee time: http://tr.im/qV7e [from http://twitter.com/mfubib/statuses/2476611538]
35 Inspirational Shopping Cart Page Designs | Noupe
http://www.noupe.com/design/shopping-cart-page-designs.html
Shopping Cart | Site de Venda
e-commerce design
good for shopping cart layout ... shopping online
Photoshop Tutorials - HV-Designs.co.uk
http://hv-designs.co.uk/2009/07/27/cheat-sheets-you-shouldnt-be-without/
You Can't Innovate Like Apple — Product Management Training, Product Marketing Training by Pragmatic Marketing
http://www.pragmaticmarketing.com/publications/magazine/6/4/you_cant_innovate_like_apple
beschreibung, wie innovation bei apple funktioniert
When what you teach and develop every day has the title “Innovation” attached to it, you reach a point where you tire of hearing about Apple. Without question, nearly everyone believes the equation Apple = Innovation is a fundamental truth. Discover what makes them different. By Alain Breillatt
Brooklyn Fare’s Packaging and Graphic Design - Eat Me Daily
http://www.eatmedaily.com/2009/07/brooklyn-fares-packaging-and-graphic-design/
cups bags napkins with witty text
20 Inspirational, Clean E-Commerce Website Designs | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/clean-ecommerce-designs/
Fantastic E-Commerce Designs! Clean and Inspirational!
An Easy Way to Increase Creativity: Scientific American
http://www.scientificamerican.com/article.cfm?id=an-easy-way-to-increase-c
"abstract thinking makes it easier for people to form surprising connections between seemingly unrelated concepts"
blah blah
Oversized Wall Prints, Decals & Posters - LTLprints.com
http://www.ltlprints.com/
printing paper
Larger Than Life Prints is a company dedicated to making your walls more fun! We have a long history in the customization business and saw a need for savvy consumers who were looking for unique products. We are a company that makes big prints and we have big dreams! We are dedicated to keeping our customers happy and stand by the quality of our work.
Designing "Read More" And "Continue Reading" Links | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/07/28/designing-read-more-and-continue-reading-links/
30 Awesome Textures for Creating Subtle Grunge Designs | Web Design Ledger
http://webdesignledger.com/freebies/30-awesome-textures-for-creating-subtle-grunge-designs
http://webdesignledger.com/freebies/30-awesome-textures-for-creating-subtle-grunge-designs
Alex Payne — Fever and the Future of Feed Readers
http://al3x.net/2009/07/18/fever-and-the-future-of-feed-readers.html
Fine writing from al3x on the role of feed readers, inexplicably intermixed with a review of Fever.
Feed readers need more intelligence, for certain. The "editorial" aspect, whether it be professional editors or your friends, still carries more weight than computers.
Is this ever exactly the post I needed to read right now as I survey my intimidatingly overstuffed Google Reader page. (I currently subscribe to around a hundred feeds, but some of them are very high volume.)
Today, at least in the web-tech echo chamber, feed reading is quickly falling out of fashion. Too many sites producing too many feeds of dubious quality means information overload, and a creeping sense of obligation to keep up with a torrent of questionably relevant content. Some have gone back to checking a handful of bookmarked sites, as we did in the early days of the web. Others rely on social aggregation sites like Reddit, Digg, and Hacker News to show them what’s worth reading. Both strategies are highly manual and, to me, distressingly unoptimized.
Today, at least in the web-tech echo chamber, feed reading is quickly falling out of fashion. Too many sites producing too many feeds of dubious quality means information overload, and a creeping sense of obligation to keep up with a torrent of questionably relevant content.
Notable | Easiest way for teams to provide feedback on websites.
http://www.notableapp.com/
30 Great Examples Of Drop-Down And Sliding Menus | Spyre Studios
http://spyrestudios.com/examples-drop-down-sliding-menus/
CSS?
magneticNorth - an interactive design company, based in the UK
http://mnatwork.com/#/?state=0
navigation flash (on dessine des formes pour voir des rubriques)
Coding a Beautiful Website From Scratch: Plus Tutorial - Nettuts+
http://net.tutsplus.com/articles/news/coding-a-beautiful-website-from-scratch-plus-tutorial/
WEb site design
As a sequel to last week's popular tutorial, "Design a Beautiful Website From Scratch", we will be converting our beautiful design into a valid HTML/CSS website.
Achron - Time Travel is Coming
http://achrongame.com/
time travel RPG game? this is very interesting
World's first meta-time strategy game
Hazardous Software's Achron, meta-time strategy game: a real-time strategy game with freeform time travel, where players and units can jump to and play at different times simultaneously and independently.
time travel game
the world's first meta-time strategy game, a real-time strategy game where players and units can jump to and play at different times simultaneously and independently
45 Creative Business Card Designs You Should’ve Seen | Dzine Blog
http://dzineblog.com/2009/07/45-creative-business-cards.html
Blog de graphisme dédié aux cartes de visite
WordPress Resources - 48 Resources, Tips, Tricks & Themes | Think Design
http://thinkdesignblog.com/wordpress-resources-48-resources-tips-tricks-themes.htm
A list of WordPress resources, including general resources, inspiration, themes, tips, hacks, and tricks, presented by ThinkDesignBlog.com
16 Impressive Flash-Like Javascript Animation Inspirations, Tutorials and Plugins | Queness
http://www.queness.com/post/456/16-impressive-flash-like-javascript-animation-inspirations-tutorials-and-plugins
Create impressive animation with javascript, I have gathred a collection of websites that uses flash-like animation and also tutorials, plugins and frameworks that will definitely blow you away.
110 Fresh Logo Designs For Design Inspiration | Inspiration | instantShift
http://www.instantshift.com/2009/07/30/110-fresh-logo-designs-for-design-inspiration/
200+ Free Exclusive Vector Icons: ‘Primo’ | Webdesigner Depot
http://www.webdesignerdepot.com/2009/07/200-free-exclusive-vector-icons-primo/
free is good....
Photoshop Splatter Brushes
http://www.smashapps.org/2009/07/photoshop-splatter-brushes.html
Assignment idea - splatter brush art
Photoshop Splatter Brushes
iPhone Application Design Patterns — Flyosity: Mac & iPhone Interface Design
http://flyosity.com/application-design/iphone-application-design-patterns.php
UI patterns - interesting read
50 Fresh Portfolio Websites for Your Inspiration | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/07/30/50-fresh-portfolio-websites-for-your-inspiration/
portafolios
via Smashing Magazine
Lifehacker - Create Seamless Textures in Photoshop - Photoshop
http://lifehacker.com/5273084/create-seamless-textures-in-photoshop
Coffee Cups - a set on Flickr
http://www.flickr.com/photos/13895571@N04/sets/72157614580046629/
I should buy one to impress anyone I want to impress with ...
set de copos de café desenhados !
doodle on Styrofoam cups
Designing Convertbot - Tapbots Blog
http://tapbots.com/blog/design/designing-convertbot
With the surprising success of Weightbot, it was only a matter of time before we would take on the challenge of outdoing ourselves. We knew people were expecting something big from Tapbots the second time around so what’s more impressive on the iPhone platform than a unit converter? Pretty much anything. In name alone, Convertbot is probably the last application people would expect to see from us. But the truth is, converting units, while extremely ordinary, is a very useful utility for many people. And while there are countless feature-rich unit converters for the iPhone, none of them make the task any more enjoyable. So it really was the perfect robot for us to build. I just wanted to spend a little time writing about how Convertbot came to be. Getting Started The first step was to set up the groundwork for the application. What is the primary purpose of this application? Who is the target audience? What are the bare minimum features this app needs and what features can we add that
The design process of a well-designed iPhone app
10 Worst Evolutionary Designs
http://www.wired.com/science/discoveries/magazine/17-08/st_best
http://www.wired.com/science/discoveries/magazine/17-08/st_best worst 1 wired 2 wiredwired 3
1 Sea mammal blowhole. Any animal that spends appreciable time in the ocean should be able to extract oxygen from water via gills. Enlarging the lungs and moving a nostril to the back of the head is a poor work-around. 2 Hyena clitoris. When engorged, this "pseudopenis," which doubles as the birth canal, becomes so hard it can crush babies to death during exit. 3 Kangaroo teat. In order to nurse, the just-born joey, a frail and squishy jellybean, must clamber up Mom's torso and into her pouch for a nipple. 4 Giraffe birth canal. Mama giraffes stand up while giving birth, so baby's entry into the world is a 5-foot drop. Wheeee! Crack. 5 Goliath bird-eating spider exoskeleton. This giant spider can climb trees to hunt very mobile prey. Yet it has a shell so fragile it practically explodes when it falls? Well, at least it can produce silk to make a sail. Oh, wait — it can't!
The CSS3 border-radius property « Blogging CSS
http://www.bloggingcss.com/en/tutorials/the-css3-border-radius-property/
One of the CSS3 properties designers have been longing the most for is undoubtedly the border-radius property. With CSS3 border-radius property it’s possible to create the so popular rectangles with rounded corners exclusively via CSS - no images needed. Cross-browser compatibility CSS3 aren’t supported by all browsers yet. The border-radius property is supported by Firefox (since version 3.0), Safari (since version 3.1) and Chrome (since the first version), but it’s not supported by Internet Explorer or Opera (it should be implemented in Opera 10). Since CSS3 aren’t standard yet, you must add prefixes to border-radius in order to work with the browsers that support it. If you want to work it with Firefox, you must write -moz-border-radius in the CSS; if you want it to work with Safari/Chrome, it’s -webkit-border-radius. Note that although Firefox, Safari and Chrome support this property, they do so in slightly different modalities.
20 Creative Web Forms For Design Inspiration | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/inspiration/20-creative-web-forms-for-design-inspiration
web tutorial
I know lots of you love our design inspiration, so here is another dose of it. This time I have compiled together some creative web forms from around the internet. Included are contact forms, login forms, comment forms and a few others. I hope you enjoy the collection, and if you want to add anymore you have found be sure to drop us a comment.
I know lots of you love our design inspiration, so here is another dose of it. This time I have compiled together some creative web forms from around the internet. Included are contact forms, login forms, comment forms and a few others.
How to Code a Grunge Web Design from Scratch
http://sixrevisions.com/tutorials/web-development-tutorials/how-to-code-a-grunge-web-design-from-scratch/
How to Code a Grunge Web Design from Scratch - http://sixrevisions.com/tutorials/web-development-tutorials/how-to-code-a-grunge-web-design-from-scratch/
How to Code a Grunge Web Design from Scratch
[CSS]ネガティブマージンの理解を深め、活用するテクニック集 | コリス
http://coliss.com/articles/build-websites/operation/css/css-using-negative-margins.html
ネガティブマージンの理解を深め、活用するテクニック集 | コリス
スタイルシートを使用する際、必ずといっていいほどマージンを使用するでしょう。しかし、ネガティブマージンになると意見は分かれ、それは悪魔の仕事であると考える人たちも ネガティブマージンで意識しておくポイント ・vaildなCSS(ちゃんと規定あり) エラーを直すために使用するのはただのHack ネガティブマージンをfloatを使用しないエレメント群に適応した際、配置した順番で表示 ネガティブマージンはすべてのモダンブラウザ(IE6以降)で完全にサポート floatでの使用には注意 ネガティブマージンはDwのデザインビューで反映されません ul一つで、3カラムに配置 ポイントをオーバーラップ 3Dのテキストエフェクト シンプルな2カラムのレイアウト floatと一緒にネガティブマージンを使用すると、古いブラウザで下記の問題が生じます。 (解決方法あり) * クリッカブルでないリンク * 選択しにくいテキスト * フォーカスを失った際、消失するタブのリンク
デザイン的に有用! はみでたり系で。
http://www.smashingmagazine.com/2009/07/27/the-definitive-guide-to-using-negative-margins/ の日本語訳
21 Amazing CSS Techniques You Should Know
http://webdeveloperplus.com/css/21-amazing-css-techniques-you-should-know/
Güzel cssler var.
Carsonified » Getting Started with Typekit
http://carsonified.com/blog/design/fonts/getting-started-with-typekit/
ThinkVitamin - Carsonified's blog about the web
DIVINE official website
http://www.divine-project.com/
DIVINE official website - http://www.divine-project.com/
This is great... if it works
Crie templates para Wordpress a partir de uma imagem do Photoshop, AUTOMATICAMENTE.
convierte archivos photshop en WordPress
Create wordpress themes from Photoshop quickly and easily
este coso dice que le pone a uno en html o (css) lo que genere en photoshop
fontplore // an interactive application designed for searching and exploring font databases
http://www.fontplore.org/
an interactive application designed for searching and exploring font databases
ok, ok. Of little use to us mortals. But the damn application and UI is unbelievable. Just watch the video!
font interaction and exploration through a surface device. Amazing.
49 Top Sites And Collections To Find Free Icon Sets | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/resources/top-sites-to-get-free-icon-sets/
Free icons
Many site
Great places for FREE ICONS!
inessential.com: Anatomy of a feature
http://inessential.com/2009/07/30/anatomy_of_a_feature
Good description of thinking thru feature implementation. error handling, sync failures, user feedback, etc
Anatomy of a feature: http://bit.ly/3R0Ws Great step-by-step guide on how an idea gets turned into software. [from http://twitter.com/dhinchcliffe/statuses/2954188093]
NetNewsWire's developer Brent Simmons describes all the UI decisions he had to go through before adding the Instapaper functionality to the feed reader's latest beta : "It’s not enough just to write the basic functionality and add a menu item that runs it. Even a feature as simple as this one requires some up-front thinking, some design."
A great post on just how much it really takes to "add this simple feature that does XXX" to software.
Dezeen » Blog Archive » Ink Calendar by Oscar Diaz
http://www.dezeen.com/2009/07/17/ink-calendar-by-oscar-diaz/
Cool calendar using paper capilarity to mark the dates.
Ink calendar
DarkHalf|zz
13 Tips For A Better E-Commerce Website
http://www.webresourcesdepot.com/13-tips-for-a-better-e-commerce-website/
Free Web Resources Everyday - WebResourcesDepot
E-commerce has its own dynamics when compared to the standard shopping experiences. It: * is faster * requires collection of data * includes shipping more frequently * has different ways of supporting users * & more.. E-Commerce Tips If the product sold is not something unique, then it probably exists in 100s of other e-commerce websites. So, to differentiate your stores from others, here are 13 tips for a better e-commerce website:
Carsonified » How to Make Your Web Design Stand out from the Crowd
http://carsonified.com/blog/design/how-to-make-your-web-design-stand-out-from-the-crowd/
How to Make Your Web Design Stand out from the Crowd
ThinkVitamin - Carsonified's blog about the web
Carsonified » How to Make Your Web Design Stand out from the Crowd
Few inspiring designs
!@#$!@@@@@@@ MY ISYS PROJECT @@@@@@!%#@!@
http://www.themostamazingwebsiteontheinternet.com/
can hate on some old shit done right
5 Web Accessibility Improvement Tools | UX Booth
http://www.uxbooth.com/blog/5-tools-to-increase-accessibility/
Over the past few weeks we’ve been showcasing some amazing articles, tools, and videos in our Resources section. Our twitter followers have gotten a taste of these resources and have let us know they are really enjoying them! Today I would like to share some tools with you that focus on accessibility, a very important sector of user experience.
Free Portfolio WordPress Theme: Creative by Nature | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2009/07/30/free-portfolio-wordpress-theme-creative-by-nature/
Excellent resource for creating portfolio webpages using WordPress
http://www.smashingmagazine.com/2009/07/30/free-portfolio-wordpress-theme-creative-by-nature/
Can Do - And the Pursuit of Happiness Blog - NYTimes.com
http://kalman.blogs.nytimes.com/2009/07/30/can-do/
awesome
Maira Kalman: "Everything is invented. Language. Childhood Careers. Relationships. Religion. Philsophy. The Future. They are not there for the plucking."
In the Woods - 10 Typography Tips to Bring your Skills to the Next Level
http://blog.themeforest.net/resources/10-typography-tips-for-web-designers/
I generally stick with about 2-5pt’s larger leading than font size depending on the type face, size, etc. and how it feels reading it.
technique de l'utilisation de la typo
40 Really Useful Photoshop Text Effect Tutorials
http://www.webdesignbooth.com/40-really-useful-photoshop-text-effect-tutorials/
No matter you want to design a banner or logo, text effect is very important. Why? It is because a beautiful text effect on the banner or logo will attracts the visitor and also delivers a better message. There are tons of Photoshop text tutorials around us, but today we are going to pick the most 40 beautiful Photoshop text effect tutorials for our readers.
This article shares the most useful Photoshop text effect tutorials with readers. A great text effect will sure attract readers' attention and delivers a better message.
52 Really High Quality Free Fonts For Modern And Cool Design | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/resources/52-really-high-quality-free-fonts-for-modern-and-cool-design/
Free fonts.
In this list you will find very professional and high quality fonts hand picked and carefully selected to offer you only the best resources available!
fonts
A kitchen diary (by a designer)
http://www.akitchendiary.com/
From the Mule’s mouth - Musings from the MuleSource Experts » Blog Archive » To ESB or not to ESB
http://blog.mulesource.org/2009/07/to-esb-or-not-to-esb/
Great post!
Checklist when to use an ESB
Kindle and the future of reading : The New Yorker
http://www.newyorker.com/reporting/2009/08/03/090803fa_fact_baker?currentPage=all
by Nicholson Baker
ANNALS OF READING about the Kindle 2. The writer ordered the Kindle 2 from Amazon. How could he not? Everybody was saying that the new Kindle was terribly important. Writing and publishing, wrote Steven Johnson in the <i>Wall Street Journal</i>, would never be the same. In <i>Newsweek…
24 useful free vectors | Designer Daily
http://www.designer-daily.com/24-useful-free-vectors-2860
15 Freelancer Design And Development Creative Job Boards | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/development/15-freelancer-design-and-development-creative-job-boards/
punypng - PNG Image Optimization and Compression - Gracepoint After Five
http://www.gracepointafterfive.com/punypng
punypng - PNG Image Optimization and Compression - Gracepoint After Five
- PNG Image Optimization and Compression - Gracepoint After Five
50 Interviews of Popular Web Designers, Developers and Founders | Inspiration | instantShift
http://www.instantshift.com/2009/07/22/50-interviews-of-popular-web-designers-developers-and-founders/
What drives someone to become a success? Why do people persevere when the odds are against them? Is there a secret to becoming successful? The best way to find out is to interview people who have been there, and done that, who have spent their lives in a pursuit of success in one form or another. And that’s exactly what we has done in this amazing collection of interviews.
10 Excellent Services To Get Feedback For Your Design Works | Inspired Magazine
http://www.inspiredm.com/2009/07/31/10-excellent-services-to-get-feedback-for-your-design-works/
Crowdsourced usability tests for your own designs
9 Characteristics of Well-Designed E-Commerce Websites | Vandelay Design Blog
http://vandelaydesign.com/blog/design/well-designed-ecommerce-websites/
Vibram Five Fingers Shoes: The Barefoot Alternative
http://www.fourhourworkweek.com/blog/2009/05/07/vibram-five-fingers-shoes/
"At the very least, you get to wear some goofy shoes that encourage you to wiggle your toes."
How to Make a Threadless Style T-Shirt Gallery | Build Internet!
http://buildinternet.com/2009/06/how-to-make-a-threadless-style-t-shirt-gallery/
awesome t-shirt display technique
Showcase of Fantastic Login Pages - Inspect Element
http://inspectelement.com/articles/showcase-of-fantastic-login-pages/
Login pages for web apps/websites are something that regular users are likely to see over and over again but are also can be an opportunity to entice new users to sign up so a well designed login page can have greater benefits than you think. Below are some of the best login pages currently out there.
40 Most Creative Business Cards You Will Ever See | Creative Nerds
http://creativenerds.co.uk/inspiration/40-most-creative-business-cards-you-will-ever-see/
Business cards
Design a Stylish Mail Icon in Photoshop - Tutorial9
http://www.tutorial9.net/photoshop/design-a-stylish-mail-icon-in-photoshop/
Design a Stylish Mail Icon in Photoshop - Tutorial9 - 08/02/2009
20 Light Minimalistic Website Designs
http://www.beautifullife.info/web-design/20-light-minimalistic-website-designs/
website designs 美工专用
28 Sites Producing Podcasts And Screencasts To Help You Grow As A Designer And Developer | Spyre Studios
http://spyrestudios.com/podcasts-screencasts-for-designers-and-developers/
Oversigt
Wallpaper Roundup: Ocean Views and Abstract Blues
http://lifehacker.com/5321371/wallpaper-roundup-ocean-views-and-abstract-blues/gallery/
The temperature is rising across the country, and while you may not be able to get yourself to a cool and breezy locale, you can at least plaster your monitor with soothing reminders of one.
必ずモノにしたい! ウェブデザイン向け Photoshop チュートリアル16個 :: gerenuk.crazyphoto.org/
http://gerenuk.crazyphoto.org/2009/06/15/714/
75+ Excellent Collection of Tutorials, Inspirations And Resources For Designers To Discover The Best Of The Web In July @ SmashingApps
http://www.smashingapps.com/2009/07/31/75-excellent-collection-of-tutorials-inspirations-and-resources-for-designers-to-discover-the-best-of-the-web-in-july.html
Gran recopilación de diseños
Opensource, Free and Usefull Online Resources for Designers and Developers
20 High Quality Free WordPress 2.7 Themes | Toxel.com
http://www.toxel.com/design/2009/05/29/20-high-quality-free-wordpress-27-themes/
"This post features a collection of high quality free WordPress 2.7 themes."
The Essence Of About Us Page With 12 Captivating Showcases | Onextrapixel - Showcasing Web Treats Without Hitch
http://www.onextrapixel.com/2009/07/31/the-essence-of-about-us-page-with-12-captivating-showcases/
Color Scheming for Designers | styl.eti.me
http://styl.eti.me/design/color-scheming-for-designers/
StyleTime has a helpful article about creating colour palettes.
10 stunning vector animals icon sets | PSDVIBE - Tutorials and Resources
http://psdvibe.com/2009/06/11/10-stunning-vector-animals-icon-sets/
10 stunning vector animals icon sets
Animal vector icon sets
CSSの実装状況で変わるボックスのデザイン方法
http://3ping.org/2009/08/01/1259
css3でどんなことができるか
i love those kind of poeple
Lawson Clarke - copywriter
http://www.malecopywriter.com/
Beefcake sells! I don't know if this site got him a job, but it got him tons of publicity (including the NYTimes) and LOTS of traffic.
25 Classic Fonts That Will Last a Whole Design Career
http://www.blog.spoongraphics.co.uk/articles/25-classic-fonts-that-will-last-a-whole-design-career
25 beste lettertypes
25 FONT CLASSICHE
The Do’s and Don’ts of Dark Web Design | Webdesigner Depot
http://www.webdesignerdepot.com/2009/08/the-dos-and-donts-of-dark-web-design/
A few tips to make your next dark website design appeal to a broader audience, while letting you, the designer, express your creativity.
Do's and Dont's
Video Notes from the Field — School of Visual Arts — MFA in Interaction Design
http://interactiondesign.sva.edu/blog/entry/video_notes_from_the_field/
Digital designers advice on going into the field ...
A series of short video posts giving designers advice - many prominent people in the field...
'she sought out the advice of digital designers and designer conspirers far and wide, to ask them to respond to the following: "So you’re thinking about becoming a designer? If I could tell you only one thing about going into the field, my advice would be ___________ ."'
Alex Faaborg - » The New Firefox Icon
http://blog.mozilla.com/faaborg/2009/06/18/the-new-firefox-icon/
Later this week we will be shipping the first Release Candidate build of Firefox 3.5, which is currently in the process of being evaluated by our exceptional QA team and testing community. This also means that we are now ready to finalize the design of the new Firefox icon. I want to thank everyone who provided feedback on the icon during the design process. But more importantly I want to thank the new icon’s creator Anthony Piraino from the Iconfactory. He did a great job with the design work, he very quickly adapted iterations as we changed our direction and sent feedback, and he wasn’t the slightest bit fazed by a completely transparent process that designers often find to be a bit uncomfortable.
for mozila icon all sizes
Firefox 3.5のicon、資料作成時に利用。
40 Free Beautiful Blogger Templates, Part III | Graphics
http://www.hongkiat.com/blog/40-free-beautiful-blogger-templates-part-iii/
Mastering CSS, Part 1: Styling Design Elements | CSS | Smashing Magazine
http://www.smashingmagazine.com/2009/08/03/mastering-css-styling-design-elements/
CSS is one of the most important building blocks of modern web design. Standards demand the use of CSS for formatting and styling pages, and
Bauhaus: Ninety Years of Inspiration | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/08/02/bauhaus-ninety-years-of-inspiration/
The Best Vector Icon Sets All In One Place | Web Design Ledger
http://webdesignledger.com/freebies/the-best-vector-icon-sets-all-in-one-place
As you've probably noticed, we love finding the best freebies out there and sharing them with you. In this post, I've rounded up the best vector icons
The simplest way to horizontally and vertically center a DIV | Dezinerfolio
http://www.dezinerfolio.com/2007/05/02/the-simplest-way-to-horizontally-and-vertically-center-a-div
to all, but I experimented and came up with this simple CSS snippet. Here is a visual representation of how this works:
To Center a Div Container
The Most 10 Common Mistakes Web Designers Make | Noupe
http://www.noupe.com/design/ten-most-common-design-mistakes.html
The Most 10 Common Mistakes Web Designers Make
Design and Code Your First Website in Easy to Understand Steps - Nettuts+
http://net.tutsplus.com/tutorials/html-css-techniques/design-and-code-your-first-website-in-easy-to-understand-steps/
Bitácora de jEsuSdA: TUTORIAL GIMP: Retoque facial profesional
http://www.jesusda.com/blog/index.php?id=371
"Vamos a retocar una imagen de una chica para potenciar su belleza… y tal vez acomplejar al resto de chicas normales que aún se creen que las famosas de las revistas son así como las pintan (sin arrugas, sin lunares, sin celulitis…)."
tutorial de retoque de fotos con gimp
Looks like it's en espanol, but I'll bet I can figure it out well enough to get some good ideas on retouching photos.
Drop-Down Menu: 30+ Useful Scripts to Enhance Header Navigation | Graphics
http://www.hongkiat.com/blog/drop-down-menu-30-free-scripts-to-enhance-header-navigation/
Drop-down menu (also known as pull-down menu) is an essential in most web design. It plays important role in the creation of an effective and user friendly
15 Killer Hacks for WordPress that Are Extremely Useful
http://www.wpbeginner.com/wp-tutorials/15-killer-hacks-for-wordpress-that-are-extremely-useful/
15 Killer Hacks for WordPress that Are Extremely Useful
WordPress community is growing fast, and we are coming up with new hacks every day. In this article we will be sharing with you some of the killer, most wanted, and extremely useful WordPress Hacks that you can use to unleash the power of this blogging software that we all love. We will try to explain how each hack works, if you don’t understand something feel free to ask the question in the comments.
200+ Paper Brushes for Photoshop
http://designm.ag/resources/paper-photoshop-brushes/
Brushes for Photoshop
Using paper effects in web design is a current trend (see 35 Amazing Paper Made Website Designs at Spyre Studios). Achieving a paper look can be made much easier with the help of Photoshop brushes. Here we will feature a number of free brush packs for creating paper effects.
Sticky (Fixed) SideNav Layout with CSS
http://designm.ag/tutorials/sticky-sidenav-layout/
A-Z of Free Photoshop Plugins and Filters | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/08/03/a-z-of-free-photoshop-plugins-and-filters/
he Photoshop community is choc-full of many free resources, tutorials, tips and techniques, .psd files and even Actions. There is one area that it sadly lacks in, and that is free plugins and filters.
The Photoshop community is choc-full of many free resources, tutorials, tips and techniques, .psd files and even Actions. There is one area that it sadly
25 Magazine-Style Layouts for Your Design Inspiration | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/magazine-layout/
Awesome Magazine Style Layouts!!
Magazine and news-style designs have become increasingly popular. Content management systems like WordPress have a wide selection of themes for this type of site, making it easy for the average website owner or blogger to achieve a look that is similar to a news site. In this post we will feature 25 sites that provide inspiration for magazine-style layouts.
Coding A HTML 5 Layout From Scratch | How-To, Tutorials | Smashing Magazine
http://www.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/
An essential reading. From Smashing Magazine, as usual... :-D
A List Apart: Articles: Redesigning Your Own Site
http://www.alistapart.com/articles/redesigning-your-own-site/
Designing for your worst client: yourself
Cheese & Burger Society
http://www.cheeseandburger.com/
Cheese & Burger Society We are the Cheese & Burger Society. We believe that cheese is the Grand Poo-bah of every cheeseburger grilled at a backyard barbecue or flame-broiled at a roadside diner. But not just any slice of cheese, Wisconsin Cheese. So join us as we celebrate the greatest cheeseburgers ever made. Has Lady Luck been treating you right? Then listen up. Because from August 1 to September 30, the Cheese & Burger Society is giving its fans the chance to win a top of the line gas grill. Yes, we're nice like that.
Must be enjoyed with sound on.
horinaja for scriptaculous or jQuery
http://www.davidmassiani.com/horinaja/
horinaja for scriptaculous or jQuery
"Horinaja is a slide-show ready-to-use for scriptaculous/prototype or jQuery. Horinaja is innovant because he use your mouse wheel for a best navigation." Very cool.
Javascript For Designers: Getting on Your Feet Fast | Noupe
http://www.noupe.com/javascript/javascript-for-designers.html
Web designers are a special breed – we’re one of a small group of professionals that actively seeks out to improve ourselves and our craft through any means possible. This generally means on our own, from each other, and through an awful lot of ‘guess, test and revise.’ Web design isn’t for the faint of heart or those with any fear of failure.
Web designers are a special breed – we’re one of a small group of professionals that actively seeks out to improve ourselves and our craft through any means
Top 50 Stunning Text Effect Photoshop Tutorials
http://www.photoshoplady.com/top-50-stunning-text-effect-photoshop-tutorials/
Top 50 Stunning Text Effect Photoshop Tutorials Photoshop Lady - : Best Photoshop Tutorials Around the World
50+ Top Free Icon Resources and Icon Sets for Web Designers | tripwire magazine
http://www.tripwiremagazine.com/icons/design/50-top-free-icon-resources.html
This article gives you one of the largest compilations of Free Icon Resources and Icon Sets aimed for use in web design.
아이콘 모음 사이트
50+ Top Free Icon Resources and Icon Sets for Web Designers | tripwire magazine
TidySongs.com – Tidy Up Your Music!
http://www.tidysongs.com/
36 Beautiful and “NEW” Free Wordpress Themes | Dzine Blog
http://dzineblog.com/2009/08/free-wordpress-themes.html
Nuevos templates para WP
IE6 No More - Home
http://www.ie6nomore.com/
Campaign site for retiring the old Internet Explorer 6 browser for good.
IE6 No More
30 Inspiring and Beautiful Widescreen Wallpapers | Web Design Ledger
http://webdesignledger.com/freebies/30-inspiring-and-beautiful-widescreen-wallpapers
30 Inspiring and Beautiful Widescreen Wallpapers
Web designers are constantly seeking visual inspiration. That's why many of us frequently change our desktop wallpapers. It's nice to have an image that is
Information Is Beautiful | Ideas, issues, concepts, subjects - visualized!
http://www.informationisbeautiful.net/
Flickriver: 9 0 0 0's most interesting photos
http://www.flickriver.com/photos/dinosonic/popular-interesting/
I'm fascinated by modern cultural shortcuts used in artistic ways. This is a lot of them!
Flickriver - view images as a 'river of photos' and more...
69 Stunning Gig Posters | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/69-stunning-gig-posters
What's design without music? What's music without design? I wanted to add on to Paulo's post, 30 Totally Cool Band Posters, because I, too, have always had a thing for indie gig posters
30 Fresh and Inspirational Portfolios With A Twist | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/08/05/30-fresh-and-inspirational-portfolios-with-a-twist/
It may be the economical slowdown, the climate change, or even a random boost of creativity, but the competition between graphic studios is huge right
Web Portfolios
85 Free High Quality Silhouette Sets | Graphics
http://www.hongkiat.com/blog/85-free-high-quality-silhouette-sets/
Initially silhouette was applied on portraits or pictorial which were be used for thin black card. But nowadays, we can easily find silhouette images in
nitially silhouette was applied on portraits or pictorial which were be used for thin black card. But nowadays, we can easily find silhouette images in many media forms like artworks, illustration, photography, movies, graphic design or even fashion and fitness.
Initially silhouette was applied on portraits or pictorial which were be used for thin black card. But nowadays, we can easily find silhouette images in many media forms like artworks, illustration, photography, movies, graphic design or even fashion and fitness. Modern designers use silhouette to create dramatic effect in many art works because silhouette emphasizes the outline and view of an object. The mystery of silhouette objects create a space for viewers’ imagination. Apple’s iPod advertisement is a successful example of using silhouette.
** Posted using Viigo: Mobile RSS, Sports, Current Events and more **
How Different Groups Spend Their Day - Interactive Graphic - NYTimes.com
http://www.nytimes.com//interactive/2009/07/31/business/20080801-metrics-graphic.html?ref=business
e New York Ti
How Different Groups Spend Their Day. very nicely made infographic.
85 Useful Free Mac Apps for Designers
http://www.usingmac.com/2009/7/29/85-useful-free-mac-apps-for-designers
Use apps for designer...or one in pratice at least.
A whole bunch of neat Mac designer apps.
25 Examples of Mega Menus in Web Design
http://designm.ag/inspiration/mega-menus/
Online Banner Generator - Banner Maker
http://onlinebannergenerator.com/
ブラウザ上でバナーがつくれるサービス。
Absolute, Relative, Fixed Positioning: How Do They Differ? - CSS-Tricks
http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/
positioning
Absolute, Relative, Fixed Positioning
Finsta left a question in the forums: I am fairly new to web design and I could never master the differences in positioning of elements. I know there are
Absolute, Relative, Fixed Positioning: How Do They Differ? | CSS-Tricks
iPhone Toggle Switches // Elijah Miller
http://jqr.github.com/2009/08/05/iphone-toggle-switches.html
iPhone風のトグルスイッチ。
"Way back in June, Thomas Reynolds released iPhone-style-checkboxes for jQuery, a progressive enhancement for checkboxes which makes them into the beautiful iPhone toggle switches. I really like these switches on the iPhone so I went about finishing up his version for the Prototype framework. Of course, I couldn't help but add some new features along the way!"
23 Excellent Examples of How to Design Online Stores - Inspect Element
http://inspectelement.com/articles/23-excellent-examples-of-how-to-design-online-stores/
eCommerce
The Little But Really Useful Guide to Creativity
http://zenhabits.net/2009/08/the-little-but-really-useful-guide-to-creativity/
“The secret to creativity is knowing how to hide your sources.” - Albert Einstein
40 (NEW) High Quality Adobe Photoshop Tutorials | Noupe
http://www.noupe.com/tutorial/40-new-high-quality-adobe-photoshop-tutorials.html
50 Gorgeous Flash Websites You Definitely Should See | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/inspiration/50-gorgeous-flash-websites-you-definitely-should-see/
I got really amazed what can be done with Flash and how limitless possibilities are. You also may notice there are a lot of design, development and interactive agencies in this article, but that’s really self explaining – creative souls and agencies really offer the greatest creativity, because on their own designs they really have no limits. Enjoy!
Napkee - make your mockups come alive
http://www.napkee.com/
Napkee lets you to export Balsamiq Mockups to HTML/CSS/JS and Adobe Flex 3 at a click of a button. * Balsamiq's perfect companion * No coding skills required * Pays for itself after one use launch price 79 dollars Napkee Install it, Version 1.0.6 (August 5th, 2009) - problems downloading? By installing this software you are agreeing to Napkee Labs' End User License Agreement Try it, Once you have installed Napkee you can try it for as long as you want. Import Balsamiq Mockups files (BMML) and see all the features of Napkee. The export functionality is the only thing that is not working in the free trial, but you can enable it by buying Napkee! Buy it! $79/user Tried and liked what you see? To unlock the export feature just follow the instructions on the buy it page. We are also giving out licenses for free.
123 Beautiful Personal Logos, Monograms and Wordmarks For Your Inspiration | JobMob
http://jobmob.co.il/blog/personal-logos-monograms-wordmarks-inspiration/
Steepster
http://www.steepster.com/home
a social network for tea?
Maybe it'll get better...seems a bit too "I'm 2.0!" From: http://www.metafilter.com/83912/Tea-drinkers-unite
Steepster is a site that helps you keep an online log of the teas you drink. Using our super-simple interface, you can easily fill your tealog with tasting notes and tales of your tea drinking adventures. You can also follow other tea drinkers to see what's in their cup, discovering brand new teas from people you know and trust.
15 Creative Wordpress Footers @ Designussion
http://www.designussion.com/15-creative-wordpress-footers/
Some good navigation, but really these examples are about appealing design at the bottom of the page.
pies creativos para el diseño web
Wordpress allows designers to take advantage of the functionality that the CMS provides. Becase of this, gone are the days of having a simple copyright footer and hello to the days of complex, inviting and informational footers. Designers have found
Some inspiration for making the most out of a page footer.
Des pieds de page créatifs et inspirés
Carsonified » How to Choose a Business Model
http://carsonified.com/blog/web-apps/how-to-choose-a-business-model/
In this 30 minute video from the FOWA Tour, you’ll learn the key points you need to consider when deciding on the business model for your product or service.
Carsonified on thinking about models for your online business - when to, and when not to, consider freemium models and building up a viable paying customer base.
How to Choose a Business Model
Extract colors from photos and make color schemes | ColorSuckr
http://colorsuckr.com/
Sedot warna
Extract colors from photos and make color schemes
Extract colors from photos and make color schemes | ColorSuckr
Create color schemes based on photos for use in your artwork & designs; also Firefox plugin available
Printed books on User Experience free to read online » The UX Bookmark
http://www.theuxbookmark.com/2009/07/interaction-design/printed-books-on-user-experience-free-to-read-online/
a good resource to stop by, when thinking about changes in your user interface.
25 jQuery Image Gallery/Slider Tutorials and Plugins | Vandelay Design Blog
http://vandelaydesign.com/blog/web-development/jquery-image-galleries/
25 jQuery Image Gallery/Slider Tutorials and Plugins
jQuery image galleries and sliders are very common on portfolio sites and are also useful for any other type of site for displaying images and photos. Fortunately, adding a jQuery gallery does not have to be difficult, even if you don’t have much experience with JavaScript and jQuery. In this post we’ll see tutorials and plugins that can provide you with the resources that you need to get a gallery of slider on your site.
galerias de imagenes con jQuery
A List Apart: Articles: Unwebbable
http://www.alistapart.com/articles/unwebbable/
It’s time we came to grips with the fact that not every “document” can be a semantic “web page.” Some forms of writing just cannot be expressed in HTML—or they need to be bent and distorted to do so. But for once, XML can help. Joe Clark explains.
e
"The creation myth of the web tells us that Tim Berners-Lee invented HTML as a means of publishing physics research papers. True? It doesn’t matter; it’s a founding legend of the web whose legacy continues to this day. You can gin up as many web applications as you want, but the web is mostly still a place to publish documents."
Beautiful New Free Fonts For Your Designs | Fonts | Smashing Magazine
http://www.smashingmagazine.com/2009/08/07/beautiful-new-free-fonts-for-your-designs/
In this selection we’re glad to present you Calluna, Andika Basic, Mentone, Sovereign Regular, Medio, Tiresias Infopoint and many other high-quality free fonts.
Smashing Magazine
A new collection of lovely fonts.
30 Tutorials Combining Both Wordpress and jQuery : Speckyboy Design Magazine
http://speckyboy.com/2009/08/06/30-tutorials-combining-both-wordpress-and-jquery/
Take the most popular CMS, Wordpress, and then take the easiest and most versatile of Javscript libraries, jQuery, and you have a match made in heaven. Implementing jQuery within Wordpress is a lot easier than you would think, all you need is a little support from the huge WP community and a little patience, and you are good to go. Below you will find 30 Tutorials Combining both Wordpress and jQuery.
Coca-Cola vs. Pepsi, Revised Edition - Brand New
http://www.underconsideration.com/brandnew/archives/coca-cola_vs_pepsi_revised_edition.php
Saw this in a tweet the other day, subsequently brought it up in a conversation last night. Coca-cola is alien good.
An interesting historical look at the branding for competing brands - coke and pepsi.
PicTreat - Free, Automatic Photo Retouching
http://www.pictreat.com/
Submit your photo and get it retouched in seconds. Smooth your skin, remove flaws, auto-correct colors. Free.
10 Super-Simple Web Designs | Web Design Blog by Union Room Web Design
http://www.unionroom.com/blog/10-super-simple-web-designs/
33 Newly Fresh Web Design Layout Tutorials | Naldz Graphics
http://naldzgraphics.net/tutorials/33-newly-fresh-web-design-layout-tutorials/
The 5-Minute CSS Mobile Makeover • Perishable Press
http://perishablepress.com/press/2009/08/02/the-5-minute-css-mobile-makeover/
More people are surfing the Web via mobile device than ever before. It’s just so convenient to have that mobile access to anything you need. Sadly, most websites have not yet considered their mobile visitors, who probably move on to the next site before trying to make sense of a jumbled mess.
Stop ignoring your mobile visitors! Be a part of the thriving Mobile Web by making your site mobile-friendly. This tutorial explains everything you need to know!
60+ Amazing Examples Of Illustrative Web Designs With Overview | Inspiration | instantShift
http://www.instantshift.com/2009/08/05/60-amazing-examples-of-illustrative-web-designs-with-overview/
Fantastic Illustrative Web Designs!!
web desing
15 Great And Free Photoshop Alternatives
http://www.webdesignbooth.com/15-great-and-free-photoshop-alternatives/
Great And Free Photoshop Alternatives
A List Apart: Articles: Erskine Design Redesign
http://www.alistapart.com/articles/erskine-design-redesign/
Our main goals: to attract bigger and better projects—and thereby cement our business, see it through the downturn, and discover excellent growth opportunities. Our aim was not simply to increase inquiries, but to improve the quality of inquiries, and our internal inquiry workflow.
Bulletin August/September 2009
http://asis.org/Bulletin/Aug-09/AugSep09_Crumlish.html
social media antipatterns and fuckups
The Information Architecture of Social Experience Design: Five Principles, Five Anti-Patterns and 96 Patterns (in Three Buckets)
Designing and building a successful social website or application is no mean feat. Adding a social dimension to an existing experience is trickier still. Nevertheless, the skills to do so are well worth cultivating, as the ubiquitous, pervasive, massively interconnected world of the Internet and allied digital networks, such as mobile SMS (short message service) connections, have unlocked a growing panoply of opportunities for social relationships, remote presence, real-time interactions and the capacity for self-organized groups of people to coordinate their behavior and collaborate on changing the world.
Five Principles Of the myriad principles we've unearthed so far, five cut across the entire experience: Pave the Cowpaths Talk Like a Person Play Well with Others Learn from Games Respect the Ethical Dimension
Rainmeter.net
http://www.rainmeter.net/
Rainmeter is a Windows customization application.
Rainmeter is a Windows customization application. Empower your desktop with an expandable library of useful tools – handy notes and application launchers, weather and feeds from the web, system status and more. Then, rearrange and modify them to suit your personal style. With Rainmeter, your desktop is finally yours.
12 Free & High Quality Burnt Paper Textures
http://sixrevisions.com/freebies/textures/12-free-high-quality-burnt-paper-textures/
In this set, you’ll find 12 completely free, high-resolution, and large-scale paper textures that feature burn marks. They have a very liberal Creative Commons license so that you can use them in any manner you choose, whether it’s personal or commercial.
焼けこげた紙の素材
12 Free & High Quality Burnt Paper Textures
Realizations of Rounded Rectangles | UI and us
http://www.uiandus.com/2009/07/27/theories/realizations-of-rounded-rectangles/
expect that examples like the rounded rectangle will strengthen the argument to ‘go the e
Fascinating or total B.S.? You decide...
Time for an expert: I asked Professor Jürg Nänni, author
rounded corners versus sharp corners
Ultimate Retro Graphic Design Inspiration | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/ultimate-retro-graphic-design-inspiration
Very 80ies, record covers, film posters, computer games etc. Some nice textures from weathered paper.
One of the greatest influences in my work is the 80s, maybe because I grew up in that decade and I was always watching TV or playing my Atari 2600. The colors, the geometric plans with neon, everything looked so cool to me. So in this post I will show you
Create a Slick Tabbed Content Area using CSS & jQuery - NETTUTS
http://net.tutsplus.com/html-css-techniques/how-to-create-a-slick-tabbed-content-area/
Create UML diagrams online in seconds, no special tools needed.
http://yuml.me/diagram/class/draw
uml diagrams
LESLIE MILES
http://leslie-miles.blogspot.com/
nice pictures
curated photography blog
images
Themed photoblog
CSS Typography Reference Sheet - Get Creative with your Headlines! : Speckyboy - Web Design, Web Development and Graphic Design Resources
http://speckyboy.com/2008/10/06/css-typography-reference-sheet-get-creative-with-your-headlines/
Reference tables of CSS properties and sample texts (web safe)
size conversion chart
TED | Translations | Talks in Portuguese (Brazil)
http://www.ted.com/index.php/translate/languages/por_br
ted palestras videos portuguese informação technology inspiration
As palestras desta página foram traduzidas por voluntários que fazem parte de um Projeto de Tradução Aberta da TED. A sua contribuição generosa nos ajudou a difundir idéias a nível global, através de uma seleção de palestras que está sempre recebendo adições. Você não vê a sua palestra favorita aqui? Você pode traduzí-la para nós!
ue fazem parte de um Projeto de Tradução Aberta da TED. A sua contrib
10 Awesome Free Grunge Fonts | My Ink Blog
http://www.myinkblog.com/2009/05/26/10-awesome-free-grunge-fonts/
This is the final post in my awesome font series. I definitely made a conscience decision to save my favorite genre for last. I think most designers would agree that the grunge style has a unique appeal because of the freedom it allows. These 10 free fonts are perfect for distressing your designs.
Found this somewhere... Thought it might be put to some use someday...
Semi Web Safe Fonts to Spice Up Your Web Designs
http://line25.com/articles/semi-web-safe-fonts-to-spice-up-your-web-designs
How To Correctly Use Bevels & Drop Shadows in Photoshop
http://www.myinkblog.com/2009/07/28/how-to-correctly-use-bevels-drop-shadows-in-photoshop/
Myinkblog
32 Handy Gradient Tutorials Using Photoshop And Illustrator:Part 4 | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/tutorials/32-handy-gradient-tutorials-using-photoshop-and-illustratorpart-4/
n my opinion gradient effects are very hard to master, all the beautiful vector icons, illustrations are made on basis of good gradient usage. Gradient mesh tool in Illustrator is the most powerful one, learn how to use it correctly and understand what can be done with it. I found many beautiful tutorials and ordered them from instructional to intermediate tutorials to lead you easier through learning process. I think you should get great starting point here and even if you’re experienced designer, you should find some new tips here definitely. This article completes gradient article series, make sure you read through them all:
Gradient effects are hard to master,all the beautiful vector icons, illustrations are made on basis of good gradient usage and these tutorials are here to help!
Essential multimedia tutorials and resources for do-it-yourself training :: 10,000 Words :: multimedia, online journalism news and reviews
http://www.10000words.net/2009/03/essential-multimedia-tutorials-and.html
UI Pattern Documentation Review - Boxes and Arrows: The design behind the design
http://www.boxesandarrows.com/view/ui-pattern
User interface (UI) patterns have the potential to make software development more efficient. The prospect of such efficiency gains has led to interest in user interface (UI) patterns by individuals and organizations looking for ways to increase quality while at the same time reducing the costs associated with software development. The very nature of UI patterns requires that they be familiar to end-users. An individual UI pattern is a discrete, repeatable unit of user experience. I refer to collection of patterns as a library.
18 Adobe AIR Apps for Designers
http://www.sitepoint.com/blogs/2009/08/03/adobe-air-apps-for-designers/
Adobe Integrated Runtime (AIR) is a cross-platform program that allows you to run a wide variety of different little programs. It has become best known for a slew of Twitter clients, the most popular being TweetDeck, but the environment is a lot more useful than just as a platform for the popular microblogging service.
Adobe Integrated Runtime (AIR) is a cross-platform program that allows you to run a wide variety of different little programs. It has become best known for a slew of Twitter clients, the most popular being TweetDeck, but the environment is a lot more useful than just as a platform for the popular microblogging service. Web designers can find a slew of handy programs that will ease their job. Some of the tools you can find include choosing a color scheme, measuring spaces in your design, editing vector images and a whole lot more. We’ve picked 18 of the best to help you get started.
20 Rules All Freelancers Should Follow | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/roundups/20-rules-all-freelancers-should-follow
pkaiser
20 Rules All Freelancers Should Follow
Excellente liste des règles que les travailleurs autonomes devraient suivre.
7 Tips for Windows XP Makeover - Mithya
http://mithya.in/blog/tips-for-windows-makeover/
60 (Latest) Beautiful and Enticing Blog Designs | Inspiration
http://www.hongkiat.com/blog/60-latest-beautiful-and-enticing-blog-designs/
Fantastic examples of BEAUTIFUL Blog Design!
19 Essential WordPress Plugins That Every Professional Website Should Use | CHROMATIC
http://www.chromaticsites.com/blog/19-essential-wordpress-plugins-that-every-professional-website-should-use/
Whether you own a professional WordPress website or build them for other people, here is the definitive list of must-have, free WordPress plugins for professional WordPress websites.
Pager
77 Excellent Photoshop Tutorials For Designing Posters | Tutorials | instantShift
http://www.instantshift.com/2009/08/09/77-excellent-photoshop-tutorials-for-designing-posters/
photoshop
** Posted using Viigo: Mobile RSS, Sports, Current Events and more **
Free Adobe Tutorials | Photoshop CS4 | Website Design | Layers Magazine
http://www.layersmagazine.com/website-design-tips-using-photoshop-cs4.html
There are a number of ways that you can achieve a refined website by polishing off your design in Photoshop.
Website Design Tips Using Photoshop CS4
35 (NEW) Modern High Quality Icon Sets | 2experts Design - Web Design and Graphic Design Blog
http://www.2expertsdesign.com/2009/08/07/35-new-modern-and-high-quality-icon-sets/
Below I am going to present 35 New and Modern icon sets that you can use for your design or your desktop. Many of the listed icons can be used in design; some of them are decorate your desktop as well. Hope you will like them. Let us know if you think some missing!
nice shiny icons
35 (NEW) Modern High Quality Icon Sets
JPEG、GIF、PNG画像選択の指針まとめ | エンタープライズ | マイコミジャーナル
http://journal.mycom.co.jp/news/2009/08/04/029/index.html
画像フォーマットの特徴を簡単に説明 GIF - 256色のインデックス画像。ロゴであったりフラットブロックな画像には向いている。透過データを保持できるという特徴_ JPEG - クオリティによって圧縮率が変わる非可逆圧縮の画像。透過は表現できないが、写真データの用途_ GIFのようなぎざぎざを出さずに背景透過を実現でき、24ビットイメージも表現
NFG's Arcade Font Tool
http://nfggames.com/games/fontmaker/index.php
Arcade font engine.
14 Tips To Drive Traffic To Your New Design Blog | The Design Cubicle
http://www.thedesigncubicle.com/2009/02/how-to-drive-traffic-to-your-new-design-blog/
Hvordan øke trafikken på bloggen din
Presentation Zen: 11 ways to use images poorly in slides
http://www.presentationzen.com/presentationzen/2009/08/10-ways-to-use-images-poorly.html
<div><p style="color:#111111;font-family:Arial"><a href="http://www.presentationzen.com/.a/6a00d83451b64669e20120a51b6d8a970c-popup" style="float:right"><img alt="Slides" src="http://www.presentationzen.com/.a/6a00d83451b64669e20120a51b6d8a970c-200wi" style="margin:0px 0px 5px 5px;width:200px"></a> As digital cameras have become ubiquitous, and cheap (or free) photo websites plentiful, more people than ever are using images in presentations. Images are not appropriate for every kind of talk, but even when images are appropriate (such as keynote/ballroom style presentations), people are still making the same common mistakes. So here are some things to keep in mind if you use images in your next talk. <em>(Get a larger version of the "slides" image <a href="http://garr.posterous.com/warning-slides-this-should-be-posted-outside">here.</a>)</em><br><br><strong><span style="color:#111111;font-family:Arial">Case study: a single slide</span></strong><br>Let's imagine you are preparing a prese
o/ http://bit.ly/b44wY [from http://twitter.com/petrizzo/statuses/3119778081]
Examples of how photographs are poorly used in PowerPoint presentations. Students do #6 and #7 the most and it is one of my biggest pet peeves!
Backward Design
http://www.greece.k12.ny.us/instruction/ELA/6-12/BackwardDesign/Overview.htm
What is "Backward Design?" A process by which constructivist and inquiry theories support student learning. Using the principles of backward design, teachers focus first on learning goals (understanding goals). These are based on the transferable big Ideas that give the content meaning and connect skills and facts. And this is what educators want their students to have developed at the completion of the learning process.
Backward design begins with the end in mind: What enduring understandings do I want my students to develop? How will my students demonstrate their understanding when the unit is completed? How will I ensure that students have the skills and understand the concepts required on the summative assessment?
excellent site, steps, FAQ
Much information about reading and writing, includes ideas for thematic units and essential questions.
Over 300 Unique and Creative Google Logo Designs - Web Design - letscounthedays
http://www.shayhowe.com/web-design/300-creative-google-logos/
Over 300 Unique and Creative Google Logo Designs - Web Design - letscounthedays
Google logos
Google Logo
2006
구글의 로고 변천사
The Online Portfolio of Shay Howe
Sehr schöne Sammlung an allen Google Doodles von Beginn an
chairwhore
http://chairwhore.blogspot.com/
chariwhore!
Awesome collection of chairs.
5 CSS3 Design Enhancements That You Can Use Today | Webdesigner Depot
http://www.webdesignerdepot.com/2009/08/5-css3-design-enhancements-that-you-can-use-today/
70+ Beautiful Damask Patterns and Textures | Web Design Ledger
http://webdesignledger.com/freebies/70-beautiful-damask-patterns-and-textures
50 Really High Quality Photoshop Navigation Menu Tutorials | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/tutorials/50-really-high-quality-photoshop-navigation-menu-tutorials/
really good
70 Must-Have CSS3 and HTML5 Tutorials and Resources | Web Resources | WebAppers
http://www.webappers.com/2009/08/10/70-must-have-css3-and-html5-tutorials-and-resources/
70 Must-Have CSS3 and HTML5 Tutorials and Resources - Open Source Resources for Web Developers
Mastering CSS, Part 2: Advanced Techniques and Tools | CSS | Smashing Magazine
http://www.smashingmagazine.com/2009/08/10/mastering-css-advanced-techniques-and-tools/
In Part 1: Styling Design Elements we covered the basics of web design with CSS. In Part 2 we’re offering up some more advanced techniques and effects you can achieve with CSS. Everything from creating your own online apps (like calendars) to styling web pages for use with the iPhone to some basics of working with CSS3 is covered here.
Go Ahead: Next Generation Java Programming Style | Code Monkeyism
http://codemonkeyism.com/generation-java-programming-style/
200+ free beautiful Photoshop patterns hand-picked from DeviantArt - FrancescoMugnai.com
http://blogof.francescomugnai.com/2009/08/200-free-beautiful-photoshop-patterns-hand-picked-from-deviantart/
••• hello | Hot Gloo •••
http://hello.hotgloo.com/
Hot Gloo is designed by IA's for IA's. With the help of the elements you can create a whole world out of wireframes. Just drag and drop, scale, link, name and rename them - it's super easy and intuitional.
Sitio para hacer wireframes
Para hacer wireframes de sitios web
Top design twitters | Designcollector
http://designcollector.net/top-design-twitters
Top Design Twitters
Pattern in Islamic Art
http://www.patterninislamicart.com/
Nine Essential Characteristics of Good UX Designers
http://userexperience.evantageconsulting.com/2009/07/characteristics-good-ux-designers/
Nine Essential Characteristics of Good UX Designers
What makes a good UX Designer / Information Architect
DelliStore: A Free Professional CSS/XHTML/PSD-Template | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2009/05/02/dellistore-a-free-professional-cssxhtmlpsd-template/
This template is a full px-based, cross-browser-compliant (X)HTML/CSS-template. It consists of 4 custom pages; the PSD-source is included in the release package. You may modify this template for a e-commerce web site, restaurant, pool and spa web-sites and other caters, ventures and facilities
Over the last months we’ve heard numerous complaints about the lack of quality in our freebie releases. We are aware that our readers have high
Ideal para tienda, spa,...
70+ Examples of Product Comparison Tables in Web Design
http://sixrevisions.com/design-showcase-inspiration/70-examples-of-product-comparison-tables-in-web-design/
Discovering Papervision3D: Best Design Practices and Tutorials | Design Showcase, Tutorials | Smashing Magazine
http://www.smashingmagazine.com/2009/08/10/discovering-papervision3d-best-design-practices-and-tutorials/
In the Woods – 20 SEO Tips That Every Web Developer Should Follow
http://blog.themeforest.net/resources/20-seo-tips-that-every-web-developer-should-follow/
One aspect of web development that is many times overlooked is search engine optimization. In this list, I’ll show you some basic SEO techniques that will help you make friends with Google, and increase your page rank!
30 MAC Dashboard Widgets for Web Designers and Developers : Speckyboy Design Magazine
http://speckyboy.com/2009/08/05/30-mac-dashboard-widgets-for-web-designers-and-developers/
20 Tools For The Freelance Designer On A Shoestring Budget | Spyre Studios
http://spyrestudios.com/20-tools-for-the-freelance-designer-on-a-shoestring-budget/
ZURB – Making Forms Convert Through Awesome Inline Labels
http://www.zurb.com/article/271/making-forms-convert-through-awesome-inli
Nice technique to use on labels in forms.
nline labels are nothing new – in fact the easiest way to label a field is to simply set the field value up front and blow it away when the field gains focus. Easy, right? But what if the browser focuses on the first field right off the bat...what field is it? The label is gone, so to find out what we're supposed to type we have to switch out, then back...what a terrible interaction! This little jolt could be the difference between a conversion and an abandoned form. Happily, there's a better way.
37 of the Best Web Designs from the Travel Industry | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/travel/
Travel / Adventure web pages
Presentation Zen: 10 Tips on how to think like a designer
http://www.presentationzen.com/presentationzen/2009/08/10-tips-on-how-to-think-like-a-designer.html
Most people do not really think about design and designers, let alone think of themselves as designers. But what, if anything, can regular people — teachers, students, business people of all types — learn from designers and from thinking like a designer? And what of more specialized professions? Can medical doctors, scientists, researchers, and engineers, and other specialists in technical fields benefit in anyway by learning how a graphic designer or interaction designer thinks? Is there something designers, either through their training or experience, know that we don't? I believe there is.
Can medical doctors, scientists, researchers, and engineers, and other specialists in technical fields benefit in anyway by learning how a graphic designer or interaction designer thinks? Is there something designers, either through their training or experience, know that we don't? I believe there is.
Most people do not really think about design and designers, let alone think of themselves as designers. But what, if anything, can regular people — teachers, students, business people of all types — learn from designers and from thinking like a designer? And what of more specialized professions? Can medical doctors, scientists, researchers, and engineers, and other specialists in technical fields benefit in anyway by learning how a graphic designer or interaction designer thinks? Is there something designers, either through their training or experience, know that we don't? Garr Reynolds believes there is.
Below are 10 things (plus a bonus tip) that I have learned over the years from designers, things that designers do or know that the rest of us can benefit from.
How to Create Your First iPhone Application | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/08/11/how-to-create-your-first-iphone-application/
What if you had a nickle for every time you heard: I have the perfect idea for a great application! ? It's the buzz on
What if you had a nickle for every time you heard: "I have the perfect idea for a great application!"? It’s the buzz on the street. The iPhone has created unprecedented excitement and innovation from people both inside and outside the software development community. Still for those outside the development world, the process is a bit of a mystery. This how-to guide is supposed to walk you through the steps to make your idea for an iPhone app a reality. This post presents various ideas, techniques, tips, and resources that may come in handy if you are planning on creating your first iPhone application.
100 Artworks from the Top 20 Digital Artists in South America - Psdtuts+
http://psd.tutsplus.com/articles/inspiration/100-artworks-from-the-top-20-digital-artists-in-south-america/
100 Artworks from the Top 20 Digital Artists in Latin America
The Best Adobe Illustrator Text Effect Tutorials | Creative Nerds
http://creativenerds.co.uk/tutorials/the-best-adobe-illustrator-text-effect-tutorials/
A collection of the best adobe illustrator effect tutorials from around the web. The article features over 20 tutorials which will each show you new tips and illustrator tricks. If theirs any other awesome tutorials which have missed the list feel free to share it with us within the comments.
The Best Adobe Illustrator Text Effect Tutorials | Creative Nerds
Buildabrand.com : Coming Soon! Register for your beta invitation!
http://www.buildabrand.com/
buildabrand.com is an online branding system that allows entrepreneurs, businesses and individuals to create, manage and apply instant and personalised branding to their business.
Open Source Icons - (37signals)
http://37signals.com/svn/posts/1844-open-source-icons
More open source icons
http://www.smashingapps.com/2009/07/22/11-of-the-most-handy-free-tools-to-increase-designers-productivity.html
http://www.smashingapps.com/2009/07/22/11-of-the-most-handy-free-tools-to-increase-designers-productivity.html
11 Of The Handy Free Tools To Increase Designer’s Productivity
gregorywood.co.uk // Top 5 reasons to learn to dive
http://gregorywood.co.uk/
Wow. This guy is teh awsum.
Really good example of digital craftsmanship and attention to detail within each post.
This blog has a customized design for each entry
Cool blog designs
blog that has each entry with a different design, heavily non-page looking design; very impressive
Awesome Art Director's Website
- Interactive Webdesign with CSS and jQuery - Webdesign und Webentwicklung im Webstandard-Blog
http://webstandard.kulando.de/post/2009/06/02/interactive-webdesign-with-css-and-jquery
inspiration for my own site
Web design Q&A - Doctype
http://doctype.com/
Nytt forum för webbutvecklare
Doctype is a free question and answer site for web designers. You can ask questions about CSS, HTML, web design and email design.
Managing UI Complexity | Brandon Walkin
http://www.brandonwalkin.com/blog/2009/08/10/managing-ui-complexity/
nterface complexity is an issue every designer wrestles with when designing a reasonably sophisticated application. A complex interface can reduce user effectiveness, increase the learning curve of the application, and cause users to feel intimidated and overwhelmed. I’ve spent the past year redesigning a particularly complex application with my primary focus being on reducing complexity. In this article, I’ll go over some of the issues surrounding complexity and techniques that can be used to manage it.
Top 10 Wordpress Codes Every Designer Should Know | Css Reflex - Design Blog | Web Design | Inspiration and Resources for Designers
http://www.cssreflex.com/2009/08/top-10-wordpress-codes-every-designer-should-know.html
Hello there! Here I collected a very great collection of 10 Wordpress codes that I consider the most commonly used by any Wordpress developer. The content was reformatted for quick reference from the Template Tag section of the WordPress.org Codex, a relative encyclopedia to WordPress themeing, and great reference for your WordPress questions.
Campanha Instantanea
http://www.campanhainstantanea.com/
Site da Gringo difícel de gringo entender.
Fortune Teller makes you a media plan
muito bacana o hotsite da gringo mostrando sobre campanhas instantâneas na web..
sillllly
Beautiful Hand Drawn Typography | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/08/11/beautiful-hand-drawn-typography/
Beautiful and creative typography can come in a variety of different forms. Hand drawn typography can be an excellent source of inspiration for graphic designers and typography lovers. In this post we will feature 40 creations that use hand drawn type. Some have been created completely by hand. Others have been sketched and scanned into Photoshop or Illustrator. Another option is to use fonts that create a hand drawn effect.
tipografia manual
10 Useful resources for web designers and developers
http://woork.blogspot.com/2009/08/10-useful-resources-for-web-designers.html
simple shopping cart
10 Useful resources for web designers and developers
CMS
5 Sliding Content Techniques, Examples & jQuery How to’s | Noupe
http://www.noupe.com/design/sliding-content.html
The more intuitive layout structure is designed, the better users can understand the content. Whatever content you have to present, you can present them in a
The more intuitive layout structure is designed, the better users can understand the content. Whatever content you have to present, you can present them in a more interactive & more responsive ways.Today we would like to focus on sliding effects and how i can change the structure of a page in a truly unique and creative way. There are many transition effects that can be used to slide different contents, such as fading, horizontal sliding, vertical sliding, the list goes on. Try to pick the transition that best captures the style of your website.In this article we’d like to present 5 smart techniques for sliding and scrolling content using the power of CSS and the beauty of jQuery.
The Content Conundrum - Boxes and Arrows: The design behind the design
http://www.boxesandarrows.com/view/the-content
Article by Christopher Detzi. As web designers and information architects, we often dismiss deep consideration of content when we design interactive experiences.
Finally, a conversation about content...
"It’s impossible to fully evaluate the effectiveness of a web experience without having the content represented and under the same microscope as the design"
15 Tutorials that helped me grow as a Designer | GreatCreativeLinks.com
http://greatcreativelinks.com/?p=2646
【全部無料】 Web制作に役立つオンラインサービスやツール300+ - かちびと.net
http://kachibito.net/web-service/all-free-web-service.html
web制作関連を総まとめ。便利。
# XHTMLテンプレート配布 # css関係 # Flash # 素材関係 # 画像加工関係 # カラー関係 # .htaccessジェネレーター # その他便利なジェネレーター # プログラミング # オープンソースのCMS # SEO、Webサイトチェック # 各種リファレンス/チートシート # Firefoxアドオン
15 Stunning Examples of Data Visualization | Web Design Ledger
http://webdesignledger.com/inspiration/15-stunning-examples-of-data-visualization
Very cool stuff...
Data Visualization is a method of presenting information in a graphical form. Good data visualization should appear as if it is a work of art. This intrigues the viewer and draws them in so that they can further investigate the data and info that the graphic represents. In this post there are 15 stunning examples of Data Visualization that are true works of art.
JobSpice
http://www.jobspice.com/#0
JobSpice is an easy, yet powerful online resume builder.
helps you build a resume etc.
30+ New Useful WordPress Tricks & Hacks | Wordpress
http://www.hongkiat.com/blog/30-new-useful-wordpress-tricks-hacks/
As an experienced WordPress user, we keep ourselves updated with the development of the core, plugin releases and useful WordPress tips and tricks shared by
cool info and wordpress plugins
30 Creative Examples of Javascript Slider & Scrollers | Dzine Blog
http://dzineblog.com/2009/08/getting-creative-with-javascript-30-websites-with-cool-slider-and-scrollers.html
Write When Inspired – Jeffrey Zeldman Presents The Daily Report
http://www.zeldman.com/2009/08/09/write-when-inspired/
You are not writing for Amazon, or to fit a staff proofreader’s vacation schedule. You are writing for readers. The world is already choking on half-considered, squeezed-out shit. There’s no need to add to the pile. If you want to be great, or at least to be better, start by breathing, taking breaks, and working intensely when the mood is on.
This is interesting, but it's easy to imagine people feeling tired most of the time and there fore always resting
Jeffrey Zeldman shares the simple secret to maintaining quality.
Great piece by Zeldman
"You are writing for readers, a duty as sacred, in its way, as parenting. If you don’t believe the previous sentence, if you think writing is mainly about getting paid, I’m sorry you wasted your time reading this page, and I hope you find another way to earn a living soon. The world is already choking on half-considered, squeezed-out shit. There’s no need to add to the pile. If you want to be great, or at least to be better, start by breathing, taking breaks, and working intensely when the mood is on."
"Write when inspired; rest when tired" –Jeffery Zeldman. Amen.
50 Eye-Popping Examples of Concept Art | Webdesigner Depot
http://www.webdesignerdepot.com/2009/07/50-eye-popping-examples-of-concept-art/
Webdesigner Depot
10 Rules of Front End Coding | Fuel Your Coding
http://fuelyourcoding.com/10-rules-of-front-end-coding/
g
Preloaders.net | Free AJAX animated loading gif's | Horizontal
http://preloaders.net/en/horizontal
Free animated loading gif preloaders generator for AJAX loading
gerador de prelouder em gif
The Design Superhero » 80+ Retro/Vintage Style Wallpapers: The Ultimate List!
http://thedesignsuperhero.com/2009/01/80-free-retrovintage-style-wallpapers-the-ultimate-list/
mypressi TWIST: The perfectly portable espresso maker
http://www.mypressi.com/index.php
The mypressi TWIST is the world's first truly portable espresso machine. It produces quality espresso rivaling traditional machines while giving espresso lovers unparalleled convenience and portability. The TWIST's unique pneumatic engine also ensures you can enjoy incredible coffee even where there is no external power. Just add hot water and get ready to forever change how—and where—you enjoy quality coffee.
Espresso portátil.
portable mini espresso
Finding Fonts: Free and Premium Resources | Fuel Your Creativity
http://www.fuelyourcreativity.com/finding-fonts-free-and-premium-resources/
15 Exceptionally Useful Resources for WordPress Theme Designers | Vandelay Design Blog
http://vandelaydesign.com/blog/wordpress/resources-for-theme-designers/
wordpress developement stuff, very good!
In this post we’ll feature 15 resources that may be of help to you while you are designing and developing WordPress themes. If you have suggestions for other resources, please leave a comment.
Useful Web Design E-Mail Newsletters | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/08/12/useful-web-design-e-mail-newsletters/
email marketing ideas
12 best places to get free images for your site | News | TechRadar UK
http://www.techradar.com/news/internet/web/12-essential-sites-for-great-free-photos-624818
10 Simple Steps to Better Photoshop Performance | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/08/13/10-simple-steps-to-better-photoshop-performance/
Designing for Social Traction (slide deck) - Bokardo
http://bokardo.com/archives/designing-for-social-traction-slide-deck/
great presentation slides.. very valuable!
Presentation by Joshua Porter. "each part focusing on a specific problem in software. Each problem is a major hurdle in what I call the usage lifecycle, or the stages people go through as they use and adopt software over time."
Social Web Design by Joshua Porter
マウスオーバーをデザインする | DesignWalker
http://www.designwalker.com/2009/08/hover.html
Testing Tools | Testing Web Sites
http://www.testing-web-sites.co.uk/testing-tools/
Here is a collection of some testing tools that we have compiled to aid your testing handily grouped into categories. Look out for our reviews of some of these tools coming soon.
Testing Web Sites
Amazing Wine Labels: 30 Creative and Unique Wine Label Designs
http://www.thecoolist.com/amazing-wine-labels-30-creative-and-unique-wine-label-designs/
These are pretty cool.
Wonder if these wines are any good?
Steve Jobs on why Apple doesn’t do market research - Bokardo
http://bokardo.com/archives/steve-jobs-on-why-apple-doesnt-do-market-research/
Social Web Design by Joshua Porter
Make the very best products. Business will follow.
How to Build a Web Site from Scratch with No Experience - Education - Lifehacker
http://lifehacker.com/5336113/how-to-build-a-web-site-from-scratch-with-no-experience
I took one (bad) computer science class in college, and I'm not a web developer. So in early 2008, when I decided I was finally going to build a web site I'd been fantasizing about for years, I was starting from scratch.
Minimal Mac
http://minimalmac.com/
Minimalism on the Mac-front
http://minimalmac.com/submit
The Social Bird icon set - The First Inspired Release | Inspired Magazine
http://www.inspiredm.com/2009/04/12/the-social-bird-icon-set-the-first-inspired-release/
Well, we kinda felt the time has come for the first Inspired Release. In the same time, we saw many of our readers blogs are using too generic icons for their Twitter widgets, so we came up with a brilliant idea – why not ask our favorite artists to draw a bird icon in their...
The crow twitter icon comes from here.
passaros do twitter
Ajaxian » Text rotation for all
http://ajaxian.com/archives/text-rotation-for-all
Neat
Uma maneira bastante simples de rotacionar textos usando apenas CSS.
text rotation with CSS
You can pretty easily put in text rotation code for any browser. Well, the three major ones, anyway.
Simply birolliant - the incredible 10ft 'photographs' drawn with a ballpoint pen | Mail Online
http://www.dailymail.co.uk/news/article-511688/Simply-birolliant--incredible-10ft-photographs-drawn-ballpoint-pen.html
10' tall.
photorealistische Bilder mit einen blauen Kugelschreiber gemalt...geil
They may look like pin-sharp photographs - but these amazing pictures are actually drawings created with the humble ballpoint pen. The stunning pictures, measuring up to 10ft high, were drawn by a rising star of the art world, Juan Francisco Casas. Casas, 31, can use up to four 14p ballpoint pens for a canvas and his works are already a sell-out at exhibitions. Formerly a traditional painter, Juan began the drawings three years ago based on photographs of nights out with his friends.
Juan Francisco Casas
mezzoblue § Chalkwork HTML Royalty-free Icons
http://www.mezzoblue.com/icons/chalkwork/html/
A free set of 31 graphical representations of common markup elements. Completely free for personal and commercial projects alike (although the usual Chalkwork license terms still apply).
40 Fresh High-Quality Free Fonts For Your Designs | Fonts | instantShift
http://www.instantshift.com/2009/08/14/40-fresh-high-quality-free-fonts-for-your-designs/
Ways and Links to improve the Typography of your Wordpress site | styl.eti.me
http://styl.eti.me/typography/improve-typography-wordpress/
400+ Beautiful Twitter Icons for your Website | Blog Godown
http://www.bloggodown.com/2009/05/400-beautiful-twitter-icons-for-your.html
De quoi piocher pour l'icono d'Arsène je pense ...
ideasonideas - Eric Karjaluoto discusses design, brands and experience » Blog Archive » More mess; less B.S. (or: Nine simple suggestions for using social media)
http://www.ideasonideas.com/2009/06/more-mess-less-bs-or-nine-simple-suggestions-for-using-social-media/
Less B.S.
'Have someone cursing about your product? Talk to them and find out why they’re so frustrated. In the past we used to pay for focus groups, now we get real-world feedback for free. Quite a bargain, isn’t it?'
Create A Face Online! Make Your Own Character Online, Create A Virtual Person. Your Caricature, Caricature Drawings From Photos.
http://www.pimptheface.com/
線上製作你的似顏繪
Create a face in just minutes
mit. Create a face in just minutes, and share it on your blog or Facebook
Crear cara online face rostro
10 Important Traits of a Great Blog Design
http://sixrevisions.com/web_design/10-important-traits-of-a-great-blog-design/
Your blog’s design can be the distinguishing factor that separates you from the vast sea of other weblogs out there. First impressions count and making sure that you have all the elements of a great blog design can ensure that readers will enjoy the content that you present. In this article, you will read about the ten essential characteristics of a solid weblog design.
from Twitter
Lessons Learned: Embrace technical debt
http://startuplessonslearned.blogspot.com/2009/07/embrace-technical-debt.html
Invest in technical debts that may never come due.
In a startup, we should take full advantage of our options, even if they feel dirty or riddled with technical debt. Those moralizing feelings are not always reliable. In particular, try these three things: Invest in technical debts that may never come due. The biggest source of waste in new product development is building something that nobody wants. This is a sad outcome which we should work very hard to avoid
bpettichord thoughtful discussion of the pros & cons of technical debt. http://bit.ly/tDjuI #yam http://twitter.com/bpettichord/status/3111092688
Building Faster Websites with CSS Sprites | Tutorial9
http://www.tutorial9.net/web-tutorials/building-faster-websites-with-css-sprites/
How to build faster loading websites utilizing image sprites and CSS.
Using CSS sprites allows you to greatly increase your websites speed by using single image files that contain multiple graphics. This tutorial will show you how to use CSS sprites of your own!
Using CSS sprites allows you to greatly increase your websites speed by using single image files that contain multiple graphics. In other words, when you have many images to be used, instead of having them as different individual files, we combine them into one. Therefore, the client computer only downloads one image for all the different graphics to be displayed.
15 Beautiful And Free Urban & Retro Fonts
http://www.webresourcesdepot.com/15-beautiful-and-free-urban-retro-fonts/
freebies
15 ฟอนต์เก่าๆสวยๆ
17 Tips for Designers on Starting a Freelance Business
http://designm.ag/freelance/starting-freelance-business/
17 Tips for Designers on Starting a Freelance Business BUENO!!
40 Stunning and Creative Web Sites | Inspiration | PelFusion.com
http://pelfusion.com/inspiration/40-stunning-and-creative-web-sites/
6 Ways To Improve Your Web Typography - Nettuts+
http://net.tutsplus.com/tutorials/html-css-techniques/six-ways-to-improve-your-web-typography/
Typography on the web is anything but simple, and for many, it is a troubling mystery. Today, we're going to review six ways that web designers and developers can improve the typography of the sites they create.
25 Various Styles of The Wizard of Oz Illustrations | The Design Inspiration
http://thedesigninspiration.com/articles/25-various-styles-of-the-wizard-of-oz-illustrations/
ótimo material de character design
How to Animate a GIF Inside of Photoshop CS4 - Psdtuts+
http://psd.tutsplus.com/tutorials/tutorials-effects/how-to-animate-a-gif-inside-of-photoshop-cs4/
In this tutorial, we'll take a look at the Photoshop animation feature to create a nice animated GIF. I'm sure all of you already noticed the ads at the right
Great tool for making GIFS
How To Effectively Communicate With Developers | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/08/14/how-to-effectively-communicate-with-developers/
eam. Often times, this is where design ends and development begins. As designers, this is where we should be most involved to ensure that the design concept is fully realized in the working application. Avoid just ‘throwing the design over the fence’, and hoping the developers implement it exactly how you have envisioned it in your
If you have ever worked with a developer or a development team, this article will probably strike close to home. As designers, we work with
Article on designer - developer communication
2experts Design - Web Design and Graphic Design Blog
http://www.2expertsdesign.com/2009/01/09/creative-inspirational-workplaces/
Een aantal erg leuke designs voor kantoorruimtes, om de creativiteit te stimuleren. Doet mij erg denken aan ideeën die ik heb voor mij nieuwe kamer (zie volgende bookmark)
Carsonified » Five Things That Will Kill Your Site
http://carsonified.com/blog/web-apps/five-things-that-will-kill-your-site/
ThinkVitamin - Carsonified's blog about the web
WEB DESIGN
death
Q-BLOCK -- 3D Pixel Art Tool
http://kyucon.com/qblock/
3D Pixel Art
3Dドットお絵描きサービス
Q-Block is a Flash-based 3D Pixel Art Tool.
Yahoo! Know Your Mojo!
http://yahoo.knowyourmojo.com/
Concierge is my social mojo. What's yours? Find out at http://bit.ly/knowmojo [from http://twitter.com/desabol/statuses/3308254285]
Always fun; characterize persons by their twitter behavior...
conciergeだといわれた。
How to get clients to say yes to your designs
http://justcreativedesign.com/2008/12/18/how-to-get-clients-to-say-yes-to-your-designs/
40 Great Computer Desktop Mods | Inspiration
http://www.hongkiat.com/blog/40-great-computer-desktop-mods/
Computer desktop is a very personal thing. Each of us has a personal preference how our desktop should looked like. Modding (customizing) a desktop can be
Big fat collection of free resources for designers | Design your way
http://www.designyourway.net/blog/resources/freebies/big-fat-collection-of-free-resources-for-designers/
HUGE collection of free resources for web and photo stuff!
Design for Life - Recycled Wine Bottle Torch | Effective and Highly Creative Design Using Minimal Resources
http://www.gerardotandco.com/blog/recycled-bottle-torch/
Sputnik Observatory For the Study of Contemporary Culture
http://sptnk.org/#/home/
Sputnik Observatory is a New York not-for-profit educational organization dedicated to the study of contemporary culture. We fulfill this mission by documenting, archiving, and disseminating ideas that are shaping modern thought by interviewing leading thinkers in the arts, sciences and technology from around the world. Our philosophy is that ideas are NOT selfish, ideas are NOT viruses. Ideas survive because they fit in with the rest of life. Our position is that ideas are energy, and should interconnect and re-connect continuously because by linking ideas together we learn, and new ideas emerge.
Nuovo progetto per parlare di cultura contemporanea
The Future of WordPress Themes 2009
http://themeshaper.com/future-wordpress-themes-2009/
Top theme designers with their predictions: more frameworks...
Last but not least, I see the premium/proprietary theme market expanding instead of shrinking. Will these new entrants abide by the GPL? Only time will tell.
http://www.slideshare.net/slides2407/drunkenomics-the-story-of-bar-stool-economics
http://www.slideshare.net/slides2407/drunkenomics-the-story-of-bar-stool-economics
Great slide show on drinking and economics.
This is short, funny and nice story about taxes and tax cuts. We are sure you'll find it interesting and would appreciate your vote for the presentation. FYI.... THIS PRESENTATION WAS CONCEIVED, DESIGNED AND DEVELOPED IN ABOUT 27 HOURS. That story of how we managed it is coming up shortly as a separate presentation
3DFilter - Search hundreds of thousands of 3d models and textures
http://www.3dfilter.com/
search for models and textures
3Dモデルとテクスチャ検索
3Dモデルやテクスチャ素材を検索できる
buscador de modelos 3d
Search hundreds of thousands of 3d models and textures
Search hundreds of thousands of 3d models and textures # Cadyou # Google 3D Warehouse # Form Fonts Exchange # The 3D Studio # Fallingpixel # 3D Xtras # 3D02 # 3D Export # Polantis # 3dvia # Cadyou Textures # Stock.xchng # The 3D Studio Textures # Texture Spot # Texturez # Dreamstime
busca de modelos 3d
El buscador permite encontrar modelos 3D y texturas, se puede filtrar la lista por formato, precio y fuente del archivo, ordenando por varias variables.
Peter Belanger | Blog | cover creation
http://peterbelanger.com/posts/36-cover-creation
An awesome time lapse video of how a Mac world cover is created. From photo to composite to photoshop cover creation to indesign flow. Awesome!!
zajebano
Peter Belanger Photography, Commercial photo studio based in San Francisco, California specializing in advertising, editorial photography.
Две float-колонки одинаковой высоты
http://chikuyonok.ru/2009/06/float-columns/
2 columns, same height.
10 tips for efficient design « Boagworld
http://boagworld.com/design/10-tips-for-efficient-design
Grunge Extreme: 15 High-Resolution Grunge Textures
http://sixrevisions.com/freebies/textures/grunge-extreme-15-high-resolution-grunge-textures/
RT @tweetmeme Grunge Extreme: 15 High-Resolution Grunge Textures http://tr.im/grunge [from http://twitter.com/vectormesh/statuses/2077632479]
Free and Commercial Stock Photography Sites | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/08/16/free-and-commercial-stock-photography-sites/
Stock photography is often used in print and web design and has been around since the 1920s, when it was utilized by the newspaper industry.
8 Web Usability and Best Practices for Beginners | Desizn Tech
http://desizntech.info/2009/08/8-web-usability-and-best-practices-for-beginners/
90 New And High Quality Photoshop Web Layout Tutorials | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/tutorials/90-new-and-high-quality-photoshop-web-layout-tutorials/
I am continuing my research and this time I thought I’ve never done Photoshop layout tutorial roundup and wanted to become better in this matter. One of the reasons I didn’t make this kind of list, because I saw there are already many of similar articles. But as always to stand out I invested two days in this article, collecting only really high quality tutorials and also ordering them all by date. Maybe such measure isn’t right – but I am sure you are tired of lists featuring old tutorials you have seen over and over again. I was searching only for Year 2009/2008 tutorials and was surprised myself, how many of them I found, which I really enjoyed and was high-quality ones. Keep updated because this article was created also to study already created tutorials and get inspired to create my own layout tutorials trying to teach you what I already know about web-design! As always – hope you enjoy this work!
Tutoriales de photoshop y otros
45 Creative Logo Designs For Inspiration | Pro Blog Design
http://www.problogdesign.com/inspiration/45-creative-logo-designs-for-inspiration/
http://www.problogdesign.com/inspiration/45-creative-logo-designs-for-inspiration/
** Posted using Viigo: Mobile RSS, Sports, Current Events and more **
Persona Format - Fluid Project Wiki
http://wiki.fluidproject.org/display/fluid/Persona+Format
Хороший шаблон для составления персонажей.
About personas
20 Useful Resources To Download Free Website Templates | Smashing Downloads
http://www.smashingdownloads.com/2009/08/16/20-useful-resources-to-download-free-website-templates/
Awesome Brochure and Print Design Inspiration | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/awesome-brochure-and-print-design-inspiration
Print design is becoming quite influential in web design, we have seen more and more websites using big headers, lots of white space and nice font size contrasts. As I am looking for print design references for a brochure I am working on, I decided to sel
27 Useful Logo Design Tutorials and Tips | Web Design Ledger
http://webdesignledger.com/tutorials/27-useful-logo-design-tutorials-and-tips
Carsonified » 10 User Interface Design Fundamentals
http://carsonified.com/blog/design/10-user-interface-design-fundamentals/
UI
SEOmoz | Perfecting Keyword Targeting & On-Page Optimization
http://www.seomoz.org/blog/perfecting-keyword-targeting-on-page-optimization
good general on-page optimization article.
SEO 101 at it's finest.
Taming Advanced CSS Selectors | CSS | Smashing Magazine
http://www.smashingmagazine.com/2009/08/17/taming-advanced-css-selectors/
How to Create a Clean Blog Design with Photoshop
http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-clean-blog-design-with-photoshop/
Design Your Dorm: 3-D interior design tool for students, parents, and universities
http://www.designyourdorm.com/
设计自己的起居
DesignYourDorm.com is a web-based 3-D interior design tool that allows college students to customize their dorm room interiors and purchase their favorite room selections online.
3-D interior design tool for students, parents, and universities
19 Firefox Add-ons For Designers
http://www.sitepoint.com/blogs/2009/08/17/firefox-add-ons-for-designers/
Extensiones de Firefox para diseñadores de webs.
40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials | Photoshop Tutorials
http://www.hongkiat.com/blog/40-incredibly-inspirational-retro-vintage-photoshop-tutorials/
The memories of yesteryears invoke in us a sense of nostalgia as we long for the days gone by when life seems so much simpler. Technology was not as
How to Effectively Organize your Photoshop Layers | Webdesigner Depot
http://www.webdesignerdepot.com/2009/08/how-to-effectively-organize-your-photoshop-layers/
We designers tend to get frustrated with developers when they take liberties with our work. But we have to understand they’re not entirely at fault. Put yourself in their shoes: imagine what it’s like opening a Photoshop file (PSD), only to find a jumble of poorly labeled layers and folders, plus a heap of unchecked hidden layers and other half-baked ideas that didn’t make it to fruition. The following tutorial outlines how to create organized, designer and developer friendly PSD files.
We designers tend to get frustrated with developers when they take liberties with our work. But we have to understand they're not entirely at fault. Put
Free Heat From An Old Window And Some Soda Cans. | EcoTech Daily
http://ecotechdaily.com/2009/07/01/free-heat-from-an-old-window-and-some-soda-cans/
In hotter places this could be used to run a (sealed) food dehydrator.
5 Best And Colorful Collection Of Dual-Screen Wallpapers @ SmashingApps
http://www.smashingapps.com/2009/08/15/5-best-and-colorful-collections-of-dual-screen-wallpapers.html
30 Useful Photoshop Buttons and Badges Tutorials : Speckyboy Design Magazine
http://speckyboy.com/2009/08/11/30-useful-photoshop-buttons-and-badges-tutorials/
Useful Photoshop Buttons and Badges Tutorials
ボタン作成のPhotoshopチュートリアル集
30 Useful Photoshop Buttons and Badges Tutorials
Interview with Rob Janoff, designer of the Apple logo | creativebits
http://creativebits.org/interview/interview_rob_janoff_designer_apple_logo
Intervjuu Apple logo disaineriga
se now more than ever before there are so many people trying to become designers and work for agencies just because the tools that are available. So, it's harder and harder to get work. And, the way some people have to get work is by apprenticing and working for nothing for somebody until they get that job, because there is so much competition.
There are many theories about this logo and many of them are just that. Find out the truth, read the interview with Rob Janoff, the designer of the original Apple logo, who will tell you all about his design.
Fantastic interview with the designer of the original Apple Logo
anythingSlider
http://css-tricks.com/examples/AnythingSlider/
Slider MUITO BOM com JQuery.
Very good JQuery slider.
NYC Grid - NYC Grid
http://www.nyc-grid.com/
NYC Grid is a photo blog dedicated to exploring and discovering The City of New York block by block and corner by corner. Updated every weekday, each post covers a new block with a focus on the mundane and ephemeral.
50+ Cheat Sheets for Building WordPress Themes and Plugins | tripwire magazine
http://www.tripwiremagazine.com/tools/design/50-cheat-sheets-for-building-wordpress-themes.html
20 Fresh & New Design Galleries
http://sixrevisions.com/user-interface/20-fresh-new-design-galleries/
20 Fresh & New Design Galleries
The Art of User-Centric Web Design - Webitect
http://webitect.net/design/the-art-of-user-centric-web-design.php
Muy importante, leer detenidamente
User-centric web design is a method of web design where the content, design, and usability factors are all placed in accordance to the target audience’s needs and goals — a design that is centered around the user. This article will cover the basics of what user-centric web design is, and how to achieve it.
The Web Design Process Start to Finish - Freelance Web Design Belfast Northern Ireland - Lee Munroe
http://www.leemunroe.com/web-design-process/
Portfolio of award winning web designer Lee Munroe. Specialising in creative web design and innovative web solutions for your business - The Web Design Process Start to Finish
Very useful overview of the design process - IN114
Design P
The Web Design Process Start to Finish
I’ve always found it interesting reading the design process of others (David Airey, Contrast, Brian Hoff). It’s good to have an insight into others work, to see if I can learn anything from their process but also for curiosity. So I’ve put together a break down of my design process, using a recent project as a real life example, Newsgroup Direct. Overview I was recently hired by Newsgroup Direct (NGD), a leading Usenet newsgroup service provider, to revamp their website, make it more modern and improve signups. Old Here is their previous design. Planning Planner The first thing that happens when I get an enquiry is I send the potential client a website planner. The website planner, a series of questions I have listed in a Word document, will gather requirements for the project. The key objectives of the planner: * Find out who the client is and what they do * Who their target market/user is * Who their competition is * What deliverables they want from me * Tim
Typography, fonts, & lettering news aggregator
http://www.typedaily.com/
type news and content aggregator
Create a Letterpress Effect with CSS Text-Shadow
http://line25.com/tutorials/create-a-letterpress-effect-with-css-text-shadow
The letterpress effect is becoming hugely popular in web design, and with a couple of modern browsers now showing support for the text-shadow CSS3 property it’s now simple and easy to create the effect with pure CSS. No Photoshop trickery here!
.
22 Beautiful jQuery Plugins for Web Designers | Tutorial9
http://www.tutorial9.net/resources/22-beautiful-jquery-plugins-for-web-designers/
This collection of jQuery plugins might come in handy next time you’re building a site. This post highlights some of the more aesthetic plugins online that can add a spark of creativity into your web design.
This collection of jQuery plugins might come in handy next time you're building a site. This post highlights some of the more aesthetic plugins online that can add a spark of creativity into your web design.
The Anatomy of a Portfolio Site | Build Internet!
http://buildinternet.com/2009/08/the-anatomy-of-a-portfolio-site/
The abstract example pitches the tools needed to do the job, while the concrete example pitches the result.
Web Design, Development, and Business
25 Examples of Three-Column Blog Designs | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/three-column-blog-designs/
Three-Column Blog Designs
Very nice blog designs! 3 columns!
Web Design and Development Blog
Web Design: Minimalistic Sites | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/web-design-minimalistic-sites
Para elaborar site da texto.com, referências...
15 jQuery Tutorials For More Interactive Navigation
http://webdeveloperplus.com/jquery/15-jquery-tutorials-for-more-interactive-navigation/
uery Tutorials For More Int
Six / Showcase
http://www.madebysix.com/#showcase
portfolio site madyBySix
Why Should Engineers and Scientists Be Worried About Color?
http://www.research.ibm.com/people/l/lloydt/color/color.HTM
IBM research about presentation of graphs with color
Mastering Photoshop With Paths | Tutorials | Smashing Magazine
http://www.smashingmagazine.com/2009/08/18/mastering-photoshop-with-paths/
from MacMedic
75 Free Useful Icon Sets for Web Designers and Developers | Icons | instantShift
http://www.instantshift.com/2009/08/19/75-free-useful-icon-sets-for-web-designers-and-developers/
Icons are the basic requirement of any web related projects and good icons are like a treasure for web designers. The demand for good icons are too much in , Daily Resource for Web Designers and Developers.
Ottawa Interactive Agency Ottawa Web Design Development Canadian Ottawa Interactive Ottawa Canada Ottawa Design Agency Web
http://www.olainteractiveagency.com/
***OLA Interactive Agency*** Ottawa - As a Interactive Agency we create innovative experiences through digital media. We provide solution that covers the entire process from creative design to production, complemented by our expertise in marketing and brand management.
Kyle Pott » Make Your Wordpress Blog Mobile Compliant in One Step
http://www.kpott.com/make-your-wordpress-blog-mobile-compliant-in-one-step
Great wordpress blog tip for mobile compatability!
Mobile phones (especially those with web browsing capabilities) are becoming very pervasive. The percentage of visitors reading your blog from a mobile phone is probably growing exponentially. The best part about the technique I’m going to show you is that it is not going to cost you anything to display a mobile version of your blog.
You may have noticed that this blog now has a mobile version for the iPhone and iPod Touch. You may also have noticed that there is a second mobile format for all other smart phones, too. Thanks to the ease-of-use of Wordpress, you can make your blog mobile compliant in about five minutes and without writing one line of code.
Johnny Holland - It’s all about interaction » Blog Archive » The iPhone is Not Easy to Use: A New Direction for UX Design
http://johnnyholland.org/magazine/2009/08/the-iphone-is-not-easy-to-use-a-peek-into-the-future-of-experience-design/
iPhones fly off the shelves despite being difficult to learn. Why? Because they let you do what it says you can do and they make you happy while you do it. This proves that my job as a user experience designer has evolved rather than simply changed. While it’s still my responsibility to prevent things from sucking, now it’s also my responsibility to add a little playfulness. As Kim Goodwin said in her Interaction09 keynote, we have a limited window in which to prove how valuable design can be to business. There are three ways in which user experience designers can learn to incorporate play into the systems they design. Experience and Research Play You can’t build playfulness into your designs without experiencing playfulness yourself. Play games and pay attention to what makes them fun. For example, the only rule in the card game Fluxx is that the rules constantly change. Completing a level in Peggle gives you the “Ode to Joy,” rainbows, unicorns, and fireworks!
responsibility
Very thorough and insightful article about the direction of UI and UX in software. This is about the iPhone, but the lessons are universally applicable.
To some extent, you need not make things not suck if you can make them fun. The Mary Poppins Principle as a new model for user experience design.
Software user interfaces as games, with focus on iPhone usability.
50 High Quality Free Icon Sets in PSD Format : Speckyboy Design Magazine
http://speckyboy.com/2009/08/17/50-high-quality-free-icon-sets-in-psd-format/
icon sets
Backpack - Backpack - Twelve South
http://twelvesouth.com/products/backpack/
could one of these be made for a dell stand?
BackPack is a sturdy, sleek looking shelf designed exclusively to attach to the back of iMac and Apple Cinema Displays.
“BackPack is a sturdy, sleek looking shelf designed exclusively to attach to the back of iMac and Apple Cinema Displays.”
A shelve for behind a cinema display or iMac. Very clever.
トップページ - 小林聡美.jp
http://kobayashisatomi.jp/
可変グリッド。
jQueryでリキッドレイアウトっぽい?
盛りだくさん。
Michael Pritchard turns filthy water drinkable | Video on TED.com
http://www.ted.com/talks/michael_pritchard_invents_a_water_filter.html
One of the most revolutionary (and simple) inventions EVER in our history. He launched this only a few months ago, but you can be SURE that this will change the world dramatically.
Sistema que permite filtrar agua, eliminando bacterias y virus. Filtro de 20 nanometros.
I plan to use this video to inspire my students to be problem solvers. Prelude to the "We Can Change the World Challenge," maybe?
Caffeine and Calories | Information Is Beautiful
http://www.informationisbeautiful.net/visualizations/caffeine-and-calories/
Cool way of pic worth 1000 words, for more than caffeine and calories.
** Posted using Viigo: Mobile RSS, Sports, Current Events and more **
I Am Paddy » A - Z of Web Design
http://blog.iampaddy.com/2008/12/23/a-z-of-web-design/
a holy geezus of web design links
An alphabetical list of all the best resources, galleries, tools and other sites relating to web design. It was quite a challenge to choose representatives for some of the letters. Who do you think should have made the list? Post your suggestions in the comments.
An alphabetical list of all the best resources, galleries, tools and other sites relating to web design.
mahna mahna factory
http://www.mahna.co.jp/factory/
JAPAN onlineshopping
factoryはファッションとインテリアの融合を目指して、mahna mahna グループがオープンしたインテリアのレンタルショップです。
一覧で見せる。カテゴリーメニューの動きが面白い。
spfdesign
Hu2 stickers - wall design
http://www.hu2.com/index.php
Removable wall stickers
chalkboard vinyl!
60+ Unusual Business Card Ideas & Designs
http://www.noupe.com/design/60-unusual-business-card-ideas.html
60+ Unusual Business Card
EXCELLENT business cards design
30 Amazing Retro Posters and Flyers | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/30-amazing-retro-posters-and-flyers
Posters retro, muito bacana os visuais
This week I ran into some cool retro designs for posters, fliers and brochures. I thought I would share them for my next Retrography Post. I love the style and feel of this ‘old paper look’ they all kind of have. I keep seeing the coolest gig posters and
Vectors on Fire - Hottest Free Vectors to Download! Cool collection of Ai, EPS, and Scalable PDF files from best graphic designers.
http://www.vectorsonfire.com/
We collect the best vector images from the best artists on the net. Our collection include Icons for Twitter, RSS, Web2.0, System, Backgrounds, Illustrations, Interface Elements, Mascots, T-Shirt Templates etc.
VectorsOnFire.com provides only the best free vector graphics on the net, from acclaimed graphic designers in the world. All the graphics in our collection are real vectors, in real vector formats (Ai, EPS, SVG etc). And most importantly all the works are approved by their authors.
Corporate Blog Design: Trends And Examples | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/08/20/corporate-blog-design-trends-and-examples/
FastLane and FYI mentioned halfway down the page
What makes a good logo?
http://justcreativedesign.com/2009/07/27/what-makes-a-good-logo/
Essential Tips for Designing an Effective Homepage
http://sixrevisions.com/web_design/essential-tips-for-designing-an-effective-homepage/
In this article, we'll go over some web design tips for designing homepages and uncover some of the vital steps required to construct a powerful and successful front page.
from Twitter
15 Beautiful Free Web 2.0 Fonts | Dzine Blog
http://dzineblog.com/2009/08/15-extremely-cool-web-20-fonts.html
from Twitter
35 Creative Portrait Effects Photoshop Tutorials
http://www.photoshoproadmap.com/Photoshop-blog/2009/03/31/35-creative-portrait-effects-photoshop-tutorials/
Creative Portrait Effects Photoshop Tutorials
AMC - Blogs - SciFi Scanner - John Scalzi's Guide to the Most Epic FAILs in Star Wars Design
http://blogs.amctv.com/scifi-scanner/2009/08/bad-designs-in-star-wars.php
名刺を自作したい方の為のフリーの名刺テンプレートやツールいろいろ - かちびと.net
http://kachibito.net/web-service/free-business-cards.html
無料で名刺を作れるツールやテンプレートをご紹介します。
16 Cheat Sheets on 16 Essential Topics for Web Designers | Pro Blog Design
http://www.problogdesign.com/resources/16-cheat-sheets-on-16-essential-topics-for-web-designers/
Beautiful Single Page Website Designs: 65 New Examples | Showcases | instantShift
http://www.instantshift.com/2009/08/21/beautiful-single-page-website-designs-65-new-examples/
In this presentation, you’ll find a variety of highly-creative, beautiful and most importantly inspirational designs which is following the same trend of single page designs. The main purpose here is to stimulate your creativity and to inspire your imagination to create your own design trend because your website represents you and your brand.
Single Page Websites
Typographic Design Patterns and Best Practices | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/08/20/typographic-design-survey-best-practices-from-the-best-blogs/
interesting study
10 Reasons to Politely Decline a Web Design Gig - Webmonkey
http://www.webmonkey.com/blog/10_Reasons_to_Politely_Decline_a_Web_Design_Gig
Unresolvable
Read: 10 Reasons to Politely Decline a Web Design Gig http://tr.im/t7e7 [from http://twitter.com/peterto/statuses/2734607167]
CSS Font-Sizing: a Definitive Guide
http://www.sitepoint.com/blogs/2009/08/20/css-font-sizing-tutorial/
SitePoint Blogs: News, opinion, and fresh thinking for web developers and designers
Font sizing in CSS sounds as though it should be easy. Until you try it. Many developers use the force; they tinker with the font-size property until it looks right only to find it’s different in another browser. A little understanding can go a long way…
22 Beautiful Photoshop Web Layout Tutorial Sites | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/tutorials/22-photoshop-web-design-interface-tutorial-sites/
15 Creatively Cut Business Cards | Web Design Ledger
http://webdesignledger.com/inspiration/15-creatively-cut-business-cards
RT @VECTORTUTS: 15 Creatively Cut Business Cards http://bit.ly/l2chJ [from http://twitter.com/DangerGranger/statuses/2195859041]
15 "cut" business card
diseños creativos tarjetas de visita
Beautiful sets of environment and nature icons
http://woork.blogspot.com/2009/08/beautiful-sets-of-environment-and.html
free vector art
(Close to) Perfect Full Page Background Image | CSS-Tricks
http://css-tricks.com/perfect-full-page-background-image/
Carsonified » 5 Advanced Photoshop Techniques for Web Designers
http://carsonified.com/blog/design/5-advanced-photoshop-techniques-for-web-designers/
ISO50 Blog - The Blog of Scott Hansen » Blog Archive » Color Management: A Field Guide
http://blog.iso50.com/2009/08/18/color-management-a-field-guide/
It is not intended to be the end-all article on color management by any means — but it’s a good place to start if color management isn’t something you have previously implemented or considered.
A Showcase of Fantastic Footer Designs | Web Design Ledger
http://webdesignledger.com/inspiration/a-showcase-of-fantastic-footer-designs
from Twitter
Website footers have become more than just a place to put the copyright information and a few links. Now web designers are making full use of the footer as way
exemple de footer
Carsonified » 10 Vital Lessons for Web Start-Ups
http://carsonified.com/blog/business/10-vital-lessons-for-web-start-ups/
Interesting points about demos, pricing infrastructure, release schedules etc
Leo on the Loose: DIY: FREE printable Mini File Folder & Labels
http://www.erinvaledesign.com/leo_on_the_loose/2009/06/diy-free-printable-mini-file-folder-labels.html
See other templates at end of content
Wired.com Reports: How Game Design Can Revolutionize Everyday Life
http://www.wired.com/techbiz/media/news/2009/05/games_wired
"It's exactly like a leaderboard in a game, where you want to have the bragging right of being on top, so you work harder at getting better," says Steffen Walz, a game theorist at the Swiss Federal Institute of Technology. Walz says governments worldwide are hiring designers to create games that encourage healthier behavior; he himself is creating one, where teenagers will run around their city with GPS-equipped mobile phones, unlocking prizes by visiting different locations.
using rewards & tracking to encourage everyday behaviours
"Games create drama and excitement," as Jane McGonigal, one of the leading thinkers in the field, told the crowd at this year's O'Reilly Emerging Technology Conference. "We've done that for years with videogames, and now we can apply that thinking to the rest of life."
Every employee is given virtual tokens — say, 100 a week, — that they can attach to e-mail they write. If you really want someone to read a message now, you attach a lot of tokens, and the message pops up higher in your correspondent's Outlook inbox. Reeves figured this would encourage people to send less e-mail: Those who are parsimonious would wind up with lots of tokens, which means when they really have something to say, they can load it up with tokens and make sure it'll get through. Sure enough, that's what happened. When a work group at IBM tried out Attent, messages with 20 tokens attached were 52 percent more likely to be quickly opened than normal. E-mail overload ceased to be a problem.
30 Best Free Icon Sets for Bloggers | Pro Blog Design
http://www.problogdesign.com/resources/30-best-free-icon-sets-for-bloggers/
free icons for bloggers
ペーパーデザインのWEBサイトを作るときに見るべきまとめ*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-690.html
まとめ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
デザインいろいろ
Unicode table for you
http://www.ftrain.com/unicode/
Obama | One People
http://senseable.mit.edu/obama/index.html
getting me excited about data
Graphs of the impact of Obama on people/demographics in less than 1 year since inauguration.
16 Logo Design Processes Of Top Logo Designers | Pixelactic
http://pixelactic.com/2009/08/16-logo-design-processes-of-top-logo-designers/
16 Logo Design Processes Of Top Logo Designers | Pixelactic
logo tutorials
http://www.sortingwithstyle.com/
http://www.sortingwithstyle.com/
Loja Online de Artigos de Papelaria
Awesome office supplies with style.
65 Popular And Professional Free Fonts For Creative Typography | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/resources/65-popular-and-professional-free-fonts-for-creative-typography/
65 fuentes gratuitas... otra selección donde aparecen las de siempre + alguna nueva
13 Fantastic and Fun Image Generators
http://mashable.com/2009/08/22/image-generators/
great tools like comic life
32 Trashy And Distorted Fonts For Your Next Grungy Design | Spyre Studios
http://spyrestudios.com/32-trashy-and-distorted-fonts-for-you-next-grungy-design/
32 Trashy And Distorted Fonts For Your Next Grungy Design
Build a Free Website That Makes Money Without Any Programming
http://www.makeuseof.com/tag/build-a-free-website-that-makes-money-without-any-programming-nb/
Interesting custom affiliate-type system
I'd been hearing snippets of talk about a company that offered a way to make a website without programming. Then I heard that they make it dead easy to add all
The 65 Most Annoying things about the Web Today | UXbyDesign.org
http://www.uxbydesign.org/2009/08/13/the-65-most-annoying-things-about-the-web-today/
We’ve come a long way on the web today. Or have we? While we’ve innovated in many areas, we’ve also continued to disregard pre-existing issues. And in some cases, we have also created new ones. Here is my list of the top 65 most annoying things about the web today. They’re in no particular order, but I have organized them into what I consider core groups.
Expand Your Development Skills With Creative Tech Projects | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/08/23/expand-your-horizons-with-other-tech-projects/
iPhone Development
Expand Your Development Skills With Creative Tech Projects | Inspiration
Even if you’re an experienced Web developer, your next project doesn’t have to be a website. Sometimes doing something outside of the usual Web developer’s box is more fun and can even be educational. We’ll try here to give you some inspiration on what to do on your next rainy day. You can learn a lot by doing something other than building or designing a website. And if you stick with techniques that you can learn in a couple hours, you won’t burden yourself either.
19 Creative And Free Fonts In Vector Formats
http://www.webresourcesdepot.com/19-creative-and-free-fonts-in-vector-formats/
Creative Vector Fonts
Free Web Resources Everyday - WebResourcesDepot
19 Creative And Free Fonts In Vector Formats // 벡터폰트 모음
19 Creative And Free Fonts In Vector Formats
News Flash From the Future: What Will Journalism Look Like? | Fast Company
http://www.fastcompany.com/article/news-flash-future?partner=homepage_newsletter
What will journalism look like?
Feed your mind: This highly contextual network can provide real-time information from countless feeds and filters. A far cry from today's mobile RSS feeds, the network lets you blog live, trace a history, find a clue, follow a trail, or even uncover a mystery. Screen capture: Your video-enabled mobile device will become an enhanced lens on the world, thanks to a combination of high bandwidth, location-specific information, tremendous processing power, and ultrasmart image processing.whatsoldisnew What's old is new: Depending on your interests, you'll be able to browse through various histories of wherever you find yourself. How did this street look on VJ Day? When was the last time Radiohead played down the road?
With newspapers’ traditional business model in free fall, the top media minds at global design firm IDEO (designer of the Apple mouse, consultant to Fortune 500 companies) were asked to imagine: How will we get our news after the traditional model falls apart? Here's their answer.
25 Portfolio Sites Using jQuery Amazingly Well « CreativityDen
http://blog.creativityden.com/25-portfolio-sites-using-jquery-amazingly-well/
Eye Candy IS A Critical Business Requirement
http://www.slideshare.net/stephenpa/eye-candy-is-a-critical-business-requirement
Visual design is more than styling. It is function.
Importance of aesthetics
7 Common Design Mistakes That Clients Love (and how to fight back) | Crestock.com Blog
http://www.crestock.com/blog/design/7-common-design-mistakes-that-clients-love-and-how-to-fight-back-182.aspx
examples and rationnale of bad design ex: white font, black background; too large logo; bag photograph; flash intro; too much info on website
Using white text on a black background (for the web) is one of 5 most allday design mistakes all clients seems to want to have
60 Beautiful Logo Designs For Design Inspiration | Inspiration | instantShift
http://www.instantshift.com/2009/08/23/60-beautiful-logo-designs-for-design-inspiration/
美しいロゴ60
instantShift
続:PNG画像をより美しく、より軽量に最適化するテクニック | コリス
http://coliss.com/articles/build-websites/operation/design/howto-png-optimization-techniques-more.html
The Seed on Vimeo
http://vimeo.com/3715286
A two-minute animated voyage through nature's life cycle, following the trials and tribulations of a humble apple seed.
Life cycle of a seed
A two-minute animated voyage through nature's life cycle, following the trials and tribulations of a humble apple seed. The film was kindly funded by Adobe, made using their CS4 range of software. It was produced at Nexus Productions and features a soundtrack by Jape. It was made using a mixture of stop motion papercraft and 2D drawn animation.
Creating the “Perfect” Portfolio | Webdesigner Depot
http://www.webdesignerdepot.com/2009/08/creating-the-perfect-portfolio/
Creating the “Perfect” Portfolio
Portfolio sites for designers & web dev houses
Sjikke hoofding
Typedia: A Shared Encyclopedia of Typefaces
http://typedia.com/
Typedia is a resource to classify, categorize, and connect typefaces.
If this gets the depth of the community behind it, it could be a fantastic typographical resource.
Twitter Postings: Iterative Design (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/twitter-iterations.html
Bad: We lost the sense of news that "announcing" implied in the previous version. Because many companies molest their poor followers with repeat postings about the same event, users have become somewhat hardened against event promotions.
A really awesome post about iterating a punchy, credible, and viral TWEET announcement.
NN Group on iterative design of Twitter posts. "The shorter [the text] is, the more important... to design text for usability."
A Crash-Course in Advanced CSS3 Effects - Nettuts+
http://net.tutsplus.com/videos/screencasts/a-crash-course-in-advanced-css3-effects/
Webkit is one of the few - if only - browser engines that really embraces advanced CSS3 effects. Unfortunately, this presents somewhat of a double-edged
EDT 667
10 Excellent Feedback Tools for Web Designers
http://sixrevisions.com/tools/10-excellent-feedback-tools-for-web-designers/
10 fresh, useful and fun ways to get an outside perspective on your work.
20 tips for writing for the web | FatDUX | blogging about user experiences
http://www.fatdux.com/blog/2009/08/07/20-tips-for-writing-for-the-web/
Interesting set of rules to follow, when writing for an online audience.
Quick Tip – Resizing Images Based On Browser Window Size | Build Internet!
http://buildinternet.com/2009/07/quick-tip-resizing-images-based-on-browser-window-size/
Build Internet!
16 Great Photoshop Light Effect Tutorials | Design Shard
http://www.designshard.com/video-tutorials/16-great-photoshop-light-effect-tutorials/
I've selected various Photoshop tutorials that I'm liking at the moment for light effects, some have quite cool techniques on how to achieve the end result that can be applied to a million different designs.
Methodologie Web Canvas
http://www.methodologie.com/webcanvas/
v swissmiss
Nice overview of web canvas sizes and their audiences
A canvas of websafe browser sizes.
Current statistics of user's screen size laid out in a nice visual representation. Definitely worth checking out.
Shows canvas with pixel size
PigSpigot - Greeting Cards on Tap
http://www.pigspigot.com/app/home
f Hallmark cards and other mainstream greeting companies are too unoriginal with their wording for your taste, try Wiki-style e-card web site PigSpigot for witty e-cards that cover birthdays, holidays, and more. Touting themselves as the "anti-Hallmark with a wiki twist," PigSpigot lets you search and send e-cards for free. The site also offers the option to send free Tweet cards, as well as greetings sent via snail mail for $3.99.
Baseline - a designer framework by ProjetUrbain.com
http://baselinecss.com/
'Build with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. '
Build with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline start with several files to reset the browser default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system. Baseline was born to be a quick way to prototype a website, it grew up to become a full typographic framework for the web using “real” baseline grid as it’s foundation.
Supercharge Your CSS with PHP Under the Hood - Nettuts+
http://net.tutsplus.com/tutorials/php/supercharge-your-css-with-php-under-the-hood/
Not sure is a good approach but is a nice concept
Cascading Style Sheets is a presentational style sheet language. In that sense, it does not have a lot of the functionality that many developers want to satisfy their programmer instincts. Today, we're going to go over how to supercharge your CSS by putting some PHP under the hood.
113 Design Guidelines for Homepage Usability (Nielsen Norman Group)
http://www.useit.com/homepageusability/guidelines.html
45 Inspirational Corporate Website Designs | Inspiration | instantShift
http://www.instantshift.com/2009/08/25/45-inspirational-corporate-website-designs/
As you already seen in our previous showcase of Corporate Website Designs that a perfect layout, A good design and nice resources can produce a creative output. Layout, textures and patterns are used more often than one may think but the outcome of different combination can result verity of excellent designs. However, When it comes to corporate website design you need to take care about many things which includes simplicity, readability, presentation and accessibility. In this presentation, you’ll find variety of highly-creative, beautiful and most importantly inspirational corporate designs which is easy to accessible and convenient to approachable. The main purpose here is to stimulate your creativity and to inspire your imagination to design or redesign your work site to show your skills to potential clients.
9 WordPress Hacks to Encourage User Interactivity | Vandelay Design Blog
http://vandelaydesign.com/blog/wordpress/hacks-user-interactivity/
"nofollow" href="http://twitter.com/home?status=<?php echo urlencode("Currently reading: "); ?><?php the_permalink(); ?>" title="Share this article with your Twitter follower
more WP
ウェブデザインのユーザーインターフェースに使えるサイトまとめ | DesignWalker
http://www.designwalker.com/2009/08/user-interface.html
User Experience Publications | Blog | Nick Finck | UX/IA Pro, Speaker, and Community Cultivator.
http://www.nickfinck.com/blog/entry/user_experience_publications/
Continuing on my series of answering common questions I have created a post list user experience publications. This is a question that keeps coming up in discussion is about User Experience resources, specifically about publications. So here is a list of industry publications which I read on a semi-regular basis, most of which I subscribe to their feed or email newsletter. I am hoping you find these useful.
Make Photoshop Faster
http://makephotoshopfaster.com/
Both useful and pretty. There are precisely 2 good Photoshop performance tips here, but the real draw is Dan Rubin's luscious CSS3-implemented design.
Unify: update now
http://unify.unitinteractive.com/
Edit website content right on the page …in a browser.
In-browser text editing, might suit the bookstore
small content editor for static sites
A Short Manifesto on the Future of Attention: Observatory: Design Observer
http://observatory.designobserver.com/entry.html?entry=10297
attention economy
Making something "free" is obviously an allocation strategy. "Free" attracts attention. Making things brief is an allocation strategy as well. The problem is that free isn't sustainable, and that brief is underpriced. We need a Ronald Reagan of attention, someone to inspire us away from the fight over smaller and smaller pieces of the attention pie. Someone who will inspire us to make the attention pie bigger.
Find the right website size for every audience with the Web Canvas | Methodologie
http://methodologie.com/whats-new/find-right-website-size-every-audience-web-canvas
By http://www.min-style.de
Encuentra el tamaño perfecto para tu website con Web Canvas
Google Maps Mania: Design Portfolios on Google Maps
http://googlemapsmania.blogspot.com/2009/08/design-portfolios-on-google-maps.html
http://googlemapsmania.blogspot.com/2009/08/design-portfolios-on-google-maps.html webdesign google design inspiration websites development jQuery creative hack Maps portfolio visualization googlemaps webdev data mapping api
60 Free, Yet Premium Quality Wordpress Magazine News Themes | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/wordpress/60-free-yet-premium-quality-wordpress-magazine-news-themes/
60 themes estilo magazine
40 Free Unique Cartoon and Comic Fonts | Graphics
http://www.hongkiat.com/blog/40-free-unique-cartoon-and-comic-fonts/
comicbook fonts
40 Free Unique Cartoon and Comic Fonts
30 Designers, Portfolios + Work You Must-See and Bookmark!
http://www.thedesigncubicle.com/2009/08/30-designers-portfolios-work-you-must-see-and-bookmark/
後で読む
30 high-quality design portfolios and work samples that you must have a peek at and bookmark. It's work like this below that keeps us inspired, motivated and moving forward in our industry.
Carsonified » Top 10 UX Myths
http://carsonified.com/blog/design/top-10-ux-myths/
10 mitos da experiência do usuário
Vital Tips For Effective Logo Design | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/08/26/vital-tips-for-effective-logo-design/
In this article, we’ll get down to the nitty gritty of what makes an effective logo design and we’ll also guide you through the principles and best practices of how to create an iconic brand identity.
There have been numerous creative logo design showcases, logo design resources and logo design tutorials posted across the Web. While these help you to create
Why Craigslist Is Such a Mess
http://www.wired.com/entertainment/theweb/magazine/17-09/ff_craigslist?currentPage=all
We don’t have Craigslist around here, and looking at it makes me wonder that it works at all. But sometimes the sheer density of information can make the battle worth it. As does a lack of marketing blindness: How many times did marketing or ‚developing a business‘ actually improve products or the companies making them? From the POV of the user/customer, that is.
I Thought this was a very interesting read - the tragedy of craigslist
The Internet's great promise is to make the world's information universally accessible and useful.
The axioms of this worldview are easy to state. "People are good and trustworthy and generally just concerned with getting through the day," Newmark says. If most people are good and their needs are simple, all you have to do to serve them well is build a minimal infrastructure allowing them to get together and work things out for themselves. Any additional features are almost certainly superfluous and could even be damaging.
Craig Newmark says that craigslist works because people are good, and he has stuck to this point of view without wavering. Whether you accept it as true will depend on your standard of goodness.
despite the initial focus on the irrelevant topic of CL's design, and the typical wired.com annoying writing, the article becomes quite good later: "These are technically sophisticated people who take pride in their work, and when we knock them down they don't just decide to go find something else to do. You could say we are breeding the perfect spammer."
"Craig Newmark seems to have discovered a new way to run a business. He suspects that it may be the right way to run the world."
52 Beautiful Blue Layouts in Web Design | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/52-beautiful-blue-layouts-web-design
One of the things that I like most about web design is its results... yeap, I love to see great designed websites, and for sure we can find a bunch of those out there. Today we will show some beautiful blue layouts in web design. At this selection you wil
Pretty checkboxes with jQuery | Aaron Weyenberg
http://aaronweyenberg.com/90/pretty-checkboxes-with-jquery
I was working on a project recently where form checkboxes were required, but the standard UI would not do. I needed something a little more engaging. So in this short tut, I’ll show how to turn this…
フリー写真素材 Futta.NET
http://www.futta.net/
…彩度が…
国内・海外旅行等でデジカメ撮影された写真素材をフリー(無料)で3134枚配布しています。 風景写真がメインで、「外国と日本、観光名所と街中の風景、自然風景、洋風・和風」等の高解像度画像があります。 「世界遺産都市、スイス・ドイツ、東京・沖縄、犬・猫・鳥・猿、ビーチ・バー、桜・梅、虹のある景色」等もあります。 それらの素材は著作権フリーに相当し、「デスクトップ壁紙、ホームページ、商用、印刷」等のあらゆるシーンに無料で自由にお使いいただけます。
フリー写真素材 Futta.NETでは、3000枚の高解像度写真をフリー素材として無料で配布しています。風景の画像が多く、壁紙・ホームページ・商用・印刷・動画・ゲーム等に使えます。リンクなどは不要で、文化庁・各テレビ局御用達です。
ロイヤルティフリーの写真素材
How to Design the Web in a High-Def World
http://sixrevisions.com/web-development/how-to-design-the-web-in-a-high-def-world/
tap tap tap ~ Convert design evolution
http://www.taptaptap.com/blog/convert-design-evolution/
"I had originally planned to do a post detailing the design of Convert… from my assy “programmer mockup”… until the finished app. But I figured that this would be much more fun and 1000x less long-winded" Nice to watch this ... the familiar practice of feeling your way around interface design, like drawing.
"What happens when you stick a few people who can’t agree on anything at first… but later agree on everything… in a virtual room to do some app design? "
A evolução de uma interface para iphone. via @blude
A great blog about the iphone.
Big Fonts in Web Design | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/big-fonts-web-design
Big Fonts used in Web Design
Web design has its own limitation, and us, web designers, have been working and learning how to overcome this constraints to create a better solution. Typography is our most important asset and we've seen that designers are really apply old concepts and w
36 Beautiful Wallpapers for Minimalist Lovers | 2experts Design - Web Design and Graphic Design Blog
http://www.2expertsdesign.com/2009/07/06/36-beautiful-wallpapers-for-minimalist-lovers/
In the second part of our collection you’ll find many different types of beautiful minimalist wallpapers, related to photography from multiple Flickr pools. All lists of images are linkable to the direct pages where they can be downloaded.
In the second part of our collection you’ll find many different types of beautiful minimalist wallpapers, related to photography from multiple Flickr pools.
12 Tricks for Optimizing Your Freelance Career – FreelanceSwitch
http://freelanceswitch.com/the-business-of-freelancing/12-tricks-for-optimizing-your-freelance-career/
YouTube - Ivan Sutherland's Sketchpad
http://www.youtube.com/watch?v=mOZqRJzE8xg
Demo of an incredible vector drawing application written by Ivan Sutherland in 1963.
can't be as good as everything
Developed in 1963, decades ahead of its time. Fascinating.
Ivan Sutherland
5 Tips and Tricks For An Effective eCommerce Site With 10 Brilliant Examples | Onextrapixel - Showcasing Web Treats Without Hitch
http://www.onextrapixel.com/2009/08/19/5-tips-and-tricks-for-an-effective-ecommerce-site-with-10-brilliant-examples/
By http://bit.ly/Tweets2Delicious
This post covers the unique core aspects of e-commerce sites that make online shopping possible. Customers appreciate the convenience of ordering online, but if a site is cumbersome, they leave.
How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3 | Spyre Studios
http://spyrestudios.com/how-to-create-a-sexy-vertical-sliding-panel-using-jquery-and-css3/
More and more we see people using horizontal sliding panels on their websites. And they usually look very nice! Some will put a contact or login form in there, others will put some information about them and their website, or even things like a tag cloud or social networking buttons. Horizontal sliding panels are great for many situations, but like everything else, they’re not always ideal. It depends on the project. To see what I mean by ‘horizontal sliding panel‘, go have a look at my other site Design-Newz, and click on the ‘want more‘ button that’s on the right above the navigation bar.
28 Free High Quality Fonts to Boost Your Typography | Web Design Ledger
http://webdesignledger.com/freebies/28-free-high-quality-fonts-to-boost-your-typography
25 Excellent Handwritten Fonts
http://designm.ag/resources/handwritten-fonts/
The use of certain fonts is an easy way to give a design a hand-drawn effect. Fortunately, there are a number of fonts in this style that are freely available. In this post we’ll showcase 25 of the best. As always when you are dealing with freebies, be sure to check the usage restrictions from the designer.
Seven | 七 | Sept | семь | Sieben | Sette | Siete | 칠 | Sju | سَبْعَةٌ | Yedi | Saat | ๗
http://14-7.com/
jeu ressemblant à mario
Why Craigslist Is Such a Mess
http://www.wired.com/entertainment/theweb/magazine/17-09/ff_craigslist
Great article on the problems with Craigslist as well as a good profile on the founder
The Internet's great promise is to make the world's information universally accessible and useful. So how come when you arrive at the most popular dating site in the US you find a stream of anonymous come-ons intermixed with insults, ads for prostitutes, naked pictures, and obvious scams?
Newmark's claim of almost total disinterest in wealth dovetails with the way craigslist does business. Besides offering nearly all of its features for free, it scorns advertising, refuses investment, ignores design, and does not innovate. Ordinarily, a company that showed such complete disdain for the normal rules of business would be vulnerable to competition, but craigslist has no serious rivals. The glory of the site is its size and its price. But seen from another angle, craigslist is one of the strangest monopolies in history, where customers are locked in by fees set at zero and where the ambiance of neglect is not a way to extract more profit but the expression of a worldview.
"If most people are good and their needs are simple, all you have to do to serve them well is build a minimal infrastructure allowing them to get together and work things out for themselves. Any additional features are almost certainly superfluous and could even be damaging." "During the company's first years, Newmark approved nearly every message on the list, and in the decade since he has spent much of his time eliminating offensive ones. Even by the most conservative accounting, he has passed judgment on tens of thousands of classified ads. Very few people could do this and thrive." "These all signal Newmark and Buckmaster's wariness about what humans, including themselves, might do if given the chance. There may be a peace sign on every page, but the implicit political philosophy of craigslist has a deeply conservative, even a tragic cast. Every day the choristers of the social web chirp their advice about openness and trust; craigslist follows none of it"
this is the anti-business
48 Trendy And Fresh Web Interfaces From Deviantart: August 2009 | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/inspiration/48-trendy-and-fresh-web-interfaces-from-deviantart-august-2009/
20 Quick Tips For Aspiring Freelancers | Webdesigner Depot
http://www.webdesignerdepot.com/2009/08/20-quick-tips-for-aspiring-freelancers/
Put an amazing portfolio together In the freelance business, having a solid portfolio is important. While many employers will accept your résumé, your portfolio is the bit of you that stands out. It shows employers what you can do and what you have done. Make it as creative as possible.
If Famous Graphic Artists Were Web Designers... | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/08/27/if-famous-painters-were-web-designers/
graphics, webdesign inspiration
pekna inspiracia, uplne ine ako bezne webiky... weby porovnavane so znamymi obrazmi znamych umelcov podla stylu :) ako by asi ten umelec nadizajnoval dnes web
LEARN SOMETHING EVERYDAY
http://www.learnsomethingeveryday.co.uk/
Aprenda algo todos os dias, traz considerações de forma humorísticas à fatos e personalidades da história, com um boa dose de sarcasmo e inteligência.
You'll learn something new, if useless, everyday.
frases fofas
15 New Adobe AIR Applications For Designers & Developers
http://www.webresourcesdepot.com/15-new-adobe-air-applications-for-designers-developers/
Adobe AIRAdobe AIR has clearly became the standard on creating desktop applications for web developers.
Adobe AIR has clearly became the standard on creating desktop applications for web developers. Besides the offline applications, it can combine the richness of web with the simplicity of desktop & offer very functional tools.
15 New Adobe AIR Applications For Designers & Developers http://ow.ly/lrwj [from http://twitter.com/10minuteexpert/statuses/3562638956]
Every Typography Lover's Toolshed of Resources
http://www.thedesigncubicle.com/2009/08/every-typography-lovers-toolshed-of-resources/
18 Questions to Ask a Client Before Designing a Logo | Blake McCreary Design
http://www.blakemccreary.com/2009/08/18-questions-to-ask-a-client-before-designing-a-logo/
18 questions to help on research for logo designing.
Top 10 Most Usable Content Management Systems - Nettuts+
http://net.tutsplus.com/articles/web-roundups/top-10-most-usable-content-management-systems/
There are plenty of options when it comes to picking a content management system for a development project. Depending on how advanced you need the CMS to be, what language it's built in, and who is going to be using it, it can be a nightmare trying to find the "perfect" CMS for a project.
Diagrammr
http://diagrammr.com/
That is diagrammatic representations of sentences on the web. Pretty cool!
Very cool
"Create and share diagrams by writing sentences!"
Create and share diagrams by writing sentences.
Showcase of '09 Festivals and Conferences | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/08/25/showcase-of-09-festivals-and-conferences/
Some of the best festivals and conferences of the year are gone by now, but if we’d just want to judge them by their online presence we can do it from the comfort of our couch. There was some research involved in this article, you wouldn’t believe it how many of the biggest events in the world have so flat and unexciting websites. However, we’ve finally managed to find quite a few cool ones, so we wish you a pleasant and inspirational journey. In this post we present some of the beautiful, original and inspirational web designs of festivals and conferences that took place or are going to take place this year. Please feel free to add links to further designs in the comments to this post!
Webs de festivales
Amazing Retro Futurism Design Showcase & Tutorials
http://www.blog.spoongraphics.co.uk/articles/amazing-retro-futurism-design-showcase-and-tutorials
Check out this collection of amazing examples of modern takes on the retro futuristic style, plus a range of tutorials on how to create a design of your own.
Cores, luzes e formas. Posteres inspiradores em retro futurismo. Tron style! Lindo mesmo... Bem vintage.
Very Handy Cool Wood Textures | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/very-handy-cool-wood-textures
backgrounds
The Ultimate Collection Of Maya 3D Tutorials | Tutorials | Smashing Magazine
http://www.smashingmagazine.com/2009/08/27/the-ultimate-collection-of-maya-3d-tutorials/
A very complete collection of maya modelling and rendering tutorials.
30+ Examples of Big, Bold, and Beautiful Website Navigation Menus | FreelanceFolder
http://freelancefolder.com/30-examples-of-big-bold-and-beautiful-website-navigation-menus/
30+ menus de navegação
30 Beautiful Contact Forms | TutsAZ.com - Tutorials from A to Z
http://tutsaz.com/2009/08/27/30-beautiful-contact-forms/
Carsonified » Advanced Photoshop Techniques for Web Designers – Part 2
http://carsonified.com/blog/design/photoshp/advanced-photoshop-techniques-for-web-designers-part-2/
advanced photoshop. Good stuff
ThinkVitamin - Carsonified's blog about the web
How to make Fold, Blur, Lighting effects in Photoshop.
IKEA Catalog anno 1965 « ikke tikke theo
http://ikketikketheo.wordpress.com/2009/07/24/ikea-catalog-anno-1965/
Ikea Catalog from 1965 - awesome
101 T-Shirts for Scientists, Science Geeks and Nerds! | Unique Scoop
http://www.uniquescoop.com/2009/08/101-t-shirts-for-scientists-science.html
Wyom
Simply Complicated Apparel
50 Beautiful and Creative Portfolios
http://www.webdesignbooth.com/50-beautiful-and-creative-portfolios/
By http://bit.ly/Tweets2Delicious
20+ Best Psd to XHTML/CSS Tutorials
http://www.bestpsdtohtml.com/20-best-psd-to-xhtml-css-tutorials/
Many web designers find it difficult to convert their Photoshop designs into valid HTML/XHTML markups, either due to work load or in-efficiency in quality conversion. This gives a rise to the need of quality PSD tutorials for those who can not outsource their work or wants to learn on their own. Below are the 20+ best PSD to HTML tutorials which are selected form all over the Internet. This post can certainly help you to learn or clear your doubts regarding PSD slicing.
Minimalist designs in WordPress and good themes to get started | Wordpress Themes Collection
http://wordpressthemescollection.com/minimalist-designs-in-wordpress-and-good-themes-to-get-started-240.html
I could have used this a couple of weeks ago.
Less is often better and that’s something we designers seem to forget to satisfy our lust for intricate designs. Detail is what makes a good design, and minimal is all about that. Minimal is fresh, often very usable and doesn’t blow your mind up with things to concentrate on.
25 Large Photo Background Websites | Inspiredology
http://inspiredology.com/25-large-photo-background-websites/
大きい背景画像のデザインサイト25
25 Large Photo Background Websites
paginas con backgrounds grandes
背景全面に大きな写真を配置したデザイン
60 Useful Photoshop Actions to Enhance your Photos for Free | Naldz Graphics
http://naldzgraphics.net/freebies/60-useful-photoshop-actions-to-enhance-your-photos-for-free/
ビジュアルブログ検索エンジン [Blogopolis]
http://blogopolis.jp/
自分やあの人のwebでの勢力図を探す!
ブログの街
ブログエントリーの検索結果をビジュアル化。
designのはじっことスラム街にあった。/ はてブは偏りすぎなので是非ともdeliciousでやってほしい
日本のウェブサイトの情勢をみることができる。デザイン系、グーグル系、プログラミング系は後でRSS登録しておきたいな。
65 Outstanding Packaging Designs | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/65-outstanding-packaging-designs
I was doing my daily dose of ffffound surfing the other day and I came across these really cool packaging designs and I thought I'd share them with you.
twitdraw | Draw Graffiti on Twitter!
http://twitdraw.com/
Draw Graffiti on Twitter!
para dibujar
Who Said a Yacht has to Look Like a boat? - Design Magazine - Baekdal.com
http://www.baekdal.com/design/architecture/yacht-concept-design/
Who
This is such an awesome concept. Now I just need to get rich.
Baekdal.com Magazine...
عکس های یک کشتی تفریحی زیبا
too bizarre for me
55 Beautiful Green Layouts in Web Design | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/55-beautiful-green-layouts-web-design
In the Woods – @font-face and 15 Free Fonts You Can Use Today
http://blog.themeforest.net/tutorials/css-font-face-and-15-free-fonts-you-can-use-today/
Fonts are a huge part of design (as we all know). Text on the web needs to be much more dynamic than in any other media. We have solutions like Cufón, sIFR, etc. but perhaps one of the better options is using @font-face in CSS.
What is @font-face? @font-face is a CSS rule that lets web designers link to a font that visitors may not have installed. Using this, we can get around the problem of web-safe fonts as well as prevent creating additional dependencies in other methods such as Cufón, sIFR, etc.
The Office of Feltron.com
http://theofficeof.feltron.com/
Design inspiration (agency)
東京ナイロンガールズ - TOKYO NYLON GIRLS
http://nylongirls.jp/
女の子のブログを中心にしたサイト。
Awesome Colorful Poster Tutorial | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/awesome-colorful-posters-tutorial
Abduzeedo - design inspiration and tutorials
ใช้สี จัดๆ ทูทอเรียลโฟโต้ช็อป
Awesome Colorful Poster Tutorial
The design pricing formula | David Airey, graphic designer
http://www.davidairey.com/design-pricing-formula/
Pricing is a task a lot of designers struggle with. I receive questions on a weekly basis to prove it. As much as I want to, I can’t tell you what you should be charging. The design pricing formula explains why.
The Good Enough Revolution: When Cheap and Simple Is Just Fine
http://www.wired.com/gadgets/miscellaneous/magazine/17-09/ff_goodenough?currentPage=all
Entire markets have been transformed by products that trade power or fidelity for low price, flexibility, and convenience.
But the experience taught Kaplan and Braunstein a lesson: Customers would sacrifice lots of quality for a cheap, convenient device. To keep the price down, Pure Digital had made significant trade-offs. It used inexpensive lenses and other components and limited the number of image-processing chips. The pictures were OK but not great. Yet Pure Digital sold 3 million cameras anyway.
The low end has never been riding higher.
BIRDY NAM NAM - THE PARACHUTE ENDING on Vimeo
http://vimeo.com/5003279
Will Sweeney - Concept designer and Illustrator Steve Scott - Director, Concept designer and compositor James Littlemore - Editor / Compositor Geoff McDowall - Animator Ed Willmore - Animator Roland Edwards - Animator Dele Nuga - Digital Painter Lottie Hope - Producer Dan O'Rourke - Executive Producer Not To Scale - production Thanks to Big Active
It's called Birdy Nam Nam - The Parachute Ending.
Design*Sponge » Blog Archive » diy project: window films
http://www.designspongeonline.com/2009/03/diy-project-window-films.html
great idea for window film
Yes! DIY window film design!
to do to hutch!
35 Websites To Teach You How To Use CSS Effectively | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/css/35-websites-to-teach-you-how-to-use-css-effectively/
Photoshop ブレンドモードを使いこなしてワンランク上の画像合成 | DesignWalker
http://www.designwalker.com/2009/07/photoshop-blend-mode.html
Create a font from your own handwriting - fontcapture.com
http://www.fontcapture.com/
At fontcapture.com you can create a font from your very own handwriting. There's no software to download and install, all you need is a printer and a scanner. Simply fill in the font template, scan and upload it to our website, and download your completed font. The fonts you create using fontcapture.com can be used on both Windows and Mac computers.
create your own font for free. cool!
Make a font out of your handwriting. Free.
"Create a font from your own handwriting."
101 Helpful Tips and Tricks for Freelancers | Freelance Apple
http://www.freelanceapple.com/101-helpful-tips-and-tricks-for-freelancers/
Hey- thought this might be useful to you as well, as a consultant/contractor.
40 Fresh & Beautiful Websites for Design Inspiration | Pixelactic
http://pixelactic.com/2009/08/40-fresh-beautiful-websites-for-design-inspiration/
インスピレーション
HTML5サンプル集 - 株式会社あゆた
http://ayuta.co.jp/html5-samples/index.html
Wordpress Showcase: 40+ Beautiful And Well Designed Blogs Powered By Wordpress
http://www.webdesignbooth.com/wordpress-showcase-40-beautiful-and-well-designed-blogs-powered-by-wordpress/
Extreme Makeover: Craigslist Edition
http://www.wired.com/entertainment/theweb/magazine/17-09/ff_craigslist_makeover
'make it personal' is like your idea!
The craigslist team isn't interested in updating the site, so Wired asked leading designers to give it a user-interface lift.
Khoi, Anh & Paul contributed one design.
Craigslist Today
Typefaces, Get Your Free Typefaces Here!!! - Creattica Daily
http://daily.creattica.com/2009/07/typefaces-get-your-free-typefaces-here/
Over 500 Layout Design Tutorials | AREA 1 - Graphic/web design tutorials & articles
http://www.area1.info/tutorials/over-500-layout-design-tutorials/
Big list of web layouts
How To Create a Pure CSS Polaroid Photo Gallery
http://line25.com/tutorials/how-to-create-a-pure-css-polaroid-photo-gallery
CSS3で影と回転をつけ、ホバー時にz-indexをコントロール。/via コリス:http://coliss.com/articles/build-websites/operation/css/css3-create-a-pure-css-photo-gallery.html
Use webkit to rotate/title images
300+ Resources to Help You Become a Photoshop Expert | Webdesigner Depot
http://www.webdesignerdepot.com/2009/08/300-resources-to-help-you-become-a-photoshop-expert/
THE FINAL, GREATEST COLLECTION OF PS TUTORIALS EVER!
100 Artworks From the Top Digital Artists in the USA & Canada - Psdtuts+
http://psd.tutsplus.com/articles/inspiration/100-artworks-from-the-top-digital-artists-in-the-usa-canada/
Last time we scoured South America (and, strangely, Mexico!) for the best Photoshop talent going around. This week we're turning to the USA and Canada to
Functioning Form - Design at Facebook
http://www.lukew.com/ff/entry.asp?879
Facebookにて取り組んでいるWebデザイン手法
Facebook er godt design på sin egen skumle måde
30 Useful Photoshop Tutorials for Vintage and Retro Style | Web Design Ledger
http://webdesignledger.com/tutorials/30-useful-photoshop-tutorials-for-vintage-and-retro-style
In past articles, we've shown you where to find plenty of great textures for vintage and retro style design. So now if you're wanting to learn some techniques
vintage y retro
Beautifl - Flash Gallery of wonderfl
http://beautifl.net/
wonderflまとめ
Beautiflはwonderflに投稿されたFlash(ActionScript)のギャラリーサイトです。Webクリエイターのインスピレーションを刺激するクールな作品をピックアップしています。
flash inspiration
25 Websites with Lighting Effects – Part III | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/websites-with-lighting-effects/
Web Design and Development Blog
20 Vital Techniques & Best Practices For Effective Web Design
http://www.noupe.com/design/20-vital-techniques-for-effective-web-design.html
Tutte le tecniche di design moderno applicate al web design
By http://bit.ly/Tweets2Delicious
Titlen er noget vrøvl, men mange fine eksempler
Best Sites to Download Free Patterns | Photoshop Tutorials
http://best-photoshop-tutorials.blogspot.com/2009/08/best-sites-to-download-free-patterns.html
Download Free Patters
photoshop
You can use patterns for any purpose you like, as background and foreground for images, wallpapers, web layouts or any other purpose you can think of. Virtually, there are no limitations...And the collection of sites below will help you get the right patterns for your design.
Writing Great Unit Tests: Best and Worst Practises « Steve Sanderson’s blog
http://blog.codeville.net/2009/08/24/writing-great-unit-tests-best-and-worst-practises/
Article about TDD methodology and practices.
MAIN : Daniel Park
http://www.danparkstudio.com/
Born and raised in Dallas, Texas, Dan spent his youth playing soccer, shooting things with his slingshot, and working on his art. In 2002, he moved to New York City to further his studies at the School of Visual Arts under the guidance of Tom Woodruff. His interests range from theology and film to the UFC.
fodao
Goollery - A collection of awesome Google-related projects from people around the world
http://goollery.org/#recent/Wayfaring
A collection of awesome Google-related projects from people around the world
15 Unconventional Uses of WordPress in Action
http://www.wpbeginner.com/wp-tutorials/15-unconventional-uses-of-wordpress-in-action/
WordPress is known as one of the most powerful open-source blogging platform, but it can be a lot more then just a blogging platform. We already know about using WordPress as a content management system (CMS), but WordPress is much more flexible than that. With the combine use of plugins, and hacks, WordPress can be used in many unique and unconventional ways. In this article we will highlight some of the most unconventional uses of WordPress and show you how you can use WordPress in these unconventional way as well.
250+ Light Effect Brushes for Photoshop
http://designm.ag/resources/light-effect-brushes/
Five Popular Design Portfolio Website Styles
http://sixrevisions.com/web_design/five-popular-design-portfolio-website-styles/
In this article, we are going to cover various ways designers and artists set up their portfolio site. We're also going to look at some well-designed examples from each style.
IxEdit
http://www.ixedit.com/
IxEdit is a JavaScript-based interaction design tool for the web. With IxEdit, designers can practice DOM-scripting without coding to change, add, move, or transform elements dynamically on your web pages. Especially, IxEdit must be useful to try various interactions rapidly in the prototyping phase of your web application.
IxEdit is a JavaScript-based interaction design tool for the web.
A List Apart: Articles: Inline Validation in Web Forms
http://www.alistapart.com/articles/inline-validation-in-web-forms/
by LukeW, author of "Web Forms" from Rosenfeld media
Real-time inline validation can help people complete web forms more quickly and with less effort, fewer errors, and (surprise!) more satisfaction.
....en hoeveel % conversieverbetering het oplevert!
for unlnown items (is this username taken?) validate fields as the user proceeds from one field to the next
35 Excellent Wireframing Resources | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/09/01/35-excellent-wireframing-resources/
FontCapture Turns Your Handwriting into a Font - Fonts - Lifehacker
http://lifehacker.com/5347212/fontcapture-turns-your-handwriting-into-a-font
If you've got a few minutes, stylish script, and a scanner, FontCapture can turn your handwriting into a font. That keeps all your mad-scientist notes on the computer, yet still gives them that..
Using Compass and Sass for CSS in your Next Project - Nettuts+
http://net.tutsplus.com/tutorials/html-css-techniques/using-compass-and-sass-for-css-in-your-next-project/
Sass could potentially be called CSS 2.0; it has some really nifty features that allow you to write your code in less time and with more flexibility. In today's article, we will be working the basics!
50 Essential Web Typography Tutorials, Tips, Guides and Best Practices : Speckyboy Design Magazine
http://speckyboy.com/2009/08/31/50-essential-web-typography-tutorials-tips-guides-and-best-practices/
Petabytes on a budget: How to build cheap cloud storage | Backblaze Blog
http://blog.backblaze.com/2009/09/01/petabytes-on-a-budget-how-to-build-cheap-cloud-storage/
Build your own custom Backblaze Storage Pods: 67 terabyte 4U servers for $7,867.
25 Incredibly Useful CSS Tricks You Should Know
http://webdeveloperplus.com/css/25-incredibly-useful-css-tricks-you-should-know/
25 trucos CSS que deberías conocer
Handy CSS Tricks
50 Extraordinary and Attractive Billboards | 10Steps.SG
http://10steps.sg/artworks/50-extraordinary-and-attractive-billboards/
Creative Billboard Advertisement
cool ads.
Outdoors Interessantes!
Out dorr referência
ウェブデザインのエレメントを今風にデザインするPhotoshopのチュートリアル集 | コリス
http://coliss.com/articles/build-websites/operation/design/photoshop-tutorials-advanced-techniques-for-web-designers.html
今風。色々と装飾とか、そういうチュートリアル。
Creating a Usable Contact Form | UX Booth
http://www.uxbooth.com/blog/creating-usable-contact-forms/
There are some simple steps you can take to create the best bridge possible between you and your clients. The most obvious way to receive that feedback is through a contact form. It is an essential component for owners of websites. It creates a channel to hear feedback, suggestions, and even sell services.
Amazing Fonts
http://www.beautifullife.info/graphic-design/amazing-fonts/
Amazing Fonts - http://www.beautifullife.info/graphic-design/amazing-fonts/
unique, untraditional fonts
| ^^ |秒刊SUNDAY|ドケチなのに良質な無料漢字フォントを探している人向けフォント大全集
http://www.yukawanet.com/archives/1520240.html
無料漢字フォント
How to Design and Code a Flexible Website - Nettuts+
http://net.tutsplus.com/tutorials/html-css-techniques/how-to-design-and-code-a-flexible-website/
quick and easy website design tutorial
How to Design and Code a Flexible Website
In this tutorial, we're going to be designing and coding a simple blog-style web-page. We'll pay special attention to making our design flexible and accessible by using clean and simple XHTML and CSS. This tutorial is aimed at beginners, and anyone looking to improve the accessibility of their web designs.
45+ Excellent Fresh Free Wordpress Themes Around | Showcases | instantShift
http://www.instantshift.com/2009/09/02/45-excellent-fresh-free-wordpress-themes-around/
this is my first experience in here
Wordpress! is an award-winning CMS, which enables you to build Blogs, Web sites and powerful online applications. Many aspects, including its ease-of-use and extensibility, have made Wordpress the most popular blog software available. Best of all, Wordpress is an open source solution that is freely available to everyone. There are hundreds of Wordpress themes online waiting to be paid for. Some of them are worth it, some are not. Just because many of our followers decided to stay with Premium themes, that doesn’t mean Free Themes are ugly, cluttered, and boring.
Heavy Backpack - A Creative Catalogue » Design Folios with Google Maps
http://www.heavy-backpack.com/archives/articles/design-folios-with-google-maps
portfolios designed using google maps
The Definitive Guide to About Me Pages | Web Design Ledger
http://webdesignledger.com/tips/the-definitive-guide-to-about-me-pages
One of the most important and least used aspects of any website is the “About Me” page. It’s not enough to have an interesting site and great product if your visitor can’t find a way to relate to you. Never under-estimate the power of personality. The internet isn’t a cold, sterile environment. As a matter of fact, within the last 15 years, it’s developed into a community addicted to interactivity, and communication. If you don’t believe me, check out Twitter. Twitter is a good example of why “About Me” pages are crucial. If you can amass a group of followers based on 140 characters of random biographical chatter, it’s a safe bet that those readers would also like to know a bit more about you.
Webtrendmap.com's Top Trending Links - Web Trend Map
http://webtrendmap.com/
The Web Trend Map community curates meaningful link trends by choosing sources they trust.
Really Useful Tutorials You Should Have Read in August 2009 | W3Avenue
http://www.w3avenue.com/2009/08/31/tutorials-2009-august/
Really Useful Tutorials You Should Have Read in August 2009
Backgrounds In CSS: Everything You Need To Know | CSS | Smashing Magazine
http://www.smashingmagazine.com/2009/09/02/backgrounds-in-css-everything-you-need-to-know/
CSS | Smashing Magazine
TV Show Web Designs: Trends and Examples | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/09/01/tv-show-web-designs-trends-and-examples/
Design Showcase | Smashing Magazine
diseños web TV shows
Creating Editable Letterpress Styled Text in Illustrator | Vectips
http://vectips.com/tutorials/creating-editable-letterpress-styled-text/
tutorial prar realizar el efecto de calado sobre papel en Illustrator
letterpress styled
Quickly and consistently create and apply a letterpress style to any editable text and other vector objects in Illustrator.
超乙拉字
Create a Digg-style post sharing tool with jQuery | Queness
http://www.queness.com/post/309/create-a-digg-style-post-sharing-tool-with-jquery
I was surfing website and searching for inspirations and I stumbled upon digg.com. I discovered a small utility on every single post, the share link. Yes, I want to implement that, it looks cool, practical and useful! So, this tute, we are going to make a digg-style post sharing toolbox. It's all pretty straight forward and need a little bit of planning. The way it works is different with digg's. If you view the html source code of Digg's, it has the sharebox html code in every single post. But, in this tutorial we have only one sharebox, and all the links are sharing the same template.
The Ultimate Guide to Version Control for Designers
http://sixrevisions.com/project-management/the-ultimate-guide-to-version-control-for-designers/
ついつい長居してしまう専門的なサイト25選 - かちびと.net
http://kachibito.net/web-service/25-hub-sites.html
あー、いい観点のまとめだなー。
25 Examples of Web 2.0 and Traditional Design Rules Coming Together | Webdesigner Depot
http://www.webdesignerdepot.com/2009/09/25-examples-of-web-2-0-and-traditional-design-rules-coming-together/
At its best, Web 2.0 stands as an equal to the traditional design rules practiced for centuries, though it is no doubt a reflection of our
5 Tips on How to Write a Killer Slogan (with Interactive Examples) | Webdesigner Depot
http://www.webdesignerdepot.com/2009/09/5-tips-on-how-to-write-a-killer-slogan/
5 Tips on How to Write a Killer Slogan (with Interactive Examples)
How 20 popular websites looked when they launched - Telegraph
http://www.telegraph.co.uk/technology/6125914/How-20-popular-websites-looked-when-they-launched.html
How websites looked at the launch.
2005
ウェブデザインの幅をひろげる20のキーワード | コリス
http://coliss.com/articles/build-websites/operation/design/best-practice-for-effective-web-design.html
ウェブデザインのクオリティをアップする20のエッセンスをnoupeから紹介します。
50 Imaginative Fantasy Art Tutorials for Photoshop : Speckyboy Design Magazine
http://speckyboy.com/2009/09/02/50-imaginative-fantasy-art-tutorials-for-photoshop/
20 Dingbat Fonts That Are Actually Useful | Web Design Ledger
http://webdesignledger.com/freebies/20-dingbat-fonts-that-are-actually-useful
20 Dingbat Fonts That Are Actually Useful | Web Design Ledger
50 Websites (and More) for Your Design Inspiration | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/inspiration/
50 Most Usable RIAs | InsideRIA
http://www.insideria.com/2009/09/50-most-usable-rias.html
review of hundreds of RIAs while compiling examples for our book Designing Web Interfaces: Principles and Patterns for Rich Interactions, and subsequent talks and articles.
MockFlow - Easy Wireframing for Software and Websites
http://www.mockflow.com/
Create and collaborate interactive mockups for your software and websites.
Create a Web Layout with 3D Elements using Photoshop
http://sixrevisions.com/photoshop/create-a-web-layout-with-3d-elements-using-photoshop/
For nice website design
JOVANNY LEMONAD
http://jovanny.ru/eng-free-fonts.html
fonts is created by designers who have drawn, and after have allowed to extend the fonts free of charge. Everyone can take part in the given project. For this purpose it is enough to draw a font in any vector editor in uniform scale, then to send this file to me. If you have any questions, write.
font
いまからでも遅くない! ケータイデザインの基礎固め(1/2) - @IT
http://www.atmarkit.co.jp/fwcr/design/tool/ichigeki06/01.html
3キャリ対応とレイアウト基礎
20+ HTML Forms Best Practices for Beginners - Nettuts+
http://net.tutsplus.com/tutorials/html-css-techniques/20-html-forms-best-practices-for-beginners/
36 High-Quality Latest Free Fonts To Enhance Your Designs | Fonts | instantShift
http://www.instantshift.com/2009/09/04/36-high-quality-latest-free-fonts-to-enhance-your-designs/
Helvetical » I am Ad Taylor
http://www.iamadtaylor.com/helvetical/
via mapu: Helvetical extends the work done by Jon Hicks on Helvetireader, turning the mayhem of the Google interface into something that doesn’t offend. It was created for use with Fluid.app but I’m sure you can hack the CSS to work for your needs.
all the user script here.
tema helvetica para google calendar
Google CalenderをHelveti化するGreasemonkey
A GS script for Google Calendar.
Pimping up Google Calendar – changing it's look and feel
Reader Tutorial: Create Vintage Traveler Diary in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/reader-tutorial-create-vintage-traveler-diary-photoshop
Create Vintage Traveler Diary in Photoshop
Tutorial für ein total schickes Bild mit einem Reisetagebuch und Fotos
In this reader tutorial Nikola Lazarevic aka Colaja from Nis, Serbia will show us how to create a very stylish vintage traveler diary in Photoshop. We will mix brushes with stock photos and blend modes to achieve the effect.
10 Awesome Package Designs | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/10-awesome-package-designs
10 Awesome Package Designs | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials - http://abduzeedo.com/10-awesome-package-designs
Have you ever bought something just because its package? Well, these package designs are definitely one of a kind and they do make you want to get them regardless of what is inside. This list contains different kind of packages but they all have some in common; they are awesome, check it out!
77 Exclusive Free Texture Pack Collection - Geek Sucks
http://www.geeksucks.com/freebies/77-exclusive-free-texture-pack-collection.htm
great texture collection for bg use
77 Exclusive Free Texture Pack Collection - Geek Sucks - http://www.geeksucks.com/freebies/77-exclusive-free-texture-pack-collection.htm
How to Create Stunning and Bold 3D Text
http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-stunning-and-bold-3d-text/
In this graphic design tutorial, you will witness a method for creating attractive 3D text that features some beautiful lighting and textured effects. We will be using Adobe Illustrator and Photoshop to help us get the job done.
3d text tutorial photoshop
45 Amazing Examples of Code Generated and 3D CG Artworks | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/08/21/45-amazing-examples-of-code-generated-and-3d-cg-artworks/
45 Amazing Examples of Code Generated and 3D CG Artworks | Inspiration | Smashing Magazine
Generative art w/flash and processing!
56 Absolutely Brilliant and Intriguing Photoshop Video Tutorials | Photoshop Tutorials
http://www.hongkiat.com/blog/56-absolutely-brilliant-and-intriguing-photoshop-video-tutorials/
Note & Point
http://noteandpoint.com/
A gallery devoted to making your Keynote and Powerpoint presentations look that much better
How To Use Pure CSS To Style Web Form Dynamically Plus 12 Awesome JavaScript Plugins | Onextrapixel - Showcasing Web Treats Without Hitch
http://www.onextrapixel.com/2009/08/25/how-to-use-pure-css-to-style-web-form-dynamically-plus-12-awesome-javascript-plugins/
css web form and jquery plugins
style your forms
Manipulate Smoke to Create Hyper-Real Images - Psdtuts+
http://psd.tutsplus.com/tutorials/photo-effects-tutorials/manipulate-smoke-to-create-hyper-real-images/
Tutorial caveira de fumaça
Learn to apply the Warp Tool effectively and a few other tricks to make smoke look like a skull. This technique has a variety of outcomes and works well with
VC blog » Blog Archive » Information Visualization Manifesto
http://www.visualcomplexity.com/vc/blog/?p=644
facilitate understanding and aid cognition
Le but de la visualisation est de donner un aperçu, pas des images, disait déjà Ben Shneiderman en 1999. Manuel Lima propose plusieurs critères à son manifeste qui découlent de ce constat : La forme suit la fonction, l'intéractivité comme clef, la puissance de la naration...
Infoviz is becoming more and more popular and, just as anything growing popular, also controversial. Here's a list with some good points on good information visualization.
Dark Roasted Blend: Unusual and Marvelous Maps
http://www.darkroastedblend.com/2009/08/unusual-and-marvelous-maps.html
mapas map maps
"Hideous monsters devouring ships? Old map symbols, correctly showing storm fronts
60 Tutorials Creating High Quality Design Icons | Creative Nerds
http://creativenerds.co.uk/tutorials/60-tutorials-creating-high-quality-design-icons/
Creative Nerds
Icons are essential within web design and within interface designs. There are many sites across the web where you can download free icons. This article features a wide selection of over 60 tutorials which will guide you through the process for learning how to design icons.
91 Trendy Contact And Web Forms For Creative Inspiration | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/inspiration/91-trendy-contact-and-web-forms-for-creative-inspiration/
Maemo software | Nokia › The software behind your mobile computer
http://maemo.nokia.com/
Linux-based operating system on the N900
Maemo is an advanced mobile platform designed with the internet at its core. Linux-based Maemo software takes us into a new era of mobile computing.
Coole video
Shelfari: Neil Gaiman's Bookshelves
http://blog.shelfari.com/my_weblog/2009/09/neil.html
oh jebus.
Making Your Web Colors Visible For All – Five Color Accessibility Tools
http://www.sitepoint.com/blogs/2009/08/20/color-accessibility-tools/
SitePoint Blogs: News, opinion, and fresh thinking for web developers and designers
some colour review tools for websites
If you are designing, or re-designing your web site, it is time well spent running your website through the color accessibility tools below to ensure that your site can be seen correctly by as many people as possible. Most of these tools use WC3 guidelines to perform their various operations. If you can actually read and understand them, the Web Content Accessibility Guidelines (WCAG) 2.0 requires, amongst other things, that there is sufficient contrast between text and background color. For a person with a color disability, the colors used on a web site can mean the difference between being able to read text and images or not. 1 in 12 people have some sort of color deficiency.
Designing Tweets: How To Integrate Twitter Into Your Website
http://www.sitepoint.com/blogs/2009/09/04/integrate-twitter-into-web-design/
SitePoint Blogs: News, opinion, and fresh thinking for web developers and designers
Webdesign Trend Hunting – 27 Bright Websites Using Popping Colors | Inspired Magazine
http://www.inspiredm.com/2009/08/21/webdesign-trend-hunting-27-bright-websites-using-popping-colors/
รวมฮิตเว็บดีไซน์สีซ้วยสวย แซ้บแสบ
Surreal CMS - Begin editing your website in minutes! After The Messy Desk, The Fluid Grid Layout, and The Circle As A Design Fetish, our Trend Hunting series continues with a big roundup of cool websites designed with bright colors in mind. And in the eye :] Please leave your comments below, suggest other websites, and tell us what do you think about this trend.
สีสันสดใส
Free Twitter Backgrounds: 26 Sites To Get Them
http://www.webresourcesdepot.com/free-twitter-backgrounds-26-sites-to-get-them
UI Trends
http://uitrends.com/
The Good, The Bad, & The Ugly of User Interface Design UI Trends (uitrends.com) is intended to be 1. a dynamic light-weight repository for interesting user interface designs and trends for website and web applications 2. a place to comment on and discuss user interface designs and trends 3. a source of inspiration for designers and developers
site where you can vote up or down a trend in ui design
30 Flash-Based Photography Sites
http://www.webdesignerwall.com/trends/30-flash-based-photography-sites/
30 sitios web de fotografia hechos en Flash
planecrash960.gif (GIF Image, 960x3479 pixels)
http://img36.imageshack.us/img36/5742/planecrash960.gif
Infographic - Reduce your odds of dying in a plane crash
Airline safety data visualization showing relative likelihood of fatality from plane to plane & airline to airline. Also shows that sitting in the rear is safest.
Your odds of dying in a plane crash.
In praise of the sci-fi corridor - Den of Geek
http://www.denofgeek.com/movies/313130/in_praise_of_the_scifi_corridor.html
corridors
Yes, it's geeky, but any industrial designer's gotta love this stuff.
Awesome and extensive post exploring the history of Sci-Fi corridors...
"Corridors make science-fiction believable, because they're so utilitarian by nature - really they're just a conduit to get from one (often overblown) set to another. So if any thought or love is put into one, if the production designer is smart enough to realise that corridors are the foundation on which larger sets are 'sold' to viewers, movie magic is close at hand."
man, i love super obsessive blog spots like this
Photoshopの動作を軽快にするための10のポイント | コリス
http://coliss.com/articles/build-websites/operation/design/10-simple-steps-to-better-photoshop-performance.html
お役立ち
環境設定でメモリ使用状況を最小限にする方法
photoshop高速化
reMap
http://bestiario.org/research/remap/
An interactive semantic view of visualcomplexity.com
stunning compendium of work from visualcomplexity.com via @bbhlabs
reMap: a project by Bestiario based on visualcomplexity.com
Visual Complexity reMapped
Interface to VisualComplexity.com
SHARED USING: http://www.tagle.it
45 Brilliant Examples of Photo Manipulation Art
http://www.noupe.com/photoshop/45-brilliant-examples-of-photo-manipulation-art.html
40 Awesome Cartoon And Comic Fonts For Designers
http://www.webdesignbooth.com/40-awesome-cartoon-and-comic-fonts-for-designers/
Showcase of Fresh and Well-Designed Online Shops | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/09/05/showcase-of-fresh-and-well-designed-online-shops/
15 Places to Make Money Creating Your Own Products
http://mashable.com/2009/09/05/sell-products-online/
Creating your own products used to mean a significant up-front investment — purchasing a minimum amount of the product as dictated by the manufacturer, paying for warehousing, packaging, point-of-sale systems, and other overhead costs. And that was all before you even took a single order! Thankfully, for many types of products, print-on-demand technologies have made it possible for anyone to create and sell goods over the Internet with little or no up-front costs. Below is a roundup of 15 great print-on-demand sites that will help you create and sell everything from t-shirts to clocks, from books to skateboards, from board games to fabric. If you know of additional print-on-demand sites to make and sell your own products, let us know in the comments.
40 Must Have Cheat Sheets for effective Web Designers | tripwire magazine
http://www.tripwiremagazine.com/tools/design/40-must-have-cheat-sheets-for-effective-web-designers.html
As a follwoup on the article 40+ Essential Front End Web Developer Cheat Sheets it is now time to deliver a similar package to Web Designers. Creating Web Designs isn't easy at all as it is first of all a creative process. To get the creative pro
Web design cheat sheets
40 Must Have Cheat Sheets for effective Web Designers | tripwire magazine
17 Photoshop Tutorials for Designing Creative Advertisements | Vandelay Design Blog
http://vandelaydesign.com/blog/design/photoshop-tutorials-advertisements/
Web Design and Development Blog
15 Excellent Free Design Ezines | Design Reviver
http://designreviver.com/inspiration/15-excellent-free-design-ezines/
some great examples of digital art, like illustration, vector art, street art, typography and advertising to the more traditional arts of painting, sculpture and photography.
Majalah desain grafis online
By http://bit.ly/Tweets2Delicious
In this post you will find some great examples of digital art, like illustration, vector art, street art, typography and advertising to the more traditional arts of painting, sculpture and photography.
15 pdfmag miễn phí.
Pwireframing: Paper Wireframing - mStoner - Blog
http://www.mstoner.com/index.php/blog/comments/651/pwireframing_paper_wireframing
근데 꼭 이렇게까지 해야하나?
an article on how to wireframe using good old paper.
How to Create a Unique Colorful Site Layout - Psdtuts+
http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-create-a-unique-colorful-site-layout/
By http://bit.ly/Tweets2Delicious
Take a look at the image we'll be creating. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $9/month. You can view the final image preview below.
This tutorial will guide you through the process of designing a professional website with a funky colorful flair. The tutorial features some great colors, effects and layer styles in which you can use over and over for future projects.
This tutorial will guide you through the process of designing a professional website with a funky colorful flair. The tutorial features some great colors,
How To Design Your Own Fail-Safe Exercise Program - Dumb Little Man
http://www.dumblittleman.com/2009/09/how-to-design-your-own-fail-safe.html
Dumb Little Man shares ideas to make the everyday person more productive in life. Expect to read tips on finance, saving money, business, and some DIY for the house.
You see, it’s not impossibly hard for you to design your own fail-safe exercise program. It might not be as personalized as working with a personal trainer, and it won’t be able to teach you the thousands of interesting progressions and variations that a top-dollar session will, but it sure as heck beats sitting on your butt or relying on boring cardio machines day-in and day-out.
Fonts for web design: a primer - Opera Developer Community
http://dev.opera.com/articles/view/fonts-for-web-design-a-primer/
Opera Developer Community article: Fonts for web design: a primer
Really interesting discussion of the standard web fonts.
Customization of UIs and Products (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/customization.html
Websites that let users customize the UI have the same measured usability as regular sites. Sites for customizing products, however, score substantially worse due to complex workflow.
18 Fresh Photoshop Photo Manipulation Tutorials | Web Design Ledger
http://webdesignledger.com/tutorials/18-fresh-photoshop-photo-manipulation-tutorials
Photoshop Photo Manipulation Tutorials
Photo Manipulations can be a lot of fun and can produce powerful effects when well executed. There are a lot of tutorials out there that teach various photo
If Architects Had to Work Like Web Designers
http://www.digitalsurvivors.com/archives/000455.php
Please design and build me a house. I am not quite sure of what I need, so you should use your discretion. My house should have somewhere between two and forty-five bedrooms. Just make sure the plans are such that the bedrooms can be easily added or deleted. When you bring the blueprints to me, I will make the final decision of what I want. Also, bring me the cost breakdown for each configuration so that I can arbitrarily pick one.
[en] ... ils recevraient un descriptif aussi précis que celui-ci!
Old but so true...
If Architects Had to Work Like Web Designers
30 Free Fonts Which Are Perfect For Professional Logo Designs | Creative Nerds
http://creativenerds.co.uk/freebies/30-free-fonts-which-are-perfect-for-professional-logo-designs/
A Great compilation of Creative Nerds favourite Free Fonts Which Are Perfect and suitable  For creating Professional Logo Designs. A great collections of
HTML 5 Visual Cheat Sheet by Woork
http://woork.blogspot.com/2009/09/html-5-visual-cheat-sheet-by-woork.html
A simple visual grid with a list of all HTML tags and their related attributes supported by HTML versions 4.01 and/or 5.
HTML5 きたよー
http://pixelresort.com/blog/iphone-app-icon-design-best-practises/
http://pixelresort.com/blog/iphone-app-icon-design-best-practises/
Como crear buenos iconos para tus aplicaciones iphone
Designing your application icon is a most crucial part of your success on the iPhone platform. The App store with it’s more than 70.000 apps have become quite the crowded bazaar. As an interface designer i cannot but marvel at the emphasis this has put on the delicate art of icon design. Read on as i take you through some do’s and don’ts of App Icon Design.
Best practices for design iPhone app icons
Designing your application icon is a most crucial part of your success on the iPhone platform.
Skinni Popcorn
http://skinnipopcorn.com/
Skinni Popcorn is a no fuss movie buzz site. See what people are saying about movies right now! Skinni Popcorn uses Twitter and New York Times movie reviews to help you choose what to watch when you’re in the cinema queue!
Skinni Popcorn Now Showing Top Box Office The Final Destination RETWEET WATCH TRAILER YAHOO! MOVIES Synopsis On what should have been a fun-filled day at the races, Nick O'Bannon has a horrific premonition in which a bizarre sequence of events causes multiple race cars to crash, sending flaming debris into the stands, brutally killing his friends and causing the upper deck of the stands to collapse on him. When he comes out of this grisly nightmare Nick panics, persuading his girlfriend, Lori, and their friends, Janet and Hunt, to leave... escaping seconds before Nick's frightening vision becomes a terrible reality. Thinking they've cheated death, the group has a new lease on life, but unfortunately for Nick and Lori, it is only the beginning. As his premonitions continue and the crash survivors begin to die one-by-one--in increasingly gruesome ways--Nick must figure out how to cheat death once and for all before he, too, reaches his final destination. New York Times review “The Fina
100 Striking Examples of Grunge Photography | Webdesigner Depot
http://www.webdesignerdepot.com/2009/08/100-striking-examples-of-grunge-photography/
How To Be A Samurai Designer | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/09/06/how-to-be-a-samurai-designer/
In this article we’ll take a look at designing websites from a quite different perspective. We’ll discuss some pearls of samurai wisdom from the book “Hagakure” by Yamamoto Tsunetomo and we’ll learn to apply them to our Web-based, computer-bound Western life to become true samurai designers. We’ll also get to know impressive examples of artworks that exhibit the samurai approach.
In this article we’ll take a look at designing websites from a quite different perspective. We’ll discuss some pearls of samurai wisdom from the book
20 Very Clever Logo Designs | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/inspiration/20-very-clever-logo-designs
I thought that some logo design inspiration was in order, as we haven’t posted anything along the logo lines in a while. I have made a compilation of 20 extremely clever logos. The trick is to look into the logos and see what they are based on, then try and work out what the hidden message is. An example would be the Amazon logo. Many people think the arrow underneath it is a smiley face, when infact it is pointing from the a to the z.
The Most Creative 10 Websites and Apps Built on Top of Twitter | Inspired Magazine
http://www.inspiredm.com/2009/08/31/the-most-creative-10-websites-and-apps-built-on-top-of-twitter/
Twitting all day about design stuff is one of my favorite things lately, but Twitter is more – much more than that. A lot of creative folks have build whole new and amazing websites and services around Twitter and we’re showcasing the best 10. Please leave your thoughts suggestions in the comments area.
Horizontal Navigation Menus: Trends, Patterns, and Best Practices | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/09/07/horizontal-navigation-menus-trends-patterns-and-best-practices/
The horizontal navigation menu has become a mainstay in Web design. It is safe to say that nowadays most websites use some form of horizontal
15 Great jQuery Plugins For Better Table Manipulation
http://www.webdesignbooth.com/15-great-jquery-plugins-for-better-table-manipulation/
17 Techniques for Creating Designs Inspired by Nature | Webdesigner Depot
http://www.webdesignerdepot.com/2009/08/17-techniques-for-creating-designs-inspired-by-nature/
30 Clean and Bright Website Designs
http://psdfan.com/inspiration/web-design/30-clean-and-bright-website-designs/
99 Creative And Beautiful Looking Portfolio Designs | Inspiration | instantShift
http://www.instantshift.com/2009/09/06/99-creative-and-beautiful-looking-portfolio-designs/
Designing of Portfolio is a quite difficult job for an artist as he needs to show his ability of design in it which leads him to get busy with new clients. The more time and effort you dedicate for a usable, eye-catching design and hitting your objectives, the higher are your chances for getting better account balance in the end of the month.
7 Rules for Mixing Multiple Fonts in Good Web Design
http://www.noupe.com/design/mixing-multiple-fonts.html
a good article on combining different fonts (ie. what serif works with a sans-serif).
30 Examples of Brilliant Logo Design | Web Design Ledger
http://webdesignledger.com/inspiration/30-examples-of-brilliant-logo-design
A few weeks ago, we showed you some very good logo design tutorials and techniques. Now it's time for some logo design inspiration. Here are 30 very good
Presentation Zen: 7 Japanese aesthetic principles to change your thinking
http://www.presentationzen.com/presentationzen/2009/09/exposing-ourselves-to-traditional-japanese-aesthetic-ideas-notions-that-may-seem-quite-foreign-to-most-of-us-is-a-goo.html
Kanso - Simplicity or elimination of clutter. Enso Fukinsei - Asymmetry or irregularity. Shibui - Beautiful by being understated, or by being precisely what it was meant to be and not elaborated upon. Shizen - Naturalness. Absence of pretense or artificiality. Yugen - Suggestion, rather than revelation. Datsuzoku - Freedom from habit or formula. Seijaku - Tranquility. An energized calm, stillness, solitude.
50 Inspiring Web Application and Service Web Site Designs : Speckyboy Design Magazine
http://speckyboy.com/2009/09/02/50-inspiring-web-application-and-service-web-site-designs/
Bulletproof @font-face syntax « Paul Irish
http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/
Minimising the CSS required for cross browser @font-face.
With all these CSS3 enhancements going on it's not hard to get confused. We're still trying to fond the best way of doing things. This is apparently the most bulletproof way of including the @font-face rule for IE and modern browsers.
35 Inspirational Fashion Website Designs | Webdesigner Depot
http://www.webdesignerdepot.com/2009/09/35-inspirational-fashion-website-designs/
fashing sites
10 incredible JQuery navigation menus
http://www.catswhocode.com/blog/10-incredible-jquery-navigation-menus
10 incredible JQuery navigation menus
11 Classic CSS Techniques Made Simple with CSS3 - Nettuts+
http://net.tutsplus.com/tutorials/html-css-techniques/11-classic-css-techniques-made-simple-with-css3/
These are some time savers!
truques e dicas css
We've all had to achieve some effect that required an extra handful of divs or PNGs. We shouldn't be limited to these old techniques when there's a new age
60 High Quality Photoshop PSD Files For Designers | Graphics
http://www.hongkiat.com/blog/60-high-quality-photoshop-psd-files-for-designers/
Imagens em Psd de alta qualidade para projetos
60 High Quality Photoshop PSD Files For Designers | Graphics
40 Creative and Inspiring Website Backgrounds Techniques
http://www.noupe.com/design/creative-website-backgrounds.html
Excelentes diseños Web
Web designers compete to impress visitors with distinctive and appealing visual elements. Background images are one of those visual elements that when designed properly, can create an amazing atmosphere and convey the style the designer has chosen.
50 Clever Tutorials and Techniques on Traditional Drawing | Tutorials | Smashing Magazine
http://www.smashingmagazine.com/2009/09/08/50-clever-tutorials-and-techniques-on-traditional-drawing/
Traditional drawing is certainly way harder than digital and it is true that people are able to progress much faster digitally, but one should learn the traditional type of drawing and painting before starting digital drawing, since it often lays out the foundation for screen design. This article contains a mixture of traditional drawing tutorials, drawing techniques and some methods for transforming and preparing your creations for screen design. Some are intermediate level and some are advanced tutorials that include general theory, useful tips, comic inspired art, sketch a pencil drawing, coloring processing, character sketching, shapes, proportional, perspective and much more. We hope that drawing tutorials and techniques in this post will be a great help to you.
Traditional drawing is certainly way harder than digital and it is true that people are able to progress much faster digitally, but one should learn
三階ラボ
http://lab.3fl.jp/
きれい
美麗アイコン
10 Ways to Customize and Personalize your Wordpress Blog | Pro Blog Design
http://www.problogdesign.com/wordpress/10-ways-to-customize-and-personalize-your-wordpress-blog/
10 Ways to Customize and Personalize your Wordpress Blog | Pro Blog Design http://ow.ly/oujX [from http://twitter.com/10minuteexpert/statuses/3841860358]
デザイナーさんにカフェで教えてもらったこと - IDEA*IDEA ~ 百式管理人のライフハックブログ
http://www.ideaxidea.com/archives/2009/09/design_101.html
デザイン豆知識
Adobe Fireworks
デザイナーさんにカフェで教えてもらったこと - IDEA*IDEA ~ 百式管理人のライフハックブログ
Fold a World-Record-Setting Paper Airplane - Weekend project - Lifehacker
http://lifehacker.com/5351386/fold-a-world+record+setting-paper-airplane
fold
Joel Spolsky's talk at Business of Software 2008 on being number one - Business of Software Blog
http://blog.businessofsoftware.org/2009/09/joel-spolskys-talk-at-business-of-software-2008-on-being-number-one.html
How come you can recognise the tune of the number one song of 1968 as being Hey Jude by the Beatles, but not the number two song? Why has the iPod had the success that the Zune has been denied?...
Joel Spolsky's talk at Business of Software 2008 on being number one
25 Excellent Collection Of jQuery Tutorials | Tutorials | PelFusion.com
http://pelfusion.com/tutorials/25-excellent-collection-of-jquery-tutorials/
According to jQuery dot com, jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax
PelFusion
Lights Out – Dimming/Covering Background Content with jQuery | Build Internet!
http://buildinternet.com/2009/08/lights-out-dimmingcovering-background-content-with-jquery/
Web Design, Development, and Business
13 Top Designers Share the Coolest iPhone Apps They Use Everyday | Inspired Magazine
http://www.inspiredm.com/2009/08/10/11-top-designers-share-the-coolest-iphone-apps-they-use-everyday/
By http://bit.ly/Tweets2Delicious
RT @ManiKarthik 11 Top Designers Share the Coolest #iPhone Apps They Use Everyday http://bit.ly/2QgHxZ via @styletime [from http://twitter.com/KeithDriscoll/statuses/3223764160]
63 Design Tools
http://skyje.com/2009/08/design-tools/
Design Tools : Powerful web tools to help you find the best parts and optimize your designs. Links to the best free Designer tools and  online Design Resources. 1.Web 2.0 and grudge free buttons generator! You can create a web 2.0 button in
Design Tools : Powerful web tools to help you find the best parts and optimize your designs. Links to the best free Designer tools and  online Design
Design Tools
40 Free PSD Website Templates - slodive
http://slodive.com/photoshop/40-free-psd-website-templates/
20 of the Worst Designed Websites In the World | Manolith
http://www.manolith.com/2009/08/25/worst-website-designs/
We all come across some seriously bad websites in our day-to-day lives on the Internet. It's just an unavoidable fact of life, like coming across monsters on
20 of the Worst Designed Websites In the World
35 Stylish And Modern Wordpress Plugins Using jQuery UI | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/wordpress/35-stylish-and-modern-wordpress-plugins-using-jquery-ui/
Excellent wordpress plugins harnessing the power of jQuery!
wordpress jquery
Design for Startups: The Aesthetics of Web Apps in 6 Questions - ReadWriteStart
http://www.readwriteweb.com/readwritestart/2009/09/design-for-startups-the-aesthe.php
Evil Rich has some helpful tips.
20 Useful Fireworks Tutorials for Designers
http://sixrevisions.com/graphics-design/20-useful-fireworks-tutorials-for-designers/
And you thought Fireworks was useless, these are nice!
100 Artworks from the Top Digital Artists in Asia - Psdtuts+
http://psd.tutsplus.com/tutorials/tutorials-effects/100-artworks-from-the-top-digital-artists-in-asia/
Artistas Visuales asiáticos
Stunning artworks from Asia!
Trabajos de los principales artistas digitales asiáticos
100 Artworks from the Top Digital Artists in Asia
Helvetwitter - josef richter
http://www.josefrichter.com/helvetwitter/
Snygg Twittertillämpning
9 Things You Can’t Forget When Designing a Blog | Tutorial9
http://www.tutorial9.net/web-tutorials/9-things-you-cant-forget-when-designing-a-blog/
Great reminders when Designing a blog!
Designing a blog can be quite a daunting task, to be sure. To-do lists alone for could fill pages if you were to include all the minor details that accompany the project. Which is why most designers shy away from logging that in-depth of a laundry list of items, indispensable and not so much, to get done by the launch date of the blog. Which is also why some of these little things that would make the latter pages of the list, more often than not, get overlooked. Never fear, that is why we are here!
Do you ever forget to do one of these things when building a new website? These are 9 pretty essential things to keep in mind when building a new blog or site!
CeeVee - quick & painless résumé management
http://ceevee.com/
ephemera assemblyman: Film Poster Paintings from Ghana
http://assemblyman-eph.blogspot.com/2009/08/film-poster-paintings-from-ghana.html
posters de filmes de Ghana.
The freelancer’s toolbox: 33 useful apps & websites for the freelance designer | Designer Daily
http://www.designer-daily.com/the-freelancers-toolbox-33-useful-apps-websites-for-the-freelance-designer-3249
This site shows some applications similar to what I am thinking of as well as some really cools stuff to get.
ASCII.jp:30分でできる!Webサイトを高速化する6大原則
http://ascii.jp/elem/000/000/457/457749/
Javascriptの読込みは</body>のすぐ前が良いって聞いたことがある。
100 Fantastic Resources For Web Designers | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/roundups/100-fantastic-resources-for-web-designers
Home - Online Lighting Diagram Creator - Tools for photographers
http://www.lightingdiagrams.com/
Home - Online Lighting Diagram Creator - Tools for photographers - http://www.lightingdiagrams.com/
Online Lighting Diagram Creator for photographers
Online photographic lighting diagram generator. Photoshop file can be downloaded for offline usage.
Criação de diagramas de esquemas de luz para fotógrafos
In the Woods – Create a Funky Parallax Background Effect using jQuery
http://blog.themeforest.net/tutorials/create-a-funky-parallax-background-effect-using-jquery/
In this tutorial, we’ll be using JQuery to take a horizontally scrolling website and add a parallax scrolling background effect reminiscent of old-school 2D platform games like Sonic the Hedgehog.
silverback 的な遠近感とサイドスクロールをミックスした jQuery エフェクト
tablararasında dolşaırken arkada bulutları hareket ettiriyor
for my portfolio site
ショッピングサイトをデザインする際に使えるサイトまとめ | DesignWalker
http://www.designwalker.com/2009/09/shopping-design.html
ショッピングサイトは扱っている商品やマーケティングはもちろんですが、デザインやインターフェースの使い勝手なども、売り上げにつながる大きな要素なのでは無いでしょうか?
ショッピングサイトをデザインする際に参考にできそうな使えるサイトをいろいろとまとめてみました。
10 Absolute Best Web Design Galleries | Web Design Ledger
http://webdesignledger.com/inspiration/10-absolute-best-web-design-galleries
Places to get inspiration for your site from other good web sites.
Trent Walton
http://trentwalton.com/
A Fresh Coat of Paint
cool big header images that change with each article
CSS Wishlist: New Ideas, Debates and Solutions | CSS | Smashing Magazine
http://www.smashingmagazine.com/2009/09/10/css-wishlist-new-ideas-debates-and-solutions/
The future of CSS is arriving fast, and many tools, languages, and solutions have been developed that make CSS a job not just for Web
Exploded
http://www.explodedstore.com/
tshirts with exploded diagrams of technological artifacts.
store with t-shirts of exploded boomboxes stereos retro electronics
CSS: Design Out Of The Box
http://www.webdesignerwall.com/tutorials/css-design-out-of-the-box/
If you know nothing about HTML, this is where you start - www ...
http://www.htmlgoodies.com/primers/html/article.php/3478131
HTML Goodies Tutorials
WorkAwesome
http://workawesome.com/
RRZE Icon Set - Gallery
http://rrze-icon-set.berlios.de/gallery.html
Marunouchi.com
http://www.marunouchi.com/
トップページでは,ブラウザのウィンドウサイズに合わせてコンテンツが可変する,リキッドレイアウトが採用,このウェブサイトでは複数のJavaScriptライブラリを使うことで,リキッドレイアウトを実現.
30 Advanced Photoshop Illustration Tutorials - slodive
http://slodive.com/photoshop/30-advanced-photoshop-illustration-tutorials/
55+ Seriously Useful Front End Web Developer Cheat Sheets | tripwire magazine
http://www.tripwiremagazine.com/tools/tools/55-seriously-useful-front-end-web-developer-cheat-sheets.html
Design Expanse
http://www.designexpanse.com/
Helvetical Turns Google Calendar Into a Thing of Beauty - google calender - Lifehacker
http://lifehacker.com/5352783/helvetical-turns-google-calendar-into-a-thing-of-beauty
good mod for google calendar
How to Create Inset Typography in Photoshop
http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-inset-typography-in-photoshop/
In this beginning-level design tutorial, I'll show you how to apply a beautiful and super-easy text treatment in Photoshop: the inset text effect. It's also often called the letterpress effect because it looks similar to text created by a Letterpress printer.
Awesome Typography Tutorial - Photoshop
In this beginning-level design tutorial, I’ll show you how to apply a beautiful and super-easy text treatment in Photoshop: the inset text effect. It’s also often called the letterpress effect because it looks similar to text created by a Letterpress printer.
Best of Best WordPress 404 Error Page Designs
http://www.wpbeginner.com/showcase/best-of-best-wordpress-404-error-page-designs/
Nice Wordpress 404 Designs!!
We will highlight best of best WordPress 404 Error Page Designs, and we will give you our insights on creating a beautiful and highly usable 404 page design for your WordPress.
10 Productivity Tips for Web Designers and Developers - Inspect Element
http://inspectelement.com/articles/10-productivity-tips-for-web-designers-and-developers/
10 Productivity Tips for Web Designers and Developers
TapFancy – An iPhone app design showcase and gallery
http://tapfancy.com/
Data Visualization and Infographics Resources | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/09/11/25-useful-data-visualization-and-infographics-resources/
30 Typography Posters That You’ve Probably Never Seen Before | Webdesigner Depot
http://www.webdesignerdepot.com/2009/09/30-typography-posters-that-youve-probably-never-seen-before/
How to Design Buttons to Help Improve Usability - Inspect Element
http://inspectelement.com/tutorials/how-to-design-buttons-to-help-improve-usability/
Muy interesante sobre como hacer atractivos los botones de las páginas Web
50 Time Saving Photoshop Actions for Enhancing Photos | Web Design Ledger
http://webdesignledger.com/freebies/50-time-saving-photoshop-actions-for-enhancing-photos
Carsonified » How Colour Communicates Meaning
http://carsonified.com/blog/design/color/how-colour-communicates-meaning/
The 99 Percent
http://www.the99percent.com/?utm_source=Triggermail&utm_medium=email&utm_campaign=99%20Announcement%20%28REAL%29
productivity insights
Core77 / industrial design magazine + resource / Hack2Work
http://www.core77.com/hack2work/
o que fazer e o que nao fazer no design para aumentar uma marca sem aumentar o logo.
Ways to improve the way you work
Checklist For Better Forms | Mert Tol
http://www.merttol.com/articles/web/checklist-for-better-forms.html
Forms can be painless or painful for visitors. Keep in mind that visitors want to get their tasks accomplished as quickly as possible, and with the least amount of effort. Proper planning and design can maximize task efficiency.
ver?
helpful.
Checklist For Better Forms
The Ultimate A-Z of the Best Design and Development Related Sites - Inspect Element
http://inspectelement.com/articles/the-ultimate-a-z-of-the-best-design-and-development-related-sites/
รวมเว็บสำหรับการพัฒนาการออกแบบเว็บ
Led Icon Set - Psdtuts+
http://psd.tutsplus.com/freebies/icons/led-icon-set/
アイコン、←famfamfam
Create a Professional Portfolio Design in 17 Easy Steps
http://psdfan.com/tutorials/designing/create-a-professional-portfolio-design-in-17-easy-steps/
Create a Trendy Galactic Poster Design in Photoshop
http://www.blog.spoongraphics.co.uk/tutorials/create-a-trendy-galactic-poster-design-in-photoshop
ตัวอย่างการทำโปสเตอร์สวยๆ
Técnica definitiva de recorte de cabelo - Fabio Lody - Photoshop
http://imasters.uol.com.br/artigo/13590/photoshop/tecnica_definitiva_de_recorte_de_cabelo/
Técnica definitiva de recorte de cabelo - Fabio Lody - Photoshop - http://imasters.uol.com.br/artigo/13590/photoshop/tecnica_definitiva_de_recorte_de_cabelo/
Beautiful CSS: Organizing Your Stylesheets
http://mirificampress.com/permalink/beautiful_css_organizing_your_stylesheets
&#039;m in the process of building a new site and learning CSS as I go. It gets messy at times, and I&#039;ll definitely be referring back to this post.
another approach to organizing CSS
'm in the process of building a new site and learning CSS as I go. It gets messy at times, and I'll definitely be referring back to this post.
When I first took the plunge into CSS several years ago, one of my biggest frustrations was stylesheet organization. I scoured source code from popular sites trying to figure how they accomplished various layout effects. But tracking back and forth from stylesheets to HTML proved to be a difficult task. Unfortunately , that separation of style and content that makes CSS so awesome can also make it difficult to understand. Adding to that difficulty is the fact that each designer may have a different way of organizing stylesheets. If you inherit someone else's site, this can cause some problems. In a perfect world everyone's CSS would be well-organized, easy to scale, and easy to understand. We may not be able to attain such CSS Nirvana but we can at least make it easier on ourselves and those we work with by following this set of guidelines.
An interesting methodology for organizing your stylesheets. I'm definitely trying this with my project to save some time.
Film title screens from 1920 - 1924 | The Movie title stills collection
http://www.annyas.com/screenshots/1920-1924/
RT @bigspaceship: WOW - Film title screens from 1920 - 1924 http://tr.im/vb5F (via @swissmiss) [from http://twitter.com/RADIOLAcombr/statuses/3094757748]
Jim Coudal of Coudal Partners | Design Glut
http://www.designglut.com/2009/08/jim-coudal-of-coudal-partners/
“In 18 months I’m going to start my own company,” the problem with that sentence is the 18 months. What you’re really saying is, “I’m afraid.”
Omia tuotteita konsultoinnin sijaan.
> We’ve had a lot of things not work, and that’s OK too. If it’s a good idea and it gets you excited, try it, and if it bursts into flames, that’s going to be exciting too. People always ask, “What is your greatest failure?” I always have the same answer – We’re working on it right now, it’s gonna be awesome!
Jim Coudal is a truly inspiring character. His company decided to shift from the standard model of selling their creative services to clients, to a model of creating products which they own and have full control over. And they’ve been very successful at it. Coudal Partners is proof that you can indeed create your own reality. (interview, article)
get out there.
WordPress Cheat Sheet - Nettuts+
http://net.tutsplus.com/freebies/cheat-sheets/wordpress-cheat-sheat/
http://ekinertac.com/
44 Killer Free Textures Sites - Aetuts+
http://ae.tutsplus.com/articles/roundup/44-killer-free-textures-sites/
free... and how much it loves you... Well, maybe not so much the latter, but you are going to be AMPED about this post! I got 44 sites with a ton of textures for you to use in your work. And it is all FREE!
websites de texturas
Quick Web Design Mockups Using iWeb | Upstart Blogger
http://www.upstartblogger.com/quick-web-design-mockups-using-iweb
(Need a Mac)
If you’re a Mac user, you probably already own a copy of iLife. If you’re like me, you probably gave iWeb a spin when it first came out, played with it for a few minutes, and forgot about it. I’m not sure what prompted me to fire it up again, but I’ve discovered that, while I’d never actually use it to create a site, it’s an excellent tool for sketching out web design ideas and creating quick mockups.
16 Tools And Generators For Web Designers | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/roundups/16-tools-and-generators-for-web-designers
Calling all web designers and developers! Here is an unmissable list of helpful web tools you need to check out if you haven't already. On the list are color palette generators, available domain name finders, template makers, CSS grids and much more!
Calling all web designers and developers! Here is an unmissable list of helpful web tools you need to check out if you haven’t already. On the list are color palette generators, available domain name finders, template makers, CSS grids and much more! If you have any more tools / generators you would like to share with us, then please feel free to drop in a comment and we will add it to the next list. Remember to click on the images to visit each tool.
Photoshop tutorial to design a clean business layout | Grafpedia
http://www.grafpedia.com/tutorials/photoshop-tutorial-to-design-a-clean-business-layout
Freewares
http://www.smoothdraw.com/product/freeware.htm
Free Icon Maker.
If you don't want to spend time micro-designing an icon and you've already got a source image, SimplyIcon makes creating your buttons and icons a drag-and-drop matter. Download the SimplyIcon package, extract the executable and DLL file to a folder, run the program, and you're presented with a simple dialogue box and the instructions to drag and drop an image onto it. Once you drag and drop the image, SimplyIcon creates a variety of icon files in various sizes—up to 128x128 if you source image is large enough. You won't find any image editing tools or tweaks on SimplyIcon, it accepts whatever image you drag into it and cranks out an icon file. If that's good enough for you, it's definitely a download you'll want to keep stashed in your home folder.
70+ Ultimate Collection Of Inspirations And Tutorial Resources For Designers To Discover The Best Of The Web In August @ SmashingApps
http://www.smashingapps.com/2009/08/30/70-ultimate-collection-of-inspirations-and-tutorial-resources-for-designers-to-discover-the-best-of-the-web-in-august.html
Webデザイナーのための美しいjQueryプラグイン22 | CREAMU
http://blog.creamu.com/mt/2009/08/webjquery22.html
まとめ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
22 Awesome Adobe AIR Applications for Designers
http://sixrevisions.com/tools/22-awesome-adobe-air-applications-for-designers/
Adobe AIR has become a popular platform for internet-enabled desktop applications. If you’re a designer, AIR applications will help you with a multitude of tasks that will make your life easier, aiding you in streamlining your workflow.
70 Fresh and Inspirational Blog Designs | Inspiration | instantShift
http://www.instantshift.com/2009/09/13/70-fresh-and-inspirational-blog-designs/
Most of you should know that instantShift is proudly powered by WordPress, as a Blogging and CMS tool. If you are in search of good CMS or a new web tool for , Daily Resource for Web Designers and Developers.
70 designer inspiradores de blogs
携帯サイト デザインギャラリーいろいろ | DesignWalker
http://www.designwalker.com/2009/06/mobile-web.html
携帯サイト デザインギャラリーいろいろ
ウェブサイトのデザインギャラリーはたくさん公開されていますね。 携帯サイトになると、それほどデザインギャラリーは無いのかと思っていました。 でも、クオリティの高い携帯サイトのデザインギャラリーはいっぱいありました。今回は携帯サイトのデザインギャラリーをいろいろ集めてみました。
70+ Awesome Free Icon Sets and Icons Collections for Web Designers | tripwire magazine
http://www.tripwiremagazine.com/design/design/70-awesome-free-icon-sets-and-icons-collections-for-web-designers.html
Sci-Fi Hi-Fi: Weblog: Benjamin Franklin’s Daily Schedule (via Nick...
http://log.scifihifi.com/post/161617118/benjamin-franklins-daily-schedule-via-nick
Could I stick to this? Wow. Could you?
Franklin’s plan is an inspiration to me because it reminds me why I went down the tough road of being an indie developer in the first place: to live a more balanced, reflective life.
A photo of the daily schedule that Benjamin Franklin tried to follow, from his Autobiography. He claims that, alas, he could not keep to it :)
Design a Transparent Website Layout in Photoshop | Web Resources | WebAppers
http://www.webappers.com/2009/09/01/design-a-transparent-website-layout-in-photoshop/
Design a Transparent Website
80
http://80magazine.wordpress.com/
typographic
24 Great Tips & Tutorials To Get The Most Out Of WordPress | Spyre Studios
http://spyrestudios.com/24-tips-tutorials-to-get-the-most-out-of-wordpress/
Optimiser et sécuriser Wordpress
Showcase Of Music Night Clubs Web Designs « Smashing Magazine
http://www.smashingmagazine.com/2009/09/13/showcase-of-music-night-clubs-web-designs/
Showcase Of Music Night Clubs Web Designs « Smashing Magazine
Showcase Of Music Night Clubs Web Designs « Smashing Magazine - http://www.smashingmagazine.com/2009/09/13/showcase-of-music-night-clubs-web-designs/
How to Display Your Content on a Blog’s Front Page | Webdesigner Depot
http://www.webdesignerdepot.com/2009/09/how-to-display-your-content-on-a-blogs-front-page/
How to Display Your Content on a Blog's Front Page | Webdesigner Depot http://ow.ly/phR8 [from http://twitter.com/10minuteexpert/statuses/3982372377]
The front page of a blog is obviously of great importance to the overall design. Up until a few years ago, most blogs simply showed posts in order of publication, the most recent at the top. Then excerpts became popular, and later magazine-style front pages. The purpose of the front page will, of course, vary a bit from one type to another; for example, a personal blog will be different from a professional multi-author blog. In this post, we will take a look at the options that bloggers and designers have for showing content on the front page, and some reasons for choosing each.
Seven jQuery Plugins That Let You Do Cool Stuff With Images
http://www.sitepoint.com/blogs/2009/09/14/seven-jquery-plugins-images/
Seven jQuery Plugins That Let You Do Cool Stuff With Images http://ow.ly/phQL [from http://twitter.com/10minuteexpert/statuses/3982683362]
**flickr annotation plugin
In a recent post, I wrote about jQuery plugins that let you easily add a stylish galleries and slideshows to your site. Today, we have six plugins that let you add some cool functionality and interesting effects to images. As a designer, I found plugins like this to be so useful because I would never be able to write or develop functionality like this myself. So thank you generous developer community for sharing all this great work. And now on to the plugins… jParallax jParallax turns a selected element into a ‘window.’ Through this window you can see a number of absolutely positioned layers. The layers move in response to the mouse, giving a parallax effect. The parallax effect was utilized on the popular Silverback application website last year. To download the plugin and see working demos, visit the plugin website.
Principles of Effective Web Navigation | Build Internet!
http://buildinternet.com/2009/09/principles-of-effective-web-navigation/
Good navigation gets you places. More importantly, good navigation gets you places without a headache. Even though there are certain exceptions, most websites would be dead in the water without sensible navigation between pages.
navigation usability inspiration
25 Clear And Beautiful Comparison Tables | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/inspiration/25-clear-and-beautiful-comparison-tables
Theres no point in having an awesome website and an awesome product if your product comparison table is crap. It will throw people right off, and believe me I have seen some bad tables. Anyway here is a collection of the best product comparison tables handpicked by WebdesignDev.
Help full site
artstick wall stickers, decals, sticker, vinyl stickers, online
http://www.artstickonline.com/
artstick wall stickers, decals, sticker, vinyl stickers, online
Adesivos lindos...
20 Stunning Photoshop Brushes | My Ink Blog
http://www.myinkblog.com/2009/06/30/20-stunning-photoshop-brushes/
Stunning Photoshop Brushes
Photoshop Brushes
Crumpled paper
36 Examples of Textures used in Web Design | Inspiredology
http://inspiredology.com/textures-used-in-web-design/
Examples of Textures used in Web Design
Textures in Web Design
Helvetimail - josef richter
http://www.josefrichter.com/helvetimail/
josef richter
Helvetimail - josef richter
pretty - why can't google just make it a theme?
This is awesome! RT @swissmiss: Helvetimail, a minimalist Gmail skin: http://www.josefrichter.com/helvetimail/ [from http://twitter.com/Borrok/statuses/3972587795]
"Some of you guys wanted simple minimalist Gmail skin? Here is Helvetimail..."
Use Helvetica for a simplified Gmail interface.
If You Printed The Internet … | CreativeCloud
http://www.cartridgesave.co.uk/news/if-you-printed-the-internet/
A bunch of stats about how big the internet is in other terms. circa sept 2009
Feels compelled to share "If You Printed The Internet … | CreativeCloud" ( http://bit.ly/19eo9x ) [from http://twitter.com/gavinmatix/statuses/3994244636]
Have your ever wondered how much ink and paper would be used if you printed the internet? Find out all you need to know in our infographic!
How To Correct Banding In Your Gradients Using Photoshop - slodive
http://slodive.com/photoshop/how-to-correct-banding-in-your-gradients-using-photoshop/
How To Correct Banding In Your Gradients Using Photoshop - slodive - http://slodive.com/photoshop/how-to-correct-banding-in-your-gradients-using-photoshop/
Einfach aber effektiv - wie man den Übergang des Farbverlauf.s in Photoshop fließender macht
Correct Banding In Your Gradients Using Photoshop
Design Resources & Inspiration
A tutorial that shows how to get rid of banding in gradients.
20 free Wordpress themes with premium-like functionalities | Design Reviver
http://designreviver.com/freebies/20-free-wordpress-themes-with-premium-like-functionalities/
Wordpress is all over the place nowadays, with an endless number of free themes published every day by web designers. Some even took it a step further and published some premium Wordpress themes that you can buy on their websites or marketplaces. What we have for you is even better, a great collection of free Wordpress themes with functionalities just as good as the ones premium themes have.
Dessine moi un objet » Blog Archive » Iphone and Itouch paper stand / dock
http://www.dessinemoiunobjet.com/iphone-and-itouch-paper-stand-dock/
Wow cool!
soporte hecho de cartulina para iphone o itouch
How to Make a Light and Sleek Web Layout in Photoshop
http://sixrevisions.com/photoshop/how-to-make-a-light-and-sleek-web-layout-in-photoshop/
Tutorial para crear una bonita web en PSD.
40 Free Fonts That Everyone Should Own
http://designcrave.com/2009-08-25/free-fonts/
60+ Helpful Resources for Portfolio Design | Vandelay Design Blog
http://vandelaydesign.com/blog/design/portfolio-design-resources/
First & 20
http://www.firstand20.com/
他人のiPhoneメニュー
A collection of iPhone home screens
collection of iphone home screens
The Evolution of Apple Ads | Webdesigner Depot
http://www.webdesignerdepot.com/2009/09/the-evolution-of-apple-ads/
The Evolution of Apple Ads http://bit.ly/45FwRp [from http://twitter.com/inti/statuses/4005419829]
Webdesigner Depot
Apple first started advertising their products in the late 1970s. The 80s showed a wide variety of ads, some of which served to convince consumers that they
Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs
http://www.virtuosimedia.com/tutorials/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs
I've scoured the web for resources and also included some of my own fixes for IE6 and now I've put it all together in this cheetsheet/reference manual as a resource for anyone who has to deal with Internet Explorer 6.
This is the IE6 resource you've been hoping for. Learn pre-emptive best practices and find fixes for over 25 Internet Explorer 6 bugs.
10 Solutions to Easily Create Your Online Portfolio
http://www.blog.spoongraphics.co.uk/articles/10-solutions-to-easily-create-your-online-portfolio
You don't have to be a coding nerd to be able to build your own online design portfolio. Here's 10 solutions to easily create an online portfolio of your own.
Rediscovering HTML tables
http://woork.blogspot.com/2009/09/rediscovering-html-tables.html
Web Site Design Tutorial: Wellknown.as Case | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/web-site-design-tutorial-wellknownas-case
Graphic Design Inspiration and Photoshop Tutorials
Appleっぽいデザインの進め方 with 画像遅延ロード
画像ロード、スムーズな表示
画像が画面内に入ってから遅延ロードされてる
Photoshopでグリッドデザイン。そのチュートリアル
チュートリアルサイト。HTML&jsだけど、画像が画面内に入ってから遅延ロードするようにしてる。
12 Tips for Creating a Great Portfolio Site « Noupe
http://www.noupe.com/design/12-tips-for-creating-a-great-portfolio-site.html
-tips-for-creating-a-great-portfolio-site.html
25 High-Quality Calligraphy Fonts
http://designm.ag/resources/calligraphy-fonts/
High-Quality Calligraphy Fonts
Calligraphy Fonts
A few weeks ago we published a collection of handwritten fonts that was very well received, so today we'lll follow up with a collection of some of the best calligraphy fonts. These fonts are an excellent choice for elegant web and graphic design.
The Z-Index CSS Property: A Comprehensive Look « Smashing Magazine
http://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/
ue Box Gold Box
CSS Property: A Comprehensive Look « Smashing Magazine
Z-index CSS Property
David Byrne’s Perfect City - WSJ.com
http://online.wsj.com/article/SB10001424052970203440104574403293064136098.html
Osaka's robot-run parking lots mixed with the Minneapolis lakefront; a musician's fantasy metropolis
«Osaka's robot-run parking lots mixed with the Minneapolis lakefront; a musician's fantasy metropolis»
Card Sorting: Pushing Users Beyond Terminology Matches (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/word-matching.html
It's easy to bias study participants, whether in user testing or in card sorting, if they focus on matching stimulus words instead of working on the underlying problem.
"I usually say user testing is easy: basically, you get some real customers and watch them use your site or app. But this article touches on one of the difficulties of running great studies: minimizing bias. To achieve this, you have to see how people behave on their own rather than impose your own thinking on them. In the latter case, they simply echo it back, and you don't learn how to improve your design for real-life use...."
how to (and how not to) pose the problem in useability testing
Super Cool Retro Poster in 10 Steps in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/super-cool-retro-poster-10-steps-photoshop
Creating a Super Cool Retro Poster
Super Cool Retro Poster in 10 Steps in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials - http://abduzeedo.com/super-cool-retro-poster-10-steps-photoshop
illustrator tutorial
Graphic Design Inspiration and Photoshop Tutorials
Concrete and Cement Textures
http://mayang.com/textures/Architectural/html/Concrete%20and%20Cement/index.html
MUY BUENA MUESTRAS TEXTURAS DE CEMENTO
33 Killer Web Icon Sets for Free – Web.AppStorm
http://web.appstorm.net/roundups/icons/33-killer-web-icon-sets-for-free
Nice sets there.
Has populer web sites web icons and normal web icons
YouTube - Did You Know 4.0
http://www.youtube.com/watch?v=6ILQrUrEWe8
Wissenswerte Zahlen in Beziehung zwischen Offline-Medien und dem Internet.
This is another official update to the original &quot;Shift Happens&quot; video. This completely new Fall 2009 version includes facts and stats focusing on t...
Beautiful Examples of Inset Typography in Web Design
http://sixrevisions.com/design-showcase-inspiration/beautiful-examples-of-inset-typography-in-web-design/
"Inset typography, or letterpress typography, is a type treatment trend where text is made to look impressed into a surface. When used correctly and creatively, it leads to a captivating and engaging reading experience, able to bring attention to key textual content. In this collection, you’ll see a great number of examples (23 of them to be exact) that utilize the inset typography/letterpress typography style in web design for a variety of situations."
Core CMS
http://weareastronauts.org/core-cms/
another designer cms - very similar to cargo
Top Notch WordPress Footer Designs (Best Practices & Tips)
http://www.wpbeginner.com/showcase/top-notch-wordpress-footer-designs-best-practices-tips/
65 New Examples Of Beautiful Single Page Website Designs | Showcases | instantShift
http://www.instantshift.com/2009/09/15/65-new-examples-of-beautiful-single-page-website-designs/
mais inspiração
As you already seen in our previous post about Single Page Website Designs that showcase your work in single page design is a hot trend now days. It’s kind of ironic to see what designers can do with single pages as modern age designers love to experiment with things and observe how people interact with their work. Even though this is not a common trend to follow but still as the new design styles come up, and as more and more designers notice them and make use of them in their work, this kind of trends emerge.
How to Create a Minimalist and Typographic Blog Layout From Scratch | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/tutorials/how-to-create-a-minimalist-and-typographic-blog-layout-from-scratch/
How to Create a Minimalist and Typographic Blog Layout From Scratch
tutorials for blogging
really simple, really nice...
First subpixel typeface, ever | Typophile
http://typophile.com/node/61920
For favicon haiku
"It has x-height of 3 pixels, it is italic, inspired by old masters and most important – made by hand." So tiny! Redukto would love it.
Dollar ReDe$ign: Michael Tyznik - Dollar ReDe$ign Project
http://richardsmith.posterous.com/dollar-redeign-michael-tyznik
A very well thought out take on redesigning US paper currency
53 High Quality Fonts for your next Design Project | Design Reviver
http://designreviver.com/articles/53-high-quality-fonts-for-your-next-design-project/
High Quality fonts
Selecting that exact font for that particular design project can be difficult. So, it is a good idea to have a catalogue of your favourite high quality fonts
Fresh Free High-Quality Icon Sets « Smashing Magazine
http://www.smashingmagazine.com/2009/09/16/50-fresh-free-hiqh-quality-icon-sets/
Fresh Free High-Quality Icon Sets
Free Icon Sets
High-Quality Icon
How To Find Time For… Everything! « Smashing Magazine
http://www.smashingmagazine.com/2009/09/16/how-to-find-time-for-everything/
This is full of sense. Re-read this!
view this site
Time for everything
Patterns | WebTreats ETC
http://webtreats.mysitemyway.com/category/photoshop-resources/patterns/
Download Free Photoshop Patterns. Free for personal and commercial use.
free ps patterns for bg
50 Stunning & Inspirational Stop Motion Videos | Spyre Studios
http://spyrestudios.com/stunning-inspirational-stop-motion-videos/
Sometimes we get wrapped up in our specific profession and lose the ability to find creative sparks in other areas of our lives. So, in the hunt for inspiration elsewhere than web design, I went searching on vimeo and found 50 awesome stop motion videos that are sure to give you creative energy. I mean, watch some of these below and tell me you’re not inspired! And when you’re done, let us know in the comments which ones you liked best (my personal favorite one is the break dancing one).
50 Videos de Stop Motion
70+ Ultimate Round-Up of Free PSD Website Templates | Showcases | instantShift
http://www.instantshift.com/2009/09/17/70-ultimate-round-up-of-free-psd-website-templates/
Popular Search Engines in the 90’s: Then and Now
http://sixrevisions.com/web_design/popular-search-engines-in-the-90s-then-and-now/
Awesome post - I love looking back at old sites like this
In the heydays of the internet - when Google wasn’t the only search engine people used to seek information on the web - web surfers (I bet you haven’t heard that term in a while) had several options for finding what they needed on the net. This article harks back to the days of AltaVista, HotBot, and when Ask was still Ask Jeeves. You’ll see how the web designs of ubiquitous search engines of the past have evolved through time. Put your nostalgia hats on as we travel back to the ancient times of the internet!
In the heydays of the internet - when Google wasn’t the only search engine people used to seek information on the web - web surfers (I bet you haven’t heard that term in a while) had several options for finding what they needed on the net. This article harks back to the days of AltaVista, HotBot, and when Ask was still Ask Jeeves. You’ll see how the web designs of ubiquitous search engines of the past have evolved through time. Put your nostalgia hats on as we travel back to the ancient times of the internet!
This article harks back to the days of AltaVista, HotBot, and when Ask was still Ask Jeeves. You'll see how the web designs of ubiquitous search engines of the past have evolved through time.
How to Design a One-Page Portfolio in Photoshop
http://designm.ag/tutorials/one-page-portfolio-psd/
design 1 page portfolio in ps
How to Design a One-Page Portfolio in Photoshop - http://designm.ag/tutorials/one-page-portfolio-psd/
30 most important web and graphic design blogs | Web design | Articles
http://www.psdeluxe.com/Articles/Web-design/30-most-important-web-and-graphic-design-blogs.html
Good Night and Tough Luck - Abstract City Blog - NYTimes.com
http://niemann.blogs.nytimes.com/2009/09/14/good-night-and-tough-luck/
nice interesting infographics that serves as illustrations to a blog post about the difficulty of sleeping at night (children involved? yes!)
The illustrations and graphs are priceless (and hilarious)!
Fantastic comic about how hard getting a good nights sleep is.
7 Steps for Systematizing The Design & Build Process « Noupe
http://www.noupe.com/design/systematizing-the-design-build-process.html
7 Steps for Systematizing The Design & Build Process
Portfolio Design Study: Design Patterns and Current Practices « Smashing Magazine
http://www.smashingmagazine.com/2009/09/17/portfolio-design-study-design-patterns-and-current-practices/
In our recent study on Typographic Design Patterns and Best Practices, we asked our readers about case studies they would like us to conduct. One of the most popular suggestions was a detailed case study of portfolio websites. Following the requests of our readers, we have carefully selected 55 design agencies and Web development agencies, analyzed their porfolio websites and identified popular design patterns. The main goal of the study was to provide freelancers and design agencies with useful pointers for designing their own portfolio.
smashing magazine on portfolio sites
JustProto - Prototype your world!
http://www.justproto.com/en/
Online, diagramas de processo, elementos padronizados, bom controle de texto, poucos eventos interativos.
inudge.net - Nudge
http://www.inudge.net/index.en.html
Create a musical piece using 8 different patterns.
Creator / Home - Online Lighting Diagram Creator - Tools for photographers
http://www.lightingdiagrams.com/Creator
Lighting diagram creator - drag & drop items on a grid to setup a photo shoot
Photography lighting diagrams made easy with this online tool: use the drop down menus, select objects, drag them, rotate them, change their layers then export your diagram to JPEG or save its URL.
[N] ツイッターのウェブクライアント「HootSuite」が高機能すぎてヤバい!!
http://netafull.net/twitter/032057.html
Google
http://go.infinise.com/
google search ui twitter wikipedia
Wish Google looked like this... 0:)
300+ Resources to Help You Become a WordPress Expert | Webdesigner Depot
http://www.webdesignerdepot.com/2009/09/300-resources-to-help-you-become-a-wordpress-expert/
While WordPress is incredibly powerful and easy to use on its most basic levels, it can also get pretty complicated, pretty quickly. Below are more than 300 resources to help you master WordPress no matter what your skill level is.
WordPress is one of the most popular blogging platforms available today. And for good reason. It's powerful enough to be a complete CMS, has every feature or
Nike - Home
http://www.nike.com/nikeos/p/nike/en_US/
Finer Things in Mac
http://finerthingsinmac.com/
Found through Daring Fireball
Cheese or Font
http://cheeseorfont.mogrify.org/
fun
@mogrify made this. The idea came from @dickchiclets. follow @cheeseorfont on twitter.
Cheese or Font displays the name of either a font or cheese - all you have to do is correctly choose which! Whilst you won't get a score as you play - you can simply keep on playing ad inifitum - the game does tell you the percentage of folks who gave your answer
Brian Hoff | Graphic Designer, Logo Designer » How To Become A More Effective, Proficient and Informed Designer
http://www.thedesigncubicle.com/2009/07/how-to-become-a-more-effective-proficient-and-informed-designer/
Recently on Twitter I’ve been posting short tips and tricks on various ways to become a better designer by setting up your computer and using various programs to their full advantage.
Recently on Twitter I’ve been posting short tips and tricks on various ways to become a better designer by setting up your computer and using various programs to their full advantage. Below are various techniques I use to keep my computer organized, accessible and favorable that help me be more effective, proficient and more informed designer.
A shorthand for designing UI flows - (37signals)
http://37signals.com/svn/posts/1926-a-shorthand-for-designing-ui-flows
You’ll also notice there are two arrows pointing out from “Submit email matching a user account” under the “Forgot password screen.” That’s because two different screens result from that action! Yo
save
Over 5000 FREE Adobe Photoshop Brushes | AREA 1 - Graphic/web design tutorials & articles
http://www.area1.info/resources/over-5000-free-adobe-photoshop-brushes/
Over 5000 FREE Adobe Photoshop Brushes | AREA 1 - Graphic/web design tutorials & articles - http://www.area1.info/resources/over-5000-free-adobe-photoshop-brushes/
It's time for another massive roundup! Brushes, an essential thing for any designer. Here are over 5000 FREE Adobe Photoshop Brushes, ready for you to use them.
Conversational UX Design | From The Head Of Zeus Jones
http://www.zeusjones.com/blog/2009/conversational-ux-design/
nice article on how to shift to a UX mindset
Make users learn by doing what they came to do
Why Your Next Website Should be Designed with Wireframes | Build Internet!
http://buildinternet.com/2009/09/why-your-next-website-should-be-designed-with-wireframes/
Getting a design to click can take time. In many cases, it takes several rounds of revisions to even get to an effective starting point. What can you do to give yourself a better chance at designing something great sooner?
Business Cards Produced Using Unusual Materials | Web Design Ledger
http://webdesignledger.com/inspiration/business-cards-produced-using-unusual-materials
Business Cards Produced Using Unusual Materials | Web Design Ledger - http://webdesignledger.com/inspiration/business-cards-produced-using-unusual-materials
As many of you know, I also run Card Observer, which is a site that showcases beautiful business cards. A few weeks ago, I showed you some of the best
10 Top-Notch CSS Editors
http://sixrevisions.com/css/10-top-notch-css-editors/
グラデーションをより滑らかにするPhotoshopのチュートリアル | コリス
http://coliss.com/articles/build-websites/operation/design/photoshop-tutorial-correct-banding-in-gradients.html
グラデーション小技
Thread
http://www.thread.com/
Matchmaker app for Facebook. Search profiles of friends and friends-of-friends.
Freunde von Facebook-Freunden finden
The best way to meet people is through friends. Thread makes it easy to see your entire social network and find common friends using Facebook Connect.
Your friends know awesome people. Browse their Facebook profiles and see if you connect. You can ask a friend for an intro, or play matchmaker with your own friends.
20 Professional Web Admin Templates on ThemeForest | Web Resources | WebAppers
http://www.webappers.com/2009/09/18/20-professional-web-admin-templates-on-themeforest/
20 Professional Web Admin Templates on ThemeForest - Open Source Resources for Web Developers
Esto es demasiado!!!!
The Awesomeness Manifesto - Umair Haque - HarvardBusiness.org
http://blogs.harvardbusiness.org/haque/2009/09/is_your_business_innovative_or.html
Innovation: it's the ultimate source of advantage, the undisputed heavyweight champion of the economic ring. Innovation is what every organization should be ruthlessly pursuing, right? Wrong. I'd like to advance a hypothesis: awesomeness is the new innovation.
"Let's summarize. What is awesomeness? Awesomeness happens when thick — real, meaningful — value is created by people who love what they do, added to insanely great stuff, and multiplied by communities who are delighted and inspired because they are authentically better off. That's a better kind of innovation, built for 21st century economics. I've talked to many boardrooms about awesomeness. Beancounters feel challenged and threatened by it, because it feels fuzzy and imprecise. Yet, it's anything but. Gen M knows "awesomeness" when we see it — that's why its part of our vernacular. It's a precise concept, with meaning, depth, and resonance."
Let's face it. "Innovation" feels like a relic of the industrial era. And it just might be the case that instead of chasing innovation, we should be innovating innovation — that innovation needs innovation. Why? When we examine the economics of innovation, three reasons emerge.
Effective Twitter Backgrounds: Examples and Current Practices « Smashing Magazine
http://www.smashingmagazine.com/2009/09/18/effective-twitter-backgrounds-examples-and-best-practices/
Your profile page is the only place on Twitter where you get opportunity to showcase your visual brand and possibly communicate additional information that can last longer than a tweet. You can customize your profile page by changing background, text and link colors.
Another great design-related article from Smashing Magazine. Let the Twitter background design trend begin.
Create Your Own Programming Language
http://createyourproglang.com/
ntroduction in building your first toy language.
How To Create Your Own Freaking Awesome Programming Language
13 Things a Burglar Won't Tell You | Security Threats | Reader's Digest
http://www.rd.com/your-america-inspiring-people-and-stories/13-things-a-burglar-wont-tell-you/article156709.html
Should you spend your money on a home security system? A look inside a burglar's mind might help you decide.
15 Indispensable Virtues of Website Design for Serious Graphic Designers | Pixelactic
http://pixelactic.com/2009/08/15-indispensable-elements-of-website-design-for-serious-graphic-designers/
RT @DesignerDepot: 15 Indispensable Virtues of Website Design for Serious Graphic Designers: http://bit.ly/17nlVo [from http://twitter.com/RADIOLAcombr/statuses/3291337145]
760+ Photoshop Tutorials For Web & Graphic Designers | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/photoshop/760-photoshop-tutorials-for-web-graphic-designers
I have compiled together the ultimate Photoshop tutorial list for web and graphic designers. Mixed in here are a large array of over 760 tutorials from PSD slicing to fantasy art, logo design techniques to text effects, and so many more.
Seth's Blog: Things to ask before you redo your website
http://sethgodin.typepad.com/seths_blog/2009/09/things-to-ask-before-you-redo-your-website.html
Info to ask before creating a website
Unresolvable
Great list to use before designing a website.
# How many times a month would we like people to come by? For how long? # Who needs to update this site? How often?
10 Beautiful and free must have Serif Fonts
http://woork.blogspot.com/2009/09/10-beautiful-and-free-must-have-serif.html
A collection of ten beautiful, free and must have serif typefaces for the web and print. This collection includes Medio, Jura, Fontin, Sling, Calluna, Lido STF, Salernomi, Novello Pro, Steinem, TeX Gyre Schola.
10 Beautiful and free must have Serif Fonts
49 Amazing Resources for Free Vector Graphics : Speckyboy Design Magazine
http://speckyboy.com/2009/09/18/49-amazing-resources-for-free-vector-graphics/
Your search for free Vector graphics is over. Below we have compiled a list of the best free web sites to freely download Vectors, most of the sites don’t qualify into a category, we’ll call them general, but in the second half of the post you will find specialized resources dedicated to vector logos, brands, cartoons and icons.
StackOverflow DevDays
http://stackoverflow.carsonified.com/
21 Essential iPhone Apps with Sexy Interfaces « SUBERAPPS
http://www.suberapps.com/2009/03/24/21-essential-iphone-apps-with-beautiful-interfaces/
Apps with Sexy Interfaces
potential iPhone native “Contacts” app replacement. With groups you can manage your contacts easily, organizing them using drag and drop. Your created groups will synchronize with iPhone’s Contact app. Email groups of people easily with this app, call or SMS anyone easily, all with a very sexy interface.
Reader Tutorial: Making Little Planets in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/reader-tutorial-making-little-planets
nice
n this tutorial I will show you how to create little planets using a regular photograph or a panoramic one and Photoshop. It's very a very simple technique but with a really cool end result.
포토샵으로 행성같이 둥글게 만드는 법
Polarized pics
Via @ayrton360
little planet, pode-se criar imensas coisas...
Gör tut på
How to Effectively Use Contrast, Auto Levels, and Batch Processing - Psdtuts+
http://psd.tutsplus.com/tutorials/photo-effects-tutorials/how-to-effectively-use-contrast-auto-levels-and-batch-processing/
Upload Robots: Fast free file uploading service
http://uploadrobots.com/
فضای اختصاصی چهار گیگابایت حداکثر حجم هر فایل برای آپلود ۱۰ مگابایت مدت زمان نگهداری فایل‌ها برای همیشه تبلیغات ندارد و هیچ‌گاه نخواهد داشت ! مدیریت فایل‌ها شامل امکان دسته‌بندی فایل‌های آپلود شده و جستجو بین آنها. پیش‌نمایش فایل‌ها با پشتیبانی از فایل‌های تصویری، موسیقی و ویدیویی بدون زمان انتظار برای دریافت فایل‌ها
File upload site. Nice
this is a nice design that would work well for tomotechi.com
Upload Robots is a fast, free and easy way to upload, host and share a file. File sharing has never been faster.
50 awesome free fonts for professional design | Design Reviver
http://designreviver.com/freebies/50-awesome-free-fonts-for-professional-design/
Fonts!
Mockapp download page « MockApp
http://mockapp.com/download/
Powerpoint and keynote templates for designing an iPhone interface
iPhone アプリのモックアップを作るための Keynote/PowerPoint 用のデータ
250+ Free Stock Photography Sites « Media Militia
http://mediamilitia.com/250-free-stock-photography-sites/
21 Awesome @font-face Embeddable Typefaces | Spyre Studios
http://spyrestudios.com/21-awesome-font-face-embedable-typefaces/
While @font-face may not work in all browsers, I think it’s still one of the best solution available today. Of course not all type foundries will let us embed their fonts on our webpages. There are solutions like Typekit which look very promising but today we’ll simply go over the @font-face CSS property and check out some typefaces you can use with @font-face :)
Create and Print a Brochure with Photoshop, Indesign and UPrinting.com - Part 1 - Psdtuts+
http://psd.tutsplus.com/tutorials/designing-tutorials/create-and-print-a-brochure-with-photoshop-indesign-and-uprintingcom-part-1/
referencia, folder
20 Stunning Photoshop Brushes
http://www.myinkblog.com/compilations/20-stunning-photoshop-brushes/
DOWNLORD PS STUNNING BRUSHES
RT: @naldzgraphics: 20 Stunning Photoshop Brushes http://bit.ly/1CVwhL [from http://twitter.com/lagaba/statuses/4054438743]
Web de jEsuSdA 8) | Tutoriales de Diseño Gráfico con Gimp
http://www.jesusda.com/docs/tutoriales-gimp/index.html
Colección de Tutoriales de Diseño Gráfico con Gimp de jEsuSdA
70+ Ajax techniques you just can't afford to miss | AJAX Techniques | Tools
http://www.tripwiremagazine.com/Tools/AJAX-Techniques/70-ajax-techniques-you-just-cant-affort-to-miss.html
In this article tripwire magazine present a list of more than 70 useful AJAX-based techniques and tools you should always be aware of when developing Ajax-based web-applications. The article gives you instant access to Ajax menus, calendars, interactive elements, animation, basic javascripts, visual effects, auto-completion, instant field editing that you browse quickly without looking through endless search results or bookmarks.
72 Creative And Smart Typographic Logo Inspiration | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/inspiration/72-creative-and-smart-typographic-logo-inspiration/
12 Web Design Directories To Improve Your SEO | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/development/12-web-design-directories-to-improve-your-seo/
Share this on del.icio.usDigg this!Share this on RedditBuzz up!Stumble upon something good? Share it on StumbleUponShare this on TechnoratiShare this on MixxSubmit this to DesignFloatShare this on FacebookTweet This!Submit this to Script & StyleShare this on DevmarksRelated Posts10 Ways How To Track Site Traffic, Popularity, StatisticsPopular Firefox Extensions for SEO mastersWhat Screen Resolution We Should [...]
50+ Striking Adobe Photoshop Text Effects Tutorials | Tutorial Lounge
http://www.tutoriallounge.com/2009/08/50-striking-adobe-photoshop-text-effects-tutorials/
We offering another big deal with 50+ Striking Adobe Photoshop Text Effects Tutorials, as you know Typography is something else for creative presentation, but in text effects you Can show you skills about text effects using Adobe Photoshop techniques and tools for deliver an graphic things, in all listed tutorials we trying to present really creative stuff with Photoshop latest tips and tricks.
[ad#post-linkunit] We offering another big deal with 50+ Striking Adobe Photoshop Text Effects Tutorials, as you know Typography is something else for creative presentation, but in text effects you Can show you skills about text effects using Adob
フォトショップのテキストエフェクト50選
50 Dazzling Examples of Polar Panorama Photography | Webdesigner Depot
http://www.webdesignerdepot.com/2009/06/50-dazzling-examples-of-polar-panorama-photography/
create your own planets easily using a panoramic photo and photoshop...great for discussion..creative writing
panorama photography is wonderful!
Polar panoramas, also known as stereographic projections or 'little planets', are spectacular images that are created out of panoramic photos. While the
muy buenas fotos
80+ Free High Res Paper Textures | The Roxor | Design blog for resources and inspiration
http://theroxor.com/2009/03/23/80-free-high-res-paper-textures/
Because Design Rocks!
paper
Inside Out: Interaction Design for Augmented Reality :: UXmatters
http://www.uxmatters.com/mt/archives/2009/08/inside-out-interaction-design-for-augmented-reality.php
Annotated link http://www.diigo.com/bookmark/http%3A%2F%2Fwww.uxmatters.com%2Fmt%2Farchives%2F2009%2F08%2Finside-out-interaction-design-for-augmented-reality.php
Great critical article on mixed reality design patterns and issues for fast maturing AR area.
2009年上半期:WordPressのテーマファイル100選 | コリス
http://coliss.com/articles/blog/wordpress/best-of-wordpress-themes-at-the-first-half-of-2009.html
まとめ
2009年にリリースしたものを中心に、WordPressのテーマファイルの2009年上半期100+α選を紹介します
Andrew Droog | Graphic Designer
http://www.andrewdroog.co.uk/index.html
4zine
nice website
ブラックベースの暗いウェブデザインで気をつけたいポイント | コリス
http://coliss.com/articles/build-websites/operation/design/how-to-create-dark-web-design.html
ブラックベースの暗いデザインのウェブサイトを制作する際に、取り入れたいポイントや注意すべきポイント
ブラックベースにリニュしたあと、「お前のblog読みにくくなったな」という旨の報告を浴びるほどもらったので、じっくり読む。
ブラックベースの暗いデザインのウェブサイトを制作する際に、取り入れたいポイントや注意すべきポイントをWeb Designer Depotから紹介します。
15 Of The Best Character Illustration Tutorials Online | Tutorial9
http://www.tutorial9.net/resources/15-of-the-best-character-illustration-tutorials-online/
Tired of your character designs looking like glorified clip art? The round up of character design tutorials will show you how to not only create amazing character design, but also how to take them to the next level.
Some Notes On iTunes LP · Jay Robinson
http://jayrobinson.org/2009/09/11/some-notes-on-itunes-lp/
Feature-wise, an iTunes LP is a DRM-free album in high-quality 256kbps AAC format, along with digital extras (visualizer(s), photos, videos and interviews) wrapped in a custom WebKit-powered site.
The “deluxe album” format from the iTunes Store is an attempt to revitalize music sales by providing an immersive digital experience complete with detailed art reminiscent of when people used to buy records. Feature-wise, an iTunes LP is a DRM-free album in high-quality 256kbps AAC format, along with digital extras (visualizer(s), photos, videos and interviews) wrapped in a custom WebKit-powered site.
"The iTunes LP experience is accomplished with HTML 4.01, CSS and JS. The interface feels very Flash-like, but there is no trace of it. The CSS animations are elaborate and smooth. ... As a music fan, and as a web developer, I couldn’t be more pleased with the new iTunes LP offering. If your audience is significantly Apple-oriented (e.g. a site about Mac rumors or a popular iPhone app) this proves that you can provide an incredible experience using only JavaScript and some proposed CSS3 properties."
Free and High-Quality Cloud Textures
http://sixrevisions.com/freebies/textures/free-and-high-quality-cloud-textures/
Free and High-Quality Cloud Textures
11 texturas de alta qualidade DE NUVENS
Showcase of Case Studies in Design Portfolios « Smashing Magazine
http://www.smashingmagazine.com/2009/09/20/showcase-of-case-studies-in-design-portfolios/
Showcase of Case Studies / Projektdarstellungen
case study
Showcase of Case Studies in Design Portfolios « Smashing Magazine - http://www.smashingmagazine.com/2009/09/20/showcase-of-case-studies-in-design-portfolios/
Smashing Magazine
** Posted using Viigo: Mobile RSS, Sports, Current Events and more ** Portfolio websites are critical for designers who want to get exposure for their work and attract new clients. While all portfolio
Довольно "увестистый" обзор англоязычных сайтов веб-студий.
Stat Key Designer Keys
http://www.statkeycompany.com/
「家の鍵」とか、そういうことか!
keys in animal shapes
800+ Most Wanted Free RSS Icons for Bloggers | Naldz Graphics
http://naldzgraphics.net/freebies/800-most-wanted-free-rss-icons-for-bloggers/
o
800+ Most Wanted Free RSS Icons for Bloggers | Naldz Graphics - http://naldzgraphics.net/freebies/800-most-wanted-free-rss-icons-for-bloggers/
800+RSS Icons
Tarifas diseño : miguel vagalume
http://www.miguelvagalume.com/?page_id=655
ROG
WEB
Cuanto vale el diseño
precios euros
tarifas y precios orientativos de diseño
Estas tarifas, en cualquier caso, son las de su realización integral. Esto es: desde los bocetos preliminares, creatividad, diseño, realización, maquetación, gestiones con el cliente y proveedores, y entrega del proyecto en forma y tiempo acordados. Están excluidos los servicios como corrección, servicios de traducción, ilustraciones, fotografías, fuentes tipográficas u otros elementos necesarios para la composición del trabajo. Los costes no incluidos en las tarifas, se presupuestarán, en caso de ser necesario, n función de las características específicas del proyecto. Estos precios no incluyen IVA.
Colirio.tv™ - Work of Rafael Morinaga, Brazilian Designer & Animator
http://www.colirio.tv/
fineza total - trampa na cubocc
Reel motion -
Colirio.tv™ - Work of Rafael Morinaga, Brazilian Designer & Animator
Portifa Motion
motion designer da cubocc
35 Beautiful Water-themed Web Designs for Inspiration
http://sixrevisions.com/design-showcase-inspiration/35-beautiful-water-themed-web-designs-for-inspiration/
designs tipo agua
51 Form Element Resources and Tutorials Using CSS And Javascript | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/tutorials/51-form-element-resources-and-tutorials-using-css-and-javascript/
It’s hard to attract visitors attention, but this article should help to stand out and create semantically correct, good looking and accessible web forms, checkboxes, radio buttons, buttons, fieldsets – everything you can think of when you are creating contact or login page!
I featured many good looking contact forms some time ago – 91 Trendy Contact And Web Forms For Creative Inspiration, so you should know how looks good example. Now let’s take a look how to create outstanding and beautifully designed form elements from scratch ourselves. Things can get tricky even if you are experienced designer. It’s hard to attract visitors attention, but this article should help to stand out and create semantically correct, good looking and accessible web forms, checkboxes, radio buttons, buttons, fieldsets – everything you can think of when you are creating contact or login page!
Forms without tables? No way!
30 Fresh Quality Free Fonts to Spice Up Your Site Design | Fonts | instantShift
http://www.instantshift.com/2009/09/19/30-fresh-quality-free-fonts-to-spice-up-your-site-design/
いまどきのロゴデザインに使えそうなフォント30選 - IDEA*IDEA ~ 百式管理人のライフハックブログ
http://www.ideaxidea.com/archives/2009/09/30_free_fonts.html
free fonts for logo
How to implement a perfect multi-level navigation bar
http://woork.blogspot.com/2009/09/how-to-implement-perfect-multi-level.html
41 Image and Icon Search Engines Designers Should Know | Graphics
http://www.hongkiat.com/blog/41-image-and-icon-search-engines-designers-should-know/
Let's face it, most of us don't create every single image and icon when we do web design. It is not because we can't but merely because we've got better
Image and Icon Search Engines
41 Image and Icon Search Engines Designers Should Know | Graphics
30 Professional Logo Design Processes Revealed | Creative Nerds
http://creativenerds.co.uk/articles/30-professional-logo-design-processes-revealed/
Logo Design Processes Revealed
Simplicity in Good Web Design : Advantages & How -to « Noupe
http://www.noupe.com/design/simplicity-in-good-web-design-advantages-how-to.html
Simplicity in Good Web Design
Provided some examples of simple website designs.
Simplicity in website design doesn't necessarily equate with a minimalist design aesthetic. Simple sites just remove all unnecessary elements from the design,
Free PSD Files: Collection of 50+ psd files from around the web | designrfix.com
http://designrfix.com/freebies/free-psd-files-collection-of-50-psd-files-from-around-the-web
Top Places to Find Quality Illustrator Tutorials Online
http://www.blog.spoongraphics.co.uk/tutorials/top-places-to-find-quality-illustrator-tutorials-online
LOU ROMANO: UP COLOR SCRIPT
http://louromano.blogspot.com/2009/06/up-color-script.html
incredible
"Guión coloreado" de la película UP, de Disney Pixar
Hi-res pictures for Up (by Pixar)
UP's team
Curso Basico de Blender
http://www.esi.uclm.es/www/cglez/fundamentos3D/
tutorial blender3d gratis
Curso gratuito de blender
CURSO 3D DE "BLENDER" GRATIS ONLINE
The Difference Between Art and Design | Webdesigner Depot
http://www.webdesignerdepot.com/2009/09/the-difference-between-art-and-design/
tipos de layout interessantes
nice article throwing light on the differences between ART and DESIGN
One of the most insightful articles on art and design. Concise and well written.
Thin Text in Safari with Snow Leopard // Ordered List // We Make The Web Beautifully Simple
http://orderedlist.com/articles/thining-text-in-safari-under-snow-leopard
Safari has a not-so-lovely way of bulking up text using sub-pixel rendering. On previous versions of Safari, this was fixed with a text-shadow declaration, but since Snow Leopard that method no longer works. Fortunately, I’ve found an alternative.
18 Impressive Tutorials on Creating Vector Illustrations
http://sixrevisions.com/graphics-design/18-impressive-tutorials-on-creating-vector-illustrations/
Nice Vector Illustration tutorials!
Fresh vs. Familiar: How Aggressively to Redesign (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/familiar-design.html
Users hate change, so it's usually best to stay with a familiar design and evolve it gradually. In the long run, however, incrementalism eventually destroys cohesiveness, calling for a new UI architecture.
to redesign or not to redesign...that is the question.
Jakob Nielsen's Alertbox
Jakob Nielse advocates for design that relies on what you have.
20 free Photoshop brushes packs for vintage designs
http://www.designer-daily.com/20-free-photoshop-brushes-packs-for-vintage-designs-4396
20 free Photoshop brushes packs for vintage designs - http://www.designer-daily.com/20-free-photoshop-brushes-packs-for-vintage-designs-4396
30 Thin and Light Fonts That Should Not Be Free | AEXT.NET
http://aext.net/2009/09/30-thin-and-light-fonts-that-should-not-be-free/
40 High-Quality InDesign Tutorials
http://designm.ag/tutorials/indesign/
pekny roundup
tutoriais de indesign
Enhancing User Interaction With First Person User Interface « Smashing Magazine
http://www.smashingmagazine.com/2009/09/21/enhancing-user-interaction-with-first-person-user-interface/
But sometimes, it makes sense to think of the real world as an interface. To design user interactions that make use of how people actually see the world -to take advantage of first person user interfaces.
3 ways to make your site stand out from the crowd « Boagworld
http://boagworld.com/design/standout
Stacey, Simplified portfolios
http://staceyapp.com/
"Stacey is an easier way to create a portfolio site. No database setup or installation files, simply drop the application on a server and it runs. Your content is managed by creating folders and editing text files. No login screens, no ‘cms’."
for indexhibit
Stacey is an easier way to create a portfolio site.
Guide to CSS Font Stacks: Techniques and Resources « Smashing Magazine
http://www.smashingmagazine.com/2009/09/22/complete-guide-to-css-font-stacks/
With a good list of font stacks about halfway down the page.
web safe font stacks - creating your own font stacks
Guide to CSS Font Stacks: Techniques and Resources « Smashing Magazine
iPhone Design Template Sketchbook | App Sketchbook
http://appsketchbook.com/
iPhone sketchbooks.
Sketchbook with templates for iPhone screens.
The 7 signs your UI was created by a programmer
http://www.voyce.com/index.php/2009/09/14/the-7-signs-your-ui-was-created-by-a-programmer/
Do you suspect a programmer may have put together the terrible user interface on that “enterprise” software you’re forced to use every day? There are some give-away indicators. Look out for them in your software, hunt down the developer and force them to read a book about user interface design. If you’re suitably senior, force them to a) improve it, or even better b) get someone with real UI experience to fix it.
"Do you suspect a programmer may have put together the terrible user interface on that “enterprise” software you’re forced to use every day?"
30 Bad Practices of Web Designers | Pro Blog Design
http://www.problogdesign.com/general-tips/30-bad-practices-of-web-designers/
Very useful list of advice and steps to improve websites
Qué cosas no hay que hacer
Logo Design Inspiration: 50+ Beautiful Examples | Inspiration | instantShift
http://www.instantshift.com/2009/09/23/logo-design-inspiration-50-beautiful-examples/
Great examples of logo design
"A Logo is a graphical element that, together with its logotype (a uniquely set and arranged typeface) form a trademark or commercial brand. "
swissmiss | Arial versus Helvetica
http://www.swiss-miss.com/2009/09/arial-versus-helvetica.html
Here’s a nifty little graphic showing the difference between Arial and Helvetica.
The Most Controversial Magazine Covers of All Time | Webdesigner Depot
http://www.webdesignerdepot.com/2009/09/the-most-controversial-magazine-covers-of-all-time/
Here are some of the most controversial magazine covers of all time.
Courier: First Details of Microsoft's Secret Tablet - Microsoft courier tablet - Gizmodo
http://gizmodo.com/5365299/courier-first-details-of-microsofts-secret-tablet
First Details of Microsoft's Secret Tablet
Esittelyvideon perusteella tuo virtuaalimoleskin vaikuttaa lupaavalta. Erittäin lupaavalta.
Courier -Microsoft's Tablet
To watch the video, you'll first need to install the flash player.
It feels like the whole world is holding its breath for the Apple tablet. But maybe we&#039;ve all been dreaming about the wrong device. This is Courier, Microsoft&#039;s astonishing take on the tablet.
Free PSD Twitter Background Template | Fuel Your Creativity
http://www.fuelyourcreativity.com/free-psd-twitter-background-template/
46 Outstanding Web Layouts From DeviantArt:September 2009 | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/inspiration/46-outstanding-web-layouts-from-deviantart-september-2009/
sammelsurium
Diseños para webs
We are Colorblind » Patterns for the Color Blind
http://wearecolorblind.com/
Pricing A Project | Blue Flavor
http://www.blueflavor.com/blog/2006/apr/25/pricing-project/
Detailed description on how pricing for web projects can be done. Important: calculate reasonable prices that can be broken down into several components. Communicate all your assumptions involved. Know your hourly rates. Make transparent what your customer will get.
Graphic Artist Guild Handbook of Pricing and Ethical Guidelines
Back-to-School With 40 Excellent Adobe Illustrator Tutorials « Smashing Magazine
http://www.smashingmagazine.com/2009/09/23/back-to-school-with-40-excellent-adobe-illustrator-tutorials/
Styling Design Elements: 5 Beautiful Post Headings « Noupe
http://www.noupe.com/css/styling-design-elements-5-beautiful-post-headings.html
We will start a new set of posts that will demonstrate different way of creating and styling various design elements. Today our focus will be on “Post Headings“, how to style and markup this important block that comes before any post. Usually “Post Headings” consists of 5 essential elements: * 1- Post Title * 2- Publishing Date * 3- Author Name * 4- Post Category ot Tags * 5- Number of Comments
40 Breathtaking & Creative Logo Designs Just to Inspire « Noupe
http://www.noupe.com/graphics/40-breathtaking-creative-logo-designs-just-to-inspire.html
By http://bit.ly/Tweets2Delicious
40 Breathtaking & Creative Logo Designs Just to Inspire
25 Impressive Email Newsletter Designs for Your Inspiration | Dzine Blog
http://dzineblog.com/2009/08/25-impressive-email-newsletter-designs-for-your-inspiration.html
Email Newsletter Designs
商用可!5000を超えるシルエットベクターデータ配布サイト「All Silhouettes」 | DesignDevelop
http://design-develop.net/design/all-silhouettes.html
10 Useful Usability Findings and Guidelines « Smashing Magazine
http://www.smashingmagazine.com/2009/09/24/10-useful-usability-findings-and-guidelines/
ideas for design
Research shows that poor product information accounts for around 8% of usability problems and even 10% of user failure (i.e. the user gives up and leaves the website) (Prioritizing Web Usability).
60+ Totally Free Rusted Metal Textures for Designers | Naldz Graphics
http://naldzgraphics.net/freebies/60-totally-free-rusted-metal-textures-for-designers/
great rusty bg textures
Texturas de ferro enferrujado
texturas
Textura de ferro
Typography - 20 Free High Quality Script Fonts | Think Design
http://thinkdesignblog.com/typography-20-free-high-quality-script-fonts.htm
Font pra download modelo - script
A list of 20 free, high-quality Script Fonts, compiled by ThinkDesignBlog.com.
12 Best Adobe AIR Applications for Web Designers | Web Design Ledger
http://webdesignledger.com/tools/12-best-adobe-air-applications-for-web-designers
If you’re unfamiliar with Adobe AIR, it’s a cross-operating system platform that allows developers to use HTML, Ajax, and Flash to build desktop applications. In the past couple of years AIR has gained a lot of popularity, and there’s been a lot of great applications created, including some that are very useful to web designers. Here are 12 of these AIR apps for web designers that really stand out in terms of functionality and usefulness.
Integrating Prototyping Into Your Design Process - Boxes and Arrows: The design behind the design
http://boxesandarrows.com/view/integrating
Grand Theft Auto: Chinatown Wars is one of the most subversive, provocative video games of recent years. It may also be one of the most important, not because of its content but because of how it is delivered.
Create a Realistic Space Scene from Scratch with Photoshop
http://sixrevisions.com/tutorials/photoshop-tutorials/create-a-realistic-space-scene-from-scratch-with-photoshop/
16 Design Blogs For Learning Illustrator | Creative Nerds
http://creativenerds.co.uk/articles/16-design-blogs-for-learning-illustrator/
blogs sobre tutoriales de illustrator solo, la hostia¡!
jQuery Visual Cheat Sheet
http://woork.blogspot.com/2009/09/jquery-visual-cheat-sheet.html
jQuery Cheat Sheet
sample
Great Examples of Hand Drawn Elements in Web Design | Web Design Ledger
http://webdesignledger.com/inspiration/great-examples-of-hand-drawn-elements-in-web-design
Hand Drawn Elements in Web Design
hunt. | Multi-disciplinary design studio | Melbourne
http://www.huntstudio.com.au/
Multi-disciplinary design studio | Melbourne
想造ノート: Twitterにおける3つの返信方法、@とRTとDの違いをイメージ図にしてみた。
http://souzou.fuzimoto.info/2009/09/twitter3rtd.html
SlickPlan - Free Flowcharts | Free Sitemap | Flowchart Design | Sitemap Design | Flowchart Design | Creating Flowcharts
http://www.slickplan.com/index.php
SlickPlan is a web-based sitemap/flowchart generator that allows for the creation of free sitemap and flowchart design. SlickPlan was handcrafted with PHP/MySQL and jQuery by the Dayton website design team at Atomic Interactive.
Make Yourself Presentable | Jason Santa Maria
http://jasonsantamaria.com/articles/make-yourself-presentable/
Boils down to: Tell a story & don't just read bullet points out loud
Monochrome Blog - If architects had to work like software developers
http://blog.monochrome.co.uk/2009/02/if-architects-had-to-work-like-software-developers/
Dear Mr. Architect: Please design and build me a house. I am not quite sure of what I need, so you should use your discretion. My house should have somewhere between two and forty-five bedrooms. Just make sure the plans are such that the bedrooms can be easily added or deleted. When you bring the blueprints to me, I will make the final decision of what I want. Also, bring me the cost breakdown for each configuration so that I can arbitrarily pick one.
Spot on.
How to Create an Organic Web Design (and Showcase) | Webdesigner Depot
http://www.webdesignerdepot.com/2009/09/how-to-create-an-organic-web-design/
organic web design
Web design
Building a Conference Website and Giving It All Away: How It Was Done at DrupalCampLA 2009 | drupal.org
http://drupal.org/node/519100
DrupalCampLA.com was built on Drupal 6 using core & contributed modules to handle event registration, sponsorship management, featured speakers, user bio's, and session proposals.
handling of sponsorship pages example.
(New) 27 Circular Social Media Icons in 3 Sizes | WordPress Blogging | Blog Perfume
http://www.blogperfume.com/new-27-circular-social-media-icons-in-3-sizes/
(New) 27 Circular Social Media Icons in 3 Sizes | WordPress Blogging | Blog Perfume - http://www.blogperfume.com/new-27-circular-social-media-icons-in-3-sizes/
15 Valuable Usability PDFs You Never Heard Of | Useful Usability
http://www.usefulusability.com/15-valuable-usability-pdfs-you-never-heard-of/
Here's a list of 15 valuable Usability Papers in PDF form that you might not have heard of, but should know and can use:I thought I'd list a few helpful papers I use from time to time when going about my usability work. Some of these you may have he
I have to check these.
21 Excellent 3D Text Photoshop and Illustrator Tutorials | Web Design Ledger
http://webdesignledger.com/tutorials/21-excellent-3d-text-photoshop-and-illustrator-tutorials
*** great text tuts!! great for flyer n poster designs!
30 Great Sites Using Wordpress as a CMS | Pro Blog Design
http://www.problogdesign.com/inspiration/30-great-sites-using-wordpress-as-a-cms/
Best Places to Find Seamless Background Patterns | Web Design Ledger
http://webdesignledger.com/resources/best-places-to-find-seamless-background-patterns
40+ Techniques of JavaScript for Professional UI | Tutorial Lounge
http://www.tutoriallounge.com/2009/09/40-techniques-of-javascript-for-professional-ui/
CSS and Javascript tricks
Excelentes scripts para varias funciones.
cssのテクニックなどを学びたい時に見ておきたい12サイト - かちびと.net
http://kachibito.net/web-design/12-study-css-technique.html
css チュートリアル
12 Really Useful CSS3 Tips And Techniques | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/web-development/12-really-useful-css3-tips-and-techniques
50 Beautiful & Unique Twitter Profile Designs
http://sixrevisions.com/web-applications/50-beautiful-unique-twitter-profile-designs/
As Twitter becomes the latest online craze, we look at some impressive Twitter profile designs that stand out from the micro-blogging site's millions of users.
Nine Workspaces Where Famous Folks Get Stuff Done - Workspace - Lifehacker
http://lifehacker.com/5367129/nine-workspaces-where-famous-folks-get-stuff-done
Whether you prefer the clean minimalism of Steve Jobs and 37 Signals or the creative chaos of Tina Fey and Pixar, there&#039;s a lot to learn from the workspaces of the well-known. We present nine such spaces here for inspiration.
Lifehacker lists pictures of some peoples work places
Best Practice Photoshop Tutorials | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net
http://www.graphicmania.net/10-best-practice-photoshop-tutorials/
Graphics
Learn Photoshop tutorials about photo editing, text effect and digital painting
Ignore all the ads and dig into the free photoshop tutorials.
Corporate Website Designs: 60 Inspirational Examples | Inspiration | instantShift
http://www.instantshift.com/2009/09/25/corporate-website-designs-60-inspirational-examples/
Showcase Of 40 Website Designs Featuring Clouds And Skies | Spyre Studios
http://spyrestudios.com/showcase-of-40-website-designs-featuring-clouds-and-skies/
Clouds are cute!
clouds and skies
Showcase Of 40 Website Designs Featuring Clouds And Skies
How to Create Eroded Metal Text with Photoshop - Psdtuts+
http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-create-eroded-metal-text-with-photoshop/
In this tutorial I'll show you how to create an eroded metal text effect. Throughout this tutorial we'll make use of various drawing techniques, channels, and patterns.
Great tutorial - easy to follow.
In this tutorial I'll show you how to create an eroded metal text effect. Throughout this tutorial we'll make use of various drawing techniques, channels, and
15 Tips for Breaking in as a Part-Time Freelancer
http://designm.ag/freelance/part-time-designer/
これは絶対覚えておいた方がよいシルエットの素材集:phpspot開発日誌
http://phpspot.org/blog/archives/2009/08/post_372.html
シルエット
これは絶対覚えておいた方がよいシルエットの素材集:phpspot開発日誌これは絶対覚えておいた方がよいシルエットの素材集。 85サイトのフリーかつハイクオリティなシルエット素材集が物凄い勢いでまとまっています。 覚えておくと色々な場面で使えることは間違いなさそう。 人型だけじゃなくて、動物や昆虫・植物などそろってます。 リンク先は以下のURLから参照してください 85 Free High Quality Silhouette Sets | Graphics
Typography on the Web is basic and dull. A startup called Typekit will fix it. - By Farhad Manjoo - Slate Magazine
http://www.slate.com/id/2222745/
slate article on typekit
"Typeface designers and font fanciers have new reason for optimism though. The past year has seen a surge of Web-browser innovation. Now, most major browsers—including the latest versions of Internet Explorer, Firefox, Safari, Chrome, and Opera—recognize a CSS rule known as @font-face. What that means, in brief, is that Web developers can now easily embed downloadable fonts in their pages."
@font-face
Dark Roasted Blend: Spectacular Steampunk Art Update, Part 2
http://www.darkroastedblend.com/2009/07/spectacular-steampunk-art-update-part-2.html
Best Practices for Designing Faceted Search Filters :: UXmatters
http://new.uxmatters.com/mt/archives/2009/09/best-practices-for-designing-faceted-search-filters.php
In this column, I’ve presented five best practices for designing filters for faceted search results. Of these, I think the first—choosing either drill-down or parallel selection—is the most important. If you choose your filter value-selection paradigm correctly, you are already half way there.
Five best practices for designing filters for faceted search results. Of these, I think the first—choosing either drill-down or parallel selection—is the most important.
Recently, Office Depot redesigned their search user interface, adding attribute-based filtering and creating a more dynamic, interactive user experience. Unfortunately, Office Depot’s interaction design misses some key points, making their new search user interface less usable and, therefore, less effective. That’s the bad news. The good news is that the Office Depot site presents us with an excellent case study for demonstrating some of the important best practices for designing filters for faceted search results, as follows:
Recently, Office Depot redesigned their search user interface, adding attribute-based filtering and creating a more dynamic, interactive user experience. Unfortunately, Office Depot’s interaction design misses some key points, making their new search user interface less usable and, therefore, less effective. That’s the bad news. The good news is that the Office Depot site presents us with an excellent case study for demonstrating some of the important best practices for designing filters for faceted search results, as follows: 1. Decide on your filter value-selection paradigm—either drill-down or parallel selection. 2. Provide an obvious and consistent way to undo filter selection. 3. Always make all filters easily available. 4. At every step in the search workflow, display only filter values that correspond to the available items, or inventory. 5. Provide filter values that encompass all items, or the complete inventory. By following the attribute-based filtering desi
Big Text
http://bigtext.org/
site for making ascii drawings of text
10 Wonderful Letterpress Type Tutorials
http://sixrevisions.com/graphics-design/10-wonderful-letterpress-type-tutorials/
In this article, you'll find a collection of tutorials from various parts of the web that will teach you how to create this awesome text effect using common graphics applications (and a couple using just CSS).
The letterpress type treatment (or as I call it, inset text treatment) can be easily done in Photoshop. In this article, you’ll find a collection of tutorials from various parts of the web that will teach you how to create this awesome text effect using common graphics applications (and a couple using just CSS). Check out my own tutorial here on Six Revisions called How to Create Inset Typography in Photoshop. You may also want to peruse the Beautiful Examples of Inset Typography in Web Design collection for design inspiration and usage examples.
又见letterpress
Modern pixel art //case: YouTube | Typophile
http://typophile.com/node/60577
Sub Pixel Rendering
有彩色SubPixcel。
有彩色Subpixelでシャープかつリッチに、そのうちPhotoshopに載るんだろうけど
Anscombe's quartet - Wikipedia, the free encyclopedia
http://en.wikipedia.org/wiki/Anscombe%27s_quartet
e linear relations
15 Attractive Javascript Carousel Plugins | Queness
http://www.queness.com/post/711/15-attractive-javascript-carousel-plugins
The Next Serif Trend
http://www.webdesignerwall.com/trends/the-next-serif-trend/
In the past, we’ve been told not to use serif fonts due to its readability on low resolution monitors and poor rendering in WindowsXP. Now, with display technology advancing and IE7+ supporting ClearType by default, I think it is about time to change that rule. Take a look at the example sites that I’ve collected, you will probably agree with me that serif typeface will be the next web font trend
serif web-safe fonts increasing
In the past, we’ve been told not to use serif fonts due to its readability on low resolution monitors and poor rendering in WindowsXP. Now, with display technology advancing and IE7+ supporting ClearType by default, I think it is about time to change that rule. Take a look at the example sites that I’ve collected, you will probably agree with me that serif typeface will be the next web font trend.
Briefs: A Cocoa Touch Framework for Live Wireframes
http://giveabrief.com/
Let's you use a wide variety of wireframe/mocks/protpe graphics to begin testing your app a bit before going to the full development phase.
Sounds like this could be a killer app for designers.
A Cocoa Touch Framework for Live Wireframes
How to Create a Hellacious Flaming Skull in Photoshop - Psdtuts+
http://psd.tutsplus.com/tutorials/photo-effects-tutorials/how-to-create-a-hellacious-flaming-skull-in-photoshop/
GravityBlast - by Andrea Franz » 2 minutes admin layout with rails and the web-app-theme generator
http://gravityblast.com/2009/07/30/2-minutes-admin-layout-with-rails-and-the-web-app-theme-generator/
script/generate theme application --app_name="My Cool Albums" --theme="drastic-dark"
Add layout generator
cool way to generate admin themes
Showcase of Designs Optimized for iPhone « Smashing Magazine
http://www.smashingmagazine.com/2009/09/27/showcase-of-designs-optimized-for-iphone/
Loads of nice iPhone designs.
40+ Best Photoshop Tutorials for Creating Buttons and Badges | Naldz Graphics
http://naldzgraphics.net/tutorials/40-best-photoshop-tutorials-for-creating-buttons-and-badges/
40+ Best Photoshop Tutorials for Creating Buttons and Badges | Naldz Graphics
Os Melhores 40 Tutoriais para criação de Botões e Badges
MockApp
http://mockapp.com/
keynote/ppt template for mocking up an iphone app
Function Web Design & Development Blog - » 178 Free Icons: WooFunction Free Icon Set goes Live
http://wefunction.com/2009/09/178-free-icons-woofunction-free-icon-set/
Colección de iconos
Learning jQuery: Click Event with Locked Page likes Mac | AEXT.NET
http://aext.net/2009/08/learning-jquery-click-event-with-locked-page-likes-mac/
Have you ever used DeskShade in Mac? It cures boring and cluttered desktops. The feature of DeskShade that I love most is locked screen. It’s so awesome. Today, I write this tutorial to help you build the locked page for login with same feature of that DeskShade. In this tutorial, I’m using basic jQuery code. So if you’re new to jQuery, it’ll help you so much to understand Click event. Furthermore, with CSS, your login page is not gonna be boring likes before.
Suite à : http://aext.net/2009/09/learning-jquery-submit-form-php-mac-style-modal-window/
Список полезных инструментов для CSS разработчика / Web-разработка / Хабрахабр
http://habrahabr.ru/blogs/webdev/69023/
WooFunction: 178 Amazing Web Design Icons | WooThemes
http://www.woothemes.com/2009/09/woofunction-178-amazing-web-design-icons/
The WooFunction Icon Set includes 178 amazing web-related icons in a sophisticated and glossy design style. All 178 icons are available as 32×32 pixel PNG files and we can assure you that they are indeed pixel-perfect. If you have an in-depth look at the individual icons, you’ll notice that Liam has spent a lot of time paying attention to the finer details, which means that this is a really classy icon set. Here; have a look for yourself:
フリーのアイコン。アイコンのフォーマットはPNGで、32×32pxのサイズをメインに計178個がセットになっています
Clever PNG Optimization Techniques | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/07/15/clever-png-optimization-techniques/?1
Clever PNG Optimization Techniques « Smashing Magazine - http://www.smashingmagazine.com/2009/07/15/clever-png-optimization-techniques/?1
"This post describes some techniques that may help you optimize your PNG-images. These techniques are derived from laborious hours spent on studying how exactly the PNG encoder saves data. We’ll start with some essentials about the PNG format and will then move to advanced optimization techniques." Influence and dithering masks seem handy.
PNGファイルの最適化方法
The Right Way To Kick Off A Web Design Strategy Client Call | The Blog of Joren Rapini
http://jorenrapini.com/blog/web-design/how-to-kick-off-a-web-design-strategy-client-call
30 Artistic and Creative Résumés | Webdesigner Depot
http://www.webdesignerdepot.com/2009/05/30-artistic-and-creative-r%C3%A9sum%C3%A9s/
In this article, we’ll take a look at 30 creative resumes that can inspire you to think outside the box when designing your own resume.
60+ Really awesome Typography Showcases | tripwire magazine
http://www.tripwiremagazine.com/design/design/60-really-awesome-typography-showcases.html
KW37
Really awesome Typography Showcases | tripwire magazine
really interesting ways to use type
30 Sensational Print Ads From Around The World | CreativeCloud
http://www.cartridgesave.co.uk/news/30-sensational-print-ads-from-around-the-world/
Print advertising can inspire and shock, motivate and make you think. These amazing print advertisements show just how powerful an image really can be!
Every day, we’re bombarded by thousands of adverts, most of which are boring, thoroughly irritating or both. Every now and again, however, an advert comes along that’s so powerful, due to the originality of its content or the way that it conveys its message, that it inspires us to change our behaviour: it might make us find out some more information about a product, donate money to charity or even cut down on drinking alcohol! With in excess of $385 billion spent annually on ads, it’s unsurprising that admen give life to veritable masterpieces of visual communication from time to time. These truly brilliant ads can be found on TV, on the internet and on billboards too. But the most engaging ads of all appear in traditional print media, as people reading newspapers and magazines have time to absorb lots of information as well as creative subtleties. Below, you’ll find 30 examples representing the crème de la crème of recent print advertisements
Showcase Of 25 Retro Themed Website Designs | Spyre Studios
http://spyrestudios.com/25-retro-styled-website-designs/
Where The Buffalo Roamed « Weather Sealed
http://www.weathersealed.com/2009/09/22/where-the-buffalo-roamed/
全米のマクドナルド分布図。
To gauge the creep of cookie-cutter commercialism, there’s no better barometer than McDonald’s – ubiquitous fast food chain and inaugural megacorporate colonizer of small towns nationwide. So, I set out to determine the farthest point from a Micky Dee’s – in the lower 48 states, at least. This endeavor required information, and the nice folks at AggData were kind enough to provide it to me: a complete list of all 13,000-or-so U.S. restaurants, in CSV format, geolocated for maximum convenience. From there, a bit of software engineering gymnastics, and… Behold, a visualization of the contiguous United States, colored by distance to the nearest domestic McDonald’s!
"Which begs the question: just how far away can you get from our world of generic convenience? And how would you figure that out? [...] To gauge the creep of cookie-cutter commercialism, there’s no better barometer than McDonald’s"
As expected, McDonald’s cluster at the population centers and hug the highway grid. East of the Mississippi, there’s wall-to-wall coverage, except for a handful of meager gaps centered on the Adirondacks, inland Maine, the Everglades, and outlying West Virginia. For maximum McSparseness, we look westward, towards the deepest, darkest holes in our map: the barren deserts of central Nevada, the arid hills of southeastern Oregon, the rugged wilderness of Idaho’s Salmon River Mountains, and the conspicuous well of blackness on the high plains of northwestern South Dakota.
A visualization of the contiguous United States, colored by distance to the nearest domestic McDonald’s
"As expected, McDonald’s cluster at the population centers and hug the highway grid. East of the Mississippi, there’s wall-to-wall coverage, except for a handful of meager gaps centered on the Adirondacks, inland Maine, the Everglades, and outlying West Virginia. For maximum McSparseness, we look westward, towards the deepest, darkest holes in our map: the barren deserts of central Nevada, the arid hills of southeastern Oregon, the rugged wilderness of Idaho’s Salmon River Mountains, and the conspicuous well of blackness on the high plains of northwestern South Dakota. There, in a patch of rolling grassland, loosely hemmed in by Bismarck, Dickinson, Pierre, and the greater Rapid City-Spearfish-Sturgis metropolitan area, we find our answer."
Daily Drop Cap
http://dailydropcap.com/
The Daily Drop Cap is an ongoing project by typographer and illustrator Jessica Hische. Each day (or at least each WORK day), a new hand-crafted decorative initial cap will be posted for your enjoyment and for the beautification of blog posts everywhere. To use a Daily Drop Cap on your site or blog, follow the instructions in each post and read about the usage limitations. Enjoy!
jessica hische's daily drop caps
An illustrative initial every day.
jessica hisch - free initial caps for blog entries
Badass Super Mario desktop wallpapers - Sharenator.org Original
http://www.sharenator.org/Badass_Super_Mario_desktop_wallpapers/
The most badass Super Mario desktop wallpapers
40 Websites Using Photography as Their Primary Source of Design
http://www.myinkblog.com/40-websites-using-photography-as-their-primary-source-of-design/
Site que usam imagem como principal elemento [EXCELENTE]
14 Best Online Typography Tools for Web Designers | Web Design Ledger
http://webdesignledger.com/tools/14-best-online-typography-tools-for-web-designers
5 Lesser Known JavaScript Libraries that Make Web Design Easier - Nettuts+
http://net.tutsplus.com/articles/web-roundups/5-lesser-known-javascript-libraries-that-make-web-design-easier/
In this round-up we’ll be looking at 5 JavaScript libraries that can really ease the development of modern, attractive web sites. The libraries that we’ll
In this round-up we’ll be looking at 5 JavaScript libraries that can really ease the development of modern, attractive web sites. The libraries that we’ll be looking at aren’t libraries in the same sense as something like jQuery or the YUI; they’re much smaller and much more specialized. But they’re the best at what they do and provide unique functionality.1. Fixing PNGs in IE6 with DD_BelatedPNGCreated by: Drew DillerLicense: MIT
Search Results Design: Best Practices and Design Patterns « Smashing Magazine
http://www.smashingmagazine.com/2009/09/28/search-results-design-best-practices-and-design-patterns/
The search results page is the prime focus of the search experience, and can make or break a site’s conversion rates. Therefore, bridging the gap between a user and the content or products they seek is a crucial factor in the success of any large website.
Wordpress Web Optimization: 15 Tips And Plugins To Monitor, Speed Up And Optimize Your Wordpress Blog
http://www.webdesignbooth.com/wordpress-web-optimization-15-tips-and-plugins-to-monitor-speed-up-and-optimize-your-wordpress-blog/
Optimize and monitor your Wordpress blog is necessary so that you can reduce the load time, bandwidth and server usage. This article discuss 15 tips and plugins to preform Wordpress web optimization.
unnecessary plugins can also remove the unwanted hooks. Hooks are provided by Wordpress to allow the plugi
Graphic Organizer Templates
http://www.learnalberta.ca/content/ssass/html/graphicorganizers.html
Large selection
se graphic organizers can be used for instruction or assessment purposes. They can be adapted for your needs and re-saved. Examples are provided to demonstrate ways that the graphic organizers can be used to frame assessment tasks. The sample questions are provided as an illustrative example, only. It is not intended for use with the 2005-2007 Albert
graphic organizer
Free Icon Set - GraphicRiver
http://graphicriver.net/free-icons
Icons
Download a free icon set from GraphicRiver, the marketplace for buying and selling graphics, icons, vectors and add-ons
34 Excellent Punctuation Inspired Logo Designs | Spyre Studios
http://spyrestudios.com/34-excellent-punctuation-inspired-logo-designs/
Punctuation Inspired Logo Designs
We use punctuation everyday when writing articles, blog posts and emails. We're all aware that using the wrong punctuation can completely change the meaning of a sentence or even a whole document. So, where else do people use punctuation? In logo design of course! The 34 logos showcased in the post use punctuation as a design element. Some logos feature commas, colons and semicolons while others use exclamation marks, question marks, brackets and parentheses. I found they were very creative and thought I'd share them with you. Enjoy!
20 Fantastic Latest jQuery Plugins
http://visionwidget.com/inspiration/web/398-latest-jquery-plugins.html
20 Fantastic Latest jQuery Plugins
Definitive List of Free WordPress Theme Frameworks | W3Avenue
http://www.w3avenue.com/2009/09/28/definitive-list-of-free-wordpress-theme-frameworks/
Definitive List of Free WordPress Theme Frameworks - wordpress
Alternative Ideas For Designing A Web Portfolio | Fuel Your Creativity
http://www.fuelyourcreativity.com/alternative-ideas-for-designing-a-web-portfolio/
Alternative Ideas For Designing A Web Portfolio
Fantastic Ideas for your Web Portfolio!!
The basics for developing an Internet portfolio, do not differ from those we use for developing any website: accessibility, being user friendly, navigability, clarity, consistency, etc.; elements that are determinant for a bank as well as for a creative site.
An article discussing some of the concepts behind some alternative web portfolios and the ideas that one could expand on. A guest post by Fuel Your Creativity Espanol's Enrique Lite, translated by Javier Rivero.
デザインの参考にもなるWordPressのテーマ30選 -2009年2月 | コリス
http://coliss.com/articles/blog/wordpress/best-themes-for-wordpress-2009-feb.html
これはすばらしいうえぶでざいん
Digital Foundations
http://digital-foundations.net/
Learn to use the Adobe Creative Suite using the design principles of the Bauhaus school
opensource graphic design book
Super Easy Neon Style in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/super-easy-neon-style-photoshop
nice neon sign effect
neon lights
Interview with Web Usability Guru, Jakob Nielsen | Webdesigner Depot
http://www.webdesignerdepot.com/2009/09/interview-with-web-usability-guru-jakob-nielsen/
You only need 5 users to uncover enough usability insights to keep you busy for months.
Inspirational interview with Usability Expert!
In this article, we’ll be focusing on web usability and more specifically, on the views of world renowned usability expert, Jakob Nielsen.
How to Make an Impressive Blog Layout in Photoshop
http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-make-an-impressive-blog-layout-in-photoshop/
Want to save this for later when I have time to study photoshop.
ブログレイアウトデザインのチュートリアル。細部にこだわることが大切。
In this easy to follow web design tutorial, you will learn how to construct a beautiful, sleek, and professional-level weblog design using Adobe Photoshop that you can later use for your very own blog theme.
myfab.com: Premiumdesign zu Fabrikpreisen
http://de.myfab.com/
günstige, hochwertige Möbel
40+ Desert Island Web Development Tools « Smashing Magazine
http://www.smashingmagazine.com/2009/09/29/40-desert-island-web-development-tools
Includes: Notepad++, Blender, GIMP, Audacity, VLC, Winamp, FileZilla, XAMPP, RubyOnRails, OpenOffice, Foxit Reader, TrueCrypt, Pidgin and more!
Los de smashign siempre tan prácticos. Un listado de aplicaciones para llevarse a una isla desierta. Portables, y freeware. Realmente útil la lista...
77 Inspiring Blog Comment Form Designs - Good Examples | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/inspiration/77-inspiring-blog-comment-form-designs-good-examples/
Inspiring Blog Comment Form Designs
デザインまとめ
excellent form examples.... how to style a form / form inspiration
27 Best WebSites to Download Free Seamless Patterns | Dzine Blog
http://dzineblog.com/2009/09/27-best-websites-to-download-free-seamless-patterns.html
99 High-Quality Free (X)HTML/CSS Templates | Showcases | instantShift
http://www.instantshift.com/2009/09/29/99-high-quality-free-xhtmlcss-templates/
32 Amazing Mini vCard Websites with Slick Javascript Animation | Queness
http://www.queness.com/post/524/32-amazing-mini-vcard-websites-with-slick-javascript-animation
Slick Javascript Animation
Have a look at these beautifully crafted javascript animated vcard websites. It's simple, beautiful and simply inspiring!
Popular Logos with Hidden Symbolisms
http://sixrevisions.com/graphics-design/popular-logos-with-hidden-symbolisms/
Logos with Hidden Symbolisms
skryte symboly ve znamych logach
Beautiful Examples of Kinetic Photography « Smashing Magazine
http://www.smashingmagazine.com/2009/09/25/beautiful-examples-of-kinetic-photography/
Kinetic Photography
Turn any webform into a powerful wizard with jQuery (FormToWizard plugin)
http://www.jankoatwarpspeed.com/post/2009/09/28/webform-wizard-jquery.aspx
Turn any webform into a powerful wizard with jQuery (FormToWizard plugin)
10 Easy jQuery Tricks for Designers
http://sixrevisions.com/javascript/10-easy-jquery-tricks-for-designers/
Take a look at ten simple, effective, and useful tricks and techniques from several excellent jQuery developers and sites around the web that leverage the library to take your designs to another level.
Great jquery tips. The scrollable demo is neat: http://flowplayer.org/tools/scrollable.html.
There are plenty of jQuery tricks and techniques out there, and the vast and powerful jQuery library can meet almost anyone’s JavaScript’ing needs. Since jQuery makes JavaScript accessible to designers who want to add simple interaction and visual techniques into their design without knowing extensive programming knowledge, it’s worth a few moments to explore this excellent library. As any designer knows, adding small bits of extra visual detail and user-friendliness can add professionalism and appeal to any web design. In addition, for designers that sell templates, WordPress themes, and other types of web designs, the use of jQuery in a design can be a great selling point. Let’s take a look at ten simple, effective, and useful tricks and techniques from several excellent jQuery developers and sites around the web that leverage the library to take your designs to another level.
50 Extraordinary and Attractive Billboards | 10Steps.SG
http://10steps.sg/inspirations/artworks/50-extraordinary-and-attractive-billboards/
from Julianne
From 10Steps.SG
Some of these billboards are really excellent. Am I the only one who's never actually seen one in real life? Are they actually implemented or are many of them lifted from Ad Agency pitches?
The Css Awards
http://www.thecssawards.com/
The Css Awards Gallery, the most updated css showcase all over the globe
Illustrator: Abstract Vector Art
http://www.webdesignerwall.com/tutorials/illustrator-abstract-vector-art/
A design and usability blog: Signal vs. Noise (by 37signals)
http://37signals.com/svn/posts/1952-i-gave-a-talk-on-ui-fundamentals-for-programmers
SU - 10 Useful Usability Findings and Guidelines & Smashing Magazine
http://www.stumbleupon.com/s/#1MeHMV/www.smashingmagazine.com/2009/09/24/10-useful-usability-findings-and-guidelines//
100 Artworks from the Top 20 Designers in The Middle East and Africa - Psdtuts+
http://psd.tutsplus.com/tutorials/tutorials-effects/100-artworks-from-the-top-20-designers-in-the-middle-east-and-africa/
SHOW DE BOLA
100 piezas incríbles de diseñadores Africanos.
82 Clever and Creative Fred & Friends Products | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/82-clever-and-creative-fred-friends-products
List of funny gift items. Clever and useful
cool and fun gifts
mir.aculo.us with Thomas Fuchs » Blog Archive » textorize: Pristine Font rendering for the Web
http://mir.aculo.us/2009/09/29/textorize-pristine-font-rendering-for-the-web/
This is so sweet - really clean font renderings even at small sizes. Way superior to Photoshop's defaults.
Textorize - a Ruby + RubyCocoa script that uses OS X's excellent Cocoa font rendering to create sub-pixel anti-aliased PNGs of pieces of type, perfect for serving to dumb browsers that don't understand font-face, and arguably better than Cufon, sIFR, Typekit etc.
textorize: Pristine Font rendering for the Web
mir.aculo.us with Thomas Fuchs
33 Epic Works of Typography Art | Web Design Ledger
http://webdesignledger.com/inspiration/33-epic-works-of-typography-art
33 exemples of typography as illustration.
Icycle
http://www.dampgnat.com/icycle
裸のおっちゃんが自転車を漕ぐゲーム
La prochaine période glaciaire s’est installée. La Terre est gelée, l’humanité est éteinte... ou presque. Il reste un bonhomme qui, tout nu sur son vélo, suit une mystérieuse piste de bulles de savon dans l’espoir de retrouver un lieu plus accueillant. Criiii, criii, criii... La bande sonore est saisissante : le grincement de la bécane en stéréo, les hostiles courants venteux, le craquèlement des glaces, et (surtout) le petit cri désespéré qui accompagne les fréquentes chutes dans le vide... Flèches gauche et droite pour gérer la vitesse, flèche du haut pour sauter. C’est tout simple, et pourtant le jeu est loin d’être facile. Surtout au niveau 6, qu’on recommence une quinzaine de fois sans broncher pour ne pas abandonner le petit monsieur frigorifié à son sort.
Information Architects » Blog Archive » Links in Print: The Story of a Beautiful Failure
http://informationarchitects.jp/tages-anzeiger-paper-redesign-pitch-lost/
In January 2009 we were invited to take part in a paid pitch for the print redesign for the Swiss newspaper Tages-Anzeiger. All in all five agencies took part in the pitch. We were the only UX oriented agency. The story of a beautiful failure.
A história de um belo fracasso. Proposta do iA para o redesign do jornal Tages-Anzeiger. Eram a única agência especializada em User-experience.
print redesign for the Swiss newspaper Tages-Anzeiger
Great slides, examples and pitch book (!) from failed newspaper redesign.
Eine UI-Agentur designt für Print.
Ironic Sans: So you think you can tell Arial from Helvetica? Quiz
http://www.ironicsans.com/helvarialquiz/
this is the font quiz website
Ironic Sans
The Art of Branding Yourself and Your Freelancing Business | Webdesigner Depot
http://www.webdesignerdepot.com/2009/10/the-art-of-branding-yourself-and-your-freelancing-business/
Just as it is for big corporations, successful branding is essential to the success of a freelancing business and to just one self-employed web worker. It is
This is a fantastic read for any freelancer - Brand yourself
* 1 Oct The Art of Branding Yourself and Your Freelancing Business
実用的なユーザビリティの10のポイント:ガイドライン編 | コリス
http://coliss.com/articles/build-websites/architectonics/usability/10-useful-usability-guidelines.html
# 1. ラベルはフィールドの上に配置 # 2. フォーカスは視線の先に # 3. デザインのクオリティは信頼を与える # 4. ランディングページのスクロール # 5. リンクはやっぱりブルー # 6. 検索ボックスの文字数 # 7. ホワイトスペースの価値 # 8. ユーザビリティテストの重要性 # 9. プロダクトページは作りこむ # 10. コンテンツのような広告
「ラベルはフィールドの上に配置」が良かった
fumfum
ユーザーにあなたのウェブページを容易で、そして楽しくアクセスできるようにする実用的なユーザビリティの10のポイント(ガイドライン編)をSmashing Magazineから紹介します。
The Digital Business Card Wordpress Theme – Human3rror – I Break Stuff.
http://human3rror.com/2009/09/05/the-digital-business-card-wordpress-theme/
Different Methods for Choosing Color Schemes in Web Design | Vandelay Design Blog
http://vandelaydesign.com/blog/design-process/color-schemes/
Inspirational Showcase of Business Card Websites
http://line25.com/articles/inspirational-showcase-of-business-card-websites
The term ‘business card website’ has become widely associated with the popular style of website that has cropped up on the personal domains of designers and developers. The site is essentially a simple, single page design that displays personal information, contact details and links through to other social profiles, much like a traditional tactile business card is used to display basic information. Business card websites come in all shapes and sizes, but popular charactersitics include a compact, lightweight design, often small in size. Business card sites also tend to make use of Javascript to enhance the user experience and are commonly designed with a fresh take on the interface, taking inspiration from the clean style of Apple’s OSX. Let’s take a look at an inspiring collection of examples, each with an individual twist on the original business card idea.
The term business card website has become widely associated with the popular style of website that has cropped up on the personal domains of designers and developers.
The term ‘business card website’ has become widely associated with the popular style of website that has cropped up on the personal domains of designers and developers. The site is essentially a simple, single page design that displays personal information, contact details and links through to other social profiles, much like a traditional tactile business card is used to display basic information.
Inspirational Showcase of Business Card Websites - http://line25.com/articles/inspirational-showcase-of-business-card-websites
teehan+lax » Blog Archive » iPhone Needs a New Home
http://www.teehanlax.com/blog/?p=1893
Wonderful stuff
Would be nice. I'm not sure how this would handle the pulling of data w/o draining the battery.
こういうのがいい。
Mockup of a new iPhone home screen
How To Respond Effectively To Design Criticism « Smashing Magazine
http://www.smashingmagazine.com/2009/10/01/how-to-respond-effectively-to-design-criticism
However, despite its negative connotation, criticism often presents an excellent opportunity to grow as a designer. Before you can respond effectively, you need to understand what those opportunities are.
o understand what those o
esson in humility Never underestimate the importance of humility. Although criticism can bruise the ego, it keeps you grounded, making you easier to work with and mor
cesmes.fi
http://www.cesmes.fi/
dots rgar split into smaller dots when moused over
ロールオーバーするとどんどん分裂していくインターフェイス。。 感覚として凄く気持ちい感じがしていて心地よい。
円、分裂、マウスオーバー
75+ Marvelous Hand-Picked Navigation Menus - Webitect
http://webitect.net/design/75-marvelous-navigation-menus/
20 Awesome and Free Fonts for Web Designers (Serif Family) | TutorialFeed
http://tutorialfeed.blogspot.com/2009/10/20-awesome-and-free-fonts-for-web.html
20 Awesome and Free Fonts for Web Designers (Serif Family) | TutorialFeed - http://tutorialfeed.blogspot.com/2009/10/20-awesome-and-free-fonts-for-web.html
Liu Bolin...The Invisible Man... - v1kram's posterous
http://v1kram.posterous.com/liu-bolinthe-invisible-man
This guy paints himself... no trick photography ... no photoshop ...he just paints himself...
Best Logo Designers from DeviantArt | Hein Maas - Freelance Graphic/Web Designer
http://www.heinmaas.com/2009/02/best-logo-designers-from-deviantart/
25 of the Best Websites of Bands and Musicians | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/best-band-websites/
the ragbag - arial & helvetica on friday, i hosted a screening...
http://ragbag.tumblr.com/post/187708731/arial-helvetica-on-friday-i-hosted-a-screening
arial & helvetica
On friday, i hosted a screening of helvetica for some buddies of mine that didn’t know that there were other typefaces besides times new roman. it turns out, there ARE other typefaces and one of them is helvetica (and another of them is papyrus.)
overlay of the minor differences between the two faces
Arial and Helvetica overlaid.
supplement illustrating the key differences in letterform
The most important chart of your font-nerd life.
33 Creative and Beautiful Logos | Web Design Ledger
http://webdesignledger.com/inspiration/33-creative-and-beautiful-logos
Logolicious
650+ Ultimate Twitter Icons Collection For Web designers
http://graphicalerts.com/650-ultimate-twitter-icons-collection-for-web-designers/
Ah, the paradox of choice. This doesn't count as a "best of" or even "recommended" list. Sadly, it's probably not comprehensive, either.
Graphic Alerts
50+ jQuery Plugins for Form Enhancements | tripwire magazine
http://www.tripwiremagazine.com/tools/ajax-techniques/50-jquery-plugins-for-form-enhancements.html
Easy user interaction and data collection is really a key functionality on most websites and web applications. Providing users high quality and intuitive input forms may be just what is needed to make your users take the time to fill in and submit the information you’re trying to collect. In this article I have collected a number of really essential jQuery Form Enhancements. A few cheat sheets have been added as well.
Easy user interaction and data collection is really a key functionality on most websites and web applications. Providing users high quality and intuitive input forms may be just what is needed to make your users take the time to fill in and submi
Decorati | Access to Interior Design & Home Decorating Advice, Services and Products
http://decorati.com/
Interior design online. Browse designer portfolios, get design advice from professionals, shop trade products from Schumacher, Duralee, Robert Allen, and many more.
The Ultimate Round-Up of Print Design Tutorials « Smashing Magazine
http://www.smashingmagazine.com/2009/10/02/the-ultimate-round-up-of-print-design-tutorials/
The A-Z List of Free Sans Serif Fonts for Commercial Design | Circlebox Blog
http://circleboxblog.com/2009/articles/the-a-z-list-of-free-sans-serif-fonts-for-commercial-design/
adaptive path » blog » Dan Harrelson » Rapid Prototyping Tools Revisited
http://www.adaptivepath.com/blog/2009/09/16/rapid-prototyping-tools-revisited/
Jeffrey Thomas's Portfolio: Twisted Princess
http://jeftoonportfolio.blogspot.com/2009/02/twisted-princess.html
Words cannot describe how absolutely awesome these are. Eat your heart out, Disney! (Literally.)
AWESOME.
Disney Princesses... Made really really badass! Mulan is my favorite. DON'T MESS WITH HER!
it's all a matter of perspective
Presentation Zen: Personal Kaizen: 15 Tips for your continuous improvement
http://www.presentationzen.com/presentationzen/2009/09/personal-kaizen-tips-for-your-continuous-improvement.html
Kaizen (改善) means "improvement" — "kai" (改) means change/make better, and "zen" (善) means good — but as the term is used as a business process it more closely resembles in English “continuous improvement.” Kaizen is one of the keys to the steady improvement and innovation found at successful companies in Japan such as Toyota.
Great tips, along the line of "be interesting" from Russell Davies
"Though Kaizen is a tool used by corporations to achieve greater innovation, productivity, and general excellence, it’s also an approach, an approach that we can learn from and apply to our own lives as we strive for continuous improvement on a more personal level. We can call this “Personal Kaizen.” Others have applied the personal kaizen approach to personal efficiency or GTD. You too can take the spirit of kaizen and apply it to your own unique personal kaizen approach to improve — step-by-step, little-by-little — your design mindfulness, knowledge, and skill. "
CanvasPop - The easiest way to print your photos on canvas! | CanvasPop
http://www.canvaspop.com/
30 Creative Illustrator Logo Design Tecniques and Tutorials : Speckyboy Design Magazine
http://speckyboy.com/2009/08/13/30-creative-illustrator-logo-design-tecniques-and-tutorials/
How to make Logos and Techniques in Illustrator
creative logo design in photoshop
65+ Must See Resources Especially For Designers To Discover The Best Of The Web In September @ SmashingApps
http://www.smashingapps.com/2009/10/02/65-must-see-resources-especially-for-designers-to-discover-the-best-of-the-web-in-september.html
65+ Must See Resources Especially For Designers To Discover The Best Of The Web In September
ignore the code » Virtual Keyboards on iPhone and Android
http://ignorethecode.net/blog/2009/08/07/virtual-keyboards-on-iphone-and-android/
Excelente comparativa entre los teclados del iPhone y de Android.
Virtual Keyboards on iPhone and Android
スパムメールから収集したテキスト装飾 : はぐれプログラマ清純派
http://blog.mwsoft.jp/article/32327805.html
Mail data design
スパムメールに使われているテキスト装飾まとめ
Home - Envelop
http://www.envelop.eu/
Online store for illustrated cotton basics
Online store for illustrated cotton basics. Looking for unique, very personal designed textiles? Browse our shop. Visit the shop Are you a designer? Design your own textiles and sell them on Envelop.eu.
単調なウェブサイトのデザインに手を加えてクオリティをアップするチュートリアル | コリス
http://coliss.com/articles/build-websites/operation/design/how-a-simple-layout-can-be-mixed-and-matched.html
Remaking of a single page
20 cool & inspiring logo designs | Designer Daily
http://www.designer-daily.com/20-cool-inspiring-logo-designs-3331
Bonne source d'inspiration pour logos
ciekawe logoski zestawienie no
10 Inspirational New York Times multimedia and interactive features :: 10,000 Words :: multimedia, online journalism news and reviews
http://www.10000words.net/2009/07/10-inspirational-new-york-times.html
<<The New York Times, often lauded as one of the greatest producers of multimedia journalism, is inspirational not just because of the dazzling technologies that it uses to bring stories to life (Flash, databases, slideshows), but because of the selected stories themselves. While it has been said before on this site that there are a great many other news services creating amazing work, the Times remains a forerunner in the marriage of technology and journalism. Here are few of the Times' most impressive recent works:>>
10 inspirational features
The New York Times, often lauded as one of the greatest producers of multimedia journalism, is inspirational not just because of the dazzling technologies that it uses to bring stories to life (Flash, databases, slideshows), but because of the selected stories themselves. While it has been said before on this site that there are a great many other news services creating amazing work, the Times remains a forerunner in the marriage of technology and journalism.
ウェブサービス開発で使えるWYSIWYGエディターまとめ - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/02/rich_editors.html
WYSIWYG
memo
New York City Homicides Map - The New York Times
http://projects.nytimes.com/crime/homicides/map?ref=nyregion
New York City Homicides Map - The New York Times
a macabre map... murders in new york
Each day, the New York Police Department announces major crimes, including most homicides, in the five boroughs. This data is compiled from those reports, in addition to news accounts, court records and additional reporting. The map will be updated as new information becomes available.
Line Height
http://www.slideshare.net/maxdesign/line-height
A simple, step-by-step presentation on CSS line-height. Covers leading, how to apply various line-height values, as well
Furniture Shopping Secrets: How to Tell Superior from Shoddy * Get Rich Slowly
http://www.getrichslowly.org/blog/2009/09/26/furniture-shopping-secrets-how-to-tell-superior-from-shoddy/
5 Tricks That Make You More Attractive to Clients | FreelanceFolder
http://freelancefolder.com/5-tricks-that-make-you-more-attractive-to-clients/
9 Top CSS Essential Skills That Every Web designer Should Learn | Listelog
http://www.listelog.com/9-top-css-essential-skills-that-every-web-designer-should-learn/
17 Action Packed Single Page Sites | Build Internet!
http://buildinternet.com/2009/04/17-action-packed-single-page-sites/
This isn’t just an exercise in minimalism, it’s a showcase of effective use of space. These sites only need is one page to spread their message.
18 Fresh Font Designs
http://www.youthedesigner.com/2009/06/10/18-fresh-font-designs/
63 Popular And Promising Web Design Blogs | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/development/popular-promising-web-design-blogs/
Share this on del.icio.usDigg this!Share this on RedditBuzz up!Stumble upon something good? Share it on StumbleUponShare this on TechnoratiShare this on MixxSubmit this to DesignFloatShare this on FacebookTweet This!Submit this to Script & StyleShare this on DevmarksRelated PostsSensational List Of 25 The Best Design Worldwide Forums25 Sources For Logo Design InspirationHow To Create Popular Blog [...]
http://www.lonnymag.com/
http://www.lonnymag.com/
Online magazine
10 Essential Wordpress Plugins For New Wordpress Installation
http://www.webdesignbooth.com/10-essential-wordpress-plugins-for-new-wordpress-installation/
* CSS * Ecommerce * Insipiration * Javascript * PHP * Resources * SEO * Templates * Tools * Tutorial * Typography * Wordpress
WP DB Backup
Inspirational Tips and Tools from a Designer
http://sixrevisions.com/web_design/inspirational-tips-and-tools-from-a-designer/
140 Amazing Photoshop Actions sets and Tutorials - Web Design Blog 09
http://free-web-design.co.cc/140-amazing-photoshop-actions-sets-and-tutorials.html
Web Design Blog 09 - Free vector graphics, silhouettes and vector icons, graphic design and best designers. Download illustrations of sexy anime girls, shapes & brushes for PS CS3, backgrounds, textures, wallpapers.
Abduzeedo's Text Effect Tutorials | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://www.abduzeedo.com/abduzeedos-text-effect-tutorials
Yesterday talking with a friend of mine, I sent him the link for one of our Abduzeedo photoshop text tutorials. He told me he had never seen that tutorial before, and that made me realize that since we've got so many great posts, sometimes the older tutor
@font-face in Depth
http://www.useragentman.com/blog/2009/09/20/font-face-in-depth/
Embedding fonts into your website
21 New and Fabulous Retro Style Photoshop Tutorials
http://thedesignmag.com/21-new-and-fabulous-retro-style-photoshop-tutorials.html
21 New and Fabulous Retro Style Photoshop Tutorials- The Design Magazine - http://thedesignmag.com/21-new-and-fabulous-retro-style-photoshop-tutorials.html
Retro is a old style design which totally attracted people’s attention. Retro style is new trend and very popular among designers. A design with Retro style effect is a amazing piece of work. Here are 21 New photoshop tutorials which are very useful and you can give style of retro to your designs using these awesome techniques.
desing
50 Useful Tools and Generators for Easy CSS Development | Listelog
http://www.listelog.com/50-useful-tools-and-generators-for-easy-css-development/
The tools have been sorteds into the following categories: Grid and Layout, CSS Optimisers, CSS Menus Tools, CSS Buttons, CSS Rounded Corners, CSS Frames, CSS Sprites, CSS Tables, CSS Typography and CSS Forms.
SQL Databases Don't Scale
http://adamblog.heroku.com/past/2009/7/6/sql_databases_dont_scale/
国産限定・Web制作時に覚えておくと便利な14のフリーのWebサービス - かちびと.net
http://kachibito.net/web-service/14-web-service-made-in-japan.html
web制作時に便利なサービス
Mastering CSS Coding: Getting Started « Smashing Magazine
http://www.smashingmagazine.com/2009/10/05/mastering-css-coding-getting-started/
SmashingMagazine with another great article for beginner web designers on how to think in CSS to design and layout web designs properly.
Function Web Design & Development Blog - » Beautiful Post Thumbnails: Top Examples & Best Practices
http://wefunction.com/2009/09/beautiful-post-thumbnails/
Beautiful Post Thumbnails
45+ Adobe Illustrator Tutorials for Creating Cartoon Character Illustrations | Naldz Graphics
http://naldzgraphics.net/tutorials/45-adobe-illustrator-tutorials-for-creating-cartoon-character-illustrations/
26 Dark Website Designs That Work Well | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/inspiration/26-dark-website-designs-that-work-well
A showcase of the most fantastic dark website design. All of these designs work very well with each other. The colours, backgrounds, text effects, images and overall web design positioning has selected very carefully in order to make them top of their game, and a masterpiece within itself.
เวปสวยๆ สีเข้ม มีเวปปุ้มด้วย
Inspired Talks – 10 Simple Ways to Instantly Boost Your Inspiration | Inspired Magazine
http://www.inspiredm.com/2009/09/28/10-simple-ways-to-instantly-boost-your-inspiration/
// Inspiration. That strange thing that boosts our brains, lifts our spirits and seems to automagically conduct our hands on the drawing board. Or on the
Carsonified » 9 Ways to Take Your Site from One to One Million Users
http://carsonified.com/blog/web-apps/9-ways-to-take-your-site-from-one-to-one-million-users/
In this video from The Future of Web Apps London (FOWA), Kevin Rose, founder of Digg, WeFollow and Revision3, shares 9 things he did to increase his users to 1,000,000 and beyond.
by Kevin Rose
Graphic design contracts - your advice | David Airey » graphic designer, logo designer
http://www.davidairey.com/graphic-design-contract-advice/
A few months ago I wrote a brief article about graphic design contracts. You offered some excellent advice in the comments, and here I feature a select few of your contract tips.
Free Farm-Fresh Web Icons by FatCow Web Hosting
http://www.fatcow.com/free-icons/index.bml
1000+ application icons
Fresh Web Icons
The History of Web Browsers
http://sixrevisions.com/web-development/the-history-of-web-browsers/
From the first web browser in 1991 to the present day - one for the geeks!
100 Free Cutting-Edge Courses for Web Developers & Designers | Online Universities Weblog
http://www.onlineuniversities-weblog.com/50226711/100-free-cutting-edge-courses-for-web-developers-designers.php
100 Free Cutting-Edge Courses for Web Developers & Designers
100 Free Cutting-Edge Courses for Web Developers & Designers | Online Universities Weblog
Most Used and Abused Web Design Trends of All Time | Web Design Ledger
http://webdesignledger.com/tips/most-used-and-abused-web-design-trends-of-all-time
most-used-and-abused-web-design-trends-of-all-time
The year is 1999. You've just watched the Matrix, and it's blown your mind. You sit down in front of your computer to work on a web design and then create or
Color Psychology In Creative Design | Mert TOL
http://www.merttol.com/articles/web/color-psychology-in-creative-design.html
2009-10-05, by Mert Tol, "It’s worth repeating that the single most important thing you can do to build appeal, mood, and ambiance for your site is to select an appropriate color scheme. There really are no awful colors—any color can look attractive when placed with appropriate color companions. Even though web colors are mixed differently than traditional media, that doesn’t mean that you need to learn all new theories to make color work on the web; the old theories about pleasing color schemes still hold true. [...]"
It's worth repeating that the single most important thing you can do to build appeal, mood, and ambiance for your site is to select an appropriate color scheme.
77 Inspirational Example of Pricing Page Designs | Inspiration | instantShift
http://www.instantshift.com/2009/10/06/77-inspirational-example-of-pricing-page-designs/
In this showcase, you’ll find a variety of highly-creative, beautiful, unique, and most importantly inspirational designs which are following the same trend of creative pricing presentation.
45+ Inspiring Examples of Vintage in Web Design | Naldz Graphics
http://naldzgraphics.net/inspirations/45-inspiring-examples-of-vintage-in-web-design/
Naldz Graphics
This Is a Photoshop and It Blew My Mind - Photosketch - Gizmodo
http://gizmodo.com/5374890/this-is-a-photoshop-and-it-blew-my-mind
eine Software, die nur durch eine Textbeschreibung komplette Bilder malen kann. What. The. Fuck?
Cool toy: 'PhotoSketch is an internet-based program that can take the rough, labeled sketch on the left and automagically turn it into the naff montage on the right.'
Blends photos in an intelligent way from a sketch
According to authors, their software can take any rough sketch, with the shape of each element labeled with its name, find images corresponding to each drawn element, judge which are a better match to the shapes, and then seamlessly merge it all into one single image. PhotoSketch's blending algorithm analyzes each of these images, compares them with each other, and decides which are better for the blending process. It automatically traces and places them into a single photograph, matching the scene, and adding shadows. Of course, the results are less than perfect, but they are good enough:
12 Free and High-Res Grungy Wall Textures
http://sixrevisions.com/freebies/textures/12-free-and-high-res-grungy-wall-textures/
In the Woods – 20 jQuery Plugins Worth Implementing into your Themes
http://blog.themeforest.net/resources/20-jquery-plugins-worth-implementing-into-your-themes/
PhotoSketch: Photoshop + Image Recognition = Awesome
http://mashable.com/2009/10/05/photosketch/
It composes a photo from your doodle. HOLY COW WE LIVE IN THE FUTURE
Awesome tool that allows you to sketch out an image and then find images based on your sketch.
This technology is just mind-boggling. PhotoSketch may be the coolest program we’ve seen or written about since the invisible speakers.
43 High Quality Tutorial Sites to Start Learning Web Design « Natcoll Design Technology
http://www.natcoll.ac.nz/blog/beginner-web-design-tutorials/
learn to program with these sites
Tutoriales para diseño web.
Learn web design and development from scratch with essential HTML, CSS, Photoshop, PHP, MySQL, Javascript, jQuery, AJAX and Flash tutorials.
Powers of 10: Time Scales in User Experience (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/timeframes.html
From 0.1 seconds to 10 years or more, user interface design has many different timeframes, and each has its own particular usability issues.
Jakob Nielsen's Alertbox
people can make rough decisions about a Web page's visual appeal after being exposed to it for as little as 50 ms, which is 1/20 of a second
tidsstudie over brug af website, 1 sek, 1 min. 10 min. osv.
Deciphering Glyph: An Unboxing You Won't See On Gizmodo or Engadget
http://glyph.twistedmatrix.com/2009/10/unboxing-you-won-see-on-gizmodo-or.html
apple job offer
The Offer, from Apple
Really cool to see that Apple doesn't stop its branding at culture at product packaging: it even extends to job offers.
Freelance Contracts: Do’s And Don’ts « Smashing Magazine
http://www.smashingmagazine.com/2009/10/06/freelance-contracts-dos-and-donts/
Freelance Contracts: Do’s And Don’ts « Smashing Magazine
PhotoSketch: Internet Image Montage on Vimeo
http://vimeo.com/6496886
We present a system that composes a realistic picture from a simple freehand sketch annotated with text labels. The composed picture is generated by seamlessly stitching several photographs in agreement with the sketch and text labels; these are found by searching the Internet. Although online image search generates many inappropriate results, our system is able to automatically select suitable photographs to generate a high quality composition, using a filtering scheme to exclude undesirable images. We also provide a novel image blending algorithm to allow seamless image composition. Each blending result is given a numeric score, allowing us to find an optimal combination of discovered images. Experimental results show the method is very successful; we also evaluate our system using the results from two user studies.
なんか分けわかんなくなってきたw
落書きから画像を自動生成する
絵コンテ入れたら映画が出来る日も近い?
スケッチを描くとそれにあう画像を検索してくれるツール
Graphic Design: The Forgotten Web Standard
http://www.slideshare.net/mikekus/graphic-design-the-forgotten-web-standard
A talk I gave at the 'Future of Web Design' conference on 30th April 2009.
50 Surprisingly Amazing Themes for Blogger : Speckyboy Design Magazine
http://speckyboy.com/2009/10/05/50-surprisingly-amazing-themes-for-blogger/
viruses on some demos BE CAREFUL
Tools for Sketching User Experiences | UX Booth
http://www.uxbooth.com/blog/tools-for-sketching-user-experiences/
In this article, I’ll expound on the tools I use every day to design interfaces and experiences. I’ve spent years trying a variety of tools, and so far, analog tools such as markers, notebooks and paper templates have proved to be the most effective because of their constraints and flexibility.
55 Adobe Illustrator Icon Design Tutorials « Noupe
http://www.noupe.com/tutorial/55-adobe-illustrator-icon-design-tutorials.html
Icon tutorials
Tutorials on how to create icons using illustrator.
55 Adobe Illustrator Icon Design Tutorials &laquo; Noupe
illustratorでのアイコンの作り方。私はillustrator+fireworksで作るけど。
How to Code a Clean Portfolio Design (Plus Free Five-Page Template)
http://designm.ag/tutorials/psd-to-html-clean-folio/
How to Code a Clean Portfolio Design (Plus Free Five-Page Template) - http://designm.ag/tutorials/psd-to-html-clean-folio/
Webpage design for Adobe Photoshop portfolio
save
Stefan Sagmeister: The power of time off | Video on TED.com
http://www.ted.com/talks/stefan_sagmeister_the_power_of_time_off.html
Awesome Free Photoshop Brushes | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/awesome-free-photoshop-brushes
Today I decided to select a bunch of really cool Photoshop brushes to start up the week. Every now and then I go looking for some good brushes that can be useful and it's always good to have a nice selection of it. Here you will find a couple differen
ChocoTemplates
http://chocotemplates.com/
Templates
ChocoTemplates - http://chocotemplates.com/
A List Apart: Articles: Usability Testing Demystified
http://www.alistapart.com/articles/usability-testing-demystified/
a
Home - csscaffold - GitHub
http://wiki.github.com/anthonyshort/csscaffold
2009 Trends article on LogoLounge.Com
http://www.logolounge.com/logotrends/default.asp?Archive=True&ArticleID=680
2009 Trends article on LogoLounge.Com - http://www.logolounge.com/logotrends/default.asp?Archive=True&ArticleID=680
Trends article
HotPrints | Home
http://www.hotprints.com/
Affordable photo book printer now offers one free book per user per month, with a removable advertisement card to cover their costs.
Free photo books... interesting model: We have teamed up with select partners to sponsor one free book per month per customer, yes even the shipping and handling are free! Don't worry advertisements will NOT be on the same pages as your photos. All advertisements will be removable full page inserts. We are very very selective with our partners and will not include anything that is offensive. In fact we may include offers and brands that are very valuable to you. We also take your privacy very seriously and will not share any individual data with third parties. You will always have the option to pay for your books and we will not include any advertising. All offers from HotPrints limited are subject to change at any time without notification.
50 Great Examples of Data Visualization
http://ce.sysu.edu.cn/hope/Education/ShowArticle.asp?ArticleID=4883
tools
data sets, graphically displayed, overly complex, IMO
Minimizing Complexity In User Interfaces « Smashing Magazine
http://www.smashingmagazine.com/2009/10/07/minimizing-complexity-in-user-interfaces/
"Clean. Easy to use. User-friendly. Intuitive. This mantra is proclaimed by many but often gets lost in translation. The culprit: complexity. How one deals with complexity can make or break an application. A complex interface can disorient the user in a mild case and completely alienate them in an extreme case. But if you take measures first to reduce actual complexity and then to minimize perceived complexity, the user will be rewarded with a gratifying experience."
Clean. Easy to use. User-friendly. Intuitive. This mantra is proclaimed by many but often gets lost in translation. The culprit: complexity. How one deals with complexity can make or break an application. A complex interface can disorient the user in a mild case and completely alienate them in an extreme case. But if you take measures first to reduce actual complexity and then to minimize perceived complexity, the user will be rewarded with a gratifying experience.
By http://bit.ly/Tweets2Delicious
1000 Free Farm-Fresh Web Icons by FatCow Web Hosting
http://www.fatcow.com/free-icons/?LinkName=No_Name
Download hundreds of FREE, beautifully designed icons from FatCow Web Hosting! Icon set includes both 16 and 32 pixel versions of icons shown below. Images have been saved in PNG format on transparent backgrounds for your convenience.
Woork Up - A Fresh Charge of Creativity
http://woorkup.com/
always wooooork :)
Interactivity in Web Design: A Beginner’s Guide | Desizn Tech
http://desizntech.info/2009/10/interactivity-in-web-design-a-beginners-guide/
Interactivity in Web Design
The Internet is a different place than it was 10 years ago. Back then, the only way people could find information was by surfing the Internet using search
The myth of the page fold: evidence from user testing | cxpartners
http://www.cxpartners.co.uk/thoughts/the_myth_of_the_page_fold_evidence_from_user_testing.htm
People tell us that they don’t mind scrolling and the behaviour we see in user testing backs that up. We see that people are more than comfortable scrolling long, long pages to find what they are looking for. A quick snoop around the web will show you successful brands that are not worrying about the fold either:
[CSS]スタイルシートの実用的なテクニック集:レイアウト・ナビゲーション・画像・タイポグラフィ・アイコン・ボタン・リンク編 | コリス
http://coliss.com/articles/build-websites/operation/css/css-mastering-styling-design-elements.html
The Berlin Reunion - The Big Picture - Boston.com
http://www.boston.com/bigpicture/2009/10/the_berlin_reunion.html
Earlier this week, 1.5 million people filled the streets of Berlin, Germany to watch a several-day performance by France's Royal de Luxe street theatre company titled "The Berlin Reunion". Part of the celebrations of the 20th anniversary of the fall of the Berlin Wall, the Reunion show featured two massive marionettes, the Big Giant, a deep-sea diver, and his niece, the Little Giantess.
giant marionettes
This is amazing.
The Big Picture - News Stories in Photographs from the Boston Globe
The Printliminator
http://css-tricks.com/examples/ThePrintliminator/
Für alle Internet-Ausdrucker. Also Hilfreich ist es definitiv.
The Printliminator is a bookmarklet with some simple tools you can use to makes websites print better. One click to activate, and then click to remove elements from the page, remove graphics, and apply better print styling. Here is the bookmarklet:
Makes a print bookmarklet to delete elements from a web page
The Printliminator is a bookmarklet with some simple tools you can use to makes websites print better.
Print web pages without unwanted ads or other stuff
blendet Banner etc. beim Drucken aus
GunnMap 2
http://www.gunn.co.nz/map/
онлайн раскраска карты мира согласно любым стат данным
vivid color map statistics creation utility
IMPRESIONANTE APLICACION PARA GENERAR MAPAS DE DATOS A PARTIR DE FACTBOOK
Cool flash app which helps you create maps of the world with different colors for each country based on stats. So if you have numbers per nation, you can set values for each country then use settings to configure how the colors are applied (usually gradiented from one color to another).
Wonderwall
http://wonder-wall.com/
maravilhoso site em flash e portfolio fantástico!
片山正通
60+ Beautiful Websites Showcasing Minimalist Design
http://www.webdesignbooth.com/60-beautiful-websites-showcasing-minimalist-design/
Wonderwall
http://wonder-wall.com/#project/en
Official website of WonderWall/Masamichi Katayama
via jayjaypowpow - ridiculous flash sites, the likes of which I've not seen in awhile. neat!
15 Common Mistakes in E-Commerce Design « Smashing Magazine
http://www.smashingmagazine.com/2009/10/08/15-common-mistakes-in-e-commerce-design-and-how-to-avoid-them/
ecommerce mistakes
By http://bit.ly/Tweets2Delicious
55+ Seriously Useful Free Grunge Fonts | tripwire magazine
http://www.tripwiremagazine.com/design/design/55-seriously-useful-free-grunge-fonts.html
Download Fontes Grunge Grátis
fontes fonts ttf
Mais de 55 fontes estilo Grunge GRÁTIS
fontes grunges estilosas
Dr Nic ’s Install any HTML theme/template into your Rails app
http://drnicwilliams.com/2009/10/06/install-any-html-themetemplate-into-your-rails-app/
et me know if anyone else thinks this is usefu
So I’ve started to try and make any “HTML Template” into a “Ruby on Rails Template” with the helper app install_theme.
Nifty tool to convert a vanilla HTML/CSS layout into the views and static assets needed by a Rails app.
10 Qualitative Tools to Improve Your Website | Tools | instantShift
http://www.instantshift.com/2009/10/08/10-qualitative-tools-to-improve-your-website/
If you run or manage a website, you probably have experience with a web analytics package (like Google Analytics). These tools are great at answering the , Daily Resource for Web Designers and Developers.
これはもう使用しない方がいいウェブデザインのトレンド | コリス
http://coliss.com/articles/build-websites/operation/design/17-most-used-and-abused-web-design-trends.html
ひとつの参考意見程度に。
分かりやすくまとまってますw
23 Brilliant Web Apps To Simplify Designer’s Work Life @ SmashingApps
http://www.smashingapps.com/2009/10/08/23-brilliant-web-apps-to-simplify-designers-work-life.html
Brilliant Web Apps
Web Design: Grain Texture | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/web-design-grain-texture
Grain(粒子、布目)なテクスチャを使ったサイトのショーケースです。
I'm designing my new portfolio, and lately I've been checking many sites to get somekind of reference for inspiration. One of the main style that I've check as a cool trend is the Grain Texture, that can be done really easily in Fireworks. So I've made a
Grain
Become A WordPress Theme Developer Who Rocks In Four Steps (and 50+ readings) | PV.M Garage
http://www.pvmgarage.com/en/2009/10/become-a-wordpress-theme-developer-who-rocks-in-four-steps-and-50-readings/
"wordpress"
How to Create a Gearbox Settings Icon Using Simple Shapes - Vectortuts+
http://vector.tutsplus.com/tutorials/icon-design/how-to-create-a-gearbox-settings-icon-using-simple-shapes/
Centered Vertical and Horizontal Align of elements in css
http://css.flepstudio.org/en/css-tutorials/centered-vertical-horizontal-align.html
In this tutorial, we will see how to center align: horizontaly an element with a fixed width horizontaly an element with no specific width verticaly an element with a fixed height verticaly an element with no specific height horizontally and vertically an element with fixed measure horizontally and vertically an element with no specific measure horizontally and vertically a single line of text
30 Complete Photoshop Guides for Beginners | 10Steps.SG
http://10steps.sg/tutorials/photoshop/30-complete-photoshop-guides-for-beginners/
Some beautiful tutorials available on many design blogs (including mine) may not be so detailed as they are mainly written for readers with some basic Photoshop knowledge. So what about those that are totally new to Photoshop? Here is an ultimate list of 30 beginner’s guides, leading you to become a better Photoshop user.
Some beautiful tutorials available on many design blogs may not be so detailed as they are mainly written for readers with some basic Photoshop knowledge.
6 Advanced JavaScript Techniques You Should Know
http://sixrevisions.com/javascript/6-advanced-javascript-techniques-you-should-know/
160+ Original & Awesome Mac Desktop Wallpapers – Mac.AppStorm
http://mac.appstorm.net/roundups/graphics-roundups/160-original-awesome-mac-desktop-wallpapers/
Beginner Illustrator Tutorial - Create a Vector RSS Icon
http://www.blog.spoongraphics.co.uk/tutorials/beginner-illustrator-tutorial-create-a-vector-rss-icon
TUTORIAL CREAR BUTONS 2.0 amb ILLUSTRATOR
iPhone App Design Trends « Smashing Magazine
http://www.smashingmagazine.com/2009/10/09/iphone-app-design-trends/
The Webs Best Designers And Their Favourite Fonts | Web Design Blog by Union Room Web Design
http://www.unionroom.com/blog/the-webs-best-designers-and-their-favourite-fonts/
By http://bit.ly/Tweets2Delicious
ユーザサポートでめちゃくちゃ感謝された経験について話す - はてなポイント3万を使い切るまで死なない日記
http://d.hatena.ne.jp/kawango/20090604/1244146170
★感動した。最後のオチもw
お客様本意のサービス設計をするときに重要なのは、お客様が本当に得をするかどうかではなく、どう感じるか、どう行動するかを想像することが重要だ。そのとき想像が具体的なほど、全員がそうじゃないので、対象となるお客様の人数も想像すべき。
Case Study: NPR.org — AIGA | the professional association for design
http://www.aiga.org/content.cfm/case-study-npr-org
A good read for designers and maybe even more for clients.
Methodic approach to CSS coding: Four Bubbles Model – woorkup.com
http://woorkup.com/2009/10/09/a-methodic-approach-to-css-coding-four-bubbles-model/
35 Smart Logos With Second Thought To Make You look Twice | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/inspiration/35-smart-logos-with-second-thought-to-make-you-look-twice/
Logo Design
Smart Logos
Share this on del.icio.usDigg this!Share this on RedditBuzz up!Stumble upon something good? Share it on StumbleUponShare this on TechnoratiShare this on MixxSubmit this to DesignFloatShare this on FacebookTweet This!Submit this to Script & StyleShare this on DevmarksRelated Posts72 Creative And Smart Typographic Logo Inspiration25 Sources For Logo Design InspirationLogo Design Trends 2009 – Showcase12 Really [...]
"One more logo showcase, but in this one you really will need to look twice! Every logo is carefully picked with second thought and I think such logos are really hard to create."
Top 10 Most Common Errors Made Using Photoshop
http://theprodesigner.com/top-10-most-common-errors-made-using-photoshop/
Hagadas básicas conceituais feitas no photoshop
Les 10 erreurs les plus communes en utilisant Photoshop
A big-assed post about Fireworks / journal / hicksdesign
http://hicksdesign.co.uk/journal/a-big-assed-post-about-fireworks
Good read on Adobe FW, and why it works for interface design
Активный пользователь Fireworks рассказывает о хороших и плохих сторонах инструмента проектирования.
talks about the great and bad of Fireworks, and links to a few alternatives to Fireworks to check out
Creative Sense - New icons for the Adobe Creative Suite for Mac OS X and Windows
http://beta.dthought.net/icon-sets/creative-sense/
Analysis of Adobe CS3/4 icons and thought process behind a redesign of the primary application icons.
First of all, please allow me to make one thing clear - if you use and enjoy the current box-style Adobe branding and icons, then this icon set may not be for you. I don't claim that these replacement icons are more correct, as icons and branding are subjective topics. What follows is my own perception of things as they were, as they are and have become and finally, if it were up to me, things as they should be.
Via Shaun Inman.
Invading The Vintage - a set on Flickr
http://www.flickr.com/photos/francobrambilla/sets/72157604061918270/
Aliens invading vintage postcards :-)
vintage 外星人
Simpatici alieni invadono le cartoline del nonno.
The fun theory
http://www.rolighetsteorin.se/en/
This site is dedicated to the thought that something as simple as fun is the easiest way to change people’s behaviour for the better. Be it for yourself, for the environment, or something entirely different, the only thing that matters is that it’s change for the better.
CSS Font-Size: em vs. px vs. pt vs. percent / Kyle Schaeffer's Web Design Blog
http://www.kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/
CSS Font-Size
The 50 Funniest Internet Infographics : COED Magazine
http://coedmagazine.com/2009/08/19/the-50-funniest-internet-infographics/
Bulletproof CSS Sliding Doors « Azadcreative / Front-end Web Developer
http://azadcreative.com/2009/03/bulletproof-css-sliding-doors/
css sliding doors technique
Create a Promotional iPhone App Site in Photoshop - Psdtuts+
http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-promotional-iphone-app-site-in-photoshop/
Template de Iphone App
Insanely good tutorial. Even better example of tutorial style.
YouTube - Piano stairs - Rolighetsteorin.se - The fun theory
http://www.youtube.com/watch?v=2lXh2n0aPyw
We believe that the easiest way to change people's behaviour for the better is by making it fun to do. We call it The fun theory.
"We believe that the easiest way to change people's behaviour for the better is by making it fun to do. We call it The fun theory." Excellent.
20 Essential Infographics & Data Visualization Blogs | Inspired Magazine
http://www.inspiredm.com/2009/10/10/20-essential-infographics-data-visualization-blogs/
Nice collection of blogs specialising in good (and bad) data visualisation.
lista de blogs sobre graficos e infograficos
40 + simple and elegant business card designs | designrfix.com
http://designrfix.com/inspiration/40-simple-and-elegant-business-card-designs/
business card - biglietti da visita
The business card is the first thing that is exchanged when meeting a new potential client or business contact. Even in new world of digital media, the business card is still an important piece of initial exchange in the world of commerce. Lately, I
45 Beautiful Dual-Screen Wallpapers
http://sixrevisions.com/resources/45-beautiful-dual-screen-wallpapers/
In this collection, you can find a large amount of beautiful desktop wallpapers for two monitors. We hope that you will find a handful that you will absolutely love.
Beautiful Dual-Screen Wallpapers
45 Beautiful Dual-Screen Wallpapers
35 Beautifully Illustrated Websites
http://psdfan.com/inspiration/web-design/35-beautifully-illustrated-websites/
Illustrated Websites
Beautifully Illustrated Websites
45 Outstanding Free Vintage Fonts « Noupe
http://www.noupe.com/fonts/45-outstanding-free-vintage-fonts.html
Free Vintage Fonts
A Free Open Source Alternative to Microsoft Visio
http://www.makeuseof.com/tag/a-free-open-source-alternative-to-microsoft-visio/
Do you diagram? Chart? Maybe you sketch room layouts or wiring schematics? How about flow charts? I was almost shocked to find such an awesome application for the low low price of FREE! Now let us check out DIA- it is a 16.5 MB download from Sourceforge over here. It is also available for Linux and can probably be run on a Mac as well.
Experience Themes - Boxes and Arrows: The design behind the design
http://www.boxesandarrows.com/view/experience-themes
Experience Themes How a storytelling method can help unify teams and create better products by Cindy Chastain on 2009/10/06
Como usar historias para elegir el tema general de un sitio y mantenerlo enfocado.
The more beautifully you shape your work around one clear idea, the more meanings audiences will discover in your film as they take your idea and follow its implication into every aspect of their lives.
There’s an old adage among screenwriters that when a writer can sum up a story in a sentence or less, he has discovered what’s important about the story. He’ll know what the story is about and therefore have a strong sense of theme. And in knowing the theme, he’ll have a compass to use in the process of “designing” the damn thing (i.e. what to keep, what to lose, what actually happens at the end). The story will be all the better for it because it all hangs together with a central idea that will give it greater impact and meaning.
11 iphone apps every web designer should download
http://blog.webdistortion.com/2009/10/11/11-iphone-apps-every-web-designer-should-download/
As a web designer you know that things are changing at a fast pace. What was hot one day is not the other. One “new” technology that is growing bigger and bigger in popularity each and every day is the iPhone and its apps. This is an appreciated development as it can make our lives as web designers easier. The list below is just eleven good apps among thousands – please feel free to comment with your favorite iPhone app for web designers.
Setting Up Photoshop For Web, App and iPhone Development « Smashing Magazine
http://www.smashingmagazine.com/2009/10/12/setting-up-photoshop-for-web-app-and-iphone-development/
d, color management typically involves calibrating your entire workflow, from scanner or digital camera to computer display to hard proofs to the final press output. This can be quite a tall order, especially when the dev
45 Absolutely Astonishing Helvetica Typographic Posters | Desizn Tech
http://desizntech.info/2009/09/45-absolutely-astonishing-helvetica-typographic-poster/
Helvetica is not a just a font. It is a culture, motivation and trend. Designers all over the world loves to incorporate Helvetica in their work. Are you a Helvetica Fanatic ? Are you passionate about Helvetica? Here are 45 really amazing poster about Helvetica that expresses what is Helvetica and how it has inspired good designs.
helvetice
13 Excellent Open Source Tools for Web Designers | Web Design Ledger
http://webdesignledger.com/tools/13-excellent-open-source-tools-for-web-designers
6 Icon Packs You Will Actually Use
http://www.graphicrating.com/2009/10/11/6-icon-packs-you-will-actually-use/
These days you can find icon packs posts on many blogs. There is nothing wrong with that, just that you should get value from those icon packs. In this post I want to showcase 6 icon packs that I think are worth mentioning and saving as a bookmark for future projects. There is no particular order – every pack has the same importance.
Six nice collections of free icons.
Tips for Designing an Awesome Coming Soon Page
http://line25.com/articles/tips-for-designing-an-awesome-coming-soon-page
By http://bit.ly/Tweets2Delicious
Example pages for "COMING SOON" or "UNDER CONSTRUCTION"
Unlike the traditional under construction pages from the early days of the web, coming soon pages can nowadays prove to be handy tools when launching a new website. Forget yellow hard hats and flashing signs, let’s take a look at what benefits can be seen from some of the best launching soon pages.
Adobe Edge: October 2009 - Create your first CSS-based website with Adobe Dreamweaver
http://www.adobe.com/newsletters/edge/october2009/articles/article6/index.html?trackingid=EXBIH
the steps to creating a css syle page using dreamweaver
You can use Adobe Dreamweaver to create CSS-based layouts a couple of different ways. One approach is to use the free CSS layouts that come with Dreamweaver and then modify the provided CSS code to suit your purposes. The other approach, which we'll walk through in this tutorial, is to create CSS-based layouts from scratch.
How to run a one-person web design agency | News | TechRadar UK
http://www.techradar.com/news/internet/how-to-run-a-one-person-web-design-agency-641500
40 High Resolution And Elegant Apple Wallpapers | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/inspiration/40-high-resolution-and-elegant-apple-wallpapers/
Logo Design Toolbox: 60+ Resources for Logo Design
http://designm.ag/resources/logo-design/
-
60 verschillende logo sites.. waar de meest opvallende logo's verzameld worden!
10/GUI
http://10gui.com/
graphical user interface paradigm we today take for
10/GUI aims to bridge this gap by rethinking the desktop to leverage technology in an intuitive and powerful way.
Call to Action Buttons: Examples and Best Practices « Smashing Magazine
http://www.smashingmagazine.com/2009/10/13/call-to-action-buttons-examples-and-best-practices/
Webdesign
Wie und wo mal Call-to-actions platziert, betextet und so.
30 Impressive vCard Web Designs
http://sixrevisions.com/design-showcase-inspiration/30-impressive-vcard-web-designs/
A vCard is an electronic business card that uses a standard format. Some individuals have taken to creating simple, typically one-page, sites that center around their vCard. These sites contain minimal content, usually just basic information about the individual (i.e. job title) and contact information (i.e. mailing addresses and links to social media profiles). Designer and Blogger, Tim Van Damme, started this web design trend, and for a lack of a better term, I’ll call them vCard sites.
vCard collezione fantastica
40 Beautifully Designed Vintage Websites
http://www.myinkblog.com/2009/10/12/40-beautifully-designed-vintage-websites/
40 Beautifully Designed Vintage Websites
10/GUI : The Video
http://10gui.com/video/
A great idea for human computer interaction using a large multitouch surface
remind you of anything? iphone functionality
Meh.
"The purpose of the 10/GUI concept video is to inform, inspire, and start discussions. An ocean of experimentation, iteration, investment, and adoption lies between these early ideas and whatever the future of HCI will hold. Will the principles of 10/GUI prove viable? To test these waters is the only way to find out"
Please be patient - This Page is Under Construction!
http://www.textfiles.com/underconstruction/
All animated gifs of Under Construction
Funny archive of "Under Construction" signs--so much activity!
every under construction gif and animated gif ever. save from geocities
This small collection was saved from the rapidly dying Geocities, which Archive Team is working desperately to save for a historical archive. Please consider visiting our site and helping us with collecting, education, and writing.
ignore the code: 10/GUI
http://ignorethecode.net/blog/2009/10/13/10_gui/
nice study on multitouch interfaces with beautiful animation
Pretty interesting take on the desktop. The iPhone has proven you can manage quite complex tasks with your fingers. I'd love to try something like this.
Logo Gallery & Inspiration - Logo Galleria
http://www.logogalleria.com/
Logo Gallery & Inspiration
UX Exchange - Q&A site for user experience professionals
http://uxexchange.com/
blog on uxftw
Is There A Perfect Web Design Width?
http://www.fivefingercoding.com/web-design/is-there-a-perfect-web-design-width
I tend to stick with fixed-width layouts, a 960px web design width in particular. It reduces the effects of the visitor x-factor and it’s just about perfect for any website.
Valuable article about website width and a rationale behind 960px wide.
11 Well Written Character Illustration Tutorials | Web Design Ledger
http://webdesignledger.com/tutorials/11-well-written-character-illustration-tutorials
How to draw cute characters in vector-drawing programs like Illustrator.
Adding characters and mascots to a web design is a great way to give a site personality and make it fun and memorable. Here are 11 well written tutorials that
sendcube email marketing: Get All Free: View Our Free Templates
http://www.sendcube.com/features/free_templates.html
Comment Form Styling: Examples and Best Practices « Noupe
http://www.noupe.com/how-tos/comment-form-styling.html
Comment Form Styling: Examples and Best Practices
Noupe
Comment Form Styling: Examples and Best Practices &laquo; Noupe
Adding Custom Google Maps to Your Website | Stiern.com
http://stiern.com/tutorials/adding-custom-google-maps-to-your-website
Maps are often placed on a company website to help customers find their way there. For that, Google Maps is excellent. But wouldn’t it be nice to add your company logo, parking lots, train stations, etc. to the map, to help the customer even more? It is very simple, and in this article I am going to show you how. [via Michel V.]
Maps are often placed on a company website to help customers find their way there. For that, Google Maps is excellent. But wouldn’t it be nice to add your company logo, parking lots, train stations, etc. to the map, to help the customer even more? It is very simple, and in this article I am going to show you how.
Maps are often placed on a company website to help customers find their way there. For that, Google Maps is excellent. But wouldn't it be nice to add your company logo, parking lots, train stations, etc. to the map, to help the customer even more? It
Life is beautiful: Ruby on Railsの「えせMVC」の弊害
http://satoshi.blogs.com/life/2009/10/rails_mvc.html
ActiveRecordはDBを抽象化したものであって、modelではないと。
8 ways to make Wordpress easier to use for your clients
http://www.designer-daily.com/8-ways-to-make-wordpress-easier-to-use-for-your-clients-4580
If you use Wordpress as a CMS for your clients’ websites, you’ve probably faced that issue: regular people find Wordpress hard to use. Yes, it is quite user-friendly, but apparently not enough for people who double-click on links when browsing or worst, enter their website’s url in Google to get there. To make it easier for these people to maintain their own website, I would suggest the following tips.
25 Amazing Logo Collections
http://www.youthedesigner.com/2009/10/13/25-amazing-logo-collections/
coleccion de logos para inspiración
This is the ultimate logo inspiration post packed with 25 amazing logo collections. Many designers put together collections of their logo designs each year or a few times a year depending on how many they do as a way to showcase their work and inspir
30+ principles to a better landing page design | landing Page Optimization
http://www.landingpageoptimization.org/30-principles-to-a-better-landing-page-design
"There are four basic components to a successful web page design: Research; Design; Copy and Testing and Modification."
404 Error Pages for Your Viewing Pleasure | Web Design Ledger
http://webdesignledger.com/inspiration/404-error-pages-for-your-viewing-pleasure
No one likes seeing the dreaded error page on a website. It usually occurs when a link is bad. Error pages, also known by their street name as 404 pages, are
Creating a Graphic Portfolio Without a Client | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/creating-graphic-portfolio-without-client
criando portfolio sem cliente
10/GUI on Vimeo
http://vimeo.com/6712657
Here it is: my crazy summer project to reinvent desktop human-computer interaction. This video examines the benefits and limitations inherent in current mouse-based and window-oriented interfaces, the problems facing other potential solutions, and visualizes my proposal for a completely new way of interacting with desktop computers. There's more information at http://10gui.com .
Desktop touch based application navigation. 8min video.
Here it is: my crazy summer project to reinvent desktop human-computer interaction. This video examines the benefits and limitations inherent in current mouse-based and window-oriented interfaces, the problems facing other potential solutions, and visualizes my proposal for a completely new way of interacting with desktop computers.
fooooooooooooooda! novo estilo de interface para programas, usando múltiplos pontos de contato
the future in desktop design - moving beyond the mouse
it's genius
odoo you will love this...
25 Content Heavy Websites with Beautiful Structure, Layout and Hierarchy
http://www.thedesigncubicle.com/2009/10/content-heavy-websites-with-beautiful-structure-layout-and-hierarchy/
very good designs
Free Slideshow, Gallery And Lightboxes Scripts « Noupe
http://www.noupe.com/ajax/free-slideshow-gallery-and-lightboxes-scripts.html
Vários exemplos
1st Photoshop Web Design Professional Layout Tutorial | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/tutorials/photoshop-web-design-layout-tutorial/
24 Useful Tutorials on Creating Photoshop Brushes
http://sixrevisions.com/photoshop/24-useful-tutorials-on-creating-photoshop-brushes/
40 Creative Uses Of Cufón Font Replacement | Spyre Studios
http://spyrestudios.com/cufon-font-replacement/
Web Layout Designs: 60 Must Have Tutorials | designrfix.com
http://designrfix.com/resources/web-layout-designs-60-tutorials
Once or twice a week I like to come up with articles that really expose my viewers to the various types of tutorials that they need to get their latest designs off the ground. I have rounded up an amazing collection of high quality web layout tutorials that you will definitely benefit from. In this post, you’ll find everything from creating a clean, colorful web layout to designing an amazing 3d hosting layout in Photoshop. Enjoy!
GOOD.is | The GOOD 100, or so
http://awesome.good.is/good100/good100.html
GOOD is a collaboration of individuals, businesses, and nonprofits pushing the world forward.
国内の商用利用可能なWeb制作に使えるフリー素材配布サイトまとめ - かちびと.net
http://kachibito.net/web-design/9-japanese-material-sites.html
国内の商用利用可能なWeb制作に使えるフリー素材配布サイトまとめ。国内の素材サイト集です。日本のサイトには日本の感性で作られた素材が相性いいかもしれません。
Out of Gamut: (Almost) Everything You Wanted to Know about Sharpening in Photoshop but Were Afraid to Ask | CreativePro.com
http://www.creativepro.com/article/out-gamut-almost-everything-you-wanted-know-about-sharpening-photoshop-were-afraid-ask
It's a sad but undeniable fact of life: Whether you scan, shoot, or capture, the process of digitizing images introduces softness, and to get great-looking results, you'll need to sharpen the great majority of digital images. This column is usually about color management, but for every screed that's been written on tone and color correction or color management, there's precious little about sharpening. This time around, I'll outline some of my favorite sharpening techniques for Photoshop 5, 5.5, and 6.
плюс сайт
pinch/zoom // mobile & web applications
http://pinchzoom.com/
Slider example, Traditional Aspects:, grid system, Black on white, Nice balance of fonts and headlines. (The small font, though legible, could maybe be a point size or two larger). Web 2.0 Enhancements: The JavaScript portfolio slider is dang fun and effective. Interface is minimalist and direct. Varied use of Illustration is a great touch. Embraces the web’s current technology without becoming cumbersome. Unique solutions to page layout (Check out the mega-dropdown when clicking the info tab. There’s virtually an entire website hiding up there!).
beautiful interface, very nice jquery UI elements
Garret Murray is co-founder
All You Need to Know about Web Design Project Planning and Process | Woobzine
http://www.woobzine.com/handbook/site-planification/all-you-need-to-know-about-web-design-project-planning-and-process/
Having a keen understanding of Web Design Project Planning Process is unvaluable. With a clear organization, you'll be able to work better and more efficiently.
Disseny i planificació de webs
Carsonified » How to Understand Your Users with Personas
http://carsonified.com/blog/design/how-to-understand-your-users-with-personas/
MF Bliki: TechnicalDebtQuadrant
http://martinfowler.com/bliki/TechnicalDebtQuadrant.html
technical debt
Analysis of when and why having bad / no tech design does / doesn't pay. Basically it's a metaphor for thinking about how and why we make tech design decisions.
An Analysis of the Amazon Shopping Experience | Webdesigner Depot
http://www.webdesignerdepot.com/2009/10/an-analysis-of-the-amazon-shopping-experience/
ניתוח מצויין של חווית הקניה באמאזון: http://bit.ly/KRjk6 [from http://twitter.com/talgalili/statuses/4883868116]
Análise da página da Amazon. Bom roteiro para projetar uma loja virtual
7 Key Principles That Make A Web Design Look Good « Noupe
http://www.noupe.com/how-tos/7-key-principles-that-make-a-web-design-look-good.html
These elements are the 7 key principles that make a Web design look good: * Balance, * Grid, * Color, * Graphics, * Typography, * White space, * Connection.
desing article d
This is a must read...and must re-read!
30 Stunning Fonts To Enhance Your Designs | Fonts | instantShift
http://www.instantshift.com/2009/10/14/30-stunning-fonts-to-enhance-your-designs
30 Stunning Fonts To Enhance Your Designs
15 Examples of Modern Web Design
http://www.toxel.com/design/2009/10/14/15-examples-of-modern-web-design/
Toxel.com - Design, Inspiration and Technology Blog
Oct 14 '09 The flexibility of Cascading Style Sheets (CSS) allows web developers to design stunning websites that look great and are easy to navigate. This post features our favorite examples of beautiful and creative website designs from all over the world.
Svpply
http://svpply.com/
Similar concept to ffffound but for shopping/finding products.
Svpply is a new retail bookmarking and recommendation service, basically fffffound but for retail items. It’s only been up for a month and in order to control the growth and quality of the site, Svpply members are typically added by invitation only.
25 Free Online Tools for Web Designers, Developers, Freelancers and Individuals
http://www.bestdesigntuts.com/25-free-online-tools-for-web-designers-developers-freelancers-and-individuals/
70 прекрасных примеров инфографики
http://www.visions.com.ua/70-prekrasnyx-primerov-infografiki/
Infográficos
Иногда вспоминаю свое первое постоянное место работы в одном небольшом издательстве, когда приходилось заниматься практически всем от разворотов и рекламных полос до лайтбоксов, обложек, иллюстраций и различных графиков. Особенно нравилось наглядно и доступно подавать большой объем информации или просто графически объяснять какие либо сложные моменты и явления. Даже где-то жаль, что сегодня нет необходимости рисовать такие вещи (равно как жаль что не сохранил свои старые работы), тем не менее интерес к инфографике остался и рубрика будет обязательно пополняться.
infograficos
Infográficos (em ucraniano)
70 awesome infographics. for some reason this is in russian.
Rory Sutherland: Life lessons from an ad man | Video on TED.com
http://www.ted.com/talks/rory_sutherland_life_lessons_from_an_ad_man.html
great talk about value of perception...
Advertising adds value to a product by changing our perception, rather than the product itself. Rory Sutherland makes the daring assertion that a change in perceived value can be just as satisfying as what we consider “real” value -- and his conclusion has interesting consequences for how we look at life.
Online Web-design tools for the beginner | Webware - CNET
http://news.cnet.com/8301-17939_109-10375115-2.html
If you're a beginner Web designer, these simple tools can help you create the page you've been dreaming about.
Every site needs its own unique Favicon, that little image you find next to a URL in your address bar and on the tabs in your browser. But creating one might not be easy for novices. That's where the Favicon Generator Tool comes in.
Helpful!
Photoshop.com Mobile iPhone App - Photo editing, sharing, upload
http://mobile.photoshop.com/iphone/
Negative space in logo design | Logo Design Love
http://www.logodesignlove.com/negative-space-logo-design
D&AD | Creative Search
http://creativesear.ch/
Creative Search is a search engine that gives you sorted results. Results for: D&AD
10 Essential Skills Every Graphic Designer Should Have | Design Reviver
http://designreviver.com/articles/10-essential-skills-every-graphic-designer-should-have/
In order to become a well rounded Graphic Designer, there are a variety of skills that are essential to handling a clients or employers tasks proficiently.
30 Professional Free Fonts for Excellent Typography | Freebies | WebDesignFan.com
http://webdesignfan.com/30-professional-free-fonts-for-excellent-typography/
30 Professional Free Fonts for Excellent Typography | WebDesignFan.com - http://webdesignfan.com/30-professional-free-fonts-for-excellent-typography/
30 kostenlose Design-Schriften
Google Holiday Logos: 2009 October - December
http://www.google.com/logos/index.html
Holiday Logos and Events - Google style! A collection of all Google logos commemorating holidays and events around the world.
Cool Illustrated Facial Expressions | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/cool-illustrated-facial-expressions
Expresiones faciales
13 Interesting Infographics for Web Workers | Web Design Ledger
http://webdesignledger.com/inspiration/13-interesting-infographics-for-web-workers
webdesignledger.com: infographics for web workers
Infographics are a great way to get people to actually look at data. The use of visual design elements can simplify complex information and make it easier to digest
Dyson Air Multiplier™ fan | Dyson.com
http://www.dyson.com/fans/
The Dyson Air Multiplier™ fan works very differently to conventional fans. It uses Air Multiplier™ technology to draw in air and amplify it 15 times, producing an uninterrupted stream of smooth air. With no blades or grill, it’s safe, easy to clean and doesn’t cause unpleasant buffeting.
nuts
ventilador sem abas!
The Fun Theory
http://www.thefuntheory.com/
""
The Fun Theory This site is dedicated to the thought that something as simple as fun is the easiest way to change people’s behaviour for the better. Be it for yourself, for the environment, or something entirely different, just so long as it’s change for the better.
The Ultimate Round-Up Of T-Shirt Design Tutorials « Smashing Magazine
http://www.smashingmagazine.com/2009/10/16/the-ultimate-round-up-of-t-shirt-design-tutorials/
RT: @aravindajith: The Ultimate Round-Up Of T-Shirt Design Tutorials http://bit.ly/lbyvc [from http://twitter.com/lagaba/statuses/4924624275]
UPPERCASEIT.COM
http://uppercaseit.com/index.php
UppercaseIt.com provides the ability to uppercase, lowercase, flip, reverse or transform any text. Copy and paste the results into an e-mail, word doc, powerpoint or just about any application. Uppercaseit.com... Because nobody wants to retype it!
Uppercaseit.com provides the ability to uppercase, lowercase, flip, reverse or transform any text. Uppercaseit.com... Because nobody wants to retype it!
reverse, flip & otherwise modify text.
How to Give a Lousy Presentation - BusinessWeek
http://www.businessweek.com/smallbiz/content/aug2009/sb20090825_379576.htm
Fifteen ways to make a bad impression
High Scalability - High Scalability - Why are Facebook, Digg, and Twitter so hard to scale?
http://highscalability.com/blog/2009/10/13/why-are-facebook-digg-and-twitter-so-hard-to-scale.html
Facebook, Digg, Twitter が、なぜスケールするのに困難なのか?すべてはリアルタイムに更新されるデータだからという見解であっているかな?
WordPress | China
http://cn.wordpress.org/
WordPress中文官方网站
readme.html
Betsy McCall Paper Dolls - The First Ten Years
http://tpettit.best.vwh.net/dolls/pd_scans/betsy_mccall/index.html
fun for a rainy day
Bonecas de papel, daquelas de vestir com roupinhas de papel, vintage
swissmiss | Consistent PNG quality across browsers
http://www.swiss-miss.com/2009/10/consistent-png-quality-across-browsers.html
A few tips to ensure that your PNGs look good now matter what browser they are viewed in. (via Tim Van Damme)
how to save out your png’s to guarantee a consistent color/saturation quality across all browsers
Here’s a helpful tip I got from my friend Olivier on how to save out your png’s to guarantee a consistent color/saturation quality across all browsers
Style Switchers Showcase and Resources | Vandelay Design Blog
http://vandelaydesign.com/blog/web-development/style-switchers/
CSS切り替えでデザインを変える
Preparing and Planning for a Redesign | Webdesigner Depot
http://www.webdesignerdepot.com/2009/10/preparing-and-planning-for-a-redesign/
redesign เปลี่ยนจาก design เก่า เป็น design ใหม่
57 Creatively Designed Examples Of Typography In Logo Design @ SmashingApps
http://www.smashingapps.com/2009/10/15/57-creatively-designed-examples-of-typography-in-logo-design.html
Collection of exceptional examples of most creative typography based logo designs
Showcase of Web Design in Russia « Smashing Magazine
http://www.smashingmagazine.com/2009/10/17/global-web-design-russia/
Algus trabalhos e design Russos
wow
44 Really Useful and New Adobe Illustrator Tutorials
http://thedesignmag.com/44-really-useful-and-new-adobe-illustrator-tutorials.html
some cool illustrator tutorial
Lifehacker - The Innovative Office - Workspaces
http://lifehacker.com/5244220/the-innovative-office
Architect's home office!
10 secrets to staying informed about web design « Boagworld
http://boagworld.com/reviews/usingrss
Logo Design Inspiration: 60+ Exceptional New Designs | Inspiration | instantShift
http://www.instantshift.com/2009/10/16/logo-design-inspiration-60-exceptional-new-designs/
Designing Obama
http://www.designing-obama.com/
A book representing the art & design from the campaign for change.
30 Top Photoshop Tutorial Websites For Web Designers | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/photoshop/30-top-photoshop-tutorial-websites-for-web-designers
The internet is swarming with tutorial websites, many of which are to do with or provide photoshop tutorials. Ive done the hard bit and separated the best ones from the ever growing crowd.
Inspired Guide: The Coolest 30 Wordpress Themes Out in September | Inspired Magazine
http://www.inspiredm.com/2009/09/26/inspired-guide-the-coolest-30-wordpress-themes-out-in-september/
Great Magazine for cool designs
6 Things Every Designer Should Have
http://www.youthedesigner.com/2008/07/07/6-things-every-designer-should-have/
A Print Portfolio Even though it is arguably more important to have a web portfolio, you can't neglect having a print portfolio! Many studios and companies want to look at a print portfolio because it can tell them more about you as a designer, es
||     LE CAÏD      |      YO-I      ||
http://lecaid.com/
How to Make a Creative Blog Layout - Psdtuts+
http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-make-a-creative-blog-layout/
how to make a good looking layout
In this tutorial, we'll make a creative blog layout using mostly simple shapes, a few brush techniques, some images, and a dose of Photoshop ingenuity. Creating web design layouts is easier than you may think. You can learn to build attractive designs rapidly. Creating this design will take less than two hours and you'll learn some professional tips along the way. Let's get started!
The 99 Greatest blogs you aren't reading :: 10,000 Words
http://www.10000words.net/2009/09/99-greatest-blogs-you-arent-reading.html
The A-Z List of Free Serif Fonts for Design
http://designm.ag/resources/free-serif-fonts-for-design/
セリフ系のフリーフォント、AからZまで
Articles and Resources for Web Designers
33 Websites For Vector Images Download | Pro Blog Design
http://www.problogdesign.com/resources/33-websites-for-vector-image-downloads/
Logo Design: 40+ Must Have Tutorials | designrfix.com
http://designrfix.com/resources/logo-design-40-tutorials
Do’s and Don’ts of Photoshop Retouching | Webdesigner Depot
http://www.webdesignerdepot.com/2009/10/dos-and-donts-of-photoshop-retouching/
Things NOT to do when Photoshop Retouching
A photograph of a stunning model is sitting before you that has serious potential but several flaws. The shade of the female model’s hair is dull, her eye color just isn’t doing it for you, and she has several pimples across her otherwise flawless face.
Do’s and Don’ts of Photoshop Retouching
10 Best Content Management Systems for Designers | Web Design Ledger
http://webdesignledger.com/tools/10-best-content-management-systems-for-designers
Cool CMS's for designers!
There are a lot of content management systems out there, but many of them are overly complicated and require a certain level of technical expertise. However,
19 top fonts in 19 top combinations | BonFX - Freelance Graphic Designer
http://bonfx.com/19-top-fonts-in-19-top-combinations/
20 Handy Photoshop Tips For a Faster Workflow
http://www.blog.spoongraphics.co.uk/articles/20-handy-photoshop-tips-for-a-faster-workflow
20-handy-photoshop-tips-for-a-faster-workflow
7 Things Web Designers Hate Hearing from Clients
http://sixrevisions.com/project-management/7-things-web-designers-hate-hearing-from-clients/
In this article, we'll discuss seven things that often make the job of web designers difficult when dealing with unreasonable demands from clients.
Machinarium
http://machinarium.net/demo/
30+ Freelance Work Websites and Resources You Should Know
http://www.smashingshare.com/2009/10/12/30-freelance-work-websites-and-resources-you-should-know/
30 แหล่งหางานฟรีแลนซ์
Freelance Work Websites and Resources You Should Know
Five Favorite Web Applications of Designers
http://sixrevisions.com/web-applications/five-favorite-web-applications-of-designers/
10+ astonishing jQuery resources to spice up your website
http://www.catswhocode.com/blog/10-astonishing-jquery-resources-to-spice-up-your-website
Más de 10 sorprendentes recursos jQuery.
jQuery is a very powerful Javascript framework that allow you to built functionnal and extremely good looking webistes. In this article, I have selected 10+ jQuery resources to spice up your website.
jQuery is a very powerful Javascript framework that allow you to built functionnal and extremely good looking webistes. In this article, I have selected 10+ jQuery resources to spice up your - Show/Hide a nice login panel, Easy Display Switch with CSS and jQuery, Create a better jQuery stylesheet switcher, Turn any webform into a powerful wizard with jQuery, Chat with jQuery and PHP, Beautiful tag clouds with jQuery and flir, Fading colors with jQuery, Twitter-like login panel using jQuery, Disappearing “Scroll to top” link with jQuery and CSS, Using jQuery to recreate the product slider from Apple's website, Create an astonishing image rotator with jQuery,
9 usability mistakes even the big boys make.
http://blog.webdistortion.com/2009/10/01/9-usability-mistakes-even-the-big-boys-make/
Some nice examples of subtle UI errors on big websites
ユーザビリティのありがちな間違いTop9
The Anatomy of Hadoop I/O Pipeline (Hadoop and Distributed Computing at Yahoo!)
http://developer.yahoo.net/blogs/hadoop/2009/08/the_anatomy_of_hadoop_io_pipel.html
iPhone App Site Design Trends
http://www.webdesignerwall.com/trends/iphone-app-site-design-trends/
iPhone App Site Design Trends!!!!
Identity Guidelines for Developers
Styling Blog Comments: Correct Markup and Free Examples - Templatica
http://templatica.com/post/25/styling-blog-comments-correct-markup-and-free-examples
80+ Identity Logo Design With PSD Files
http://visionwidget.com/resources/vectors/432-free-psd-logos.html
27+ Beautiful Examples of Infographics | Dzine Blog
http://dzineblog.com/2009/10/27-beautiful-examples-of-infographics.html
10 Useful WordPress Coding Techniques « Smashing Magazine
http://www.smashingmagazine.com/2009/10/20/10-useful-wordpress-hacks-for-advanced-themes/
Since last year, the WordPress themes market has grown incredibly. The reason? Great designs, of course, but also a lot of amazing new functionality. Top WordPress developers are always looking to get the most out of WordPress and use all of their knowledge to find ways to make their favorite blogging engine even more powerful.
10 Useful WordPress Coding Techniques
Beautiful Gradient Typography in Web Design
http://sixrevisions.com/design-showcase-inspiration/beautiful-gradient-typography-in-web-design/
ตัวอย่างการใช้เท็กซ์โลโก้สวยๆบนเว็บ
18 Really Beautiful and Creative Web Designs | TutZone
http://tutzone.net/2009/10/18-really-beautiful-and-creative-web-designs.html
Left vs Right (World) | David McCandless & Stefanie Posavec | Information Is Beautiful
http://www.informationisbeautiful.net/leftvright_world.html
um. hm. i don't agree with a bunch of this, but... the info flow is interesting.
left vs right stats information info
Ideas, issues, concepts, subjects - visualized!
Software Design Review
http://philip.greenspun.com/software/design-review
Showcase of Social Networking Websites | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/social-networking-websites/
RT @mayhemstudios @vandelaydesign Showcase of Social Networking Websites http://bit.ly/18WPaG [from http://twitter.com/MarketingVeep/statuses/4676318145]
35 Fresh and Useful jQuery Plugins « Noupe
http://www.noupe.com/jquery/35-fresh-useful-jquery-plugins.html
RT @wpstudios: RT @nicholaspatten Tutorial: jQuery: 35 Fresh and Useful jQuery Plugins. http://bit.ly/2dW3Gf [from http://twitter.com/jonconnelly/statuses/5032939313]
A List Apart: Articles: The Myth of Usability Testing
http://www.alistapart.com/articles/the-myth-of-usability-testing/
Here are several tools that can be used with a heuristic evaluation to identify trouble spots
30 Superb Examples of Infographic Maps | Webdesigner Depot
http://www.webdesignerdepot.com/2009/10/30-superb-examples-of-infographic-maps/
As designers, we’re constantly searching for ways to improve and style our designs, this is exactly what the following 30 infographics and sites display below; the breaking of rules.
As you search the web you'll come across a wide range of interactive and graphical maps. Deciding when, where and how to integrate or display a map on your
A List Apart: Articles: Getting to No
http://www.alistapart.com/articles/getting-to-no/
Grey Hoy of Happy Cog describes some common pifalls in the early stages of a new contract and offers some top tips. I like the questionairre suggestion. There is also some good discussion in the forum.
Determining which prospects you want to work with is often considered a luxury. Dont think of it that way. Even if the economy is in the tank and you absolutely need the gig, you should be very critical of the prospects youre considering working with. These are the people who will become part of your immediate and potentially long-term future, and you want to make sure you dont spend that time drinking schnapps to get through the day or grinding your teeth at night.
CMSC491D Design Patterns In Java
http://userpages.umbc.edu/~tarr/dp/fall00/cs491.html
"must-read"
The Keynotes Of Web 2.0 Design Elements With 30 Dazzling Showcases | Onextrapixel - Showcasing Web Treats Without Hitch
http://www.onextrapixel.com/2009/08/27/the-keynotes-of-web-20-design-elements-with-30-dazzling-showcases/
35+ websites to gain serious design related traffic
http://blog.webdistortion.com/2009/04/14/35-websites-to-gain-serious-design-related-traffic/
These are websites within the design community that allow user submitted content. There are a couple of larger sites / blogs with good content that allow this — a simple tagline with a link that can direct visitors to your site. This can drive traffic to popular posts, and convert some other people’s traffic to your RSS subscription.
List of popular sites to submit articles.
Great page of design resources.
The first thing that I do when I'm promoting a particularly good piece of content is to scope out the websites within the design community that allow user
75 Creative And Unique Business Card Designs For Your Inspiration
http://www.webdesignbooth.com/creative-and-unique-business-card-designs/
hartas transparentes
Carsonified » 10 Tips on Writing Hero-worthy Error Messages
http://carsonified.com/blog/design/ux/10-tips-on-writing-hero-worthy-error-messages/
Doh! %&^%&^%&! Another forehead-smack-worthy curse-laden moment: Ive filled out a lengthy online form and hit the submit button only to find myself staring back at an empty form peppered with red errors. Has this happened to you? Of course it has. While considering how much I really need to complete this form, I start making notes on how Id design it to be a better experience. Seriously, how many date formats am I going to have to try before I get this sucker right? Do I need to phone a friend? The lack of strong error messaging is a regular issue I encounter as both a user and UX designer. As the bearer of bad news to users, error messaging can be the element that determines whether your app gets a Sale or FAIL. Editors Note: Well be covering UX tips and strategies at The Future of Web Design NYC on Nov 16th 17th. 1. Error messaging is customer support Error messaging is a critical component of customer support. Customer support teams are experts at talking to and co
help on writing error messages for forms
ThinkVitamin - Carsonified's blog about the web
Haystack : Discover the right Web Designer for your next project.
http://haystack.com/
Discover the right Web Designer for your next project.
Find a web designer for your next project.
How to Create Remarkable 3D Text in Photoshop
http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-remarkable-3d-text-in-photoshop/
In this fast and easy graphic design tutorial, you’ll discover a handy process for generating eye-grabbing three-dimensional typography with the help of Photoshop and some creative techniques.
In this quick and easy graphic design tutorial, you’ll discover a handy process for generating eye-grabbing three-dimensional typography with the help of Photoshop and some creative techniques.
Showcase Of Professional Looking Website Designs | Showcases | instantShift
http://www.instantshift.com/2009/10/20/showcase-of-professional-looking-website-designs/
Professional Looking Website Designs
15 Ways to Improve CSS Techniques Using jQuery
http://webdeveloperplus.com/css/15-ways-to-improve-css-techniques-using-jquery/
Pour faire des chouettes boutons radios.
CSS is great and when it is combined with powerful JavaScript frameworks like jQuery, you can achieve some really amazing things. Combining these two together will let you enhance the user experience by providing more intuitive and responsive web interface. Here are 15 ways you can use jQuery to improvee CSS techniques.
Ways to Improve CSS Techniques Using jQuery
12 brilliant 404 pages | Blog | Econsultancy
http://econsultancy.com/blog/4557-12-brilliant-404-pages
my favourite: A ninja stole this page
Sympa.
A huge part of user experience is ensuring site navigation is as easy as possible, in order to retain anyone who happens to be browsing your site. But what happens if there’s a broken link or a page doesn’t load?
404 pages good practice
19 Free Blank T Shirt Template Designs
http://www.youthedesigner.com/2009/10/05/19-free-blank-t-shirt-template-designs/
Шаблоны футболок
Rands In Repose: Keynote Kung-fu Two
http://www.randsinrepose.com/archives/2009/04/26/keynote_kungfu_two.html
Workflow for creating presentations
wisdom
You’ve taken some hits. Being taken apart by the execs because they could smell you weren’t prepared. The slide deck you loved that the audience ignored. That guy… snoring. In the front row. However, you’ve also hit it out of the park. The unexpected standing ovation. That seven-slide deck that turned into an hour of ad-libbed brilliance. The moment you know you’ve deeply connected with your audience. Admit it, you’ve got some presentation-fu.
Web fonts and standards – Jeffrey Zeldman Presents The Daily Report
http://www.zeldman.com/2009/08/17/web-fonts-and-standards/
@font-face { font-family: "Watusi"; src: url("http://www.example.com/fonts/watusi.ttf") format("truetype"); } h1 { font-family: "Watusi", sans-serif; }
Web fonts and standards
Top 100 Graphic Design Blogs
http://graphicdesigndegrees.org/top-100-graphic-design-blogs/
Clean and Well designed Web Sites | Design Shard
http://www.designshard.com/inspiration/25-examples-of-clean-and-well-designed-web-sites/
Welcome - The Bold Italic - San Francisco
http://thebolditalic.com/
main feature is unique, but could use some additional html text, better color; but unique idea nonetheless
51 Web Apps for Web Designers and Developers – Web.AppStorm
http://web.appstorm.net/roundups/freelancing-tools/51-web-apps-for-web-designers-and-developers/
Great resources
Web design and development has significantly changed over the years, as have the tools and technologies involved. With these advancements come tools to make our lives easier, provide higher quality work and better services for our clients. Communication and collaboration over vast distances is no longer painfully frustrating (or impossible) and project or task management is now easier than ever.
Web Conferences Roundup: Events from Around the Globe « Smashing Magazine
http://www.smashingmagazine.com/2009/10/21/web-conferences-roundup-events-from-around-the-globe/
Rich Typography On The Web: Techniques and Tools « Smashing Magazine
http://www.smashingmagazine.com/2009/10/22/rich-typography-on-the-web-techniques-and-tools/
Let’s face it: Web-safe fonts are very limiting. Maybe a dozen fonts are out there that are widely enough adopted to be considered “Web safe,” and those ones aren’t exactly spectacular for much other than body type. Sure, Georgia, Arial or Times New Roman work just fine for the bulk of the text on your website, but what if you want something different for, let’s say, headings? Or pull quotes? What then?
Home / Spectives.com
http://www.spectives.com/
セット、サイト、写真/画像/抽出
画像だけをいろんなところから検索してくれるサービス すげえ
ウィンドウサイズを変えるとコンテンツが再配置される可変グリッドレイアウトに関する情報まとめ - かちびと.net
http://kachibito.net/web-design/grid-layout.html
Apple - Magic Mouse - The world’s first Multi-Touch mouse.
http://www.apple.com/magicmouse/
apple's new 'touch mouse', sounds great, but what about the tactile responses our fingers like to receive: http://www.apple.com/magicmouse/ [from http://twitter.com/willdonovan/statuses/5036109778]
apple going back to no-wheel mouse: http://bit.ly/1dl1yu [from http://twitter.com/friedcell/statuses/5021696713]
checking out Apple Magic Mouse and we think it is a pretty cool mouse (even though it sounds like a Disney creature) http://bit.ly/1OXB6A [from http://twitter.com/ingah/statuses/5042335524]
I like it! Check out the new "magic mouse" from Apple... http://ow.ly/vMrC [from http://twitter.com/LauraleeGuthrie/statuses/5052135176]
fyi: http://www.apple.com/magicmouse/
By http://bit.ly/Tweets2Delicious
Fonts Used In Logos of Popular Design Blogs | Build Internet!
http://buildinternet.com/2009/10/fonts-used-in-logos-of-popular-design-blogs/
Web Design, Development, and Business
Awesome Design Blogs Font Revealed!
I got in touch with a good number of design blogs with one question – What font do you use in your logo? I got back a hefty amount of responses and found out the rest through some top notch detective work (a special thanks goes out to all those who replied back).
Systematizing the Graphic Design Process | Webdesigner Depot
http://www.webdesignerdepot.com/2009/10/systematizing-the-graphic-design-process/
Ten Most Popular Firefox Plugins of Web Designers | Web Design Ledger
http://webdesignledger.com/tools/ten-most-popular-firefox-plugins-of-web-designers
including "webdeveloper", "firebug" (for debugging code), and fireftp (online secure ftp)
14 jQuery Plugins for Enhanced Content Viewing | Web Design Ledger
http://webdesignledger.com/resources/14-jquery-plugins-for-enhanced-content-viewing
Whether you need to display content within a limited amount of space or you just want to make a section of your website more engaging, jQuery is an excellent solution. With jQuery you can easily create accordion style content boxes, image galleries, and content sliders. Here are 14 excellent jQuery plugins for adding this type of functionality to your site.
Whether you need to display content within a limited amount of space or you just want to make a section of your website more engaging, jQuery is an excellent
Fonts for Designers Series Issue no. 1 – woorkup.com
http://woorkup.com/2009/10/19/fonts-for-designers-series-issue-no-1/
Fonts for Designers is a new series of posts that proposes every week a selection of the best free fonts for web designers.
Logo Design A to Z - C | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/logo-design-z-c
Logos de A a Z
Create a Clean Business Web Template Design in Photoshop
http://sixrevisions.com/tutorials/photoshop-tutorials/create-a-clean-business-web-template-design-in-photoshop/
Facebook | Engineering @ Facebook's Notes
http://www.facebook.com/note.php?note_id=89508453919
50 Photoshop Tutorials For Creating Poster Designs | Creative Nerds
http://creativenerds.co.uk/tutorials/50-photoshop-tutorials-for-creating-posters-designs/
Photoshop Tutorials For Creating
Tutorial for posters in Photoshop
The ultimate compilation of over 50 Photoshop tutorials which will guide you through the process for creating a poster design, and will show you the necessary skills in order to design your own poster. Photoshop may not always be designer’s first choice of software for designing posters in simply because it’s not a vector software. Photoshop may not be a vector software but has some handy and useful features which make it easy and more efficient to create beautiful poster designs using simple techniques.
30 amazing packaging designs for your inspiration
http://www.designer-daily.com/30-amazing-packaging-designs-for-your-inspiration-4644
designer-daily.com
30 amazing packaging designs for your inspiration
Media packaging mashups
http://www.kottke.org/09/04/media-packaging-mashups
retro-style (Penguin, Saul Bass) movie and game "book" covers
IdeaPaint: Turn Your Entire Office Into a Whiteboard | Design & Innovation | Fast Company
http://www.fastcompany.com/blog/cliff-kuang/design-innovation/ideapaint-turn-your-entire-office-whiteboard
With just one coat, IdeaPaint turns any surface into a dry-erase board.
One fantastic product.
Nice.
#eCSStender.org { content: "Homepage"; }
http://ecsstender.org/
Say goodbye to the browser-specific properties and hacks cluttering your files and say hello to lean, mean CSS. With eCSStender, when you write the rules, browsers pay attention.
script for modernizing and extending css
The Ultimate Guide to Creating a Design and Converting it to HTML and CSS - Nettuts+
http://net.tutsplus.com/videos/screencasts/the-ultimate-guide-to-creating-a-design-and-converting-it-to-html-and-css/
Casual Gameplay Design Competition #6 — "Explore"
http://jayisgames.com/cgdc6/?gameID=9
decent time passer
How to Plan a Content Heavy Site | Build Internet!
http://buildinternet.com/2009/10/how-to-plan-a-content-heavy-site/
Discount Usability: 20 Years (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/discount-usability.html
e the fight
Simple user testing with 5 participants, paper prototyping, and heuristic evaluation offer a cheap, fast, and early focus on usability, as well as many rounds of iterative design.
How Popular Website Designs Looked Like In Late 90’s @ SmashingApps
http://www.smashingapps.com/2009/08/13/how-popular-website-designs-looked-like-in-late-90s.html
RT @juliasmola: How Popular Website Designs Looked Like In Late 90's. http://bit.ly/3bU6bm [from http://twitter.com/Velona/statuses/3301779448]
Opensource, Free and Usefull Online Resources for Designers and Developers
How Popular Website Designs Looked Like In Late 90’s
Insipiration: 60 Awesome Mac Apps Websites
http://www.macstories.net/stories/insipiration-60-awesome-mac-apps-websites/
Usually, a great Mac app has always an outstanding design. This happens beacuse the Mac platform is highly focused on providing a better user experience than other OSes and a good design is very important to acheive this. But, if you’re an app developer, you have to tell users that your app is great in the first place. And the first place is the application’s website. Here I’ve collected 60 awesome Mac apps websites for your inspiration.
ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。
http://c-brains.jp/blog/wsg/09/09/10-010536.php
inline-block;
Christmas Design Toolkit: Photoshop Brushes, Vector Images And Tutorials
http://www.webresourcesdepot.com/christmas-design-toolkit-photoshop-brushes-vector-images-and-tutorials/
Christmas Design Toolkit: Photoshop Brushes, Vector Images And Tutorials
Build a Thermometer Controlled Page with jQuery | Build Internet!
http://buildinternet.com/2009/10/build-a-thermometer-controlled-page-with-jquery/
Hold on. Before anyone gets too excited, jQuery does not have the ability to actually monitor a room’s temperature. The thermometer we are building is a vertical slider from the jQuery UI library. As the temperature is changed on the thermometer, the page design will update accordingly. The choice to go green in today’s post wasn’t random. Actually, it’s the result of an annual one day movement in the blogosphere…
papercraft pictures by trogdoriangrey - Photobucket
http://s189.photobucket.com/albums/z291/trogdoriangrey/papercraft/?start=all
trogdoriangrey/papercraft Photobucket album
How to Add Decorative Glamour to Your Ordinary Script Font - Vectortuts+
http://vector.tutsplus.com/tutorials/text-effects/how-to-add-decorative-glamour-to-your-ordinary-script-font/
Sometimes you need to go a little bit wild with your typography. In these cases, you can either take the easy way and choose a fancy font from some of the free font site like Dafont or Urban Fonts, or get creative and give some extra sparkle to your ordinary font, creating a typographic design which can stand by itself. This tutorial, discusses this later option. Beware of the following boolean operations galore!
Vetor de letra cursiva no Corel
Typography resource for all things typographic | The Design Cubicle
http://www.thedesigncubicle.com/2008/11/typography-resource-for-all-things-typographic/
RT @behoff: Typography resource for all things typographic http://ow.ly/ioeC [from http://twitter.com/DangerGranger/statuses/2891919739]
55 Astonishing Online Generators for Web Designers | DominickGatto.com
http://dominickgatto.com/?p=94
Astonishing Online Generators for Web Designers
40 Adobe Illustrator Text Effect Tutorials « Noupe
http://www.noupe.com/tutorial/40-adobe-illustrator-text-effect-tutorials.html
In this Illustrator tutorial round-up, there are over 40 text effects, or if you prefer typographic effects, to help you learn new techniques and expand your typographic repertoire.
38 Great Websites for Photoshop Tutorials - Tutorials - Geek Sucks
http://www.geeksucks.com/tutorials/38-great-websites-for-photoshop-tutorials.htm
Designing in Photoshop is not only a job for a designer but also a habit and addiction for designers. There is no limit in its learning. Like a new designers, an experienced person also learns everyday of its designing. Without tutorials, there is no other best solution to learn of it. A tutorial teaches a new designer and gives idea to an experienced campaigner. So, everybody loves to get new and newer tutorials of Photoshop. In the following, you will get 38 sites, which provides exciting Photoshop tutorials.
「fonthack.jp | フリーで使える日本語フォント」に使われている日本語フリーフォントをまとめてみた(漢字も使える):ekakou:絵描校 - 絵の描き方講座 イラスト/デザイン/CGイラスト総合情報
http://ekouza.blog121.fc2.com/blog-entry-715.html
山崎マキ子フォントが入ってない!!!
The Open Source Toolbox For WebDesigners | Home
http://www.cometdocs.com/blog/the-open-source-toolbox-for-webdesigners
opensource web dev apps
web designer
10 Books Every Entrepreneur Should Read
http://davidcancel.com/10-books-every-entrepreneur-should-read/?awesm=2BfW&utm_campaign=twitterfeed&utm_medium=awe.sm-twitter&utm_source=&utm_content=twitterfeed
.
Advanced Photoshop Techniques that you may not be aware of - Inspect Element
http://inspectelement.com/tutorials/advanced-photoshop-techniques-that-you-may-not-be-aware-of/
Nice PS techniques
Photoshop is one of the most widely tools used for web design. Most web designers don't use all of the great things that Photoshop can do. It's easy to get stuck in your ways but instead you should be looking to further improve your skills and learn new techniques to improve your web design work, work flow and productivity.
Showcase of Web Design in Ireland « Smashing Magazine
http://www.smashingmagazine.com/2009/10/23/showcase-of-web-design-in-ireland-2/
Web Design showcase
By http://bit.ly/Tweets2Delicious
Left vs Right | Information Is Beautiful
http://www.informationisbeautiful.net/2009/left-vs-right/
Infrographic on the dividing politics of the world
[US or World version]
みんなで作るWEBデザイン参考集「ブックマ!」
http://bookma.org/index.cgi
みんなで作るWEBデザイン参考集「ブックマ!」
ソーシャル参考サイト
40 Amazing Photoshop Brush Directories and Collections : Speckyboy Design Magazine
http://speckyboy.com/2009/10/23/40-amazing-photoshop-brush-directories-and-collections/
Amazing Photoshop Brush Directories and Collections
Add Fantastic Color to 3D Text – Part I - Psdtuts+
http://psd.tutsplus.com/tutorials/text-effects-tutorials/add-fantastic-color-to-3d-text-part-i/
21 Beautiful And Creative Navigation Menus | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/inspiration/21-beautiful-and-creative-navigation-menus
Beautiful And Creative Navigation Menus
SASS: The Better, More Powerful CSS - Intridea Company Blog
http://intridea.com/2009/2/4/sass-the-better-more-powerful-css?blog=company
10 Ways A Designer Can Make some Extra Money | Creativeoverflow
http://creativeoverflow.net/10-ways-a-designer-can-make-some-extra-money/
Business Card Star - Make Business Cards
http://businesscardstar.com/make-business-cards.html
Business card / cartões de visita profissionais
free business card maker
creare biglietti da visita online e gratis
è il primo servizio gratuito della lista, molto completo e ben fatto, con tanti bei template da utilizzare (davvero belli). La registrazione è opzionale per poter salvare i dati. Il servizio genera un PDF da stampare con più biglietti da visita in un solo foglio. Anche questo in lingua inglese.
20 Do’s and Don’ts of Effective Web Design | Web Design Ledger
http://webdesignledger.com/tips/20-dos-and-donts-of-effective-web-design
que hacer y no hacer en diseño web
google-maps-icons - Project Hosting on Google Code
http://code.google.com/p/google-maps-icons/
ícones do google maps
Free map icons, beautiful and descriptive markers, more than 600 POI icons for your maps
25 Well Designed Sports E-Commerce Sites | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/25-well-designed-sports-e-commerce-sites/
ECサイトデザイン
10 Reasons why I prefer Fireworks CS4 to Photoshop for Web Design « Boagworld
http://boagworld.com/design/fireworks-vs-photoshop
Great article and one that will inspire me to try Fireworks again. But only as a test - my hands are used to 10 years of Photoshop and I am quick to frustrate.
I have been a Photoshop user for over sixteen years, ten of which have been in a production web design environment. I’ve got used to the way it works. I’m used to its feature set and how it does what it does. I’ve worked happily within that framework and mostly not digressed unless my requirements have been to design a logo – where a vector illustration package like Illustrator has come into its own. More recently, however, I’ve begun to feel like I’m actually using the wrong tool for the job, in some ways like using a word-processor to replicate the work of a spreadsheet.
Oui il faut le dire Fireworks est mieux que Photoshop pour le web !
fireworks versus photoshop
9 Useful Twitter Retweet Button Scripts For Blogs | cheth Studios
http://www.chethstudios.net/2009/03/useful-twitter-retweet-button-scripts.html
Posted using BDelicious
Modern CSS Layouts: The Essential Characteristics « Smashing Magazine
http://www.smashingmagazine.com/2009/10/26/modern-css-layouts-the-essential-characteristics/
five characteristics of modern CSS websites: * Progressively enhanced, * Adaptive to diverse users, * Modular, * Efficient, * Typographically rich. In part 2 of this article, coming soon, we’ll go over the techniques and tools that will help you implement these important characteristics on your CSS-based Web pages.
Super-Clean and Minimal Web Designs: 70+ Stunning Examples and Resources | Inspiration | instantShift
http://www.instantshift.com/2009/10/26/super-clean-and-minimal-web-designs-70-stunning-examples-and-resources
Super-Clean and Minimal Web Designs: 70+ Stunning Examples and Resources | Inspiration | instantShift - http://www.instantshift.com/2009/10/26/super-clean-and-minimal-web-designs-70-stunning-examples-and-resources/
The Blueprint CSS Framework – Tutorials, How-to Guides and Tools : Speckyboy Design Magazine
http://speckyboy.com/2009/10/26/the-blueprint-css-framework-tutorials-how-to-guides-and-tools/
CSS frameworks are a Gods send. They speed up development, ensure usability, meet all W3C standards, compatabile across most browsers and a hell of a lot more. Sounds marvelous doesn’t it. Why doesn’t everybody use them? Well, for the novice developer, frameworks, may be a little bit tricky to get there head around? That is were this article comes in, to hopefully give everybody a better understanding of what a framework is and how to use it effectively. We are going to focus on how to use the Blueprint Framework, a framework that is a little bit more mainstream and mature than the rest (I am not saying better). We have getting started guides, advanced tutorials, plugins, tools and apps and some insightful further reading articles. Hopefully this article will give everyone a better insight into CSS frameworks and eventually love them.
Excellent guide to using Blueprint CSS
Brand = User Experience: The Interface of a Cheeseburger « Smashing Magazine
http://www.smashingmagazine.com/2009/10/24/brand-user-experience-the-interface-of-a-cheeseburger/
Brand = User Experience: The Interface of a Cheeseburger
75 PSD to HTML Resources for Web Designers | Vandelay Design Blog
http://vandelaydesign.com/blog/design-process/psd-to-html-resources/
Recopilación de tutoriales psd to html
Five Minute Upgrade - Using CSS Borders for Emphasis | Build Internet!
http://buildinternet.com/2009/01/five-minute-upgrade-using-css-borders-for-emphasis/
5 minute improvement with css borders.
111 CSS Gallery To Submit Your Design | Listelog
http://www.listelog.com/111-css-gallery-to-submit-your-design/
CSS Galleries are places where we can submit our web design and let others vote/rate about it. They are places where we can get inspiration too. Today, we are going to share about 110+ CSS Galleries that you may want to look into when submitting your design or when you want to get some inspirations for your project. The list is too long to fit into 1 post, so i am going to divide it into 2 posts.
CSS Galleries are places where we can submit our web design and let others vote/rate about it. They are places where we can get inspiration too. Today, we are going to share about 110+ CSS Galleries that you may want to look into when submitting your design or when you want to get some inspirations for your project. The list is too long to fit into 1 post, so i am going to divide it into 2 posts.
111 galeries CSS pour soumettre vos designs web
111 CSS Gallery To Submit Your Design
200+ Free Exclusive RSS Icons: “Supra” | Webdesigner Depot
http://www.webdesignerdepot.com/2009/10/200-free-exclusive-rss-icons-supra/
feed ícones icons
Styling Post Headings That Stick Out | Blog Post Heading Design | Styling Post Headings | CSS Post Heading | Post Header Design
http://www.sohtanaka.com/web-design/styling-post-headings-that-stick-out/
Example | HieuUK
http://www.hieu.co.uk/blog/index.php/tabswitch/example/
Google Geo Developers Blog: 3D Perspective in the Maps API for Flash!
http://googlegeodevelopers.blogspot.com/2009/07/3d-perspective-in-maps-api-for-flash.html
2-D maps are great, but sometimes it's cool to gaze into the distance. Today we're happy to announce support for perspective in the Maps API for Flash. We've taken the regular API, added pitch and yaw, borrowed the look-around control from Google Earth, and thrown in some nifty camera trajectory support. The opportunity to see the world from a chosen point of view is now in the hands of a user! Here's a perspective map in action. Sit back and watch or dive in and drag the view. Try holding down the zoom plus (+) or minus (-) buttons to see the
3D Perspective in the Maps API for Flash! Thursday, July 30, 2009 2-D maps are great, but sometimes it's cool to gaze into the distance. Today we're happy to announce support for perspective in the Maps API for Flash. We've taken the regular API, added pitch and yaw, borrowed the look-around control from Google Earth, and thrown in some nifty camera trajectory support. The opportunity to see the world from a chosen point of view is now in the hands of a user!
How to create your best website layouts ever | News | TechRadar UK
http://www.techradar.com/news/internet/how-to-create-your-best-website-layouts-ever-643905
10 Pre-Press Tips For Perfect Print Publishing « Smashing Magazine
http://www.smashingmagazine.com/2009/10/27/10-pre-press-tips-for-perfect-print-publishing/
A lot of designers think CMYK is the way to go when designing for print. We will, of course, always use CMYK-based ink, but this does not mean you have to work with CMYK files. You can work with RGB images to perfectly optimize your print colors and save a great deal of time in the process.
Using Rounded Corners with CSS3 | Build Internet!
http://buildinternet.com/2009/10/using-rounded-corners-with-css3/
Using Rounded Corners with CSS3 |
Rounded corners have been included in the CSS3 specification. Here's how you can use them today in most modern browsers. A few years back, rounded
Utilizar bordes redondeados con CSS3.
Great Collection of Visual Identities | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/great-collection-visual-identities
Visual Identities
awesome branding
22 Firefox Extensions (Addons) for Web Development | TutZone
http://tutzone.net/2009/10/firefox-addons-web-developvers-designers.html
22 Firefox Extensions (Addons) for Web Development
Chromeography
http://chromeography.com/
Chromeography - http://chromeography.com/
"In praise of the chrome logos and lettering affixed to vintage automobiles and electric appliances — those unsung metal emblems and badges that are overlooked, forgotten, damaged, lost to time or the dump."
In praise of the chrome logos and lettering affixed to vintage automobiles and electric appliances (via Dan Cederholm)
Praising of the chrome logos and lettering affixed to vintage automobiles and electric appliances
47 Useful Adobe AIR Apps for Web and Graphic Designers : Speckyboy Design Magazine
http://speckyboy.com/2009/10/14/47-useful-adobe-air-apps-for-web-and-graphic-designers/
All designers and developers love apps, tools and services that help to make there work flow easier. That is why Adobe AIR has proven, maybe not as mainstream popular as it would have liked, to be an indispensable framework for building small and useful applications. Who has not got a Twitter client that has not be been built with AIR? Not many. That is what AIR seems to be excelling in, Twitter clients and useful web design, developer and graphic designer apps. That is the focus of todays article. About six months we published a popular post called 28 Adobe AIR Apps for Designers and Developers, this post is an extension of that article. So, in total this article has 47 useful apps and widgets for designers.
Ultimate Resource list for Photoshop Brushes | designrfix.com
http://designrfix.com/freebies/ultimate-resource-list-photoshop-brushes
!!! list for Photoshop Brushes
Photoshop Brushes
Excelente lista de sites de brushes!
Antoinette-Fleur
http://www.antoinettefleur.fr/index.php
colorful scribble drawings
Ilustradora.
Personalization Gallery - Windows themes, backgrounds and gadgets - Microsoft Windows
http://windows.microsoft.com/en-US/windows/downloads/personalize?T1=themes
- Windows themes, backgrounds and gadgets - Microsoft Windows
Die gefühlte Lesbarkeit | Design Tagebuch
http://www.designtagebuch.de/die-gefuehlte-lesbarkeit/
Serife gegen Groteske: die Lehrbuch-Meinung unterstellt beharrlich Qualitätsunterschiede, die offenkundig nicht existieren. Eine neue Studie zeigt: Viel wichtiger als die oft beschworene “objektive” Lesbarkeit ist, was eine Schriftart ausstrahlt – ihr „Look and Feel”.
70 Themes (temas) gratuitos de alta calidad para WordPress | Trazos Web
http://www.trazos-web.com/2009/09/14/70-themes-temas-gratuitos-de-alta-calidad-para-wordpress/
¿Estás a punto de cambiar el diseño de tu blog y no sabes que poner? Entonces aquí te dejo esta recopilación de Themes para WordPress de alta calidad y lo mejor de todo gratuitos. Puedes ver más detalles de estos temas y ver su previsualización.
Best of Best WordPress Cusom Login Page Designs
http://www.wpbeginner.com/showcase/best-of-best-wordpress-custom-login-page-designs/
how to design a custom login page
Best of Best WordPress Cusom Login Page Designs - http://www.wpbeginner.com/showcase/best-of-best-wordpress-custom-login-page-designs/
There are so many things that you can customize in WordPress, but one of the things that does not get a lot of attention is custom login page designs. WordPress is being used as a membership site, or site where user registration is allowed. In those cases it is wise for businesses to brand the login page with their logo and other aspects to give it a unique touch that it deserves. In this article we will be showing you how you can create a custom login page design in WordPress as well as showcasing some of the best WordPress login page designs.
ログインページデザイン。ウチもやろ。
15 Free Online Tools for Web Designers on a Budget | Web Design Ledger
http://webdesignledger.com/tools/15-free-online-tools-for-web-designers-on-a-budget
tips y paginas para diseñar
LBOI Design Blog » 25 Free Brilliant Fonts For Logo Design
http://www.littleboxofideas.com/blog/inspirations/25-free-brilliant-fonts-for-logo-design
בלוג פונטים טובים ללוגואים
some nice free fonts
Offline Inspiration: How To Find It and Get The Most Out Of It « Smashing Magazine
http://www.smashingmagazine.com/2009/10/28/offline-inspiration-how-to-find-it-and-get-the-most-out-of-it/
Trick Out Google Apps for Your Domain - Gmail - Lifehacker
http://lifehacker.com/5391537/trick-out-google-apps-for-your-domain
Users Place More Weight on Design
http://www.webdesignerwall.com/general/users-place-more-weight-on-design/
good web design keeps users
Qu'est-ce qui fait principalement fuir les visiteurs d'un site web en 2009 ? Pour 51% c'est le temps de chargement, pour 25% c'est un contenu de mauvaise qualité, et pour 24% c'est la mocheté du site. Concernant le design, c'était moins de 7% des personnes interrogées en 2007 qui fuyaient pour cause d'interface ratée.
The demand for good web design is increasing, revealed a recent Webcopyplus online poll. Almost 25% of web users indicated "poor visual presentation" as the number one element that drives them away from websites. Only 6.6% of web users who participated in a similar 2007 online poll indicated "poor visual presentation" as the main reason to abandon a website. That equates to a 267% increase during the two-year period.
web design
25 Hand Picked Best jQuery based Wordpress Plugins | Css Reflex - Design Blog | Web Design | Inspiration and Resources for Designers
http://www.cssreflex.com/2009/10/25-hand-picked-best-jquery-based-wordpress-plugins.html
In this post you’ll find out about amazing WordPress plugins based on jQuery UI. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript. Below is a list of 25 surprisingly amazing best jQuery based WordPress plugins. I hope you will like the list and will use one of these plugins on your blog . Feel free to Subscribe if you would like to be informed for the latest posts.
Creating a Timeless User Experience
http://sixrevisions.com/usabilityaccessibility/creating-a-timeless-user-experience/
If we could tear into the fabric of time and look a decade into the future, what kind of experience might we find? In this article we will explore creating a timeless user experience.
にっぽんと遊ぼう | NIPPON TO ASOBO
http://www.nippontoasobo.jp/
平安建都千二百年を迎えた1994年、日本古来の古き良き伝統と日本文化の真髄が息づくまち京都をもう一度見つめ直し、自分たちの手で盛り上げようという思いから始まりました試み、それが「にっぽんと遊ぼう」です。
にっぽんと遊ぼう 平安建都1200年イベント simone
平安建都1200年のイベント告知、及びアーカイブサイト。
10 UX Blogs You Should Be Reading | UX Booth
http://www.uxbooth.com/blog/10-ux-blogs-you-should-be-reading/
10 blogs sobre User Experience, a acompanhar.
40 Killer Minimalist Blog Designs | Spyre Studios
http://spyrestudios.com/40-killer-minimalist-blog-designs/
Regular readers of Spyre Studios will recognize that the love of minimalism runs pretty deep around here (judging by the minimalism articles we've published before: here, here and here). So today we're going to explore the excellent use of minimalism in blog design. The designers of these blogs knew what was important and made sure that the website focused on those pieces, and for that - we appreciate them.
40 Killer Minimalist Blog Designs
How To Create a Post Apocalyptic Photo Manipulation - Psdtuts+
http://psd.tutsplus.com/tutorials/photo-effects-tutorials/how-to-create-a-post-apocalyptic-photo-manipulation/
How To Create a Post Apocalyptic Photo Manipulation - Psdtuts+ - http://psd.tutsplus.com/tutorials/photo-effects-tutorials/how-to-create-a-post-apocalyptic-photo-manipulation/
blending photo layers, background photos
Final adjustments
nuzart.com (beta), a new way to exhibit, buy, sell and share talent
http://www.nuzart.com/
have artwork printed, buy and sell others
una nueva manera de exponer, comprar, vender y compartir talento
From a Spanish company eight years deep into the art sales e-biz, Nuz lets you browse thousands of images to throw up in your pad, then gives you blanket control over the size and printing material of the finished product, letting you tailor it to fit the vacuous enormity of your walls...and wallet. Works can be perused by a number of uniquely helpful parameters, including predominant color, shape, art techniques (e.g., digital, drawing, photography), and subject, which includes abstract paintings, landscapes, portraits, high-res photos of exotic animals, and everybody's fave, erotic, which should never be confused with the previous category. Once you've picked your art, it's time to select the size (16 possibilities, up to four-plus feet across), and materials, from cheap unframed digital prints on Fuji photo paper or paper prints set in handcrafted black lacquered wood frames, to waterproof cotton canvas stretched over a wooden interior frame ...
Fixed Floating Elements | jQuery for Designers - Tutorials and screencasts
http://jqueryfordesigners.com/fixed-floating-elements/
jQuery for Designers - Tutorials and screencasts
This replicates the floating box as seen in apple's store.
Fixed Floating Elements | jQuery for Designers - Tutorials and screencasts - http://jqueryfordesigners.com/fixed-floating-elements/
100+ Clean, Simple and Minimalist Website Designs | Inspiration
http://www.hongkiat.com/blog/clean-simple-minimalist-website-design/
Textur.es - A Community Texture Gallery
http://textur.es/
51 Web Apps for Web Designers and Developers – Web.AppStorm
http://web.appstorm.net/roundups/51-web-apps-for-web-designers-and-developers/
Let's get organized! - Hello Kitchen Design
http://www.hellokitchen.net/blog/2009/09/lets-get-organized.html
40 Quality Photoshop UI Design Tutorials - Psdtuts+
http://psd.tutsplus.com/articles/web/40-quality-photoshop-ui-design-tutorials/
Want to improve your interface design skills? If so, then check out this group of Photoshop tutorials. There are loads of tuts here to get started with basic elements and work your way up to full interface designs, which integrate numerous custom elements. If you're looking to get started with Photoshop UI design or build these skills, then jump into these tutorials right now!
Twenty Usability Tips for Your Blog — Condensed from Dozens of Bloggers’ Experiences | I'd Rather Be Writing - Tom Johnson
http://www.idratherbewriting.com/2007/04/09/twenty-usability-tips-for-your-blog-%25E2%2580%2594-condensed-from-dozens-of-bloggers-experiences/
25 Great Free Photoshop Texture Packs | Design Reviver
http://designreviver.com/freebies/25-great-free-photoshop-texture-packs/
Showcase Of Beautiful Textured Web Designs « Smashing Magazine
http://www.smashingmagazine.com/2009/10/29/showcase-of-beautiful-textured-web-designs/
New evidence that bullet-points don’t work : Speaking about Presenting
http://www.speakingaboutpresenting.com/design/new-evidence-bullet-points/
500+ Free Download High Quality Photoshop PSD Files For Designers | 2experts Design - Web Design and Graphic Design Blog
http://www.2expertsdesign.com/2009/10/28/500-free-download-high-quality-photoshop-psd-files-for-designers/
photoshop
Free Texture Tuesday: Light Grunge | BittBox
http://www.bittbox.com/freebies/free-texture-tuesday-light-grunge/
"Sometimes you need to put your grunge habits on a diet, these textures will work perfect when you just want to add a “hint” of texture to your designs."
Free Texture Tuesday: Light Grunge
textures
bittbox - Free high quality design freebies, tutorials, vectors, free high resolution Photoshop brushes, Free high resolution textures.
携帯サイト(html)の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L
http://sakaki0214.com/2009/10/30022723.html
サンプルソースが・・・キャリア同時対応ならこうなるわな。
45 Inspiring Navigation Menus That You Must See
http://www.webdesignbooth.com/45-inspiring-navigation-menus-that-you-must-see/
Menus Websites
Colorjive - Home
http://colorjive.com/home.action
Paint your own house online.
Look how your house will look in a different paint shade virtually
Free Adobe Application Tutorials | Artistic | Logo Design | Photoshop | Layers Magazine
http://www.layersmagazine.com/artistic-expression-logo-design-from-start-to-finish.html
99 High Definition Widescreen Wallpapers | DominickGatto.com
http://dominickgatto.com/?p=65
Increasing Online Sales: Simple Usability Problems To Avoid « Smashing Magazine
http://www.smashingmagazine.com/2009/10/30/increasing-online-sales-simple-usability-problems-to-avoid/
Usability Problems To Avoid
usability ecommerce webdesign ux e-commerce
BustedTees - Bucky Balls
http://www.bustedtees.com/buckyballs
Bucky Balls
after Firefox 3.6 – new font control features for designers at hacks.mozilla.org
http://hacks.mozilla.org/2009/10/font-control-for-designers/
Endlich wird es einfacher, Fonts mit allen Extras (Ligaturen etc) im Browser zu verwenden. Ich hoffe, das Feature kommt bald! -- Was heute Möglich ist habe ich kürzlich gebookmarkt.
bookmarked by http://www.min-style.de
100 Examples of Japanese Municipal Flags | Webdesigner Depot
http://www.webdesignerdepot.com/2009/09/100-examples-of-japanese-municipal-flags/
webdesignerdepot.com: japanese municipal flags
A cidade onde morei (Fuji-Shizuoka) tá aqui! Eu usava uniformes da escola com este brasão hahaha
KONICA MINOLTA | NEW LIGHT, NEW LIFE.
http://jp.futureishere.biz/newlight/
有機EL特設サイト。mount制作。薄さを表現。
タイポグラフィ 3D
有機ELいいね~。
grid, layout, typography
Giz Explains: Why Every Country Has a Different F#$%ing Plug - Worldwide electric plugs - Gizmodo
http://gizmodo.com/5391271/giz-explains-why-every-country-has-a-different-fing-plug
Ok, maybe not every country, but with at least 12 different sockets in widespread use it sure as hell feels like it to anyone who's ever traveled. So why in the world, literally, are there so many?
Ok, maybe not every country, but with at least 12 different sockets in widespread use it sure as hell feels like it to anyone who's ever traveled. So why in the world, literally, are there so many? Funny story!
Photoshop 101 – Working with Slices | Design Reviver
http://designreviver.com/tutorials/photoshop-101-working-with-slices/
Photoshop 101 – Working with Slices
Working with slices in Photoshop can sometimes be a pain. In this tutorial I'll show you how to use the slice tool and show you some easy methods of slicing up
Simple Desktops
http://simpledesktops.com/
Fonds d'écran minimalistes.
シンプルな壁紙
Design a Minimal and Modern Portfolio Layout with Photoshop
http://sixrevisions.com/tutorials/photoshop-tutorials/design-a-minimal-and-modern-portfolio-layout-with-photoshop/
In this Photoshop web design tutorial, we're going to create a mock-up of a clean and modern-looking website.
30 Nature Inspired Website Designs For your inspiration | Dzine Blog
http://dzineblog.com/2009/10/30-nature-inspired-website-designs-for-your-inspiration.html
Now a days you can see a increasing trend of using nature elements in web-design. incorporating nature elements like trees , landscape, sea, sky etc in to the design gives a more realistic and pleasant look to the website Here i’ve collected 30+ website designs base on nature theme, its quite interesting and inspiring to see how designers take colors and elements for nature and bring them in to web design, hope you all will like this collection
index
http://www.newsoap.org/
New Soap, Old Bottle sells brand new liquid soap packaged in old plastic soda bottles, plastic water bottles, and glass beer bottles — all of this aimed at keeping our environment healthy.
Company sells cleaning products and things packaged in sanitized reused soda bottles.
5 Must Read Presentations about CSS Coding – woorkup.com
http://woorkup.com/2009/10/31/5-must-read-presentations-about-css-coding/
InformIT: Design Patterns 15 Years Later: An Interview with Erich Gamma, Richard Helm, and Ralph Johnson > Design Patterns 15 Years Later: An Interview with Erich Gamma, Richard Helm, and Ralph Johnson
http://www.informit.com/articles/article.aspx?p=1404056
InformIT: Design Patterns 15 Years Later: An Interview with Erich Gamma, Richard Helm, and Ralph Johnson > Design Patterns 15 Years Later: An Interview with Erich Gamma, Richard Helm, and Ralph Johnson
Entrevista com os autores do livro Design Patterns: Elements of Reusable Object-Oriented Software, 15 anos após sua publicação.
A Showcase of Fresh Logo Designs to Inspire You | Web Design Ledger
http://webdesignledger.com/inspiration/a-showcase-of-fresh-logo-designs-to-inspire-you
In past articles, we've shown you beautiful logos for inspiration and tutorials on designing logos. Since we believe you can't have too much design inspiration,
Logo Designs
logos
Animated Navigation Bar Using jQuery | WebMuch
http://webmuch.com/animated-navigation-bar-using-jquery/
Tutorial on creating an Animated Navigation Bar Using HTML, CSS & jQuery.
Barra de navegação com animação ao passar o mouse (jQuery)
Retro Toys: A Free Icon Set | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2009/05/10/retro-toys-a-free-icon-set/
juguetes viejos
Neat - RT @smashingmag: Retro Toys: A Free Icon Set - http://is.gd/yDaP [from http://twitter.com/charanjit/statuses/1758153434]
Retro Toys: A Free Icon Set
Simple Way to Random Display or Rotate Content Using JavaScript and CSS | Css Globe
http://cssglobe.com/post/6023/simple-way-to-random-display-or-rotate-content-using
DIY Brasil
http://www.diybr.com/
DIY Brasil - Comunidade DIY brasileira.
Um site com dicas de faça você mesmo brasileiro
Do it yourself!
NHKクリエイティブ・ライブラリー
http://cgi2.nhk.or.jp/creative/cgi/page/Top.cgi
CSS techniques web developer should use | ExtraTuts
http://www.extratuts.com/css-techniques
CSS techniques web developer should use
11 Beautiful Free Wordpress Themes
http://www.sitesketch101.com/articles/fonts-graphics/11-beautiful-free-wordpress-themes/
Wordpress is one of the most powerful blogging platforms available today. It is very easy to use. It has widgets and plugins for almost everything that you can think of and there is a huge community of designers who are constantly creating and updating themes for Wordpress. This post is a collection of 11 of the most beautiful themes for Wordpress that also happen to be 100% free. I hope that as you browse through this list that you will be able to find something that you can use on your blog!
30+ Inspirational Portfolio Designs for Web Designers | tripwire magazine
http://www.tripwiremagazine.com/design/design/30-inspirational-portfolio-designs-for-web-designers.html
web design
It's getting more and more usual for designers to showcase their artwork online and the result is tons of portfolio websites competing for awareness. This means that you need to be special to stand out. Having access to collections of great web desig
商用サイトでもフリーで利用できる高品質なフォント集 -Font Squirrel | コリス
http://coliss.com/articles/build-websites/operation/design/freebies-font-fontsquirrel.html
フォント集。英語系
How to make a Typographic, Retro, Space Face - Psdtuts+
http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-make-a-typographic-retro-space-face/
In this tutorial, I will show you how to make a typographic face by using simple techniques. Using the Brush Tool and experimenting with light, you will get
50 Popular Airline Logos | Webdesigner Depot
http://www.webdesignerdepot.com/2009/03/50-popular-airline-logos/
In this article we’ll take a logo at the logos of over 50 popular airlines. The list is by no means a complete list of all airlines and is just intended for inspiration for your own projects. Noteworthy is the lack of any depiction of an airplane in most of these logos, but a tendency to suggest flying through the use of curved shapes that resemble wings. The fonts used tend to be sans serif for the most part, although there’s a fair share of serif typefaces as well. The colors vary a lot, but there appears to be a clear tendency towards reds and blues. Now fasten your seatbelt and let’s take off!
Every day thousands of people take it to the air... With so many airlines to choose from, branding is extremely important and at its core lies logo
Blog Headers: 20 Great Examples and Best Practices | Webdesigner Depot
http://www.webdesignerdepot.com/2009/10/blog-headers-20-great-examples-and-best-practices/
coole Headergrafiken
Ejemplos de cabeceras para el diseño de la web
20 More Useful Adobe Illustrator Menu Tips - Vectortuts+
http://vector.tutsplus.com/articles/web-roundups/20-more-useful-adobe-illustrator-menu-tips/
POMOCNE ILLUSTRATOR
We have seen many useful tips on Illustrator’s menu commands by talented designers before. Here are some more! Some of these were mentioned earlier too,
17 Wordpress Theme Design Tutorials | TutZone
http://tutzone.net/2009/10/wordpress-tutorials-to-create-themes.html
Often called the most versatile blogging platform on the net, Wordpress has become the de facto back-end for countless bloggers. As a platform, it's got everything a blogger needs (except writing skills), and it does come ready for use - right out of the box. These 17 tutorials will show an amazing diversity in the methods a blogger can employ in designing their very own Wordpress blog.
[CSS]検索フォームを素敵なデザインするスタイルシート集 | コリス
http://coliss.com/articles/build-websites/operation/css/css-styling-a-search-form.html
検索フォームをCSSだけできれいに装飾するサンプル集。文字サイズを極端に大きくすると文字が欠けたりしますが、通常問題ないでしょう。
検索フォームを素敵なデザインするスタイルシート集
HPんの検索項目で使いたいなー。
フォームを綺麗にする
Talking to DC « Adam Bosworth’s Weblog
http://adambosworth.net/2009/10/29/talking-to-dc/
All successful standards are as simple as possible, not as hard as possible.
joes
80 Examples of Add to Cart Buttons for Design Inspiration
http://sixrevisions.com/design-showcase-inspiration/80-examples-of-add-to-cart-buttons-for-design-inspiration/
10 Awesome Techniques and Examples of Animation with jQuery
http://sixrevisions.com/javascript/10-awesome-techniques-and-examples-of-animation-with-jquery/
In this article, we share with you some innovative uses of jQuery in animating web design elements. You'll read about some interesting techniques, tutorials, and examples that will show you how to create similar effects on your own websites and web apps.
Simple Desktops
http://simpledesktops.com/browse/photos/
xkcd - A webcomic of romance, sarcasm, math, and language - By Randall Munroe
http://xkcd.com/657/
Just awesome.
"These charts show movie character interactions. The horizontal axis is time. The vertical grouping of the lines indicates which characters are together at a given time." The Lord of the Rings box is the most impressive; also done for Star Wars (original trilogy), Jurassic Park, Primer, and 12 Angry Men.
Steepster Blog : Brewing a Better Rating System
http://blog.steepster.com/post/226679106/better-rating-system
lille case om udviklingen af et rating system
hem as markers on the slider, giving you a frame of reference for the new tea. They show up when you drag the slider over them or when you hover over th
smilies, a 100-point slider, AND recent rating tickmarks with rollover info. wow
50+ Exceptional Collections of Typography Tutorials | Smashing Buzz
http://www.smashingbuzz.com/2009/10/50-exceptional-collections-of-typography-tutorials/
:::50 Tuts con Tipografía::::
50+ Exceptional Collections of Typography Tutorials | Smashing Buzz - http://www.smashingbuzz.com/2009/10/50-exceptional-collections-of-typography-tutorials/
40 Incredibly Useful Web Design Tools You Should Use Daily | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/design/useful-web-design-tools-daily/
This article will showcase tools which should and could be used by designers daily. If you need some inspiration – you can visit the most popular and recommended design showcase sites to find really good works and examples. Check out design related tools, online generators, free font sites, template sites, great websites helping to test and manage websites – those all have been created to save your time! Remember - not always the best way is to create everything by yourself. Be smart and you will accomplish your tasks much easier and quicker without struggling!
Share this on del.icio.usDigg this!Share this on RedditBuzz up!Stumble upon something good? Share it on StumbleUponShare this on TechnoratiShare this on MixxSubmit this to DesignFloatShare this on FacebookTweet This!Submit this to Script & StyleShare this on DevmarksRelated Posts30 Most Valuable Digg Tools You Should Use Daily20 Free Keyword Research Tools – Comprehensive InsightUltimate List of [...]
40 New Useful Web Development Tools and Resources « Noupe
http://www.noupe.com/tools/40-new-useful-web-development-tools-and-resources.html
To become a professional web designer, you need effective tools that would help you implement beautiful designs with solid coding techniques. Handy ready-to-be-used solutions and smart design tools are always nice to have, but good ones are often quite hard to find. And this is where we come into play. In this post we have put together a useful collection of new web development tools to save developers and designers time, energy, and headaches. Let’s take a look at 40 new useful web development tools and resources in a goodie bag for you, including easy and fast tweaks to forms, snippets of code, documentation at your fingertips, fonts, and cheat sheets.
Usability tips for visualizing Ajax requests
http://www.jankoatwarpspeed.com/post/2009/11/01/usability-tips-visualizing-ajax-requests.aspx
Breadcrumb Navigation Examined: Best Practices & Examples | Graphics
http://www.hongkiat.com/blog/breadcrumb-navigation-examined-best-practices-examples/
Wordpress Website Design Process for IT-IS Ltd
http://www.blog.spoongraphics.co.uk/articles/wordpress-website-design-process
40 Fresh and Free Icon Sets for Web Designers and Bloggers : Speckyboy Design Magazine
http://speckyboy.com/2009/11/02/40-fresh-and-free-icon-sets-for-web-designers-and-bloggers/
Speckyboy
Links to free icons
By/Association | Welcome
http://byassoc.com/
If you're worthy of entry, they'll give you an intro to someone else they deem cool.
Introductory service for geeks
Using Wireframes to Bring Your Site Together | Design Reviver
http://designreviver.com/articles/using-wireframes-to-bring-your-site-together/
Wireframes are the blue prints that define and allocate a Web sites content and behavior. They are not bound by colors, fonts, and anything that may surface on the site as part of any content.
Inhoud rammelt wat, voorbeelden zijn okay
Web Design Trends for 2010 | Web Design Ledger
http://webdesignledger.com/tips/web-design-trends-for-2010
Trends in Pricing Page Design and Layout | Vandelay Design Blog
http://vandelaydesign.com/blog/design/pricing-page-trends/
The Ails Of Typographic Anti-Aliasing | Smashing Magazine
http://www.smashingmagazine.com/2009/11/02/the-ails-of-typographic-anti-aliasing/
Je ne m'étais jamais rendu compte, jusqu'à ce que les yeux manquent de me sortir de la tête en regardant ma page sous Safari.
Super Artikel zu Antialiasing
Comprehensive article on font antialiasing, especially on the web
The New York Times - Innovation Portfolio
http://innovate.whsites.net/
Stunning directory of NY Times visualisations
HOLY VISUALISATION BATMAN!
Oooh shiny
every NYT interactive project
20 Useful & Nicely Designed Web Applications | Web Resources | WebAppers
http://www.webappers.com/2009/11/02/20-useful-nicely-designed-web-applications/
Papercraft Self Portrait - Art Portfolio for Eric Testroete
http://testroete.com/index.php?location=head
Papercraft Self Portrait - Art Portfolio for Eric Testroete
halloween
Great idea: yourself with a bigger head. My family would say that mine can't possibly get any bigger. But they'd be wrong!
This has to be the coolest costume I have ever seen. It's a giant head of himself.
8 Sure-Fire Ways Freelance Designers Can Earn Passive Income | Spyre Studios
http://spyrestudios.com/passive-income/
Why the hell wouldn’t you want to make some money on the side while you’re building your freelance business?
6 Ways To Take Your Webdesign From Good To Great
http://www.myinkblog.com/2009/11/02/6-ways-to-take-your-webdesign-from-good-to-great/
@font-face for free commercial
tips for wed design
myInkBlog.com
70 Of The Best Photoshop Actions For Enhancing Photos | Creative Nerds
http://creativenerds.co.uk/freebies/70-of-the-best-photoshop-actions-for-enhancing-photos/?utm_source=Tweetie&utm_medium=twitter
photoshop filters, actions
The Future Of The Web: Where Will We Be In Five Years? - Noupe
http://www.noupe.com/trends/the-future-of-the-web-where-will-we-be-in-five-years.html
speculation, but interesting
CNN’s New Website Design Deconstructed | Webdesigner Depot
http://www.webdesignerdepot.com/2009/11/cnns-new-website-design-deconstructed/
CNN's New Website Design Deconstructed
A List Apart: Articles: Can You Say That in English? Explaining UX Research to Clients
http://www.alistapart.com/articles/can-you-say-that-in-english-explaining-ux-research-to-clients/
A List Apart: Articles: Can You Say That in English? Explaining UX Research to Clients
It's hard for clients to understand the true value of user experience research. As much as you'd like to tell your clients to go read The Elements of User Experience and call you back when they’re done, that won’t cut it in a professional services environment. David Sherwin creates a cheat sheet to help you pitch UX research using plain, client-friendly language that focuses on the business value of each exercise.
Showcase of Some of the Most Inspiring Travel & Tourism Websites - Inspect Element
http://inspectelement.com/articles/showcase-of-some-of-the-most-inspiring-travel-and-tourism-websites/
The travel and tourism industry is a great source of inspiration when it comes to web design. The main goal of any site in this industry is to entice visitors to travel. Imagery plays a huge part in this because any potential customer wants to see exactly where they are travelling to. Here are a few great examples of inspirational travel and tourism websites.
Logo Design Tutorial: How To Create An Iconic Logo Design
http://justcreativedesign.com/2009/11/02/logo-design-tutorial/
Logo design is arguably one of the hardest parts of graphic design though with a little insider knowledge, you may find it’s not so difficult after all. By understanding what makes a “good” logo and the principles behind effective logo design you will be on the right track in no time. In this tutorial you will be guided through the logo design process, from initial brief right through to delivery while being given vital logo design tips along the way. For the sake of this tutorial we will be creating a fictional logo - for now I’ve gone with a logo that reflects the first and last letters of my name - J & C. Through the use of negative space and a few nifty Illustrator tricks we will combine these characters (J & C) to create an iconic logo design. At the end of the tutorial, you may find that your own initials can be used too.
Research of Lingerie Industry Web Design: Trends and 33 Sexy Examples | Onextrapixel - Showcasing Web Treats Without Hitch
http://www.onextrapixel.com/2009/10/19/research-of-lingerie-industry-web-design-trends-and-33-sexy-examples/
50 Beautiful and Creative Blog Designs - Smashing Magazine
http://www.smashingmagazine.com/2009/11/03/50-beautiful-and-creative-blog-designs/
Great blog designs for inspiration
The Future of Interface Design | UX Booth
http://www.uxbooth.com/blog/the-future-of-interface-design/
Mockingbird
http://gomockingbird.com/
Mockingbird is an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.
love all this | Inspired by jeannr, I flowcharted the Beatles...
http://loveallthis.tumblr.com/post/166124704
Hey Jude flowcharted
20 Simple jQuery Tricks | Design Shack
http://designshack.co.uk/articles/javascript/20-simple-jquery-tricks
Rundown of cool jQuery features/plugins
Make Film Work
http://www.makefilmwork.com/
Creative Block ★ Design ideas for when you're out of ideas.
http://creativeblock.monomoda.com/
500 Internal Server Error
7 Surprising Kick-Ass Things You Can Do with Google Sketchup | Maximum PC
http://www.maximumpc.com/article/features/7_awseome_sketchup_tricks
SketchUp is surprisingly cool .. here's some tips to give you an idea of it's power
Mockingbird - Untitled
http://gomockingbird.com/mockingbird/
Tool for designing mockups
nice webdesign tool
Web-based wireframing.
Outlaw Design Blog » 50 Clean, Sleek, and Modern Website Designs
http://www.outlawdesignblog.com/2009/50-clean-sleek-and-modern-website-designs/
It has been a while since I did one of these sort of posts and I think its long over due. Being that I am in a real simple design state of mind lately, I thought I would do a showcase of websites that feature very organized and clean designs. While many designs that fall into this category tend to be “minimal” themes, that’s not always the case. Some of the examples below are proof of that.
50 Clever, Creative Logos
http://designm.ag/inspiration/creative-logos/
50 Clever, Creative Logos
If you’ve browsed through any logo design galleries, you’ve probably noticed some that take a very creative approach. In this post we’ll feature 50 clever logos for your design inspiration.
2010年に備えて、知っておきたいウェブデザインのトレンド | コリス
http://coliss.com/articles/build-websites/operation/design/web-design-trends-for-2010.html
2010年に向けて押さえておきたいウェブデザインのトレンドの14のポイントをWeb Design Ledgerから紹介します。 Web Design
よっしゃ
Tutorial Magazine - 32 Best Photoshop Tutorials of July 2009
http://www.tutorialmagazine.com/32-best-photoshop-tutorials-of-july-2009
Best Photoshop Tutorials of July 2009
Twitter Fever: 55 Extraordinary Twitter Button & Icon Sets | Onextrapixel - Showcasing Web Treats Without Hitch
http://www.onextrapixel.com/2009/11/05/twitter-fever-55-extraordinary-twitter-button-icon-sets/
Yet more Twitter birds & icons
because you can never have enough bird icons?
Andrew Zuckerman: Bird
http://www.birdbook.org/
Nice picture about bird
lo paso na. m bien disegnio de la pag
Agile User Experience Projects (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/agile-user-experience.html
Agile projects aren't yet fully user-driven, but new research shows that developers are actually more bullish on key user experience issues than UX people themselves.
http://www.useit.com/alertbox/agile-methods.html Agile projects aren't yet fully user-driven, but new research shows that developers are actually more bullish on key user experience issues than UX people themselves. # Separate design and development, and have the user interface team progress one step ahead of the implementation team. That way, when it comes time to build something, it's already been designed and tested. (And yes, you can do both in a week or two by using paper prototypes and discount user testing.) # Maintain a coherent vision of the user interface architecture. Create the initial vision during a "sprint zero" period — before any implementation has started — and maintain it through annual (or semi-annual) design vision sprints. You can't just design individual features; they have to fit together into a coherent whole — a whole that must be designed as well. Bottom-up user interface design equals a confused total user experience (the Linux syndrome).
Distributing your UX personnel doesn't mean you have to abandon all the benefits of having a centralized, specialized group. Often, a matrix structure provides a good compromise, making UX professionals part of individual projects on a day-to-day basis, but still offering some company-wide coordination.
Nothing new, but fun to throw at the suits - "Clearly, Agile is considerably better than the old Waterfall method. Good riddance to that one. However, the professionals in our new study still felt that Iterative Design was marginally better than Agile"
30 Photo Effect Photoshop Tutorials Every Designer Will Love | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/tutorials/high-quality-photo-effects-photoshop/
hillarious photoshop effect
30 High Quality Photo Effects Every Designer Will Love manipulation photoshop
白黒ベースのサイトを作りたい時に役立ちそうなWeb素材やWebデザイン例などのまとめ - かちびと.net
http://kachibito.net/web-design/black-and-white-design.html
白黒ベースのサイトを作りたい時に役立ちそうなWeb素材やWebデザイン例をまとめます。最近作成した白黒ベースのサイトを作ったときにみたり、参考にしたりした素材やサイを備忘録的にメモ。
Thirty Conversations on Design
http://thirtyconversationsondesign.com/
We asked them two questions: “What single example of design inspires you most?” and “What problem should design solve next?” Their answers might surprise you. But hopefully, they’ll all inspire you. Discover what they have to say. Then share your thoughts. After all, this is a conversation. We’d love for you to join.
bate papo (pq não?) sobre design com gente bacana
AC
We’ve collected the thoughts of 30 of the world’s most inspired creative professionals. Architects, designers, authors and leaders of iconic brands.
40 Awesome and Fresh Wordpress Themes : Speckyboy Design Magazine
http://speckyboy.com/2009/11/05/40-awesome-and-fresh-wordpress-themes/
w
Some great free themes here...
Invoice Like A Pro: Examples and Best Practices - Smashing Magazine
http://www.smashingmagazine.com/2009/11/05/invoice-like-a-pro
Minimal and Modern Layout: PSD to XHTML/CSS Conversion
http://sixrevisions.com/tutorials/web-development-tutorials/minimal-and-modern-layout-psd-to-xhtmlcss-conversion/
10 Useful Cheat Sheets for Designers and Developers » 2experts Design – Web Design and Graphic Design Blog
http://www.2expertsdesign.com/2009/11/05/10-useful-cheat-sheets-for-designers-and-developers/
great cheatsheet
How To: Successfully Launch a Web Design Startup with Social Media and No Budget | Inspired Magazine
http://www.inspiredm.com/2009/11/04/how-to-successfully-launch-a-web-design-startup-with-social-media-and-no-budget/
Microsoft Application Architecture Guide, 2nd Edition
http://msdn.microsoft.com/en-us/library/dd673617.aspx
The Pixel Blog
http://blog.thepixel.com/
Blog e portfólio com uma interface divertida, com diversas ilustrações
20 great corporate websites made with WordPress
http://www.designer-daily.com/20-great-corporate-websites-made-with-wordpress-4784
20 great corporate websites made with WordPress
Awesome Corporate sites rocking Wordpress!
50 Examples of Effective Uses of Typography Within Web Design : Speckyboy Design Magazine
http://speckyboy.com/2009/11/04/50-examples-of-effective-uses-of-typography-within-web-design/
The Best Free Fonts of 2009 | Web Design Ledger
http://webdesignledger.com/freebies/the-best-free-fonts-of-2009
Mais fontes grátis.
Best Practices for 6 Common User Interface Elements | Webdesigner Depot
http://www.webdesignerdepot.com/2009/11/best-practices-for-6-common-user-interface-elements/
The appearance and usability of certain interface elements and functionality are crucial to the success any websites in today’s market. Studies have demonstrated that even a split-second delay in thinking on the user’s part will weaken their perception and interest in a website and ultimately lower the website’s conversion rate. In certain niches and industries, having UI elements that are not obvious in their use may be perfectly acceptable. The blogging and web development industry are perfect examples. But when we design user interfaces for non-tech-savvy audiences—which is usually the case with client work—we have to ensure that certain UI elements do not stray too far from what users are accustomed to. This article discusses some best practices and usability traits of six user interface elements and the conventions for each, so that developers can create user experiences that are both beautiful and simple.
16 Free Wordpress Themes That Will Make You Forget Premium Themes
http://www.tricksdaddy.com/2009/11/16-free-wordpress-themes-that-will-make-you-forget-premium-themes.html
Simple CSS Tips that Go a Long Way - Inspect Element
http://inspectelement.com/articles/simple-css-tips-that-go-a-long-way/
Wordpress Template Designer CheatSheet / Wordpress / SPLASHnology - Web Design & Web Technology Community
http://www.splashnology.com/blog/wordpress/223.html
informações sobre a estrutura para gerar um tema para wordpress
20 Best Alternatives of Adobe Photoshop
http://www.bestdesigntuts.com/20-best-alternatives-of-adobe-photoshop/
20 Best Alternatives of Adobe Photoshop http://ow.ly/A2oo [from http://twitter.com/TeacherToolbox/statuses/5496381235]
Alternativas de Photoshop
IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開 - Publickey
http://www.publickey.jp/blog/09/ibmwebuihtmlcss.html
Quickie CSS3 Tricks with Fallbacks | CSS-Tricks
http://css-tricks.com/quickie-css3-tricks-with-fallbacks/
Empregos em design, programação e publicidade · Na Labuta
http://www.nalabuta.com/
Vagas de emprego!
An Introduction to the Raphael JS Library - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/an-introduction-to-the-raphael-js-library/
An Introduction to the Raphael JS Library - Nettuts+
Tutorial on using Raphael js framework to draw vector graphics on a webpage.
Fonts Used In Popular Band Logos | Build Internet!
http://buildinternet.com/2009/07/fonts-used-in-popular-band-logos/
ฟ้อนท์จากวงร๊อคเก๋าๆ
海外ミュージシャンのロゴがいっぱい
Letterpress: Where, How and Inspiration!
http://www.thedesigncubicle.com/2009/08/letterpress-where-how-and-inspiration/
TheDieline.com: Top 15 Fonts for Packaging Design
http://www.thedieline.com/blog/2009/05/top-15-fonts-for-packaging-design.html
TheDieline.com: Package Design: Top 15 Fonts for Packaging Design
15 Fontes para embalagens... (in)felizmente pagas!
ตามนั้น
Over the last several years I've been using many different fonts when designing brand identities and packaging. I like to think of fonts as having their own personality - just like people. Fonts can be brash, silly, elegant, refined, cool, delicate, straightforward, austere, lush or honest. Good use of typography goes a long way, and your choice of fonts will have a significant impact on getting the product/brand's message across appropriately. I've thought about what fonts I've used more than once and why I like them. Out of the countless fonts I've used, here are 15 of my favorites (in no particular order). Enjoy!
Contact Us Page Best Practices With 20+ Fabulous Showcases | Onextrapixel - Showcasing Web Treats Without Hitch
http://www.onextrapixel.com/2009/10/15/contact-us-page-best-practices-with-22-fabulous-showcases/
Contact Us Page Best Practices With 20+ Fabulous Showcases
A Story Before Bed
http://www.astorybeforebed.com/
Read a story for a child
Record yourself reading a book to your kids and then it can be played back online with the pages of the book while you're away or from a distance.
10 essential OS X apps for pro web developers | News | TechRadar UK
http://www.techradar.com/news/software/applications/10-essential-os-x-apps-for-pro-web-developers-642082
et TextMate alors ?
Jenny Cecil - 10 essential OS X apps for pro web developers The best tools for coding, testing, uploading and tracking costs : TechRadar UK
Manipulation Basics: Illumination and Coloration | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/manipulation-basics-illumination-and-coloration
When comes to photo manipulation, the basics and most important parts are the illumination and coloration, these are the main things that if you know how to work around it pretty much will assure you of a good result at the end, so open up the photoshop a
IE6、IE7、IE8におけるCSSの違いまとめ | エンタープライズ | マイコミジャーナル
http://journal.mycom.co.jp/news/2009/10/16/062/index.html
Make a gift bow from a magazine page | How About Orange
http://howaboutorange.blogspot.com/2009/10/make-gift-bow-from-magazine-page.html
How About Orange is a blog brimming with craft tutorials, DIY projects, free downloads, decorating tips, and design inspiration.
35 Extremely Useful Free Online Tools for Web Developers and Designer | tripwire magazine
http://www.tripwiremagazine.com/tools/tools/35-extremely-useful-free-online-tools-for-web-developers-and-designer.html
listona di strumenti utili per webdesign
The Font Kingdom: Search, Explore, Create, and Download Fonts for Free
http://www.techcrunch.com/2009/11/07/the-font-kingdom-search-explore-create-and-download-fonts-for-free/
13 Really Useful Online CSS Tools to Streamline Development | Design Reviver
http://designreviver.com/articles/13-really-useful-online-css-tools-to-streamline-development/
mattt* / Chroma-Hash: A Belated Introduction
http://mattt.me/2009/07/chroma-hash-a-belated-introduction/
A very smart visualization of passwords and its effect on usability
Yesterday, I posted Chroma-Hash, an experiment in how to visualize the live-input of secure fields, such as a password on a login screen. So far, I’ve received a lot of great feedback, as well as a number of questions that I thought deserved a proper response. Before I go into any details, I invite you to check out the live demo, (if you haven’t seen it already), so you can get a clear idea of what Chroma-Hash does.
Article on how to solve the masked password issues. Solution doesn't work, but it's a start.
Elegant UI gives user visual feedback on correctness of "hidden" passwords
visualize the live-input of secure fields, such as a password on a login screen
Teenage Photographer – 365 Days of Danboard | The Design Inspiration
http://thedesigninspiration.com/articles/teenage-photographer-365-days-of-danboard/
ダンボール人形
Floom - Oskar Krawczyk – blog.olicio.us
http://blog.olicio.us/2009/07/25/floom/
25+ Astounding Typography Tutorials | Tutorial Lounge
http://www.tutoriallounge.com/2009/08/25-astounding-typography-tutorials/
Today evening we're With amazing listing of Typography Tutorials using different designing tools, Photoshop contribution is more then other tools like InDesign, Cenima 4d and Adobe Illustrator, there is designing as vector and 3D typography as well with amazing training tutorials.
Richard Feynman, the Challenger Disaster, and Software Engineering : Gustavo Duarte
http://duartes.org/gustavo/blog/post/richard-feynman-challenger-disaster-software-engineering
argues that the process of requirements elicitation as project definition are secondary to the process of creation,testing and learning about nature.
What I cannot create I do not understand. --- Learn how to solve every problem that have been solved. --------- 1) The Space Shuttle Main Engine... many different kinds of flaws and difficulties have turned up. Because, unfortunately, it was built in the top-down manner, they are difficult to find and fix. 2) avionics system, which was done by a different group at NASA: The software is checked very carefully in a bottom-up fashion. First, each new line of code is checked, then sections of code or modules with special functions are verified.
Picasso: Drawing With Light - Photo Gallery, 13 Pictures - LIFE
http://www.life.com/image/50695728/in-gallery/24871/picasso-drawing-with-light
Life Magazine catalogue of Picasso's "Light Drawings."
Photoshopでの作業をより早くより簡単にする20のTips | コリス
http://coliss.com/articles/build-websites/operation/design/20-photoshop-tips-for-a-faster-workflow.html
基本的なものから「基本的」なものまで つまり基本w
Android Icons
http://www.androidicons.com/
Download free Android icons for developers. The package includes 30 PNG menu icons plus the additional source files for further customization.
The package includes 30 PNG menu icons plus the additional source files for further customization.
Puntodepartida.com / Icons
http://www.puntodepartida.com/en/icons.php
Personal web page. My work, games, icons, guides and retrogaming
icone per periferiche etc
Latest High-Quality Free Fonts for Your Designs | Fonts | instantShift
http://www.instantshift.com/2009/11/07/latest-high-quality-free-fonts-for-your-designs/
Typography is the art and techniques of arranging type, type design, and modifying type glyphs. Display typography is a potent element in graphic design, where , Daily Resource for Web Designers and Developers.
Jim Carrey - Official Site
http://www.jimcarrey.com/
check out twitter integration
Site
Usable y accesible: 25 reglas para hacer CSS accesibles
http://olgacarreras.blogspot.com/2009/07/25-reglas-para-hacer-css-accesibles.html
25 Normas de accesibilidad relativas a las CSS
25 reglas para hacer buen css
25 reglas para hacer un buen archivo css
Olga Carrera ha creado un listado de 25 reglas para hacer un CSS mas accesible, la lista incluye notas de porque evitar el uso de hacks y alternativas para mejorar tu codigo CSS, asi como muchos tips para mejorar la accesibilidad del mismo, un articulo muy recomendable y en español.
A List Apart: Articles: You Can Get There From Here: Websites for Learners
http://www.alistapart.com/articles/you-can-get-there-from-here-websites-for-learners/
You Can Get There From Here: Websites for Learners
The Steve Irwin approach to discovery on the web—“I’m going to click this here link…just to see what happens!”
Context
From A List Apart: "Content-rich" is not enough. Most websites are not learner-friendly. As an industry, we haven’t done our best to make our content-rich websites suitable for learning and exploration. Learners require more from us than keywords and killer headlines. They need an environment that is narrative, interactive, and discoverable. Amber Simmons tells how to begin creating rich content sites that invite and repay exploration and discovery.
What we find changes who we become
"But just as important as the narrative consciously built into a website is the narrative readers create for themselves. Readers build their own narrative as they work their way through a website, moving from one content object to another. This narrative emerges from interrelationships between content items and helps readers turn fragmentary pieces of information into knowledge. The more clearly a reader can discern these relationships, the clearer and more meaningful the narrative he’ll be able to construct."
My Tree and Me — Custom Genealogy Charts
http://www.mytreeandme.com/
beautiful family trees
from tom
Glassical: A Free WordPress Theme - Smashing Magazine
http://www.smashingmagazine.com/2009/11/07/glassical-a-free-wordpress-theme/
By http://bit.ly/Tweets2Delicious
Grunge In Web Design: Samples And Best Practices | Spyre Studios
http://spyrestudios.com/grunge-web-design-examples-best-practices/
Spyre Studios
グランジデザイン
Grunge In Web Design: Samples And Best Practices
20+ Free and Stylish Typography Wordpress Themes : Speckyboy Design Magazine
http://speckyboy.com/2009/08/21/20-free-and-stylish-typography-wordpress-themes/
20+ Free and Stylish Typography Wordpress Themes : Speckyboy Design Magazine - http://speckyboy.com/2009/08/21/20-free-and-stylish-typography-wordpress-themes/
750+ Stunning Icons In 49 Icon Packages | DesignBeep
http://designbeep.com/2009/11/05/stunning-icons-in-49-icon-packages/
750+ Stunning Icons In 49 Icon Packages | DesignBeep - http://designbeep.com/2009/11/05/stunning-icons-in-49-icon-packages/
More Fonts Used In Logos of Popular Websites | Build Internet!
http://buildinternet.com/2009/11/more-fonts-used-in-logos-of-popular-websites/
This is a roundup of that identifies the fonts used in the logos of some of the top sites on the internet.
More Fonts Used In Logos of Popular Websites | Build Internet!
The Big Collection Of Free Design Textures - Noupe
http://www.noupe.com/freebie/the-big-collection-of-free-design-textures.html
Amazing jQuery Hover Effects | jQuery Wisdom
http://www.jquery.wisdomplug.com/jquery-plugins/jquery-animation-effects-plugins-jquery-plugins/amazing-jquery-hover-effects/
Amazing jQuery Hover Effects | jQuery Wisdom - http://www.jquery.wisdomplug.com/jquery-plugins/jquery-animation-effects-plugins-jquery-plugins/amazing-jquery-hover-effects/
Let hovers effects communicate and interact with the users. This collection of my handpicked amazing jQuery Hover effect plugins and tutorials will help you bring great interactivity and usability into your website.
Collection d'effets hover.
30 Fresh and Useful Photoshop Actions
http://designm.ag/resources/useful-photoshop-actions/
30 Fresh and Useful Photoshop Actions - http://designm.ag/resources/useful-photoshop-actions/
Smart Email Marketing - How to Design and Send Emails - Resource - letscounthedays
http://www.shayhowe.com/resource/smart-email-marketing/
26 Must Have Resources for the Web Developer's Toolbox | Fuel Your Creativity
http://www.fuelyourcreativity.com/26-must-have-resources-for-the-web-developers-toolbox/
web design resources
Good apps and tools for building websites
на случай если делать сайт или что-нибудь типа того
10 Fantastic and Creative Web Design Styles - Inspect Element
http://inspectelement.com/articles/10-fantastic-and-creative-web-design-styles/
Scrap Table
http://www.instructables.com/id/Scrap-Table
There are many methods for laminating wood -- this project focuses on a down-and-dirty method for those of us who do not own a lot of pipe clamps and other heavy duty hardware for wrestling with wild wood.  It is about ten feet long by thirty inches wide, sitting about thirty inches off the ground.  If you can salvage the wood, the other materials aren't too expensive: five threaded rods, about four bucks each; nuts, washers, and screws; a gallon or so of wood glue; sandpaper; and polyurethane.  All told, it was less than one hundred dollars.
There's a lot of wood out in the world free for the taking -- in dumpsters, back alleys, vacant lots, abandoned buildings, recycling yards, and architectural salvage centers. Most wood, if free from rot, is just as strong, durable, and good to use as new wood, once you sand off the weathering. This table was made from all salvaged wood -- both dimensional lumber and plywood, mostly taken from decaying buildings in and around Hale County, Alabama.
recycled wood
5 Simple, But Useful CSS Properties
http://www.webdesignerwall.com/tutorials/5-simple-but-useful-css-properties/
Quelques propriété CSS courantes mais à ne pas oublier: Clip, min-height, white-space, cursor, display
Handy css tips / clip tag :)
max wanger blog » photography + randomness
http://www.maxwangerblog.com/
lindos ensaios de casamento
max wanger photography : an incurably romantic spirit, warmly reflected in wedding photos, as well as those that focus on food, fashion, foreign capitals, friends, and loved ones.
fotos de casamento muderninhas
fotos de casamento foda!
de casamentos, incriveis e meigas
A Guide to Creating Email Newsletters | Webdesigner Depot
http://www.webdesignerdepot.com/2009/11/a-guide-to-creating-email-newsletters/
Getting Clients: Approaching The Company - Smashing Magazine
http://www.smashingmagazine.com/2009/11/09/getting-clients-approaching-the-company/
A defining factor in any freelancer or agency’s success in gaining new business is their ability to market their skills effectively. In this three-part series, we will explore ways in which designers can strategically promote themselves to get new clients. Securing new business by approaching companies can be a very challenging process, full of pitfalls. Here, we will look at 10 steps to impressing potential clients and avoiding the most common mistakes.
Most established organizations put a vision statement on their website. This will give you key insight into a company’s values, history, growth and future direction. This information is invaluable because it will help you better understand how the business operates and, thus, how you can tailor your approach to it. For example, if the company has a progressive stance on sustainability and the environment, you could approach them with ideas for paperless advertising and communication.
Best Open Source UML tools | Open Source Applications
http://apps.open-libraries.com/best-open-source-uml-tools/
StarUML Netbeans UML Plugin Acceleo ArgoUML BOUML Eclipse UML2 Tools Umbrello UML Modeller Frame UML UMLet TinyUML Taylor Papyrus UML
Open Source UML tools
Beautiful-HTML.png (PNG Image, 2000x2000 pixels)
http://css-tricks.com/examples/CleanCode/Beautiful-HTML.png
Beautiful tips and tricks.
การแก้ไข Browser ต่างกัน
Facebook Game Scams Appear on Phone Bills - TIME
http://www.time.com/time/business/article/0,8599,1935698,00.html
50 creative web agencies | INDEZINER
http://indeziner.com/inspiration/50-creative-web-agencies/
Web agencies are the ones that make the trends regarding webdesign. There are a lot of freelancers and companies nowadays. Some are great and some are not… well… we selected a few of great ones to showcase their work. Please check our list and comment about it and submit your own agency if you think [...] Related posts:<ol><li><a href='http://indeziner.com/free-css-templates/creative-media-free-css-template/' rel='bookmark' title='Permanent Link: Creative Media Free CSS Template'>Creative Media Free CSS Template</a></li><li><a href='http://indeziner.com/design/30-amazing-cartoony-websites/' rel='bookmark' title='Permanent Link: 30+ amazing cartoony websites'>30+ amazing cartoony websites</a></li><li><a href='http://indeziner.com/design/30-inspiring-dark-website-designs/' rel='bookmark' title='Permanent Link: 30 inspiring dark website designs'>30 inspiring dark website designs</a></li></ol>
15 Great Websites To Download Thousands of Free Fonts | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/roundups/15-great-websites-to-download-thousands-of-free-fonts
Custom Wordpress blog design checklist and walkthrough
http://www.thedesigncubicle.com/2009/11/custom-wordpress-blog-design-checklist-and-walkthrough/
basic theme creation checklist
Designing “Coming Soon” Pages - Smashing Magazine
http://www.smashingmagazine.com/2009/11/10/designing-coming-soon-pages/
Deciding what to do once you've purchased a domain but haven't yet launched the website is always a bit of a conundrum. Leaving up your domain registrar or Web host's...
デザイナーのためのHTML5リソースまとめ | DesignWalker
http://www.designwalker.com/2009/11/html5.html
Ultimate Guide To Grid-Based Web Design: Techniques and Tools - Noupe
http://www.noupe.com/design/ultimate-guide-to-grid-based-web-design.html
Ultimate Guide To Grid-Based Web Design: Techniques and Tools - Noupe
Theme Park Maps
http://www.themeparkbrochures.net/mainmaps.html
Some maps are large and may take up to a minute to download.
HTML Email Gallery | Inspiration for email design
http://htmlemailgallery.com/
Newsletter Gallery Inspiration
Ultimate Guide To Grid-Based Web Design: Techniques and Tools - Noupe
http://www.noupe.com/design/ultimate-guide-to-grid-based-web-design.html
秘密的秩序
Cacoo - Web上で図の作成とリアルタイムコラボレーション
http://cacoo.com/
Online-piirrostyökalu diagrammien tekemiseksi. Vaatii rekisteröitymisen. Diagrammin voi liittää esim. blogiin.
いだろうが、本当に伝えたい情報を徹底的に絞って伝わりやすさを最優
Webブラウザ上で手軽に使えるドローツール
54 Cool Examples of Custom Error 404 Pages | Dzine Blog
http://dzineblog.com/2009/11/50-cool-examples-of-custom-error-404-pages.html
Dzine Blog
f you have a broken link on your site or the pages, which don’t exist any longer, have moved to a new server or have never existed at all, visitors will get an internal error message from the server. However, by default these messages aren’t that helpful Whilst a well designed page can provide a means to find what they are looking for, wouldn’t it be great to display related information visitor might be interested or even redirecting them back to main page in a custom 404 page, here we have collected some 50 cool custom 404 pages just to inspire you, well not all are very informative some are simply an image or just with funny message but still it goes with the site itself..
Custom Facebook Page Gallery | An Inspiring Gallery of Custom Facebook Pages
http://www.customfacebookpage.com/
hiiiiiiiiiiiiiii
MOBILE ART LAB. — モバイル表現研究所 —
http://www.mobileart.jp/phonebook.html
iPhoneと、本を組み合わせたハイブリッドな本。 読み進めながら、画面をタッチしたり本そのものを傾けたりなど、 内容に沿ったインタラクティブなアクションを楽しめる。 インタラクションを伴わない通常の動画や、写真で利用することも可能。
phone book iphone book
Big Spaceship | Labs Blog - A Dash of Rosemary on Your CSS
http://www.bigspaceship.com/blog/labs/a-dash-of-rosemary-on-your-css/
Scalable CSS wrapper from Big Spaceship.
visto en el twitter de smashing magazine
Horizontally Scrolling Websites Showcase & Tutorials
http://line25.com/articles/horizontally-scrolling-websites-showcase-and-tutorials
Check out this collection of 30 inspiring examples of horizontally scrolling sites, and a hand full of tutorials for creating a horizontal site of your own.
"Love them or hate them, horizontally scrolling websites are scattered around the net, and there’s some fantastic examples. Unlike the traditional layout of a website that scrolls up and down, horizontal websites flip things around and scroll from left to right. Sometimes they’re enhanced with Javascript to offer an even richer user experience, such as auto-scrolling effects. Check out this collection of 30 inspiring examples, and follow on to a hand full of brilliant tutorials that give an insight into the theory and practice of creating a horizontal site of your own."
Line25
40 Seriously Funny Print Ads | Webdesigner Depot
http://www.webdesignerdepot.com/2009/11/40-seriously-funny-print-ads/
Great creativity pulled off in photo adverts...
60 Trendy Web Design Interfaces Created In October | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/inspiration/trendy-web-design-interfaces-october/
Share this on del.icio.usDigg this!Share this on RedditBuzz up!Stumble upon something good? Share it on StumbleUponShare this on TechnoratiShare this on MixxSubmit this to DesignFloatShare this on FacebookTweet This!Submit this to Script & StyleShare this on DevmarksRelated Posts48 Trendy And Fresh Web Interfaces From Deviantart: August 200946 Outstanding Web Layouts From DeviantArt: September 200955 Really [...]
inspiration
jQuery slideViewerPro 1.0
http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/index.html
Very nice!
50 Creative WWF Campaigns That Make You Think Twice | The Design Inspiration
http://thedesigninspiration.com/articles/50-creative-wwf-campaigns-that-make-you-think-twice/
Some really imaginative graphics from the World Wildlife Fund.
Son bien creativos los guachitos. Vale la pena ver las 50 fotos que muestra este blog, creeme :)
Super Cool Free Icon Sets | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/super-cool-free-icon-sets
30 Web Designs with Amazing Attention to Detail
http://designm.ag/inspiration/30-web-designs-with-amazing-attetion-to-detail/
30 Web Designs with Amazing Attention to Detail
7 Visualization Groups On Flickr to Find Inspiration | FlowingData
http://flowingdata.com/2009/11/06/7-visualization-groups-on-flickr-to-find-inspiration/
cyoa
http://samizdat.cc/cyoa/
choose your own adventure stories thoroughly visualized and diagrammed
choose your own adventure visualizations
Slick visualizations of choose your own adventure stories.
"When a world of new possibilities has just opened, it’s hard to find the will for restraint. But, in time, people scale back the more gratuitous uses of this sort of glitz, moving from what’s possible to what best suits the material." - analyzing the structure of "choose your own adventure" books
"13 months and 11k lines of code later, i’ve finished up the choose your own adventure project. all told i ended up cataloging a dozen books from the early-to-mid 80s, looking for patterns in their construction and in the paths made by different readers through them. these short, simple books had a surprisingly complicated structure with their interlocking pages & choices. as a kid the idea of writing one and keeping all those pages straight boggled my mind. what was lost on me at the time was that even a list of hundreds of page numbers can be comprehensible if it’s redrawn as a diagram. these days i feel like i approach everything that way. so here is my look back at an obsession from my past, using graphical obsessions of the present to guide the way." via http://etc.samizdat.cc/2009/11/the-rules-of-the-game
Visualizations of flow through Choose Your Own Adventure books.
Redesign: When To Relaunch The Site and Best Practices - Smashing Magazine
http://www.smashingmagazine.com/2009/11/11/redesign-when-to-do-it-and-best-practices/
Redesign: When To Relaunch The Site and Best Practices | Smashing Magazine
Rainmeter.net
http://rainmeter.net/RainCMS/
Rainmeter is a desktop customization platform. Through Rainmeter, you can enhance your Windows computer at home or work with skins: handy, compact applets which float freely on your desktop, much like Windows Sidebar gagdgets, or dashboard widgets for the Mac. Rainmeter skins provide you with useful information at a glance. It's easy to keep an eye on your system resources, like memory and battery power, or your online data streams, including email, RSS feeds, and weather forecasts. Many skins are even functional: they can record your notes and to-do lists, launch your favorite applications, and send your tweets to Twitter - all in a clean, unobtrusive interface that you can rearrange and customize to your liking.
Rainmeter is a desktop customization platform. Through Rainmeter, you can enhance your Windows computer at home or work with skins: handy, compact applets which float freely on your desktop, much like Windows Sidebar gagdgets, or dashboard widgets for the Mac.
customizable resource meter
personalized desktop
desktop totalmente irado
Evan Williams | evhead: Why Retweet works the way it does
http://evhead.com/2009/11/why-retweet-works-way-it-does.html
Interesting blog from the creater of Twitter
I'm making this post because I know the design of this feature will be somewhat controversial. People understandably have expectations of how the retweet function should work. And I want to show some of the thinking that's gone into it. I've been a big proponent of this particular design internally at Twitter, because, while it won't serve every use case, I think it offers something new and powerful.
excellent communication on the introduction of the new retweet feature on twitter. i don't think i've _ever_ retweeted anything. although i couldn't have articulated the reasons, i think the problems listed in the 'background' section of the post existed in my subconscious somewhere. i might start retweeting now though.
25 Slick PSD Website Templates Free for Download | Web Resources | WebAppers
http://www.webappers.com/2009/11/11/25-slick-psd-website-templates-free-for-download/
Beautiful Hand Drawn Websites | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/beautiful-hand-drawn-websites
Illustrations are a nice way to give to your site a less formal style. With hand drawings, the style gets even less formal and also it gives to the site a super unique feel, allowing the designer to show off his/her skills. This type of element can be used for small details or even for the whole site layout. One thing is almost certainty, hand drawings will make your site looks more friendly, however it's very important to find the balance and make sure that they fit with the theme and subject of your site.
Drag the video at the top to see a beautiful social networking interface.
Mandelbulb: The Unravelling of the Real 3D Mandelbrot Fractal
http://www.skytopia.com/project/fractal/mandelbulb.html
Kolmiulotteista mandelbrot-vaahtoa.
the Real 3D Mandelbrot Fractal
fractals en 3D
10 Tips for Writing Better CSS | Web Design Ledger
http://webdesignledger.com/tips/10-tips-for-writing-better-css
10 Tips for Writing Better CSS
The Smashing Book: Pre-Order Now And Save 20% | Events | Smashing Magazine
http://www.smashingmagazine.com/2009/08/05/the-smashing-book-pre-order-now-and-save-20/
ance, a popular color, is taken in Western society to mean environmental consciousness. In China, a green hat could imply that a man’s wife is cheating on him. The color is sacred in the Islamic world, and it has significance in Catholicism. In some African countries, green represents the natural richness of Africa. It has also been associated with money, jealousy, growth, sickness, inexperience, evil, fertility, hope, youth and death. This is just one example of the cultural and psychological implications that color can have for your website’s audience.
from patrick
The Choosy Beggar
http://www.thechoosybeggar.com/
for men!
@umairh try ttp://www.mensflair.com/shopping-guide/a-new-dashing-tailor-discovered.php, or for NYC http://www.thechoosybeggar.com/ [from http://twitter.com/PaulSweeney/statuses/3246200872]
A frank shopping guide to all the sales, deals, and trends fit for New York Men
sales - menswear - ny
A Better Way To Find Art - Print Society
http://printsociety.com/
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/navigation-menus-showcase/
The Best Free Icon Sets of 2009 | Web Design Ledger
http://webdesignledger.com/freebies/the-best-free-icon-sets-of-2009
I especially like the hand cursor icon set. Nice collection.
Web Design Ledger web design Nov12th In Freebies 17 The Best Free Icon Sets of 2009 Henry Jones The Best Free Icon Sets of 2009 In 2009 we’ve witnessed many talented and generous designers creating tons of amazing stuff and giving it away for us to use. We’ve already shown you all of the best free fonts from this past year. Now we’re going to show you the best free icon sets. There were plenty of free sets created this year, but these stand above the rest in terms of quality and usefulness.
Kann man immer gebrauchen :)
The Best Free Icon Sets of 2009
50 Inspirational and Fresh Minimally Designed Web Sites : Speckyboy Design Magazine
http://speckyboy.com/2009/11/11/50-inspirational-and-fresh-minimally-designed-web-sites/
40 Free High-Quality WordPress Themes | Smashing Magazine
http://www.smashingmagazine.com/2009/11/12/40-free-high-quality-wordpress-themes/
40 Free Themes for Wordpress
この手の記事って大体数が40か25な気がするんだけど、なんでだろ?
free word press themes
The Top 10 Web Applications For Web Designers In 2009 | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/roundups/the-top-10-web-applications-for-web-designers-in-2009
one of the best analytic tools ever created. Ever wondered what visitors click on your site? Or eve why no one is clicking here or on this page? CrazyEgg tracks what users do on your site, and displa
List of Free Icons for personal and commercial use | TutsAZ.com - Tutorialz from A to Z
http://tutsaz.com/2009/07/08/list-of-free-icons-for-personal-and-commercial-use/
WP Plugins - Premium WordPress Plugins
http://wpplugins.com/
A brand new way of getting Wordpress plugins...an app store for WP.
Welcome to the WordPress App Store You've reached the home of Premium WordPress plugins - so whether you're after a great WordPress plugin that you can't find anywhere else, or are a plugin author looking to share your skills at a fair price, we've got the works!
MailChimp Newsletter Integration
Coding a Web Design for Speed and Quality | Webdesigner Depot
http://www.webdesignerdepot.com/2009/11/coding-a-web-design-for-speed-and-quality/
The beauty of being a web designer is creating a detailed, creative, and original web design in Photoshop, without having to (for the most part) think about how it will be coded. During the design phase, it’s all about the look, and either the coding can be taken care of later, or be outsourced to a developer. Either way, not thinking about the development usability or functionality is a great way for a designer to not feel limited in the design process. This is a great way of thinking, and can lead to the best designs. However, once it does need to be coded, we as designers are in a tricky spot. In this article, you’ll find a few simple tips that can help designers learn basic XHTML/CSS conversion efficiently for a quick-loading website that is accurate to the original PSD.
The beauty of being a web designer is creating a detailed, creative, and original web design in Photoshop, without having to (for the most part) think about how it will be coded.
40+ Business Card Tutorials, PSD Templates and Inspirational Showcases : Speckyboy Design Magazine
http://speckyboy.com/2009/09/11/40-business-card-tutorials-psd-templates-and-inspirational-showcases/
42 Very Colourful Websites - Inspect Element
http://inspectelement.com/articles/42-very-colorful-websites/
Great use of colour can really make a design stand out but deciding on an effective colour scheme can be a difficult thing to achieve. The following examples
Usability News 112 - Shaikh
http://www.surl.org/usabilitynews/112/typeface.asp
Summary. This article presents results from a study investigating the personality of typefaces. Participants were asked to rate 40 typefaces (from serif, sans serif, display, and handwriting classes) using semantic differential scales. Responses are shown by typeface class and individual typeface using scaled scores. These results are helpful to practitioners when deciding which typeface to use for online text.
Survey results of typefaces and their usability.
user reponses to web typefaces
40 onscreen typefaces for useability
A LA CARTE MAPS - Discover the world à la carte
http://www.alacartemaps.com/index.php
A la Carte Maps provide a unique approach to traveling by combining guidebook, tourist map and a piece of art in one. No matter whether you travel for business or for leisure, with our "My City à la Carte" Maps you have a local friend in exciting cities all over the world. Not only will this friend provide you with the most important information about your city, he or she will also reveal the city's best-kept insider tips by writing them on a beautiful hand-drawn map.
hand-drawn maps for several global cities
Von Künstlern handgezeichnete Karten verschiedener Städte. Für jede Stadt einen eigenen Künstler.
Big Header - The Power of beautiful web design - Showcase of the best 20 | AEXT.NET
http://aext.net/2009/10/big-header-the-power-of-beautiful-web-design-showcase-of-the-best-20/
Programming, Designing and Blogging
Great looking big-headers for websites
Big Header - The Power of beautiful web design - Showcase of the best 20 | AEXT.NET - http://aext.net/2009/10/big-header-the-power-of-beautiful-web-design-showcase-of-the-best-20/
Big Header - The Power of beautiful web design. Gros header : la tendance Web desing du moment
20 Free Mac Apps For Web Designer’s Toolkit - Noupe
http://www.noupe.com/tools/20-free-mac-apps-for-web-designer-s-toolkit.html
Great list of free mac design resources
Riktigt bra artikel om gratis mjukvara till osx
UX Quotes- Useful Quotes on User Experience
http://www.uxquotes.com/
Find your tracks
http://www.findyourtracks.fr/
Search music based on different genere, the navigation is fantastic
Trouver des styles de musique par cibles (age, centres d'interets, format, sexe)
Filter tracks by genre, tags, playlists. Simple, well executed interface
Musica a vontade!
EyeWriter Initiative
http://www.eyewriter.org/
The EyeWriter is an ongoing collaborative research effort to empower people, who are suffering from ALS, with creative technologies. It is a low-cost eye-tracking apparatus & custom software that allows graffiti writers and artists with paralysis resulting from Amyotrophic lateral sclerosis to draw using only their eyes.
The EyeWriter project is an ongoing collaborative research effort to empower people, who are suffering from ALS, with creative technologies.
Tetraplégicos também podem participar da arte urbana grafitando com os olhos.
5 Damn Easy Ways To Improve User Experience | Spyre Studios
http://spyrestudios.com/improve-user-experience/
5 Damn Easy Ways To Improve User Experience
Simple tips for a good UX. These are obvious wins...
35 Incredible Digital Painting Tutorials | Smashing Magazine
http://www.smashingmagazine.com/2009/11/13/35-incredible-digital-painting-tutorials/
Art is not restricted to any medium, nor is digital painting. Yes, you read that right: “digital painting.” It is a new trend in today’s technologically brilliant world that won’t go away any time soon. Here, we’ve gathered 35 tutorials to inspire you to display your creativity through digital painting. We hope you like this collection. Kindly share your comments about it with us.
What a logo does not have to be or do
http://www.thedesigncubicle.com/2009/11/what-a-logo-does-not-have-to-be-or-do/
Good points, but you don't need to tell designers.
"What a logo does not have to be or do" http://j.mp/14WuMy
「ふたり暮らしのお部屋」グランプリ!
http://www.unico-fan.co.jp/campaign/rooms/rooms.html
「ふたり暮らしのお部屋」グランプリ!
こんな家に住みたい、とは思えない
10 Wordpress Plugins To Boost Up Your Theme You Have Ever Known | AEXT.NET
http://aext.net/2009/11/10-wordpress-plugins-to-boost-up-your-theme-you-have-ever-known/
10 New Wordpress Plugins To Boost Up Your Theme - http://j.mp/1pxY31
Nov 12 10 Wordpress Plugins To Boost Up Your Theme You Have Ever Known Categories: List, Resources, Themes & Layouts | 30 Comments Do you know what the most difference between the hard-working wordpress theme developer and the lazier one is? The hard-working always finds the ways to restrict plugin using for his theme, but the lazier one just needs a plugin that can use for his theme and save his time is fine. However, sometime, there are wordpress plugins that two kind of designer above must use.
無料で使えるオンライン統合画像編集ツール『Aviary』がすごすぎない?! - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/03/aviary.html
ブラウザ上で動く画像制作ツール
無料で使えるオンライン統合画像編集ツール『Aviary』がすごすぎない?! - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
11 Flash 3D Tutorials Using Actionscript and Away3D That Can help You Increase Your Productivity
http://www.tutzone.org/2009/07/11-flash-3d-tutorials-using.html
11 Flash 3D Tutorials Using Actionscript and Away3D That Can help You Increase Your Productivity
Pro GIMP — сайт рассказывающий о бесплатном растровом графическом редакторе Гимп
http://www.progimp.ru/
GIMP — мощный и совершенно бесплатный аналог Фотошопа. Работа с ним доставляет истинное удовольствие.
Уроки использования Гимп
55 Decisive Useful jQuery Tutorials | Dzinepress
http://www.dzinepress.com/2009/11/55-decisive-useful-jquery-tutorials/
55 Decisive Useful jQuery Tutorials | Dzinepress - http://www.dzinepress.com/2009/11/55-decisive-useful-jquery-tutorials/
[ad#link-unit-post] I would like to present an well-aware language best tutorials, as you know jQuery is a lightweight JavaScript library that accentuate communication between JavaScript and HTML, there is advanced features and strong support are
SqueezeMe.TV
http://squeezeme.tv/
everything motion design in one place.
50 Beautiful and Professionally Looking Joomla Templates | Tools
http://www.hongkiat.com/blog/50-beautiful-and-professionally-looking-joomla-templates/
50 themes Joomla โคตรงาม
hongkiat.com: joomla templates
Larva Labs - Intelligent Home Screen
http://www.larvalabs.com/product_pages/intelligent_home_screen.html
Some suggestions for improving a smart phone's (actually, the Android's) home screen
Log in or sign up? - Leah Culver's Blog
http://blog.leahculver.com/2009/11/log-in-or-sign-up.html
clever signup/login ui
For one of my side projects, Leafy Chat, we have just added the concept of user accounts. This includes the need for registration and log in (as well as log out and forgot password and so on). Leafy Chat only requires an email address and a password for both registration and log in, so it would be great to have some clever way to have both forms on the homepage.
Designing login/signup for a web server
Very smart. Stealing this idea for a current project
Interesting thoughts, but I don't like the end result. People have been trained over the years on how to do login/signup. Putting them both on the same page seems like the right idea, but there's something wrong with this implementation--it looks different from most forms.
http://www.youtube.com/watch?v=DHhHgwQ0xKU
share
"So after probably far too much research, I've come up with the following single register/log in form for Leafy Chat. Log in Sign up The form updates via JavaScript when the user selects a radio button. For the log in form, notice that the submit button says "Log in" and there is a link to retrieve a forgotten password. For the sign up form, the label for the password field prompts the user to "Choose a password" and "Sign up!" while also accepting the terms of service. I like this design because a user can either log in or sign up directly from the homepage and the radio buttons stand out and make the options clear to the user. I love that the page dynamically updates to provide relevant help for the chosen form. Also, the user can easily correct any errors without re-entering their email/password. What do you think?
80+ Creative Geek T-Shirts You Can Buy Online | Inspiration
http://www.hongkiat.com/blog/creative-tshirt-you-can-buy-online/
Freaking awesome GEEK T-Shirts!
13 Steps to a Successful Website Launch
http://www.e-moxie.com/resources/news/13-steps-to-a-successful-website-launch/
网站正式发布前的checklist
make sure merchant account is out
We all have been there, the client pushes for a launch date that is about 3 days before everyone had planned on.  It is now Friday at 3:00pm and you are being pulled in all directions trying to get everything ready for the big launch.  You keep ask
Good checklist for launching a site
Outlaw Design Blog » 50 Custom Mac Desktop Screenshots
http://www.outlawdesignblog.com/2009/50-custom-mac-desktop-screenshots/
Site with 50 really cool customized desktops
Outlaw Design Blog
メルマガ素材集 すぐに使える罫線&囲み枠30選―メールマーケティング特集(10) | Web担当者Forum
http://web-tan.forum.impressrd.jp/e/2009/09/09/5805
罫線&囲み枠
メルマガなどですぐに活用できる罫線や囲み枠を紹介していく。
メルマガ素材集 すぐに使える罫線&囲み枠30選
21 Fonts That Shouldn't Be Free...But Are! | Web Design Blog by Union Room Web Design
http://ow.ly/15HB7x
21 Fonts That Shouldn't Be Free...But Are!
11 Essential Photoshop E-Books Amazingly Free : Speckyboy - Web Design, Web Development and Graphic Design Resources
http://speckyboy.com/2008/12/03/11-essential-photoshop-e-books-amazingly-free/
ebooks
Mandelbulb: The Unravelling of the Real 3D Mandelbrot Fractal
http://www.skytopia.com/project/fractal/mandelbulb.html#renders
randomly generated levels anyone?
in advance of tonight's #jonathoncoulton gig enjoy the ultimate mandelbrot set http://bit.ly/3LbTdU [from http://twitter.com/Alfie/statuses/5676838065]
Free Adobe Tutorials | Photoshop CS4 | Clone Stamp | Cover-up layers | Layers Magazine
http://www.layersmagazine.com/remove-elements-from-a-photo-in-photoshop-cs4.html
Let’s face it: no matter how carefully you try to compose your image, in some photos there’s something in the shot that just has to go! In this tutorial, we’ll review some key techniques for removing elements from a photograph using cover-up layers and the new live brush preview for the Clone Stamp in Photoshop CS4.
Remove Elements From a Photo in Photoshop CS4
50 Stunning Examples of the Droste Effect | Webdesigner Depot
http://www.webdesignerdepot.com/2009/09/50-stunning-examples-of-the-droste-effect/
The Droste effect is a Dutch term for a specific type of recursive picture. An image exhibiting the Droste effect depicts a smaller version of the image
How Domains and URLs Relate to Search Engine Optimization - SEO - letscounthedays
http://www.shayhowe.com/seo/how-domains-relate-to-seo/
URLs Relate to Search Engine Optimization
The Online Portfolio of Shay Howe
20 New High Quality Free Fonts | Smashing Magazine
http://www.smashingmagazine.com/2009/11/15/20-new-high-quality-free-fonts/
Superscript
24 New Beautiful Photoshop Brushes » 2experts Design – Web Design and Graphic Design Blog
http://www.2expertsdesign.com/2009/11/14/24-new-beautiful-photoshop-brushes/
Beautiful Photoshop Brushe
Opensource, Free and Usefull Online Resources for Designers and Developers
Today, we are listing bunch of really cool Photoshop brushes at the end of the week. These brushes are ideal for creating backgrounds and you can use them in a website, leaflet, poster, cards, etc. Here you will find a many different kinds so you can get the ones you like. Enjoy!
10 Image Free Sexy CSS Menu and How to Create One | Desizn Tech
http://desizntech.info/2009/05/10-image-free-sexy-css-menu-and-how-to-create-one/
Desizn Tech: Web Design, Graphic Design, Photography and Tech Blog. Have bookmarked at CSS Menu entry. Worthwhile checking out the rest of the site. Some useful freebies.
10 Image Free Sexy CSS Menu and How to Create One - http://desizntech.info/2009/05/10-image-free-sexy-css-menu-and-how-to-create-one/
CSS Menu and How to Create One
Simple Css Menu rounded
全日本バーベイタム選手権 | Verbatim Championship
http://www.verbatim.jp/senshuken/
自分で作ったモンスターを戦わせる3D格闘ゲーム。城戸さん最新作。
やべえ
いや、すごい。口あんぐりです
Web Design Trends: Testimonials Design - Noupe
http://www.noupe.com/how-tos/web-design-trends-testimonials-design.html
iPhone Apps Design Mistakes: Disregard Of Context | Smashing Magazine
http://www.smashingmagazine.com/2009/11/15/iphone-apps-design-mistakes-disregard-of-context/
"To Create An App That Customers Love, Zoom Out" : de nombreux conseils qui ne valent pas forcément que pour le développement d'applications iPhone...
172 final flag icons - Custom Icon Design team
http://www.customicondesign.com/free-icon/172-final-flag-icons/
Länderfahnenicons
Iconos de muchos paises gratis! Estan super nice...
コーディングするのが楽になるかも?と思うCSSテクニックのまとめ | CSS Lecture
http://www.css-lecture.com/log/css/coding-css-technique.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A%20css-lecture%20%28CSS%20Lecture%29&utm_content=Google%20Reader
Top 30 Photoshop Tutorials of 2009 | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/roundups/top-30-photoshop-tutorials-of-2009
9 Most Common IE Bugs and How to Fix Them - Nettuts+
http://net.tutsplus.com/tutorials/html-css-techniques/9-most-common-ie-bugs-and-how-to-fix-them/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+nettuts+%28NETTUTS%29
Internet Explorer - the bane of most web developers' existence. Up to 60% of your development can be wasted just trying to squash out IE specific bugs which
9 Most Common IE Bugs and How to Fix Them - Nettuts+
Basic Maths
http://basicmaths.subtraction.com/
From the creator of Subtraction.com (and Design Director at NYTimes Online)
A wordpress Theme for sale designed by Khoi Vinh & Allan Cole. I want it.
Really nice product site for a WordPress theme. Theme is half decent too
Basic Maths, a tight WordPress theme by Khoi Vinh and Allan Cole.
20 Do’s and Don’ts of Effective Web Typography | Web Design Ledger
http://webdesignledger.com/tips/20-dos-and-donts-of-effective-web-typography
รวมทิปเทคนิคการใช้ตัวอักษรในการออกแบบ
CSS Awards - 50 Great Examples | Spyre Studios
http://spyrestudios.com/awesome-submissions-css-awards/
CSS sites
Brushing Up On Photoshop’s Brush Tool | Smashing Magazine
http://www.smashingmagazine.com/2009/11/16/brushing-up-on-photoshops-brush-tool/
9 Most Common IE Bugs and How to Fix Them - Nettuts+
http://net.tutsplus.com/tutorials/html-css-techniques/9-most-common-ie-bugs-and-how-to-fix-them/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+nettuts+%28NETTUTS%29&utm_content=Google+Reader
Internet Explorer - the bane of most web developers' existence. Up to 60% of your development can be wasted just trying to squash out IE specific bugs which isn't really a productive use of your time. In this tutorial, you are going to learn about the most common IE bugs and rendering disparities and how to easily squash them or deal with them. Interested? Let's get started.
css hack html howto tips ie
DIE IE.
101 Top Photoshop Typography Tuts | AntsMagazine.Com
http://www.antsmagazine.com/2009/03/101-top-photoshop-typography-tuts/
Amazing set of typography/text tutorials
35 Excellent Ecommerce User Interface Designs | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/ecommerce-ui/
Great ideas for e-commerce sites
Web Design and Development Blog
While user experience is important on all types of websites, it is especially critical for ecommerce websites where visitors will be making purchases. A poor user experience will result in visitors having difficulty finding what they want, frustration during shopping, and many lost sales. In this post we will showcase the design of 35 e-commerce websites for your own UI design inspiration. The sites that are showcased in this post have also been featured at CartFrenzy, our gallery of the best ecommerce web design.
40 of the Best Horizontal Scrolling Websites | Web Design Ledger
http://webdesignledger.com/inspiration/40-of-the-best-horizontal-scrolling-websites
Horizontal websites have become an underground phenomenon. A horizontal website is a lot like your artsy younger sister who dresses weirdly and doesn't seem to
Horizontal websites have become an underground phenomenon. A horizontal website is a lot like your artsy younger sister who dresses weirdly and doesn’t seem to acknowledge a world outside of her own imagination. Since horizontal websites are not universally embraced by the web design community, those who design in this genre must live with a hope that they are advancing design in some small way. Horizontal designs are not for every type of website. It works superbly well with portfolios or photo galleries, but not so much with word-driven sites like blogs. Horizontal designs are not for every type of audience. Grandparents can’t handle it. Basically, anyone born before 1970 can’t handle it. These designs are best suited for those looking to make their website an extension of their art. It also says a lot about your brand. If your brand is quirky, bold and mind bending, your audience will expect an equally expressive web design.
Type for you ~ ANTREPO4.COM OUTPUT REPORT
http://www.a2591.com/2009/10/type-for-you.html
How to Use Retro Colors in Your Designs
http://sixrevisions.com/web_design/how-to-use-retro-colors-in-your-designs/
This article is both a showcase of retro-colored themes in existing web designs, as well as a tutorial on how to achieve retro colors using Adobe Photoshop (you’ll learn about five different techniques).
How to Use Retro Colors in Your Designs
Retro colors are a great way to give your website an older/vintage feel; it can give your design a little something different from the regular fully saturated colors that you see often in modern-themed designs. This article is both a showcase of retro-colored themes in existing web designs, as well as a tutorial on how to achieve retro colors using Adobe Photoshop (you’ll learn about five different techniques).
A List Apart: Articles: On Web Typography
http://www.alistapart.com/articles/on-web-typography/
With the floodgates poised to open and the promise of many typefaces being freed up for use on websites, choosing the right face to complement a website’s design will need to become another notch in the designer’s belt. But where do we start?
Web Font Specimen
http://webfontspecimen.com/
Because web type renders differently with only subtle CSS adjustments, seeing it exercised in a variety of ways can help web designers typeset
Real web type in real web context.
"Real web type in real web context"
Because web type renders differently with only subtle CSS adjustments, seeing it exercised in a variety of ways can help web designers typeset—and also help them decide which typefaces to purchase for their projects.
I designed Web Font Specimen and have released it under a Creative Commons license for the betterment of typographic style and practice. Download it, make it your own, and make it better. If you publish a new version, just mention that it’s a derivative of Web Font Specimen.
How to bring CSS3 features into your design « WelcomeToTheSky
http://welcome2thesky.com/2009/11/13/how-to-bring-css3-features-into-your-design/
もうこっそり使ってもいいと思う。
5 Essential Document Templates for Freelance Designers - Freelance Web Design Belfast Northern Ireland - Lee Munroe
http://www.leemunroe.com/freelance-document-templates/
Design webpage
5 Essential Document Templates for Freelance Designers - Freelance Web Design Belfast Northern Ireland - Lee Munroe
Understanding Your Brain for Better Design: Left vs. Right | Webdesigner Depot
http://www.webdesignerdepot.com/2009/11/understanding-your-brain-for-better-design-left-vs-right/
How we, as creative people, can harness this understanding of the left and right brain to be more creative, as well as succeed in other work-related tasks.
The concept of the left and right brain only lately popped up in the late 1960's, but since has become a well-known part of human psychology. While we all
russell davies: playful
http://russelldavies.typepad.com/planning/2009/11/playful.html
We don't need many cues to help us pretend. We'll find meaning in the noisiest noise - just give us a tiny signal and we'll come up with a message.
Russell Davies explains the power of play, not for our kids so much as for other adult, explicitly stating what many of us don't admit: we pretend an awful lot, especially in boring social situations, usually as a function of inattention, rather than directly interacting with a game. His analysis is fascinating, and his recommendations for recognizing and making our games of pretend valued parts of our lives comprise some of the best innovative, game-changing musing in the field of technology, entertainment, and design that I've come across yet.
"I think that's why we find Jason Bourne so resonant. It's easy pretending to be him. Because most of the time he's just commuting."
10 Pretty Useful and Cool jQuery Plugins
http://www.queness.com/post/1074/10-pretty-useful-and-cool-jquery-plugins
Pretty Useful and Cool
10 Pretty Useful and Cool jQuery Plugins
There are new jQuery plugin being released everyday. In this post, I have found 10 jQuery Plugins that are pretty useful and also pretty cool concept.
This list is pretty nice and more recent. All of the plugins seem to be pretty dialed in and compatible with all the major browsers
Web Icon Set - Offers Professional and Quality Icon Sets
http://www.webiconset.com/
free
"You can use these icons on any desktop and web applications. Application Icon Set inclides Register, Settings, Users, Database, Login, Chat, Add, Delete, Edit, invoice."
Designing Social Interfaces: Overview and Practical Techniques - Smashing Magazine
http://www.smashingmagazine.com/2009/11/17/designing-social-interfaces-overview-and-practical-techniques/
Color: The Next Limited Resource?
http://sixrevisions.com/web_design/color-the-next-limited-resource/
Who owns color? Trends in limiting color usage and the rights that brands have to trademark colors is a difficult road to navigate.
ใช้สีนำเสนอข้อมูล เข้าใจง่าย
What really isn’t being discussed by the design world at large though are the limitations being set on color. Color is as free for us to use as the air we breathe… or is it?
Internal Memos: 'Breathtaking' Document Reveals Pepsi's Logo is Pinnacle of Entire Universe
http://gawker.com/5150582/breathtaking-document-reveals-pepsis-logo-is-pinnacle-of-entire-universe
"Last year Pepsi spent several hundred million dollars on a new logo. Everyone figured they had just ripped off the Obama logo. But now an internal document from the branding company has surfaced: Breathtaking bullshit."
How To Create Great Typographic Wallpaper In Photoshop | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/tutorials/learn-how-to-create-great-typographic-wallpaper-photoshop/
How To Create Great Typographic Wallpaper In Photoshop
mezzoblue § Isolation
http://mezzoblue.com/archives/2009/11/05/isolation/
You probably experience this on a regular basis: a client sends you an illustration or a logo they’d like to use in a project, but it’s a low-res bitmap or a flat image file with a background texture. Or both, if you’re really lucky. Sure, you can try and ask for a vector version, but more often than not what they originally sent was the best copy they had on hand.
extract a logo from a dirty background, so pro.
Trasformare un logo bitmap in vettoriale
Photoshop tutorial about how to make precise selections, even on a low-res or fuzzy image.
remove background
a client sends you an illustration or a logo they’d like to use in a project, but it’s a low-res bitmap or a flat image file with a background texture.
You Don't Know Jack About Software Maintenance | November 2009 | Communications of the ACM
http://cacm.acm.org/magazines/2009/11/48444-you-dont-know-jack-about-software-maintenance/fulltext
Article which seems nice. I should read.
No direct references are allowed to anything if they can be avoided. Every data structure is designed for expansion and self-identifying as to version. Every code segment is made self-identifying by the compiler or other construction procedure. Code and data are changeable on a per-command/process/system basis, and as few as possible copies of anything are kept, so single copies could be dynamically updated as necessary.
20 Email Design Best Practices and Resources for Beginners - Nettuts+
http://net.tutsplus.com/tutorials/html-css-techniques/20-email-design-best-practices-and-resources-for-beginners/
Designing CSS Buttons: Techniques and Resources - Smashing Magazine
http://www.smashingmagazine.com/2009/11/18/designing-css-buttons-techniques-and-resources/
Buttons, whatever their purpose, are important design elements. They could be the end point of a Web form or a call to action. Designers have many reasons to style buttons, including to make them more attractive and to enhance usability. One of the most important reasons, though, is that standard buttons can easily be missed by users because they often look similar to elements in their operating system. Here, we present you several techniques and tutorials to help you learn how to style buttons using CSS. We’ll also address usability.
A List Apart: Articles: Real Web Type in Real Web Context
http://www.alistapart.com/articles/real-web-type-in-real-web-context/
Now that browsers support real fonts in web pages and we can license complete typefaces for such use, let’s move past the hype of web type and think pragmatically about how to use real fonts in our web projects. Several experiments with the CSS @font-face property, including some preliminary work with the much-anticipated Typekit, have led me to a single, urgent conclusion: I need to know how my type renders on screens, in web browsers. To that end, I created Web Font Specimen, a handy (free) resource web designers and typographers can use to see how typefaces will look on the web.
34 Excellent Fresh Free WordPress Themes
http://thedesignmag.com/34-excellent-fresh-free-word-press-themes.html
7 Tips To Make Your Web Site Mobile-friendly
http://www.sitepoint.com/blogs/2009/11/18/7-tips-to-make-your-web-site-mobile-friendly/
Every website should understand and implement mobile compatibility.
Cut My Pic!
http://www.cutmypic.com/
ritaglio di foto online
いい
A FAST, FREE WEBTOOL THAT ALLOWS YOU TO CUSTOMIZE YOUR PICTURES & PHOTOS!
Scroll Clock
http://toki-woki.net/p/scroll-clock/
なにこれかっこいい
Clock composed of scrollbars = fun
nice java script hack
Creating Your Own Organic Textured Backgrounds - Blog - Ali Felski
http://alifelski.com/blog/creating_your_own_organic_textured_backgrounds/
So two of the questions that I received most are how I created the background texture on alifelski.com and also if people could outright take elements from my site and simply place them on theirs. With that, I would like to show everyone how I created my background in hopes that people will get inspired and create textured backgrounds of their own.
creating bg's using ps
So two of the questions that I received most are, how I created the background texture on alifelski.com and also if people could outright take elements from my site and simply place them on theirs. With that, I would like to show everyone how I created my background in hopes that people will get inspired and create textured backgrounds of their own.
Coding Clean and Semantic Templates
http://www.webdesignerwall.com/tutorials/coding-clean-and-semantic-templates/
Coding Clean and Semantic Templates with comparisons examples
Fazladan kullanılan DIV elementleri ile HTML sayfa üzerindeki nesnelerin CSS ile nasıl kontrol edildiğini anlatır belge.
If you are the guy who uses <div> tag for everything, this post is for you. It focuses on how you can write clean HTML code by using semantic markups and minimize the use of <div> tag. Have you ever edited someone’s templates, don’t those messy tags drive you crazy? Not only writing clean templates can benefit yourself, but your team as well. It will save you time when you have to debug and edit (particularly the large projects).
html coding example
10 Definitive Tips for Writing Captivating Emails
http://sixrevisions.com/project-management/10-definitive-tips-for-writing-captivating-emails/
E-mail writing
The Best Photoshop Tutorials of 2009 | Web Design Ledger
http://webdesignledger.com/tutorials/the-best-photoshop-tutorials-of-2009
15 Excellent Websites To Learn CSS | WebDesignFan.com
http://webdesignfan.com/15-excellent-websites-to-learn-css/
15 Excellent Websites To Learn CSS | WebDesignFan.com
Making browsers faster: Resource Packages · Alexander Limi
http://limi.net/articles/resource-packages/
cool proposal, seems sane
Funny
This is quite amazing: all resources of a page in 1 HTTP request (excluding the page). Its backwards compatible too.
pallo.swf (application/x-shockwave-flash Object)
http://www.cesmes.fi/pallo.swf
you can do it
Fun little thingie that allows one to play
50 Impressive Magazine and Newspaper Styled Web Designs : Speckyboy Design Magazine
http://speckyboy.com/2009/11/18/50-impressive-magazine-and-newspaper-styled-web-designs/
印象的な雑誌新聞スタイルのウェブデザイン50
CONVERT COREL DRAW FILES ONLINE - Free Online File Conversion Services | Filespazz.com
http://filespazz.com/index.php
Welcome to FileSpazz.com! We convert your Corel Draw files into usable format that you can use for other software.
CONVERT COREL DRAW FILES ONLINE - Free Online File Conversion Services | Filespazz.com
Ferramenta online de converter arquivos de cdr e para cdr
Free Online File Conversion Services | Filespazz.com
The Death Of The Blog Post - Smashing Magazine
http://www.smashingmagazine.com/the-death-of-the-blog-post/
look into the blogazine trend
50 Fresh Interactive Studio and Social Media Agency Websites - Noupe
http://www.noupe.com/showcases/50-fresh-interactive-studio-and-social-media-agency-websites.html
สวยๆ ทั้งนั้น
As you might observe, social marketing is the new black. Tons of studies predict huge budgets for social media strategies from the top shots, so the agencies need to sharpen their interactive skills in order to separate clients from their money. Lots of big advertising and PR networks created digital marketing divisions but given the fact that this is such a fresh trend, the independent studios have almost the same chances to land a big contract if they’re creative enough. Long story short, here is a showcase of 50 outstanding websites of digital marketing agencies, interactive advertising studios and online PR bureaus. The majority follows the trends of modern web design – wide layout, projects carousel, text over images, crisp textures in the background, large headers, homepage smooth animations, and – of course – integrated Twitter & Facebook functionalities.
cyoa
http://samizdat.cc/cyoa/#/_
As a child of the 80s, the Choose Your Own Adventure books were a fixture of my rainy afternoons. My elementary school library kept a low, fairly unmaintained-looking shelf of them hidden in one of its back corners. Whether this non-marquee placement was an attempt by the librarians to deemphasize the books in favor of ‘serious’ (children’s) literature or was simply my good luck I still haven’t worked out. But it meant there was a place that I could retreat to and dive into unfamiliar worlds without distraction.
Amazing website dedicated to choose your own adventure books
In the story, your concord flight is interrupted when you are beamed aboard a nearby spacecraft trolling the universe for intelligent life. Once aboard you discover your new captors, the U-TY, are interested in keeping you around only to the extent that you can help them find Ultima, the ‘planet of paradise’. The planet’s location is cloaked in mystery and you are only told that it’s a place that cannot be reached ‘by making a choice or following directions’. However this is all foreshadowing for when the reader finally becomes frustrated in the apparently impossible quest and begins flipping through the book hunting for that ending. In fact not choosing is the only way to reach Ultima. The branch diagram for UFO 54-40 is unique in that it has one ending – the Ultima ending – which is completely disconnected from the rest of the story. It exists as an island, unreachable through choices but discoverable thanks to the random access nature of the book.
Clients From Hell
http://clientsfromhell.tumblr.com/
Social Software: The Other 'Design for Social Impact,' by Gentry Underwood - Core77
http://www.core77.com/blog/featured_items/social_software_the_other_design_for_social_impact_by_gentry_underwood_15039.asp
top post exploring the implications of 'social-ness' on interaction design - must read for anyone designing sites for participation & collaboration
21 Awesome T-Shirts for Photographers
http://www.petapixel.com/2009/11/13/21-awesome-t-shirts-for-photographers/
I'm a big fan of Threadless and the seemingly infinite stream of hilarious t-shirts designs that are constantly being created by its dedicated community. However, I haven't been able to find many shirts designed specifically for photographers on the
Azure :: The Lazy Designer’s Guide to Success
http://www.azuremagazine.com/newsviews/blog_content.php?id=1323
FACETIOUSLY POSITIONING HIMSELF AS A "LAZY" DESIGNER, MICHAEL BIERUT, THE PROLIFIC FOUNDER OF DESIGN OBSERVER AND PARTNER AT PENTAGRAM’S NEW YORK OFFICE, SHARES HIS SEVEN STEPS TO SUCCESS.
The Anatomy Of An Infographic: 5 Steps To Create A Powerful Visual | Spyre Studios
http://spyrestudios.com/the-anatomy-of-an-infographic-5-steps-to-create-a-powerful-visual/
Advice on how to make really useful infographics.
Information is very powerful but for the most bit it is bland and unimaginative. Infographics channel information in a visually pleasing, instantly understandable manner, making it not only powerful, but extremely beautiful. Once used predominantly to make maps more approachable, scientific charts less daunting and as key learning tools for children, inforgraphics have now permeated all aspects of the modern world.
Downloads | Komodo Media
http://www.komodomedia.com/download/#social-network-icon-pack
Downloads!
80+ ridiculously rad social networking icons
Finally, some social networking icons I would actually use.
14 Free Mac Apps for Web Designers on a Budget | Web Design Ledger
http://webdesignledger.com/tools/14-free-mac-apps-for-web-designers-on-a-budget
Creating Very Cool Folded Typo | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/creating-very-cool-folded-typo
Creating Very Cool Folded Typo
Folded text tutorial
Fuentes despegadas
In this tutorial I will show how to create a very cool folding effect to apply on your typography using photoshop, in very easy and in a couple simple steps you can transform a simple text into a text full of folded letters to give a very cool look to it, check it out.
In this tutorial I will show how to create a very cool folding effect to apply on your typography, in very easy and in a couple simple steps you can transform a simple text into a text full of folded letters to give a very cool look to it, check it out.
25 Awesome Tools for Choosing a Website Color Scheme | Design Shack
http://designshack.co.uk/articles/inspiration/25-awesome-tools-for-choosing-a-website-color-scheme
Top 20 Earning Web Design Websites | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/roundups/top-20-earning-web-design-websites
10 Blogs to Help You Become a Photography Expert | Web Design Ledger
http://webdesignledger.com/resources/10-blogs-to-help-you-become-a-photography-expert
Mind Blowing Hyperrealistic Sculptures | Webdesigner Depot
http://www.webdesignerdepot.com/2009/11/mind-blowing-hyperrealistic-sculptures/
28 Free Wordpress Photo Gallery Themes | TutZone
http://tutzone.net/2009/11/free-wordpress-photo-gallery-themes.html
28 Free Wordpress Photo Gallery Themes | TutZone - http://tutzone.net/2009/11/free-wordpress-photo-gallery-themes.html
Free Image Carousels for Web Developers | TutZone
http://tutzone.net/2009/11/free-image-carousels-for-web-developers.html
Recopilatorio de galerías de imágenes, slideshow, carousel.
One of biggest problem often faced by web developers is limited space. Using image carousels and slider components can be an easy way to add rich content to your site with little ease even with limited space. All you have to do is to select which carousel will be best for you.
Free Image Carousels for Web Developers
The Big Showcase Of Online T-Shirt Stores - Smashing Magazine
http://www.smashingmagazine.com/2009/11/20/showcase-of-online-t-shirt-stores/
T-shirts, as you’ll surely agree, play a big part in the design world. Sometimes, we designers don’t get the kinds of projects we want, and so we are left to apply our creativity in some other way, many of us opting to submit graphics in t-shirt competitions or printing them ourselves and selling them through shopping cart systems such as BigCartel. In this post, we bring you a showcase of online t-shirt store Web designs, all of which serves as a great source of inspiration for Web designers, graphic designers and even illustrators. http://bit.ly/2YuSTb
Type is the backbone of good web design
http://www.thedesigncubicle.com/2009/11/typography-is-the-backbone-of-good-web-design/
font-size:1em; /* 1em=16px */ line-height: 1.5em; /*1.5em of a 1em (or 16px font) = 24px
25+ Super Useful Paper Textures | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/25-super-useful-paper-textures
After working a while on a project that I need some textures, I remembered how important it is to have good resourcers at hand. I went looking for some paper textures, and it took me some time, so I thought it would be a good idea to make a selection of the best I found.
Sight Unseen
http://www.sightunseen.com/
project pages have an interesting horizontal slideshow navigation
DIYLILCNC
http://diylilcnc.org/
30 Free Online Tools to Test Your Website
http://www.bestdesigntuts.com/30-free-online-tools-to-test-your-website/
Make Me Mighty
http://makememighty.ca/
Transmogrify your name into an all-mighty position title spawned of thunder and inscribed in hell. Arrrr!
name names flash
25 Outstanding Lighting Effect Tutorials for Photoshop | Vandelay Design Blog
http://vandelaydesign.com/blog/design/lighting-effects-in-photoshop/
25 Outstanding Lighting Effect Tutorials for Photoshop
Web Design and Development Blog
Efeitos de iluminação em imagens PARTE 2
Welcome to Cartography 2.0
http://cartography2.org/
Animated and interactive maps
Top 10 Tutorials To Learn PSD To HTML Conversion | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/photoshop/top-10-tutorials-to-learn-psd-to-html-conversion
share it?
50 Extremely Creative Vintage and Retro Photoshop Tutorials | Dzinepress
http://www.dzinepress.com/2009/11/50-extremely-creative-vintage-and-retro-photoshop-tutorials/
Adobe Photoshop tutorials that will teach graphic and web designers how to make vintage and retro looking designs.
30 Artistic and Creative Photoshop Poster Tutorials : Speckyboy Design Magazine
http://speckyboy.com/2009/11/13/30-artistic-and-creative-photoshop-poster-tutorials/
15 Beautiful Examples Of Infographics For Your Inspiration | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/inspiration/15-beautiful-examples-of-infographics-for-your-inspiration
Paul Cayrol | Design & Direction
http://portfolio.cubanhaze.com/
Paul Cayrol is a Freelance Designer & Director active in the fields of Film, Broadcast, Interactive and Print Design.
bom demais
You're Killing Me Zappos
http://metalabdesign.com/zappos/
15 Essential Checks Before Launching Your Website
http://blog.seo-semantic-xhtml.com/web-design/15-essential-checks-before-launching-your-website
Great checklist of before launch checks
7. Forms. Test contact/order or any other form(s) you have on the website. User should get proper feedback upon successful/failed submission of the form.
15 Essential Checks Before Launching Your Website
might come in handy
10 Online Tools and Apps to Help Optimize and Format CSS : Speckyboy Design Magazine
http://speckyboy.com/2009/11/20/10-online-tools-and-apps-to-help-optimize-and-format-css/
By http://bit.ly/Tweets2Delicious
Why would you ever need to optimize (or optimise, which ever spelling you prefer) or reFormat your CSS? Optimizing your CSS will not only allow your web page to load quicker, it also increases the durabilty and resilience of your site when there is a spike in visitors (i.e. the Digg effect) and, for me, the most important part is that it gives you more readable code.
Useful WordPress Plugins for Statistics | WebDesignFan.com
http://webdesignfan.com/useful-wordpress-plugins-for-statistics/
The death of the URL | FactoryCity
http://factoryjoe.com/blog/2009/11/16/the-death-of-the-url/
"We all know that the internet has won as the transport medium for all data — but the universal interface for interacting with the web? — well, that battle is just now getting underway."
Cocoa with Love: Creating iPhone and Mac icons using Inkscape (Part 1 of 2)
http://cocoawithlove.com/2009/11/creating-iphone-and-mac-icons-using.html
guide to creating vector icons for MacOSX or iPhone, using the free-as-in-GPL program Inkscape
In this two part series, I'll give a beginner's guide to creating iPhone and Mac application icons using Inkscape — a free, vector illustration program. In this first part, I'll talk about the common styles and traits of icons on the Mac and iPhone and give a step-by-step guide to creating the first iPhone icon in Inkscape.
The Incompetence of American Airlines & The Fate of Mr. X | Dustin Curtis
http://dustincurtis.com/incompetence.html
Free Stock Photos for your Website – 11 Solid Sources :: Echo Enduring Blog
http://blog.echoenduring.com/2009/11/20/free-stock-photos-for-your-website-11-solid-sources/
รวมเว็บฟรีรูปภาพ
Hand-Drawn Photoshop Brushes Collection
http://www.webresourcesdepot.com/hand-drawn-photoshop-brushes-collection/
Hand-Drawn Photoshop Brushes Collection
In order to add a twist into any design easily, here is a collection of 37 beautiful hand-drawn Photoshop brush sets:
Ironic Sans: Idea: The Outlet Wall
http://www.ironicsans.com/2009/06/idea_the_outlet_wall.html
Posted by dieman
great idea.
"Instead of hiding your outlets behind furniture and worrying about the mess of wires tangled behind your entertainment center, consider making an entire wall that’s nothing but outlets. Then you can artfully plug in your appliances wherever the cords look pleasing to you."
Absolutely fucking awesome, "Instead of hiding your outlets behind furniture and worrying about the mess of wires tangled behind your entertainment center, consider making an entire wall that’s nothing but outlets. Then you can artfully plug in your appliances wherever the cords look pleasing to you."
Checking in Hotel Web Design: 50 Cosy Hotel Websites and Trends | Onextrapixel - Showcasing Web Treats Without Hitch
http://www.onextrapixel.com/2009/11/21/checking-in-hotel-web-design-50-cosy-hotel-websites-and-trends/
50 Cosy Hotel Websites and Trends
Design * Animation Tools * Beautiful Wallpapers * Black & White Graphic * Church Web Design * Collage Web Pages * Color Tools * Creative Illustrators * CSS Galleries * Designer Portfolio * Designing Wireframes
Light and Shadows - Feathering Gradients in Photoshop | Build Internet!
http://buildinternet.com/2009/03/light-and-shadows-feathering-gradients-in-photoshop/
Light and Shadows - Feathering Gradients in Photoshop
2009年 上半期デザイントレンドまとめのまとめ | DesignWalker
http://www.designwalker.com/2009/07/web-design-trend2009.html
Webデザインのまとめサイトをまとめたもの。
Android GUI PSD | Android interface elements in PSD
http://www.matcheck.cz/androidguipsd/
Android interface elements in PSD
21 Prototyping, Mockup, and Wireframing Tools for iPhone App Development | iPhoneized
http://iphoneized.com/2009/11/21-prototyping-mockup-wireframing-tools-iphone-app-development/
George Smoot on the design of the universe | Video on TED.com
http://www.ted.com/index.php/talks/george_smoot_on_the_design_of_the_universe.html
TED Talks At Serious Play 2008, astrophysicist George Smoot shows stunning new images from deep-space surveys, and prods us to ponder how the cosmos -- with its giant webs of dark matter and mysterious gaping voids -- got built this way.
http://adamatomic.com/fathom/
http://adamatomic.com/fathom/
sidescrolling foda
Dragon Labs » Codename Rainbows
http://labs.dragoninteractive.com/rainbows.php
We use some JavaScript and CSS magic to apply a two-color gradient to any text. Shadows and highlights can also be applied.
Allows creating gradient texts
make gradient headers without img
rainbox gradient text
Applies gradient to HTML text via JS (jQuery) and CSS.
Gradient text creation
34 cheat sheets for web designers and developers | Web and designers | Complete resource platform for web designers and developers
http://www.webanddesigners.com/34-cheat-sheets-for-web-designers-and-developers
Shapeways | Stainless Steel Gallery
http://www.shapeways.com/themes/stainless_steel_3dprinting_gallery
Shapeways - 3d printing in metal for everbody http://bit.ly/IdcAs #industrialisierung 2.0 [from http://twitter.com/schulezweinull/statuses/3132294321]
3d printing
Stainless Steel Gallery 3d printing
Creating a Super Detailed Illustration Step by Step with OwaikeO | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/creating-super-detailed-illustration-step-step-owaikeo
Tutorial de como se fazer uma ilustração detalhada
Eight ways to kill an idea : FLIRTing with the Crowds
http://www.samiviitamaki.com/?p=336
Best Wordpress Themes Websites Every Blogger Should Bookmark | Smashing Share
http://www.smashingshare.com/2009/11/17/best-wordpress-themes-websites-every-blogger-should-bookmark-smashing-share/
Don’t Stick With What You’ve Been Taught; You’re a Creative So Get Creative. | Fuel Your Creativity
http://www.fuelyourcreativity.com/don%e2%80%99t-stick-with-what-you%e2%80%99ve-been-taught-you%e2%80%99re-a-creative-so-get-creative/
Fuel Your Creativity
creativity
Bubble Effect with CSS | AEXT.NET
http://aext.net/2009/11/bubble-effect-with-css/
Bubble Effect with CSS | AEXT.NET
Bubble Effect with CSS | AEXT.NET - http://aext.net/2009/11/bubble-effect-with-css/
Создание мужской рубашки / Интернет-магазин Рубашка-на-заказ
http://rubashka-na-zakaz.ru/mens/ru/design.php
Free Fonts: Excellent List of Resources | designrfix.com
http://designrfix.com/freebies/free-fonts-ultimate-resource-list
Free Fonts: Excellent List of Resources
A Collection of Useful Web Design Wireframing Resources : Speckyboy Design Magazine
http://speckyboy.com/2009/11/23/a-collection-of-useful-web-design-wireframing-resources/
Browser windows, UI elements and more essentials. Good resource post.
Browser templates for wireframing
Essential. It has safe area templates, browser templates, OS Form Elements, buttons, iPhone GUI Elements, Wireframing icons and even proof reading marks.
There are templates for, possibly every browser in every size, there are form and button templates for all browsers and a hell of a lot more.
Best Photoshop Tutorial Websites & 91 Free Photoshop Tutorials
http://storecrowd.com/blog/photoshop-tutorial-sites/
There’s hundreds of Photoshop Tutorial websites out there, however after making a list of over 100 we found that most were low quality or had been abandoned & not updated in months.
6 Useful Coding Solutions For Designers And Developers - Smashing Magazine
http://www.smashingmagazine.com/2009/11/23/6-useful-coding-solutions-for-designers-and-developers/
Nice small selection of: making drop caps, desiging a vertical zig-zag list, text-flow,
15 Useful Resources to Get Clued Up on HTML5
http://line25.com/articles/15-useful-resources-to-get-clued-up-on-html5
500 Internal Server Error
Folding Plug System
http://www.minkyu.co.uk/Site/Product/Entries/2009/4/20_Folding_Plug_System.html
SitePoint » 7 Tips For Writing A Winning Web Design Proposal
http://www.sitepoint.com/blogs/2009/03/03/7-tips-for-writing-a-winning-web-design-proposal/
Here are a list of seven things you can do for every web design proposal you write in order to put yourself and your capabilities in the best possible light, and increase the likelihood you'll win the contract.
SitePoint Blogs: News, opinion, and fresh thinking for web developers and designers
30+ Podcasts for Web Designers, Developers and Freelancers
http://designm.ag/resources/design-podcasts/
20+ Brand New and Incredibly Useful WordPress Plugins - Nettuts+
http://net.tutsplus.com/articles/web-roundups/20-brand-new-and-incredibly-useful-wordpress-plugins/
With more than 7000+ plugins, WordPress is the most extendable Content Management System available; in fact,
Designers’ Guide to the Apparel Printing Industry | GoMediaZine
http://www.gomediazine.com/industry-insights/designers-guide-apparel-production/
Helpful industry pointers for designing and producing apparel
Showcase of Beautiful Typography in Web Design - Noupe
http://www.noupe.com/showcases/showcase-of-beautiful-typography-in-web-design.html
IE共通の9つのCSSバグをそれぞれ解決する方法:phpspot開発日誌
http://phpspot.org/blog/archives/2009/11/ie9css.html
Jez Burrows
http://www.jezburrows.com/
2experts Design - Web Design and Graphic Design Blog
http://www.2expertsdesign.com/2009/01/30/cardboard-textures-for-designers/
Referências (sites com detalhes de papel)
ボール紙のテクスチャーの素材配布サイトやデザインショーケースの紹介。
Pulse Laser: Here & There influences
http://schulzeandwebb.com/blog/2009/05/04/here-there-influences/
Schulze describes some of the influences behind the projection prints of NYC. I loved these maps at first sight, but missed this in-depth piece shedding light on some of the thinking behind them.
A great example of the erudition that Schulze and Webb display. "I’ve been observing the look and mechanisms in maps since I began working in graphic design. For individuals, and all kinds of companies, cities are an increasing pre-occupation. Geography is the new frontier. Wherever I look in the tech industry I see material from architects and references and metaphors from the urban realm. Here & There draws from that, and also exploits and expands upon the higher levels of visual literacy born of television, games, comics and print."
Veer: Ideas: F is for Fail
http://ideas.veer.com/features/fail
i like it
http://is.gd/wTCo - F is for Fail, the design process alphabetised. (My favourite: D is for digression, doubt) [from http://twitter.com/burnettie/statuses/1705656684]
Create human figures using type. Quite depressing!
Finest Tees | T-Shirt Design Gallery
http://finesttees.com/
Finest Tees | T-Shirt Design Gallery
T-Shirt Design Gallery
redisenar_juegos en fotos
Brandon Mathis :: Design Enthusiast :: Fancy Buttons Are Here!
http://brandonmathis.com/blog/2009/11/19/fancy-buttons-are-here/
69 Sexy Portfolio Designs To Inspire You - Smashing Magazine
http://www.smashingmagazine.com/2009/11/24/69-sexy-portfolio-designs-to-inspire-you/
By http://bit.ly/Tweets2Delicious
The Four Key Components of a Great Web Design | Web Design Ledger
http://webdesignledger.com/tips/the-four-key-components-of-a-great-web-design
The Four Key Components of a Great Web Design | Web Design Ledger
Key Components of a Great Web Design
商用サイトでも無料の国内外のWeb制作に使える素材サイト総まとめ・2009 - かちびと.net
http://kachibito.net/web-design/commercial-use-site-collection.html
50 (fresh) Beautiful and High-quality Free Icon Sets | Dzine Blog
http://dzineblog.com/2009/11/50-fresh-beautiful-and-high-quality-free-icon-sets.html
here i’ve collected 50 of the most beautiful icons packs for you to download , i hope everybody will find something useful.
High-quality Free Icon Sets
Welcome - Ommwriter
http://www.ommwriter.com/en/
変わったデザインのエディタ。ちょっとマインドマップっぽい?
瞑想 テキストエディタ
Welcome - Ommwriter
http://www.ommwriter.com/
A wise man once said "We are all at the mercy of our wild monkey minds. Incessantly swinging from branch to branch." With multiple windows and applications all vying for our attention, we have sadly adapted our working habits to that of the computer and not the other way around. Ommwriter is a humble attempt to recapture what technology has snatched away from us today: our capacity to concentrate. Ommwriter is a simple text processor that firmly believes in making writing a pleasure once again, reinvindicating the close relationship between writer and paper. The more intimate the relation, the smoother the flow of inspiration. If you are a scriptwriter, blogger, journalist, copywriter, poet or just someone who enjoys writing, welcome back to concentrating.
Ommwriter is a simple text processor that firmly believes in making writing a pleasure once again, reinvindicating the close relationship between writer and paper. The more intimate the relation, the smoother the flow of inspiration.
なるほど、きれいなエディタ。 マックはトランスペアレントおおいな。
Stop designing websites, start designing posters « Boagworld
http://boagworld.com/design/no-more-websites
101 Things I Learned in Interaction Design School
http://www.ixd101.com/
101 Things I Learned in Interaction Design School
A set of short, easily digested learnings from the world of Interaction Design, inspired by "101 Things I Learned in Architecture School", by Matthew Frederick.
50 Free Movie Themed Fonts You Can Download - Aetuts+
http://ae.tutsplus.com/articles/roundup/50-free-movie-themed-fonts-you-can-download/
50 fuentes (fonts) de peliculas para descargar gratis.
A Site For Serious & Aspiring Foodies - CulinaryCulture
http://www.culinaryculture.com/
A Site For Serious & Aspiring Foodies
pictoico
http://pictoico.com/
白黒アイコン / 商用利用 NG
Transforms
http://westciv.com/tools/transforms/
Fresh Web Development Goodies Bag - Noupe
http://www.noupe.com/tools/fresh-web-development-goodies-bag-2.html
GridFox in Fresh Web Development Goodies Bag
Handy list of web development goodies.
The Blueprints, reference image database, with more than 37000 blueprints, templates, 3/4/5-views and drawings
http://www.the-blueprints.com/blueprints/
The-Blueprints.com - The largest free blueprint collection on the Internet, more than 36000 blueprints online.
Memoov - Animation Studio online
http://memoov.com/
create animated movies online
consente di creare buffe animazioni in stile cartoon da condividere nel web.
Memoov is an open online platform that enables you to create & share your animated videos. Check it out. It's all free.
online movie generator
40 Beautiful Dark Website Designs | Spyre Studios
http://spyrestudios.com/beautiful-dark-website-designs/
40 Beautiful Dark Website Designs | Spyre Studios - http://spyrestudios.com/beautiful-dark-website-designs/
czarne motywy
41 Free Insanely High Quality Icon Sets Every Designer Should Own | DesignBump
http://designbump.com/originals/41-free-insanely-high-quality-icon-sets-every-designer-should-own
Advanced Power Tips For WordPress Template Developers - Smashing Magazine
http://www.smashingmagazine.com/2009/11/25/advanced-power-tips-for-wordpress-template-developers/
This article takes power tips to the next level, expanding on some of the topics in the first article, and introducing more advanced techniques and methods for customizing not only the front end, but the content management (or back end) experience.
n July, “Power Tips for WordPress Template Developers” presented 8 basic techniques for adding popular features to the front end of a WordPress-powered website. The premise was that WordPress ha
Advanced Power Tips For WordPress Template Developers
Atari Video Games | Arcade
http://www.atari.com/arcade/
Free Adobe Flash versions of classic Atari games.
Atari Arcade is the place to find beloved Atari classics including Asteroids and Lunar Lander. You can play them all here online, any time and free of charge. To start, simply choose your favorite game from the list and get ready to have some fun!
Alll the old atari arcade games -play online
"It's like twitter. Except we charge people to use it."
http://www.27bslash6.com/p2p.html
As a person in a service based industry, this email thread is something that you fantasize about from time to time, but never have the balls to actually do.
"Please design a logo for me. With pie charts. For free."
Oh I have fantasized about exchanges like this.
Velocity of Media Consumption: TV vs. the Web (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/media-velocity.html
Dimensions of Media Difference All media move faster these days. Compare an old TV show with a current one, and you'll see that the cuts come quicker. And, between TV and the Web, there are many differences that result in a substantially faster online media velocity:
35+ Photo Editing Tutorials for Photoshop | Vandelay Design Blog
http://vandelaydesign.com/blog/design/photoshop-photo-editing-tutorials/
Photoshop provides photographers and designers with almost unlimited potential to edit photographs to achieve the desired results. In this post we’ll feature 35 excellent tutorials that teach various tricks and techniques. If you like these tutorials you may also be interested in an older collection, 45 Photo Editing Tutorials for Photoshop.
8 Things Programmers Should Know About UI Design
http://www.flairbuilder.com/8-things-programmers-should-know-about-ui-design/
Since there are many times when programmers have to design and implement user interfaces, here are listed several aspects of GUI design that should be taken into account.
Visualizing empires decline on Vimeo
http://vimeo.com/6437816
crazy
"This is mainly an experimentation with soft bodies using toxi's verlet springs. The data refers to the evolution of the top 4 maritime empires of the XIX and XX centuries by extent. The visual emphasis is on their decline." [Via: http://kottke.org/09/11/the-fall-of-empires "The fall of empires A visualization of the decline of the world's four maritime empires (British, Portuguese, French, Spanish) from 1800 to 2009."]
his is mainly an experimentation with soft bodies using toxi's verlet springs. The data refers to the evolution of the top 4 maritime empires of the XIX and XX centuries by extent. The visual emphasis is on their decline. More on that project mondeguinho.com/master/visual-experimentations/visualizing-empires
Rifle Paper Co. - Home
http://www.riflepaperco.com/
Cute cards
39 Free Buttons And WebDesign Resources From Deviantart | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/development/free-buttons-webdesign-resources-deviantart/
39 Free Buttons And WebDesign Resources From Deviantart | Graphic and Web Design Blog -Resources And Tutorials - http://www.1stwebdesigner.com/development/free-buttons-webdesign-resources-deviantart/
9 Ways to Visualize Proportions – A Guide | FlowingData
http://flowingdata.com/2009/11/25/9-ways-to-visualize-proportions-a-guide/
Nice summary of some data visualization techniques
visualization data charts
"figure out what graph or chart suits your data best"
Nice range of options for viewing fractions... ratios...
A Clever Collection of 40+ Inspiring Ambigrams - Vectortuts+
http://vector.tutsplus.com/articles/inspiration/a-clever-collection-of-40-inspiring-ambigrams/
Ambigrams form a variety of sources
An ambigram as defined by Wikipedia,
Promoting your product or service with banner ads - is it worth it? - Blog - Campaign Monitor
http://www.campaignmonitor.com/blog/post/2779/promoting-with-banners-ads/
To me, the most important element was actually testing everything as we went. By putting in a little extra work, we could quickly gauge which ad creative, landing page and advertiser was giving us the best results and react accordingly.
An Introduction to Understanding and Implementing Web Usability : Speckyboy Design Magazine
http://speckyboy.com/2009/11/25/an-introduction-to-understanding-and-implementing-web-usability/
Usability
Book on web usability.
To Grid or Not to Grid: Advantages and Disadvantages | Webdesigner Depot
http://www.webdesignerdepot.com/2009/11/to-grid-or-not-to-grid-advantages-and-disadvantages/
Article about grids in web design
95 Fresh Examples Of Single Page Website Designs | Inspiration | instantShift
http://www.instantshift.com/2009/11/25/95-fresh-examples-of-single-page-website-designs/
As you already seen in our previous posts about Single Page Website Designs that showcase your work in single page design is a hot trend now days. It's kind of , Daily Resource for Web Designers and Developers.
Brilliant inspirational visual archives to check daily
http://www.thedesigncubicle.com/2009/11/brilliant-inspirational-visual-archives-to-check-daily/
All of us from time to time need a little inspiration in our lives, and more specifically in our design life. Below are some of my favorite visual archives and websites that update daily with new beautiful and compelling imagery.
High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ | warikiru
http://warikiru.blogspot.com/2009/11/high-performance-web-design.html
ふむ。
HTML高速化まとめ
30 Ajax Lightboxから使えそうなものを9個ピックアップ*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-677.html
MITlicense
Why E-Books Look So Ugly | Gadget Lab | Wired.com
http://www.wired.com/gadgetlab/2009/05/e-book-design/
As books make the leap from cellulose and ink to electronic pages, some editors worry that too much is being lost in translation. Typography, layout, illustrations and carefully thought-out covers are all being reduced to a uniform, black-on-gray template that looks the same whether you’re reading Pride and Prejudice and Zombies or the Federalist Papers.
Top 20 Best Sources To Find Free WordPress Templates | Print Create
http://www.printcreate.com/top-20-best-sources-to-find-free-wordpress-templates-2/
20 mejores sitios de plantilas free para las web
WordPress is that wonderful content management system that has made professional blog pages available to anyone, whether for personal or business use. Even better news is that you don’t have to fork over a truckload of cash for the design. There are pages of free WordPress themes/templates just waiting to be discovered. Here is a list of 20 of the best sources for your free WordPress theme.
temas para wordpress
Here is a list of 20 of the best sources for your free WordPress theme.
100+ Free Twitter Icon Sets - Geek Sucks
http://www.geeksucks.com/icons/100-free-twitter-icon-sets.htm
100tausend Twitter Icons
Great Deviant Posters | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/great-deviant-posters
Tutorials Search Engine
http://tutorials-search-engine.com/
varios tutos
Beautiful Photoshop Illustrations By Artists Around The World - Smashing Magazine
http://www.smashingmagazine.com/2009/11/26/100-photoshop-illustrations-by-artists-around-the-world/
Beautiful Photoshop Illustrations By Artists Around The World
the explicit
http://www.zefrank.com/explicit/
Jorge Luis Borges wrote that we each have three themes that guide our creative life. I don’t remember what his were exactly but I’m going to guess labyrinths, knife fights and memory. If you don’t know of him, I would start with Borges: Collected Fictions , which is certainly worthwhile..........To try and trick the self-consciousness away I framed this blog as “Notes and Advice to Someone Just Like Me.” I assumed that someone like me would be a more forgiving audience. 3) I was wrong. Ha!
Ze Frank on Scale.
Questions to ask clients before designing their website
http://www.thedesigncubicle.com/2009/11/questions-to-ask-clients-before-designing-their-website/
As with any project you start, gathering essential information upfront is not only beneficial to a successful deliverable but will also save you and your client plenty of headaches throughout the process and pave the way to a lasting and trusting relationship.
A Guide to Mobile Web Design Tips and Tricks
http://mashable.com/2009/11/26/mobile-web-design
A Guide to Mobile Web Design Tips and Tricks
Если вдруг придётся делать сайт с версией под мобильник
Having a mobile-optimized web site can really make your site stand apart from the pack. These resources will help you create a killer mobile site in no time.
Perfecting User Experience Design with A/B Testing - Freelance Web Design Belfast Northern Ireland - Lee Munroe
http://www.leemunroe.com/ab-testing/
Some great recources for A/B-Testing
Designing Websites for Kids: Trends and Best Practices - Smashing Magazine
http://www.smashingmagazine.com/2009/11/27/designing-websites-for-kids-trends-and-best-practices/
E3T
http://e3t.org/
E3T
Engage, Expand and Encompass through Technology. Macomb ISD's Universal Design for Learning Initiative
webpage
9 SEO Tips You’ve Probably Forgot About
http://justcreativedesign.com/2009/06/30/seo-tips/
300+ High Quality And Most Popular Fonts For Designers To Discover In 2009 » 2experts Design – Web Design and Graphic Design Blog
http://www.2expertsdesign.com/2009/11/25/300-high-quality-and-most-popular-fonts-for-designers-to-discover-in-2009/
300+ High Quality And Most Popular Fonts For Designers To Discover In 2009
fontes.
We are always in search of great free resources for our valued readers. Every day we work hard to find new resources and inspiration for designers. Today, we list down 300+ High Quality and Most Popular Fonts for Designers to Discover In 2009, We obviously cannot cover all the best from the web, but we have tried to cover as much as possible.
How Well Do You Understand CSS Positioning? | Van SEO Design
http://www.vanseodesign.com/css/css-positioning/
great article
15 Best Places for Designers to Get Free Stock Photos Online
http://sixrevisions.com/resources/15-best-places-for-designers-to-get-free-stock-photos-online/
30 Must Have WebDesign Books In Your Christmas Wishlist | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/development/webdesign-must-have-books-christmas-wishlist/
Critical Resources to Help Designers Get Organized
http://designm.ag/resources/organization/
Organização para designers
10 Templates that Solve Problems for Web Developers - Nettuts+
http://net.tutsplus.com/articles/web-roundups/10-templates-that-solve-problems-for-web-developers/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+nettuts+%28NETTUTS%29
Les Plus Du Web développeurs
Cîteva idei cu care vă puteți îmbunătăți viziunea asupra web design-ului
WordPress Wiki Theme
10 plantillas que te solucionan problemas como desarrollador web.
We live in a web centric world right now, and if you haven't already, you'll most likely be facing website related dilemma(s). For example, maybe you need an
All in one web elements kit | BestBlogBox
http://bestblogbox.com/freebies/all-in-one-web-elements-kit/
We are starting to submit some design elements that can help web designers enhance their creations. Here is a file created by one of our contributors, that contain 17 web design elements in PSD file format. You can download the RAR file and use at any of your personal or customer projects without any limitations. You are free to apply changes, modify the files to suit your needs, however you may not redistribute, resell or claim exclusive ownership rights. The files are registered under Creative Commons Attribution-
How To Create The Perfect Client Questionnaire - Noupe
http://www.noupe.com/how-tos/how-to-create-the-perfect-client-questionnaire.html
How To Create The Perfect Client Questionnaire
B&W Studio +44 0 113 245 4200
http://www.bandwstudio.co.uk/
graphic design.
Creating a Web App from Scratch – Part 1 of 8: Basic Idea and Design | CSS-Tricks
http://css-tricks.com/app-from-scratch-1-design/
A Showcase of Effective Minimalism in Web Design | Web Design Ledger
http://webdesignledger.com/inspiration/a-showcase-of-effective-minimalism-in-web-design/
A Showcase of Effective Minimalism in Web Design Minimalism in web design is all about stripping things down to only the necessities – so there is nothing in the way of the content. You’ll find that minimal designs have a focus on typography, simple layouts, and a lack of fancy design elements. So what makes an effective minimal web design?
66 Excellent Photoshop Web Design Layout Tutorials | Tutorials | instantShift
http://www.instantshift.com/2009/11/27/66-excellent-photoshop-web-design-layout-tutorials/
40 Stunning Ubuntu, Mac, and Windows Wallpapers | Web Design Ledger
http://webdesignledger.com/freebies/40-stunning-ubuntu-mac-and-windows-wallpapers
グーペ - 飲食店向け簡単ホームページ作成サービス
http://goope.jp/
ペパボの飲食店向けサービス。
pageboy&co の飲食店サイト作成サービス
既存のデザインのクオリティをアップする8つのポイント | コリス
http://coliss.com/articles/build-websites/operation/design/making-your-design-pop.html
適切なデザイン/色/スペース とても参考になる
FOUNDATION vol.02
http://www.public-image.org/foundation/
グラフィック集団 ADAPTER を主宰する針谷建二郎さんにより設立されたクリエイティブスタジオ ANSWR が運営する Webマガジン Public/image.org と連動したライブイベント「Public/image.FOUNDATION vol.02」(12月5日(金)に代官山 UNIT にて開催)の特設サイト
3D 線, good design
ADAPTER ANSWR 針谷健二郎さん
ちょっと怖い。nextとbackが逆で違和感
A Definitive Collection of 800+ Categorized Photoshop Tutorials, Plugins and Brushes
http://www.photoshoproadmap.com/Photoshop-blog/2009/07/10/a-definitive-collection-of-800-categorized-photoshop-tutorials-plugins-and-brushes/
800 PHOTOSHOP TUTORIALA
Victors & Spoils - The world's first creative (ad) agency built on crowdsourcing principles.
http://victorsandspoils.com/
digital
Four Key Principles of Mobile User Experience Design - Boxes and Arrows: The design behind the design
http://www.boxesandarrows.com/view/four-key-principles
Prior to becoming a senior UX designer at Popular Front Interactive, I spent two years as a mobile UX researcher within the Georgia Institute of Technology’s Mobile Technologies Group – a lab tasked with both future-casting and then rapidly prototyping innovative mobile experiences.
Critical Mistakes Freelancers Make - Smashing Magazine
http://www.smashingmagazine.com/2009/11/28/critical-mistakes-freelancers-make/
Critical Mistakes Freelancers Make
43 Minimal And Really Clean Free Wordpress Themes | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/wordpress/minimalistic-clean-free-wordpress-themes/
Seh coole minimalistische Wordpress Themes
iPhoneアプリのツールバー部分に使えそうなアイコン色々:phpspot開発日誌
http://phpspot.org/blog/archives/2009/10/iphone_6.html
iconpsdダウンロード
知人のアプリ作者の人に、アイコンを探すのに苦労したという話を聞いたので、iPhoneアプリのツールバー部分に使えそうなアイコンを色々まとめてみました。 全部足すと545種もありますので、ツールバーアイコンには困らないかもしれません。 iPhoneアプリケーション作者の方や、今後作ろうと思っている場合に参考にどうぞ。
BBC News - Information goes out to play
http://news.bbc.co.uk/2/hi/uk_news/magazine/8381597.stm
The power of visual information
chart
Serious information used to be relayed in words, graphs and charts - pictures were just pretty window dressing. That's all changing, says David McCandless. E-mails. News. Facebook. Wikipedia. Do you ever feel there's just too much information? Do you struggle to keep up with important issues, subject and ideas? Are you drowning in data? In this age of information overload, a new solution is emerging that could help us cope with the oceans of data surrounding and swamping us. It's called information visualisation.
Serious information used to be relayed in words, graphs and charts - pictures were just pretty window dressing. That's all changing, says David McCandless.
15 Best Places for Designers to Get Free Stock Photos Online
http://sixrevisions.com/resources/15-best-places-for-designers-to-get-free-stock-photos-online/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+SixRevisions+%28Six+Revisions%29&utm_content=Google+Reader
In this article, we review the 15 best places to free stock photos online for designers.
A list of 15 sites you can get free stock imagery
30+ High Quality Adobe Illustrator Brush Sets | Naldz Graphics
http://naldzgraphics.net/freebies/30-high-quality-adobe-illustrator-brush-sets/
Illustrator Brush Sets
10 Excellent Feedback Tools for Web Designers
http://sixrevisions.com/tools/10-excellent-feedback-tools-for-web-designers/#more-1551
It’s easy to get caught up doing your own thing and even easier to stick to what you know already know. However, whether you’re a developer or a designer, seeking out constructive, third-party feedback can bring your projects to a new level. You may also know that finding objective, qualified sources of feedback can be near impossible (your relatives and roommates only cut it for so long).
Feedback Tools for Web Designers
RT @smashingmag: 10 Excellent Feedback Tools for Web Designers - http://bit.ly/K7mDH ^RADIOLA [from http://twitter.com/RADIOLAcombr/statuses/3555681317]
Use WordPress to Create Amazing Sites - Wordpress Arena
http://wparena.com/how-to/use-wordpress-to-create-amazing-sites/
Use WordPress to Create Amazing Sites - Wordpress Arena - http://wparena.com/how-to/use-wordpress-to-create-amazing-sites/
A Reading Guide To Becoming A Better Developer | The Inquisitive Coder – Davy Brion's Blog
http://davybrion.com/blog/2009/11/a-reading-guide-to-becoming-a-better-developer/
Lista de libros sobre programación que merece la pena tener
10 Expert Tips for Designing a One Page Portfolio | Design Shack
http://designshack.co.uk/articles/inspiration/10-expert-tips-for-designing-a-one-page-portfolio
10 เว็บ Portfolio สวยๆ
8 Free Pictogram Icon Libraries and Collections : Speckyboy Design Magazine
http://speckyboy.com/2009/11/30/8-free-pictogram-icon-libraries-and-collections/
50 Fresh And Inspirational Corporate Designs | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/inspiration/fresh-inspirational-corporate-designs/
Some inspiration for the Open Objects website perhaps?
50 diseños corporativos
1stwebdesigner
10 Usability Crimes You Really Shouldn’t Commit
http://line25.com/articles/10-usability-crimes-you-really-shouldnt-commit
some best practices
This roundup of ten usability crimes highlights some of the most common mistakes in web design and provides solutions to enhance the usability of your website.
Reusing Lightbulbs: as planters or mini terrariums
http://www.instructables.com/id/Reusing-Lightbulbs-as-planters-or-mini-terrariums/
Questions to ask clients before designing their website
http://www.thedesigncubicle.com/2009/11/questions-to-ask-clients-before-designing-their-website/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+thedesigncubicle%2FioNz+%28The+Design+Cubicle%29&utm_content=Google+Reader
As with any project you start, gathering essential information upfront is not only beneficial to a successful deliverable
10 Amazing Free Fonts for Designers
http://www.socialh.com/2009/11/10-amazing-free-fonts-for-designers.html
10 Amazing Free Fonts for Designers
10 front-end techniques to improve your site usability
http://www.catswhocode.com/blog/10-front-end-techniques-to-improve-your-site-usability
Front-end techniques to improve your site usability using jQuery
Usability is a very important part of website building. Sadly, this is often neglected by designers and developers.
10 Tutorials to Take Your WordPress Development Skills to the Next Level
http://designm.ag/tutorials/wordpress-development/
Myths & Misconceptions About Grid Systems  • Blog Archive • AisleOne
http://www.aisleone.net/2009/design/myths-misconceptions-about-grid-systems/
A few myths and misconceptions about grids exist in the design community that can be detrimental, especially to designers who are new to the subject. I recently read an article, which is no longer online, claiming that grids have disadvantages and it listed the reasons why. As you can guess, I very much disagreed with the entire article and felt that it was providing a lot of bad information on grid systems. All of the listed “disadvantages” were distortions derived from the lack of understanding on how a grid works and functions. In response to that article, here’s my attempt at clearing up this mess. Grids are a design trend. Grids have been in use long before graphic design became a discipline. During the 13th– and 14th-centuries, scribes used the Villard Diagram to organize their handwritten manuscripts. In the 15th-century, Gutenberg and others divided their pages using the Van de Graaf canon. The use of a grid is not a trend, it’s a fundamental skill that designers should pos
A few myths and misconceptions about grids exist in the design community that can be detrimental, especially to designers who are new to the subject. I recently read an article, which is no longer online, claiming that grids have disadvantages and it listed the reasons why. As you can guess, I very much disagreed with the entire article and felt that it was providing a lot of bad information on grid systems. All of the listed “disadvantages” were distortions derived from the lack of understanding on how a grid works and functions.
8 ways we increased ecommerce sales by 10,000% « Boagworld
http://boagworld.com/design/8-ecommerce-improvements
8 tips voor een betere webshop
1. Remove clutter 2. Make sure the shopping cart stands out 3. Provide visual feedback 4. The bigger the better 5. Make buttons and links obvious 6. Always be there to help 7. Handle errors gracefully 8. Communicate your value add
8 ways we increased ecommerce sales by 10,000% « Boagworld
10,000% increase in sales over 5 years. Sounds incredible doesn’t it. Just to make that an even more incredible, their average customer is in their 80s! Who said the elderly don’t use the internet. When we started working with Wiltshire Farm Foods their monthly revenue was a 100th of what it is today. Of course in reality that success was not down entirely to us. Matt Curry, our client at Wiltshire Farm Foods has put his heart and soul into that website and as I say in Chapter one of the Website Owners Manual, it is the site champion who makes or breaks a site.
11 Useful Online Tools for Better CSS Development | Web Design Ledger
http://webdesignledger.com/tools/11-useful-online-tools-for-better-css-development
Des outils pour CSS.
themeleon :: Twitter Profile Designer by COLOURlovers
http://www.colourlovers.com/themeleon/twitter
stomize your Twitter page:
Andrews & Dunham Damn Fine Tea
http://damnfinetea.com/
The Gentlemen Purveyors of Andrews & Dunham Damnably Superior Herbal Remedies announce their intention to present, in person and for a fair price, a contest of strength and stamina between JACKEE MUNTZ & THOMAS SAMPSON.
Design Trends of Spa Websites | Build Internet!
http://buildinternet.com/2009/11/design-trends-of-spa-websites/
Design Trends of Spa Websites | Build Internet! - http://buildinternet.com/2009/11/design-trends-of-spa-websites/
Inspired by a showcase on hotel site design over at Onextrapixel, this post will explore the design trends and features of well designed spa websites.
my find
spa website
Inspired by a showcase on hotel website design over at Onextrapixel, this post will explore the design trends and features of well designed spa websites.
24 ways: Working With RGBA Colour
http://24ways.org/2009/working-with-rgba-colour
using RGBA color
Complete Beginner’s Guide to Interaction Design | UX Booth
http://www.uxbooth.com/blog/complete-beginners-guide-to-interaction-design/
Web design has followed a long and windy road from it’s rather modest beginnings. Initially, the term “web designer,” described something much more akin to that of a graphic designer: a designer who concerns themselves with the presentation of text and pictures. Today, however, the majority of websites an applications online are interactive. In turn, modern web designers are called upon to make a number of considerations drastically different than those made by traditional graphic designers. To bridge this gap, we call upon the discipline of interaction design. This article serves as a good jumping off point for people interested in learning more about Interaction Design. To that point, we’ll briefly cover the history, guiding principles, noteworthy contributors, tools, etc. related to this fascinating discipline. Even if you’re an interaction designer yourself, give the article a read and share your thoughts in the comments below.
This article serves as a good jumping off point for people interested in learning more about Interaction Design. To that point, we’ll briefly cover the history, guiding principles, noteworthy contributors, tools, etc. related to this fascinating discipline.
FlockDraw
http://flockdraw.com/
FlockDraw is the most seamless realtime collaborative drawing tool ever.
Art sharing
"Paint a simple masterpiece. Make a point visually."
Great way to collaborate on basic drawings. Online tool.
GRID BASED DESIGNS
http://grid-based.com/
"GBD gallery showcases some of the world’s best websites designed with grid-based approach and beautiful web typography. Criteria * Based on grid systems * Solid visual balance * Beautiful typography * Modern & Minimal"
DIY: Wine Bottle Light « Wit & Whistle
http://witandwhistle.com/?p=1041
ui me imagino un set de botellas
12 Useful Tutorials to Style Web Forms
http://www.queness.com/post/1274/12-useful-tutorials-to-style-web-forms
yling a tableless css web form requires advanced skills in CSS. Besides that, we have to consider the form accessibility and usability as well. With all these tutorials, they will show you the right way to implement web form.
Highcharts - Interactive JavaScript charts for your webpage
http://www.highcharts.com/
ota
Free Vector Graphics - Vectorish
http://www.vectorish.com/
Free vector drawing online.
free vector graphics
Biggest free quality vector graphics online.
Welcome | sugru | Hack Things Better
http://sugru.com/
Welcome | sugru | Hack Things Better
Sugru is workable silicone (similar appearance to modeling clay) that will cure/harden in air under normal temperature. Use it anywhere you otherwise would need silicone rubber. It can be put in the dishwasher and I believe you could even cook with it.
Why are so many mass-produced products just so bad? Uncomfortable tin openers, leaky trainers, they get our goat! Why should you have to spend £20 on a designer tin opener?? You shouldn't! Hack the one you have instead.
latex style modelling/bonding clay for making stuff better (or fixing stuff)
45 Advertisements You Will Never Forget | Web Design Ledger
http://webdesignledger.com/inspiration/45-advertisements-you-will-never-forget
10 Templates that Solve Problems for Web Developers - Nettuts+
http://net.tutsplus.com/articles/web-roundups/10-templates-that-solve-problems-for-web-developers/
100 Premium Like But Free, Fresh Wordpress Themes: Year 2009 | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/wordpress/premium-free-fresh-wordpress-themes-year-2009/
for my blog
Share this on del.icio.usDigg this!Share this on RedditBuzz up!Stumble upon something good? Share it on StumbleUponShare this on TechnoratiShare this on MixxSubmit this to DesignFloatShare this on FacebookTweet This!Submit this to Script & StyleShare this on DevmarksRelated Posts43 Minimal And Really Clean Free Wordpress Themes70 Free and Premium WordPress Themes60 Free, Yet Premium Quality Wordpress [...]
How HTML5 Will Change the Way You Use the Web - HTML5 - Lifehacker
http://lifehacker.com/5416100/how-html5-will-change-the-way-you-use-the-web
Artículo que explica algunas de las características de HTML5.
Firefox and Safari partially support it, Google's Wave and Chrome projects are banking on it, and most web developers are ecstatic about what it means. It's HTML5, and if you're not exactly sure what it is, here's an explainer.
What is HTML5? Some kind of really fancy link tag? HTML5 is a specification for how the web's core language, HTML, should be formatted and utilized to deliver text, images, multimedia, web apps, search forms, and anything else you see in your browser. In some ways, it's mostly a core set of standards that only web developers really need to know. In other ways, it's a major revision to how the web is put together. Not every web site will use it, but those that do will have better support across modern desktop and mobile browsers (that is, everything except Internet Explorer).
Subtle Details: Taking Web Designs to Another Level | Web Design Ledger
http://webdesignledger.com/inspiration/subtle-details-taking-web-designs-to-another-level
In this article, we will look at several ways subtle details are being used in web designs to take them from great…to amazing.
15 Helpful Blogs No Freelancer Should Forget - Noupe
http://www.noupe.com/tools/15-helpful-blogs-no-freelancer-should-forget.html
Zen Habits features three powerful articles a week on such topics as simplicity, health and fitness, motivation and inspiration, frugality, family life, happiness,...
Below is a collection of some useful websites that no freelancer should do without. Whether because of the awesome resources and information contained therein or the oodles of opportunities they promise, these 15 blogs should be at the fore of any freelancer’s mind as they find their way in cyberspace.
30 Highly Creative Blog Design Layouts | Spyre Studios
http://spyrestudios.com/creative-blog-design-layouts/
30 Highly Creative Blog Design Layouts | Spyre Studios
Pushing Your Buttons With Practical CSS3 - Smashing Magazine
http://www.smashingmagazine.com/2009/12/02/pushing-your-buttons-with-practical-css3/
Help you discocer the best
Ask the Expert – Using Wordpress to Build Large Scale Websites with Derek Herman | Design Informer
http://designinformer.com/using-wordpress-build-large-scale-websites-derek-herman-ask-expert/
20+ Must have documents for Designers and Developers | Creative Repository
http://creativerepository.com/2009/12/02/20-must-have-documents-for-designers-and-developers/
ヒアリング/チェック/チートシート集
User Experience Designer vs. Creative Director | UX Booth
http://www.uxbooth.com/blog/user-experience-designer-vs-creative-director/
Sometimes, as a strategist, I think I fill both roles. And I know I'm wrong about that.
Super Awesome Buttons with CSS3 and RGBa - ZURB Playground - ZURB.com
http://www.zurb.com/playground/super-awesome-buttons
Using descriptive class names and CSS3 properties like gradients and box shadows, we create a set of scalable button styles for links and buttons.
Awesome Buttons
Demystifying Interaction Design - Bokardo
http://bokardo.com/archives/demystifying-interaction-design/
I ask [clients]: “What do people have to do in order for you to be successful?”. Simple question. Now, the answer might be that people need to click on ads or install software or create/save social objects or buy a product. Each one of these answers is fine, but it often takes a little bit of digging to find out the real actions that people need to take. For example, if the initial answer is “click on ads” then I have to dig deeper to find out why someone might be on the site/app in the first place…people just don’t randomly visit to click on ads. But the resulting behavior is what I design for. That’s it…once I know what needs to happen for my client to be successful my only focus is on eliciting that behavior. It really is as simple as that.
If interaction design isn’t about supporting & influencing behavior…then what exactly are you doing?
Demystifying Interaction Design - Bokardo
We design to change, guide, support, elicit, constrict, and control behavior. The products and screens we create are about getting others to do something, using or buying or donating or otherwise taking some real-world action. Good design elicits the right behavior, poor design does not.
Less is Better | UX Magazine
http://uxmagazine.com/strategy/less-is-better
Whenever we have to put in or feel that we have to put in a preference in our software, we pretty much consider that a defeat. We were not good enough. We were not good enough at coming up with a reasonable choice that most people would like most of the time.
For me a good user interface is a simple user interface. It's a user interface that doesn't try to expose or reveal too many features or preferences.
50 Bright and Vibrant Web Designs – Color Inspiration : Speckyboy Design Magazine
http://speckyboy.com/2009/12/02/50-bright-and-vibrant-web-designs-color-inspiration/
50 Bright and Vibrant Web Designs – Color Inspiration : Speckyboy Design Magazine - http://speckyboy.com/2009/12/02/50-bright-and-vibrant-web-designs-color-inspiration/
50 Bright and Vibrant Web Designs – Color Inspiration
50 Fresh CSS Techniques, Tutorials and Resources - Noupe
http://www.noupe.com/css/50-fresh-css-techniques-tutorials-and-resources.html
Buttons, more buttons and navigation menu's.
Times Skimmer by The New York Times
http://www.nytimes.com/timesskimmer/
ranked according to the the recommendations of the New York Times' editorial team. rss feel interface, 8 types of layouts
Alternate way of browsing NYT content. Good use of layout and @font-face
a new application for NYTimes.com that provides online readers with the layout and experience of paging through a newspaper
"I like this new interface to the NYT online. The Times’s PR announcement describes it as more like a newspaper, but I’d say that’s true only in spirit. It’s far less cluttered than the regular Times web site layout, and it feels faster. Cutting-edge on the tech side, too: in Safari it displays headlines and sub-heads using the same fonts as the print edition, thanks to the new CSS @font-face property and TypeKit."
Carsonified » Five Really Simple Colour Tips
http://carsonified.com/blog/design/color/five-really-simple-colour-tips/
Simple but helpful on color schemes, palette, mood
age
Welcome to Pictory – Pictory
http://www.pictorymag.com/
Your best photo stories.
Alpha Transparency in PNG-8 Images Without Using Fireworks | ethanandjamie.com
http://www.ethanandjamie.com/blog/37-user-interface/81-png8-transparency-without-fireworks
Simple Alpha PNG-8 Tutorial with pngquant
謝り美人【写真は随時追加予定!ご期待下さい。】 gomenne.jp
http://www.gomenne.jp/
【日本記念日協会認定】12月10日は「ごめんねの日」になりました。素直に「ごめんね」を言えず、後悔したことはありませんか?この度「ごめんねの日」制定委員会は、私たちが素直に相手を認め、心が通じ合日として12月10日に「ごめんねの日」を制定しました。
とりあえず美女ネタ
Mark Coleran Visual Designer » Playback Graphics
http://blog.coleran.com/category/portfolio/screendesign
Carsonified » 10 Things to Consider when Writing for the Web
http://carsonified.com/blog/design/10-things-to-consider-when-writing-for-the-web/
Writing for the web is a challenge. There are usually word length restrictions, the fact that users scan rather than read every word, and sometimes style guides to adhere to. There are enough writing tips online to keep you reading for longer than you probably desire. Here are 1o tips that have been the most useful to me: Know your audience This sounds obvious but is often taken for granted. The only way you can write relevant copy that is targeted at the right audience in the right tone of voice, is to understand who that audience is. Depending on where your audience are located, you may have to include local expressions or if writing for a wide audience be specific with things such as dollars. If it is US dollars then say so. If it is Cardiff in Wales then say so as there is also a Cardiff in New Zealand and other countries.
108 Mono Icons: Huge Set of Minimal Icons | Tutorial9
http://www.tutorial9.net/resources/108-mono-icons-huge-set-of-minimal-icons/
There are 108 simple icons included in this set. The icons are avaliable in 32x32 px .png (transparent background) format.
Minimalist Web Design: When Less is More | Webdesigner Depot
http://www.webdesignerdepot.com/2009/12/minimalist-web-design-when-less-is-more/
Some very nice examples here
35+ Free Photoshop Brushes for Christmas Season | Naldz Graphics
http://naldzgraphics.net/freebies/35-free-photoshop-brushes-for-christmas-season/
50 Best Free Fonts From 2009 | Creative Nerds
http://creativenerds.co.uk/freebies/50-best-free-fonts-from-2009/
Every designer needs a good collection of free fonts, when working on design projects weather your designing for the web or for print its always essential to have a good collection of fonts. Fonts can be very expensive especially when working on a design project with a small budget. This is a collection of the best free fonts created in 2009.
Every designer needs a good collection of free fonts, when working on design projects weather your designing for the web or for print its always essential
Free Fonts
Creating AJAX websites based on anchor navigation | yensdesign - Tutorials, Web Design and Coding
http://yensdesign.com/2008/11/creating-ajax-websites-based-on-anchor-navigation/
In this tutorial we will see how to create an AJAX website without lose the reference to the URL. What is that not lose the reference? If you have created some full AJAX website you have realized when you change the web content, the URL is not updated, so, the URL reference is lost. Services like Gmail uses it to increase the navigation’s user experience.
How a Web Design Goes Straight to Hell - The Oatmeal
http://theoatmeal.com/comics/design_hell
Be prepared to fire your client
source:stumbleupon kwd:funny
Frequently Forgotten Fundamental Facts about Software Engineering
http://www.computer.org/portal/web/buildyourcareer/fa035?utm_source=bronto&utm_medium=email&utm_term=Forgotten+Facts+About+Software+Engineering&utm_content=andrew%40badera.us&utm_campaign=BYC-Issue+38-December+3
"We know these things to be true"... about software engineering
grumpy old men ...
Everyone involved in the production, design and specification of software should be required to read and understand every item on this list.
Color Wheel Pro: Sample Color Schemes
http://www.color-wheel-pro.com/sample-schemes.html
This page contains examples of pre-made color schemes included with Color Wheel Pro. The sample color schemes include HTML color codes, so that you can copy/paste them directly into your web pages. Click here to download Color Wheel Pro: color-wheel-pro.exe (1.96 MB) Analogous Color Schemes Analogous color schemes use colors that are adjacent to each other on the color wheel. One color is used as a dominant color while others are used to enrich the scheme. Energy Color scheme: Energy F7AFB3 FFA8AC F7C4AF FFC0A8 FBDBAC FFDCA8 F15F66 FF5159 F1885F FF8151 F1B75F FFBA51 EA151E FF000B EA5015 FF4700 EA9515 FF9A00 9A0E14 A80007 9A350E A82E00 9A620E A86500 Aqua Color scheme: Aqua BAEDD3 A8FFD4 BAEDED A8FFFF BAD3ED A8D4FF 74DCA8 51FFA9 74DCDC 51FFFF 74A8DC 51A9FF 33CB80 00FF82 33CBCB 00FFFF 3380CB 51A9FF 228654 00A855 228686 00A8A8 225486 0055A8 Sunny Color scheme: Sunny F7D9AF FFDBA8 F7E8AF FFECA8 F7F5AF FFFCA8 F1B55F FFB851 F
HTML email inline styler
http://inlinestyler.torchboxapps.com/styler/convert/
Aujourd'hui voici un petit outil, Inline Styler, qui va vous transformer une page web en quelque chose autonome d'un point de vue mise en forme (CSS). En effet, la feuille de style de la page va être intégrée au texte et vous aurez en plus des informations sur la compatibilité des attributs que vous utilisez sur votre page.
Inline styler Converts CSS rules into inline style attributes
How to use Firebug for CSS — kristarella.com
http://www.kristarella.com/2009/02/how-to-use-firebug-for-css/
video guide
Great video tut on the basic usage of Firebug, a plug-in for Firefox.
50 Helpful iPhone Apps for Web Designers and Developers - Nettuts+
http://net.tutsplus.com/articles/web-roundups/50-helpful-iphone-apps-for-web-designers-and-developers/
iPh
Great iPhone apps for Designers and Devs!
The Best jQuery Plugins of 2009 | Web Design Ledger
http://webdesignledger.com/resources/the-best-jquery-plugins-of-2009
The Best jQuery Plugins of 2009 | Web Design Ledger
14 Items All Design Geeks Must Have! / eightyone design / graphic design blog
http://www.eightyonedesign.co.uk/14-items-all-design-geeks-must-have/
24 ways: Have a Field Day with HTML5 Forms
http://24ways.org/2009/have-a-field-day-with-html5-forms
Mr Speaker presents: Parcycle. A HTML5 Canvas Particle System
http://www.mrspeaker.net/dev/parcycle/
Shows how powerful the canvas tag is in html 5.
Better Drop Shadows in Photoshop | Design Reviver
http://designreviver.com/articles/better-drop-shadows-in-photoshop/
Jalopnik Car Care: How To Decode Your Car's VIN
http://jalopnik.com/5165656/how-to-decode-your-cars-vin
How To Decode Your Car's VIN - How To Decode A VIN
30 HQ Exclusive Wall Textures | scarletbits.com
http://scarletbits.com/2009/30-hq-exclusive-wall-textures/
Creating a Web App from Scratch
http://css-tricks.com/examples/WebAppFromScratch/
An 8-part tutorial.
10 Things You Don’t Know About Scoring Web Design Clients - Webitect
http://webitect.net/business/freelancing/10-things-you-dont-know-about-scoring-web-design-clients/
http://webitect.net/xmlrpc.php
by
Build It With Me
http://www.builditwith.me/
List my project here and give it a try
MorseStudio
http://www.morsestudio.com/
McDonalds color guidelines
photo of work
Radioactive Buttons with CSS Animations and RGBa - ZURB Playground - ZURB.com
http://www.zurb.com/playground/radioactive-buttons
(no description)
Advanced CSS だけでクリック時の効果も。
buttons radioativos
Web 2.0 photoshop layout tutorial | Grafpedia
http://www.grafpedia.com/tutorials/web-20-photoshop-layout-tutorial
This tutorial will guide you through the process and ideas behind the designing a professional web 2.0 website. The layout can be used as a wordpress portfolio
24 Usability Testing Tools | Useful Usability
http://www.usefulusability.com/24-usability-testing-tools/
My big list of 24 Web Site Usability Testing Tools In the past few years, there has been massive growth in new and exciting cheap or free web site usability testing tools, so here's my list of 24 tools you may need to use from time to time. Gone
A detailed list of 24 usability testing tools, including pros, cons and pricing for each.
22 Advanced CSS Text Effects And Web Typography Tips | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/css/advanced-css-text-effects-web-typography-tips/
Share this on del.icio.usDigg this!Share this on RedditBuzz up!Stumble upon something good? Share it on StumbleUponShare this on TechnoratiShare this on MixxSubmit this to DesignFloatShare this on FacebookTweet This!Submit this to Script & StyleShare this on DevmarksRelated PostsBeautiful Gradient Effects On Web design – Research: Part 22 in 1 – Stunning 3D Ice Text Effect [...]
携帯サイト[xhtml]のコーディング前のチェックポイント │ これからゆっくり考L +α
http://sakaki0214.com/2009/11/30031500.html
前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 背景画像は1つのみ 違う背景色が連続するところはdivの使い方に注意 フォント関連 リンク色が複数存在する tableは使ってもいいか 横並びの画像の横幅合計が240だと崩れる可能性アリ
携帯サイト[xhtml]のコーディング前のチェックポイント
素敵!
25 Funny T-Shirts for Designers and Developers | Webdesigner Depot
http://www.webdesignerdepot.com/2009/12/25-funny-t-shirts-for-designers-and-developers/
This article is not a collection of the best designed t-shirts by the best designers, this is a collection of t-shirts especially for designers and developers.
Everyone loves an original and unique t-shirt. Fashion statements aside, they do give a slight insight into your personality, your current mood and sets you apart from the crowd.
Everyone loves an original and unique t-shirt. Fashion statements aside, they do give a slight insight into your personality, your current mood and sets you
Symbol Caddy
http://www.doubleforte.net/widgets/symbol-caddy/
The Symbol Caddy Dashboard widget keeps a bunch of common special characters at your fingertips.
The Symbol Caddy Dashboard widget keeps a bunch of common special characters at your fingertips. Keyboard mode copies the special character and HTML mode copies the HTML entity code. For example:
a widget to keeps a bunch of common special characters at your fingertips
The Symbol Caddy Dashboard widget keeps a bunch of common special characters at your fingertips. Keyboard mode copies the special character and HTML mode copies the HTML entity code.
Character Map for OS X
Unique CSS Borders - Boring borders step aside - The Web Squeeze
http://www.thewebsqueeze.com/articles/unique-css-borders-boring-borders-step-aside.html
Didactique.
Unique CSS Borders
nice css borders
10 Impressive Portfolio/Blog Websites | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/10-impresive-portfolioblog-websites
10 Impressive Portfolio/Blog Websites
10 layouts de blog mto bons
Everyone tries to be different when creating their own website where their portfolio will be displayed, and lately it seem that more and more people have been choosing to have a little blog together with their portfolio. The trend of blogging got to desig
Better Software Through Less UI | Potion Factory
http://www.potionfactory.com/blog/2009/03/10/better-software-through-less-ui
verbose scheduling via natural language expressions
Andy Kim of Potion Factory walks through his design decisions for a UI to specify recurring events in a to-do-list/calendar app.
Better design through less interface. Designing a recurring schedule without the garbage UI.
task repeat repetition
RCA student radically improves the UK plug | ICON MAGAZINE ONLINE
http://www.iconeye.com/index.php?option=com_content&view=article&id=3864:rca-student-radically-improves-the-uk-plug
A new folding plug design plus an adaptor that is a big improvement. A great example of how people take the ordinary for granted
Improving the UK 3-pin plug, so it isn't such a big cumbersome thing.
A touch of genius...
25 Impressive and Inspirational Dark CSS Web Designs : Speckyboy Design Magazine
http://speckyboy.com/2009/03/18/25-impressive-and-inspirational-dark-css-web-designs/
5 Pet Peeves Developers Have With Designers (and How to Avoid Them) | Webdesigner Depot
http://www.webdesignerdepot.com/2009/07/5-pet-peeves-developers-have-with-designers-and-how-to-avoid-them/
"Cats and dogs. Cain and Abel. Designers and developers. These are just a few of the great historical face-offs. Designers and developers often seem to come from different planets and have completely different brains. Developers want a website to work right, designers want it to look right. A few weeks ago, we explored the main pet peeves that web designers have with web developers, and suggested some solutions for them. Today, we will discuss the other side of the coin: the five most common gripes that developers have with designers."
ブログを成功させる攻略まとめ2009*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-712.html
On API Design Guidelines
http://neuroning.com/2006/11/19/on-api-design-guidelines
api design
On API Design Guidelines, Books, Java, Neuroning
25 Incredible jQuery Slider Tutorials and Plugins | WebDesignFan.com
http://webdesignfan.com/jquery-slider-tutorials-and-plugins/
Web Design is Dead! Introducing a much improved web design process. - Web Designers London
http://webdesignfromscratch.com/blog/web-design-is-dead.php
Designing the ultimate wayfinding typeface | Ralf Herrmann’s Typography Weblog
http://opentype.info/blog/2009/09/02/designing-the-ultimate-wayfinding-typeface/
First type article I've read in ages that doens't leave me thinking that I'm just a font snob
10 Simple Web Accessibility Tips You Can Do Today
http://sixrevisions.com/usabilityaccessibility/10-simple-web-accessibility-tips-you-can-do-today/
<a href=" portfolio.html" title="Some artwork of the artist">Portfolio</a>
Icon Fever | Showcase of the Best Free Icons and Premium Icons
http://iconfever.com/
20 Insane Vintage And Grungy Typographic Poster Designs | Spyre Studios
http://spyrestudios.com/insane-vintage-and-grungy-typographic-poster-designs/
Great poster designs
I love typography! And good for us type lovers, it’s very difficult to design something without it. Posters are no exception. So I thought I’d go find some typographic posters that are both vintage and grungy looking. I hope you enjoy them. Please share your thoughts in the comment section!
spyrestudios.com: typographic poster designs
40+ Excellent Adobe Illustrator Cartoon Tutorials | Graphics
http://www.hongkiat.com/blog/adobe-illustrator-cartoon-tutorials-best-of/
Bokeh Effect in Web Design: 30 Excellent Examples and Tutorials | Spyre Studios
http://spyrestudios.com/bokeh-effect-examples-tutorials/
30 Beautiful Wood Inspired Websites and 200+ “Woody” Resources | Desizn Tech
http://desizntech.info/2009/07/30-beautiful-wood-inspired-websites-and-200-woody-resources/
wood sites, inspiration, backrounds
木头材质网页设计
InspirationTime - a Showcase of Beautiful Web Design
http://inspirationti.me/
100 Best Photoshop Tutorials From 2009 | Creative Nerds
http://creativenerds.co.uk/tutorials/100-best-photoshop-tutorials-from-2009/
The Best Free Web Icons for Different Purposes | Web Resources | WebAppers
http://www.webappers.com/2009/12/07/the-best-free-web-icons-for-different-purposes
Free Web Icons for Different Purposes
design. There are over hundred thousands of icons available on the internet. However, how many of them are nicely designed and suitable to you? I am sure you will find “The Best Free Web Icons for Different Purposes” useful to you. We have selected the following top quality web icons, e.g Blogging Icons, Application Icons, Social Media Icons, Emot
vLane.com: Accelerate your car search
http://vlane.com/
a search engine of car
similar to carmony.co.uk
50 High-Quality Free Fonts for Professional Design
http://designm.ag/resources/free-fonts-for-professional-design/
24 ways: What makes a website successful? It might not be what you expect!
http://24ways.org/2009/what-makes-a-website-successful
relogik.com | Design & innovation | Showcase of Damjan Stanković
http://relogik.com/
nice simple, minimalist design. innovate product design showcase. very nice.
Relogik.com was created in 2009 as a showcase of Damjan Stanković, designer specialized in industrial, identity, interface and concept design. Damjan is currently based in Belgrade, Serbia.
100+ Photoshop Actions for Amazing Color Enhancements | Web Design Ledger
http://webdesignledger.com/freebies/100-photoshop-actions-for-amazing-color-enhancements
Everything you need to know about HTML5 | News | TechRadar UK
http://www.techradar.com/news/internet/why-html5-is-here-today-and-not-2022-654828
introduction with useful starting points
What's new in HTML5 and what happened to XHTML2.
very good article!!
Portfolio Design Trends: vCard Websites | WebDesignFan.com
http://webdesignfan.com/portfolio-design-trends-vcard-websites/
In this collection, you’ll find some impressive vCard sites for inspiration, templates, themes for WordPress and tutorials on how to create your vCard portfolio.
Portfolio Design Trends: vCard Websites | WebDesignFan.com - http://webdesignfan.com/portfolio-design-trends-vcard-websites/
Everything You Need to Know About the !important CSS Declaration | Impressive Webs
http://www.impressivewebs.com/everything-you-need-to-know-about-the-important-css-declaration/
Interesting article for when and where to use the !important declaration
The !important CSS DeclarationRecently I came across a few articles that mentioned the CSS !important declaration, and there was a little bit of confusion over what it actually did, and how it could be used, as expressed in the user comments on those articles.
Everything You Need to Know About the !important CSS Declaration http://bit.ly/10YzWr (via @gopalraju) [from http://twitter.com/MikevHoenselaar/statuses/2005074975]
Comprehensive article covering the !important CSS statement.
25 Photoshop Tutorials for Designing Portfolio Sites | Vandelay Design Blog
http://vandelaydesign.com/blog/design/photoshop-tutorials-portfolio-design/
Para tarea de Dr. Calimano
digg labs / 365
http://labs.digg.com/365/
Une interface en 360 ° plutôt réussi pour gérer de sliens Digger
les évènements importants de 2009 par digg
Jessica Hische
http://jessicahische.com/typographizes/an-illustrative-initial-every-day
louise-fili-like typography swiss-miss' studio mate
ongelofelijk. goed.
Ornate style designer who sets lovely typography.
Beautiful hand drawn typography work.
An Idiot’s Guide To Accessible Website Design | Web Design Ledger
http://webdesignledger.com/tips/an-idiot%E2%80%99s-guide-to-accessible-website-design
If you are designing web sites in the UK, you probably already know that the Disability Discrimination Act (DDA) mandates web sites be accessible by visually
Accessible
Principles Of Effective Search In E-Commerce Design - Smashing Magazine
http://www.smashingmagazine.com/2009/12/08/principles-of-effective-e-commerce-search/
By http://bit.ly/Tweets2Delicious
Envisioning Development: What is Affordable Housing?
http://envisioningdevelopment.net/map
Toxel.com » Incredible Paintings by Tetsuya Ishida
http://www.toxel.com/inspiration/2008/11/07/incredible-paintings-by-tetsuya-ishida/
夭折した日本の画家、石田徹也の特集
Tetsuya Ishida
Pittore giappo visionario
Presentation Summary “High Performance at Massive Scale: Lessons Learned at Facebook” « Idle Process
http://idleprocess.wordpress.com/2009/11/24/presentation-summary-high-performance-at-massive-scale-lessons-learned-at-facebook/
Summary of the Facebook architecture and the bottlenecks they have had to work around
After considering a variety of data clustering algorithms, found that there was very little win for the additional complexity of clustering. So at Facebook, user data is randomly partitioned across indiviual databases and machines across the cluster. Hence, each user access requires retrieving data corresponding to user state spread across hundreds of machines. Intra-cluster network performance is hence critical to site performance. Facebook employs memcache to store the vast majority of user data in memory spread across thousands of machines in the cluster. In essence, nodes maintain a distributed hash table to determine the machine responsible for a particular users data. Hot data from MySQL is stored in the cache. The cache supports get/set/incr/decr and
Short-Term Memory and Web Usability (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/short-term-memory.html
The human brain is not optimized for the abstract thinking and data memorization that websites often demand. Many usability guidelines are dictated by cognitive limitations.
Specifying Performance - Unweary
http://unweary.com/2008/11/specifying-performance.html
Great essay describing the perception of software performance and the various time ranges that matter. Good content and great source of references to other source material on the topic.
Designing and Engineering Time
When you need to choose which part of your application to focus on speeding up, understanding where and why users will perceive performance problems is key. You can't and shouldn't optimize everything. Remember, perception is reality. No mater what your metrics say, if the user thinks your application is slow, it is.
"Failing to specify reasonable performance requirements makes it very difficult to verify that your software is actually meeting your users' performance expectations." … with a good overview of Seow's timings.
very useful thoughts on setting performance expectations.
A Showcase of Clever Negative Space in Logo Design | Web Design Ledger
http://webdesignledger.com/inspiration/a-showcase-of-clever-negative-space-in-logo-design
AWESOME LOGOS!!
logos
Negative space is the space around and between the main objects in a design. This space often goes unnoticed, unless a creative designer is able to turn the
Web Design Ledger
18 CSS Compression Tools and Techniques | Design Shack
http://designshack.co.uk/articles/css/18-css-compression-tools-and-techniques
Learning to write clean, optimized CSS requires lots of practice and an unstoppable compulsive desire for neatness. Keeping your CSS trim and tidy isn’t all about feeding your crazy psychological need for cleanliness though, in the case of particularly large websites, the payoff is faster loading pages. Faster loading times equals increased usability and higher user satisfaction.
How To Display Your Twitter Status in a Unique Design
http://line25.com/tutorials/how-to-display-your-twitter-status-in-a-unique-design
Good explination of custom twitter status design!
Hangar17.com
10 Creative Portofolios x 10 Awesome Studios = 100% Inspiration | Inspired Magazine
http://www.inspiredm.com/2009/06/16/10-creative-portofolios-x-10-awesome-studios-100-inspiration/
Half an Hour: What Not To Build
http://halfanhour.blogspot.com/2009/01/what-not-to-build.html
Some interesting views on trends in technology
Things not to build: New social networks, Operating Systems, and Java apps.
Hea lugemine, võiks ju võtta kui ennustust, kuhu veeb liigub
Beautiful and inspiring Quotes from designers
http://www.designworkplan.com/design/inspiring-quotes.htm
(Yet Another) 10 New Design Blogs You Should Check for Daily Inspiration | Inspired Magazine
http://www.inspiredm.com/2009/10/06/yet-another-10-new-design-blogs-you-should-check-for-daily-inspiration/
(Yet Another) 10 New Design Blogs You Should Check for Daily Inspiration | Inspired Magazine - http://www.inspiredm.com/2009/10/06/yet-another-10-new-design-blogs-you-should-check-for-daily-inspiration/
Every month we’re scanning the web for fresh blogs delivering quality content in the design-dev-freelance community, and these are the 10 entries for September.
Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com.br/
Site super bacana com tutorias de fotoshop e muito mais que tenha relação com publicidade.
Punched Out Font | dafont.com
http://www.dafont.com/punched-out.font
poster, 3d
ttf
25 Graph and Chart Solutions for Web Developers : Speckyboy Design Magazine
http://speckyboy.com/2009/12/09/25-graph-and-chart-solutions-for-web-developers/
cool scripts for creating graphs
Best User/Web Interface Designs and How To Create Them
http://www.appsheriff.com/tutorials/13-magnificient-web-user-interfaces-and-how-to-create-them/
รวมตัวอย่างสุดยอดทำเว็บสวยๆ
20 Design Features That Will Make Your Blog Stand Out From The Crowd! | Make Money Online
http://www.incomediary.com/make-your-blog-stand-out-from-the-crowd/
Usability Testing Toolkit: Resources, Articles, and Techniques - Noupe
http://www.noupe.com/how-tos/usability-testing-toolkit-resources-articles-and-techniques.html
Usability Testing Resources
Getting to Know Clipping Masks and Layer Masks in Photoshop
http://www.myinkblog.com/2009/11/30/getting-to-know-clipping-masks-and-layer-masks-in-photoshop/
Today, we are going to look at two of Photoshop’s primary masking techniques – layer masks and clipping masks. We’ll be comparing the two by looking at how they work on a practical level, the basic similarities, and the much more significant differences. Finally, we’ll look at how we can actually get the two different types of masks to work together in a design. I know that a lot of people find the clipping mask to be something of a mindscrew, but I’m going to try to make this as simple and as painless as possible. So let’s get to it.
Best of CSS Design 2009
http://www.webdesignerwall.com/trends/best-of-css-design-2009/
Since 2007, every year I do a round up of best of CSS from Best Web Gallery (check out 07 and 08 collection). Well, it is the time of the year again — Best of CSS Design 2009. This year I’ve selected another 50 nicely designed web sites. Among the list, I notice a lot of them are minimalistic design with beautiful serif fonts. The grungy and sketchy styles are still strong. However, the large background is no longer as hot as in 2008, instead, texturized background is popular in 2009.
What deux yeux have teux deux teuxday?
http://teuxdeux.com/
Robert Lang folds way-new origami | Video on TED.com
http://www.ted.com/talks/robert_lang_folds_way_new_origami.html
Úžasné způsoby jak skládat origami.
subway architecture
http://www.designboom.com/weblog/cat/9/view/8346/subway-architecture.html
40+ Vintage Posters to Inspire Your Next Designs Color Palette
http://www.thedesigncubicle.com/2009/12/40-vintage-posters-to-inspire-your-next-design-project/
40 Best Ever Photoshop Tutorials of Web Layout Designs | Tutorial Lounge
http://www.tutoriallounge.com/2009/12/40-best-ever-photoshop-tutorials-of-web-layout-designs/
[ad#post-linkunit] Adobe Photoshop ever famous Designing tool and most useful for creating attract  high-quality website designs, all web professional designers have been using in their practices for years as also seen some latest trends like: we
Adobe Photoshop ever famous Designing tool and most useful for creating attract high-quality website designs, all web professional designers have been using in their practices for years as also seen some latest trends like: web 2.0 web layouts, Grung website designs, Portfolio designs, Gallery based websites, wordpress themes, illustrators web layouts and cartoonish web site design tutorials here in listed, there are plenty of tutorials specifically for this purpose. Here is a collection of 40 Best Ever Photoshop Tutorials of Web Layout Designs to teach you create your own layout for your website. Check them out, learn and enjoy the tutorials.
40 ตัวอย่างสุดยอด ทำเว็บดีไซน์
Fluid 960 Grid System | 16-column Grid
http://www.designinfluences.com/fluid960gs/16/fluid/jquery/
24 ways: Type-Inspired Interfaces
http://24ways.org/2009/type-inspired-interfaces
nice little article w/ examples
"I often start by choosing type. I don’t need to worry about colors or layout or anything else… just the right typefaces that support the art direction."
39 Astonishing Examples of 3D Typography | Tutorial9
http://www.tutorial9.net/resources/39-astonishing-examples-of-3d-typography/
The surge of interest in Typography has lead to a huge soar in popularity of different types of Typography based design artwork, with 3D Type being one of the most popular variations. This post features 39 unique and inspiring pieces of 3D Typography.
50 Essential Free Open Courseware Classes for Web Designers | Designer City, USA
http://bestwebdesignschools.com/2009/50-essential-free-open-courseware-classes-for-web-designers/
Web design is an increasingly important aspect of media and business. Because the Internet has become essential to the way we do business, find information and accomplish a number of other tasks, Web design truly is vital. And someone who understands Web design and can do a good job with it is valuable in a number of ways. If you are interested in improving your web design skills, here are 50 great open courseware classes for web designers:
50 Essential Free Open Courseware Classes for Web Designers | Designer City, USA
Featured Rainmeter Config: Configure Your Own Rainmeter 10-Foot HUD
http://lifehacker.com/5084412/configure-your-own-rainmeter-10+foot-hud
タブUI詳解 | コリス
http://coliss.com/articles/build-websites/architectonics/usability/module-tabs-in-web-design.html
タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例 http://www.smashingmagazine.com/2009/06/24/module-tabs-in-web-design-best-practices-and-solutions/
The Ninth Annual Year in Ideas - Magazine - NYTimes.com
http://www.nytimes.com/projects/magazine/ideas/2009/#a
Once again, The Times Magazine looks back on the past year from our favored perch: ideas. Like a magpie building its nest, we have hunted eclectically, though not without discrimination, for noteworthy notions of 2009 — the twigs and sticks and shiny paper scraps of human ingenuity, which, when collected and woven together, form a sort of cognitive shelter, in which the curious mind can incubate, hatch and feather. Unlike birds, we can also alphabetize. And so we hereby present, from A to Z, the most clever, important, silly and just plain weird innovations we carried back from all corners of the thinking world. To offer a nonalphabetical option for navigating the entries, this year we have attached tags to each item indicating subject matter. We hope you enjoy.
Die Ideen des Jahres 2009 aus den Bereichen, Kunst, Business, Kultur, Design, Gesundheit, Wissenschaft, Politik, Sport und Technologie, ausgesucht von der New York Times
Styling HTML Lists with CSS: Techniques and Resources - Smashing Magazine
http://www.smashingmagazine.com/2009/12/11/styling-html-lists-with-css-techniques-and-resources/
I like the fish eye menu.
50+ Free Vintage Photoshop Brush Sets to Download | Naldz Graphics
http://naldzgraphics.net/freebies/50-free-vintage-photoshop-brush-sets-to-download/
ビンテージ感を演出するフリーphotoshopブラシ
50+ Free Vintage Photoshop Brush Sets to Download | Naldz Graphics
A List Apart: Articles: The Content Strategist as Digital Curator
http://www.alistapart.com/articles/content-strategist-as-digital-curator/
During a rebuild or development of a new site, content strategy engagement is site-level and long-term. First, the content strategist assesses, analyzes, and recommends high-level steps to create more cohesive content. In practice, this means many working sessions with business owners to define big picture objectives, the mission, and editorial program for the site based on the initial content assessment. Once the site goals are understood from a business and user point of view, the content strategist-as-curator works to reframe the collection by creating an overarching strategy that defines how content be should be organized, positioned, and made relevant (think: exhibition rooms in a museum or gallery). We then look at the spectrum of what is available and desired for publication, identify what is premium (the most unique among competitors, desirable to users, and drives high traffic) and work with the business to agree on site-wide topical areas of strength, focus and breadth.
What can we learn from museums libraries and other institutions that manage collections about effective content strategies.
typo/graphic posters
http://www.typographicposters.com/
งานไทโป เทพ จากโอกีลวี่
typo/graphic posters is a directory of typographic and graphic posters. a passionate project focused on the graphic design community.
15 Photoshop Tips (I Bet) You Don't Know | dezign Musings
http://www.dezignmusings.com/2009/02/15-useful-photoshop-tips-and-techniques.html
The Top 10 Free Icon Sets For Web Designers In 2009 | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/roundups/the-top-10-free-icon-sets-for-web-designers-in-2009
Our last top 10 list, titled “The Top 10 Web Applications For Web Designers In 2009” proved to be very successful, with over 450 retweets! So I have compiled another 2009 top 10 list. This time though, its Icon packs in the spotlight. Here is WebDesignDev’s top 10 free icon sets for web designers in 2009 list. Of course this is our own opinion, and not what web designers have voted on. If you think a different icon set deserves to be number 1, then feel free to drop us a comment telling us why. Anyway, enjoy the list!
The Best Vector Tutorials of 2009 | Web Design Ledger
http://webdesignledger.com/tutorials/the-best-vector-tutorials-of-2009
During the past few weeks we've been publishing our Best of 2009 series in which we're picking the best of the best in design resources created this year.
A Gold Mine of Adobe Illustrator Resources - Noupe
http://www.noupe.com/design/a-gold-mine-of-adobe-illustrator-resources.html
By Melissa Scroggins What could be better than striking gold? How about a huge list of Adobe Illustrator resources? For many designers, a list of resources to help...
15 Top Logo Inspiration Galleries | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/inspiration/15-top-logo-inspiration-galleries
inspiratie voor logo's
sitios para inspiración de logotipos, muy buenos casi todos, mejores: logomoose, logoinspire
A logo is a visual representation of a brand's core service a lack of inspiration maybe due to a lack of clarity of the service, product or goal of the company. A company lacking a strong memorable logo is a company lacking focus and vision. Design Inspiration is great if you are stuck for ideas, so here is a list of galleries featuring great logos. Of course you don’t copy the idea straight out, hence the word “Inspiration” when we look at these galleries.
Check out these 10 awesome CSS grid systems
http://www.webhostingsearch.com/articles/10-amazing-grid-systems.php
Though grid layouts may not be new to print design and certainly not design in general, CSS grid systems are still somewhat new to the field of web development. CSS grid systems allow the developer to easily and quickly markup and create structured, grid styled websites and layouts. Each grid systems has its pros and cons, and different ways of accomplishing goals. Today, we'll review 10 amazing CSS grid systems.
We've reviewed 10 awesome CSS grid systems. Check it all out here!
Outlaw Design Blog » How to Organize Graphic Design Files
http://www.outlawdesignblog.com/2009/how-to-organize-graphic-design-files/
genoTyp
http://www.puls-der-zeit.de/genotyp/english/genotyp_en.htm
フォントの交配
フォントのあいのこ作成
フォント同士を交配させて新しいフォントの誕生を見る ( DLは不可能 )
How to Create a Landscape Wallpaper for your Desktop - Vectortuts+
http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-landscape-wallpaper-for-your-desktop/
教你用photoshop整张风景桌面
Want to spruce up your desktop and at the same time impress your friends? Why not create a vector landscape wallpaper? In this simple tutorial, you will learn
nice vector country scene background for homepage
30 Must See Web Generator for Lazy Webmasters
http://www.webhostingsecretrevealed.com/featured-articles/30-must-see-web-generator-for-lazy-webmasters/
The Fast, Good and Cheap Pricing Method | Freelance Folder | The Blog For Freelancers And Web-Workers
http://freelancefolder.com/the-fast-good-and-cheap-pricing-method/
Great pricing method to be used on my future clients
freelance rates
freelance tips
レイヤー1枚追加するだけでPhotoshopのファイルサイズをぐっと小さくしてくれる裏技 - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/06/photoshop_trick.html
ついでに
サムネイルが真っ白になるけど、サイズを優先したい時に有用。
イルサイズをぐっと小さくしてくれる裏技 - IDEA*IDEA ~ 百式管理人のライフハッ
306 to 268ってことは、10%くらい抑えてくれるのかな?
The Finest Coffee Cups - Most Incredible Coffee Icons On The Web › Blog › kremalicious.com » Matthias Kretschmann | Photography & Design
http://www.kremalicious.com/2008/10/the-finest-coffee-cups-most-incredible-coffee-icons-on-the-web/
In this article I present you the finest icons of the fuel of a lot of designers and students (and other people too) available on the web. I’ve just released my own coffee cup icon but this beverage seem to have inspired a lot of other beautiful icons especially for Apple's Mac OS X.
Most Incredible Coffee Icons On The Web
20 Magazine Spread Layouts for Inspiration | Best Design Options
http://bestdesignoptions.com/?p=4076
This post showcases 30 creative and beautifully designed inside pages layout or spread of magazines.
Learn To Fucking Spell | I Am Paddy
http://iampaddy.com/spell/
A bit liberal with the profanity, but nevertheless an excellent piece by Paddy Donnelly on the infuriating experience of reading misspelled writing. He's right, of course: if you want anyone to take you seriously you had better learn to spell correctly.
no, really.
EXONEMO ANTIBOT T-SHIRTS
http://store.exonemo.com/antibot/
t
エキソニモ。コンピュータが読めない字のTシャツ。
TDC RGB賞
エキソニモのcaptcha T-shirt。自分で作ってオーダーできる。TDC賞受賞。
10 Photoshop Interface Features you Didn’t Know Existed
http://digital-photography-school.com/10-photoshop-interface-features-you-didnt-know-existed
alt on eyedropper
Here it is, short & sweet. 10 techniques for working in Photoshop that you may not know existed.
English Russia » Soviet Russian Album Covers
http://englishrussia.com/?p=2998
wau
обложки советских альбомов, ну пиздец
70 different sometimes very funny Soviet vinyl covers art
Craptacular...
lol
capas de discos pop russo de 70/80
Free Smashing Christmas Icon Set - Smashing Magazine
http://www.smashingmagazine.com/2009/12/08/free-smashing-christmas-icon-set/
Nice set of Xmas downloads....
By http://bit.ly/Tweets2Delicious
Photojojo » 12 Awesome Photography Business Card Ideas
http://photojojo.com/content/guides/12-awesome-photography-business-card-ideas/
רעיונות לכרטיס ביקור
Different ideas for photographers - some will work with MOO, others are more bespoke (and expensive!)
Ideas para tarjetas de visita
fred design » Simple rules for good typography
http://www.freddesign.co.uk/2009/12/archive/rules-for-good-typography/
to read
Kispad.hu: Csináld magad körvaku (eszpee cikke)
http://kispad.hu/foto/200903/csinald-magad-korvaku.html
Cheap Ringflash
Ring Flash
Display | Modern Graphic Design Collection and Bookstore
http://www.thisisdisplay.org/
24 ways: Rock Solid HTML Emails
http://24ways.org/2009/rock-solid-html-emails
Web Design: Awesome Magazine Style Sites | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/web-design-awesome-magazine-style-sites
for all photoshoppers
Nick’s Top User Experience Books | Blog | Nick Finck | UX/IA Pro, Speaker, and Community Cultivator.
http://www.nickfinck.com/blog/entry/nicks_top_user_experience_books
Liste wertvoller Usability-Werke
nanapiのデザインプロセス(その1) - エスカフラーチェLLC
http://www.escafrace.co.jp/blog/09/09/11/1106
非常に勉強になりました。
これはいいHOWTO
9/1にロケットスタートからリリースされたサイト「nanapi [ナナピ] - ...
Good Riddance to Deadbeat Clients [Work Smarter]
http://www.sitepoint.com/article/good-riddance-deadbeat-clients/
Contractual Terms For Your Contract
Tips for clauses in the contract to make getting paid easier
Article by Chris Gatewood - Richmond Attorney
24 Top Free Texture Resources For Designers | Freebies | PelFusion.com
http://pelfusion.com/freebies/24-top-free-texture-resources-for-designers/
24 Top Free Texture Resources For Designers | Freebies | PelFusion.com
Thousands of free textures are available on web. Now you don't have to design it you just have to look for it, as many photographers and designers are sharing
texture pages
How to Start a Freelance Company
http://sixrevisions.com/project-management/how-to-start-a-freelance-company/
Information on starting a Freelance company. Found on the sixrevisions website.
Starting your own company is wonderful, scary, and exciting! I’ve recently gone through the process and started up my own freelance company, Snoack Studios, and I’d like to share my personal insight on how to get your own company off the ground, using my own story as an example. How to Start a Freelance Company Step 1: Find a Business Name First things first, you need a name. As a freelancer, you will probably want to be a Sole Proprietor and you can certainly use your own name. I wanted to plan for expandability and flexibility: I may have employees, I may subcontract some work to other freelancers, or maybe even sell my business one day, so I went with a company name of Snoack Studios. Whatever you choose, make sure it works for you and fits the service you provide. Perform some basic research Do your homework as well, search Google to make sure that your company name is unique, and mostly importantly, search trade names at the Secretary of State office in the state you live in (
Five Technologies That Will Keep Shaping the Web in 2010
http://sixrevisions.com/web-development/five-technologies-that-will-keep-shaping-the-web-in-2010/
20 Beautiful Website Design Tutorials
http://thetutorialist.com/design/20-beautiful-website-design-tutorials/
Websites!
Light Fonts Use in Web Design: Examples and Resources
http://desizntech.info/2009/12/light-fonts-use-in-web-design-examples-and-resources/
35 CSS-based Layouts that Look Awesome - Nettuts+
http://net.tutsplus.com/articles/web-roundups/35-css-based-layouts-that-look-awesome/
modern-alphabets: - a set on Flickr
http://www.flickr.com/photos/depressionpress/sets/72157607255347582/
"Examples of Modern Alphabets, Ornamental and Plain" - 1864
The Ninth Annual Year in Ideas - Magazine - NYTimes.com
http://www.nytimes.com/projects/magazine/ideas/2009/
Worth reading from A-Z.
Once again, The Times Magazine looks back on the past year from our favored perch: ideas.
las mejores ideas de '09 ordenadas alfabéticamente por NYTimes
30 Web Design Blogs With Consistently Good Content
http://line25.com/articles/30-web-design-blogs-with-consistently-good-content
This collection of 30 design blogs all have a primary focus on Web Design, and each one consistently pumps out great content
Design View / Andy Rutledge - Where Wireframes Are Concerned
http://www.andyrutledge.com/where-wireframes-are-concerned.php
While there remain certain specific contexts where it is advisable to craft and present wireframe layouts for client evaluation and approval, this practice is often a really bad move and one made at the wrong moment in the design process, and for the wrong reasons. Wireframes can be useful, valuable artifacts for informing the designer’s process. But they often fail miserably as a first-step deliverable for clients.
Design View | Articles and opinion on design professionalism, technique and culture by Andy Rutledge
before you create a wireframe for client evaluation and approval, ask yourself: how will this help my client in the project process? Again, evaluate your answer carefully before you decide to craft a wireframe for your client’s evaluation …and before you commit to do so as a part of the project deliverables. Context matters.
Some good points here. Sometimes wireframes are necessary, but other times they get in the way.
Sketchpad
http://mugtug.com/sketchpad/
canvasとJavascriptで実装したペイントツール
free drawing tool. no account needed, floating pallets.
Online sketching tool
涂鸦
This is a free tool for sketching and experimenting with textures and colors.
Free Photoshop Brushes: “Sparkling Light Effects” | Webdesigner Depot
http://www.webdesignerdepot.com/2009/08/free-photoshop-brushes-sparkling-light-effects/
Pennelli con effetto "scia di scintille"
ロゴデザインをする時に参考になるサイト60+ | CREAMU
http://blog.creamu.com/mt/2009/10/60_6.html
ロゴを作るときの参考に
49 Most Creative Photoshop Tutorials of 2009 : Speckyboy Design Magazine
http://speckyboy.com/2009/12/14/49-most-creative-photoshop-tutorials-of-2009/
Román Cortés » CSS 3D Meninas
http://www.romancortes.com/blog/css-3d-meninas/
CSS3 maakt #D view mogelijk!
Free PowerPoint Templates by Categories - PowerPoint Templates Backgrounds
http://www.indezine.com/powerpoint/templates/categories/index.html
Free PowerPoint Templates by Categories
Free PowerPoint Templates by Categories - PowerPoint Templates Backgrounds - http://www.indezine.com/powerpoint/templates/categories/index.html
¡Viva Mexico! Showcase Of Web Design In Mexico - Smashing Magazine
http://www.smashingmagazine.com/2009/12/12/viva-mexico-showcase-of-web-design-in-mexico/
This post is the third article of our new series “Global Web Design“. Throughout this series we’ll be covering various continents, featuring web...
50 Beautiful Free Icon Sets For Your Next Design - Smashing Magazine
http://www.smashingmagazine.com/2009/12/14/50-beautiful-free-icon-sets-for-your-next-design/
24 ways: Going Nuts with CSS Transitions
http://24ways.org/2009/going-nuts-with-css-transitions
The advent calendar for web geeks. Each day throughout December we publish a daily dose of web design and development goodness to bring you all a little Christmas cheer.
Do not attempt w/o exp designer present!
Rands In Repose: Gaming the System
http://www.randsinrepose.com/archives/2009/12/13/gaming_the_system.html
The ever-knowledgable Rands waxing intellectual on nerds and their games. A great read.
a must-read, as usual.
How games appeal to the nerd mind.
330 Free Letter Pressed Icons | Creative Nerds
http://creativenerds.co.uk/freebies/330-free-letter-pressed-icons/
GigaOM
http://gigaom.com/2009/12/09/who-is-getting-rich-off-the-iphone/
ver imagenes
Free For All: 103 Free Fonts! | CreativePro.com
http://www.creativepro.com/article/free-all-103-free-fonts
Free Fonts
Font gratuiti
100 Free fonts
Fontes.
55 Excellent WordPress Site Design for Design Inspiration | Inspiration | instantShift
http://www.instantshift.com/2009/12/13/55-excellent-wordpress-site-design-for-design-inspiration/
โชว์ 55 บล็อกสวยช่วยบันดาลใจ
sweet WP theme designs
Now days Creative Designs is one of the key aspects for improving your website’s traffic and pagerank. Getting a site featured in some of the popular WordPress/CSS galleries can bring thousands of visitors and many valuable inbound links with excellent SEO benefits.
How to Create Smoky Brushes and Type In Illustrator CS4 - Vectortuts+
http://vector.tutsplus.com/tutorials/text-effects/how-to-create-smoky-brushes-and-type-in-illustrator-cs4/
イラストレーターで煙の表現
How to Create Smoky Brushes and Type In Illustrator CS4
19 Must-Have Collection Of Free Christmas Resources (Exclusive Designers Kit) - Opensource, Free and Useful Online Resources for Designers and Developers
http://www.smashingapps.com/2008/12/19/19-must-have-collection-of-free-christmas-resources-exlclusive-designers-kit.html
アイコンや壁紙などフリーのクリスマス素材いろいろ。
30 Website Navigations that Make You Wanna Click It | Web Design Ledger
http://webdesignledger.com/inspiration/30-website-navigations-that-make-you-wanna-click-it
The navigation might be the single most important aspect of a web design's usability. Without a navigation, you would be stuck on the home page for a very long
30 Website Navigations that Make You Wanna Click It
Do it yourself: 12 Wordpress Solutions Without Using Plugins- WebAnthology.net
http://webanthology.net/do-it-yourself-12-wordpress-solutions-without-using-plugins/2009/12/14/
Les plugins ne sont pas toujours la meilleure solution : trop lourds, pas conformes aux attentes. Mettre les mains dans le cambouis, c'est bien aussi !
Using a lot of plugins isn’t recommended if you’re going to boost your blog performance. Also, if you build your needs yourself as much as possible, you will have more control on what you are looking for. In this post, we have featured 12 practical Wordpress solutions that you won’t need any plugins to implement them.
Web, Design, and Webdesign
Do it yourself: 12 Wordpress Solutions Without Using Plugins- WebAnthology.net - http://webanthology.net/do-it-yourself-12-wordpress-solutions-without-using-plugins/2009/12/14/
CR Blog » Blog Archive » The Designers Republic Is Dead; Long Live The Designers Republic
http://www.creativereview.co.uk/crblog/the-designers-republic-is-dead-long-live-the-designers-republic/
うそ…。
CR Blog - news and views on visual communications from the writers of creative review
i had no clue
UK design review site
After 23 years of brain-aided communication, the much-admired, much copied studio, The Designers Republic closed for business on Tuesday. But, as its founder Ian Anderson tells CR, it will rise again.
After 23 years of brain-aided communication, the much-admired, much copied studio, The Designers Republic closed for business on Tuesday. But, as its founder Ian Anderson tells CR, it will rise again All week, rumours have been flying around the internet that DR had gone out of business. CR can confirm that it is true. On Tuesday this week, the business was closed with nine staff being made redundant. According to its founder, Ian Anderson, the studio became insolvent due to a combination of factors: “We’d lost a couple of clients, didn’t win a couple of pitches, got a tax bill which should have been sorted out and wasn’t and a major client who didn’t pay the money they owed us – in themselves any of those things would have been fine but when they come all at once there’s not much you can do.”
Ah, sad to hear this news of an influence, a co-conspirator and client of old. Good luck to all of them in whatever they do next.
The 7 signs your UI was created by a programmer
http://www2.voyce.com/index.php/2009/09/14/the-7-signs-your-ui-was-created-by-a-programmer/
“Are you sure you don’t want to lose your changes?” Err… what? No. I mean YES. Oh sh*t.
Do you suspect a programmer may have put together the terrible user interface on that “enterprise” software you’re forced to use every day? There are some give-away indicators. Look out for them in your software, hunt down the developer and force them to read a book about user interface design. If you’re suitably senior, force them to a) improve it, or even better b) get someone with real UI experience to fix it.
Ian Voyce, 2009-09-14
The 7 signs your UI was created by a programmer. Not really fair on programmers, but fun nonetheless.
Stronger, Better, Faster Design with CSS3 - Smashing Magazine
http://www.smashingmagazine.com/2009/12/16/stronger-better-faster-design-with-css3/
Stronger, Better, Faster Design with CSS3 (via smashingmag) - In our last article about CSS3, Pushing Your Buttons With Practical CSS3, we talked about using new CSS3...
» How to reduce your PSD files size using Photoshop Idle Together
http://idletogether.com/how-to-reduce-your-psd-files-size-using-photoshop/
一番上のレイヤーに白を足すとファイルサイズが下がる。
FF DIN :: A FontFont Focus by FontShop
http://dinfont.com/
Really nice looking font.
Browser Size
http://browsersize.googlelabs.com/
A piece with a lot of screenshots about the close tab behaviour in Google Chrome | The Invisible
http://www.theinvisibl.com/news/2009/12/08/a-piece-with-a-lot-of-screenshots-about-the-close-tab-behaviour-in-google-chrome/
Wow.
chromeの閉じるボタン考
brilliant
Well considered, with a wonderful pay-off line
interesting accelerator for mouse users in chrome. delay in resizing when closing tabs, to make it easier to close multiple.
Designing and Coding Wordpress Themes from Scratch
http://wpswitch.com/blog/wordpress/designing-and-coding-wordpress-themes-from-scratch/
In this kickass Wordpress article there are 24 total resources that will show you how to design and code Wordpress themes from scratch. This includes 9 design and coding tutorials, 12 Photoshop mockups, 2 Wordpress e-books, and even a developers “Cheat Sheet”.
7 Tools To Optimize The Speed of Your Website
http://www.webdesignbooth.com/7-tools-to-optimize-the-speed-of-your-website/
50 Professional Web Design Agency Web Sites : Speckyboy Design Magazine
http://speckyboy.com/2009/12/16/50-professional-web-design-agency-web-sites/
Speckyboy
Speckyboy Design Magazine
50 Professional Web Design Agency Web Sites : Speckyboy Design Magazine - http://speckyboy.com/2009/12/16/50-professional-web-design-agency-web-sites/
100 Hacks to Help You Create the Ultimate Home Office - Career Overview
http://www.careeroverview.com/blog/2009/100-hacks-to-help-you-create-the-ultimate-home-office/
Finding a job that allows you to pay the bills and work from home might make you feel like you’ve hit the jackpot. But unless you have a space that fuels productivity and helps your career grow, you’re going to find it hard to maintain focus, entertain clients, and stay organized enough to keep up with new business. Here are 100 hacks to help you create the ultimate home office, so that it’s your favorite — and most productive — room in the house.
Some nice tips on getting the most out of a home office, whether you already have one or want to start one.
100 trucs d'ajuda per crear el nostre lloc de feina
5 Best Data Visualization Projects of the Year – 2009 | FlowingData
http://flowingdata.com/2009/12/16/5-best-data-visualization-projects-of-the-year-2009/
Very interesting online data visualization example. Found the NYT unemployment chart by demographic very interesting and easy to use.
| FlowingData" Data has been declared sexy, and the rise of the data scientist is here. http://j.mp/6xbP4C
Analog
http://analog.coop/
Analog is a company of friends who make web sites. It’s a co-operative where imagination, design, and engineering thrive; good people doing good work.
Andrei and company (via Mager)
50 of the world's best design blogs - Times Online
http://property.timesonline.co.uk/tol/life_and_style/property/interiors/article6953167.ece
Top 50 design blogs
35 Tutorials for Creating and Mastering Brushes in Photoshop | Naldz Graphics
http://naldzgraphics.net/tutorials/35-tutorials-for-creating-and-mastering-brushes-in-photoshop/
35 Tutorials for Creating and Mastering Brushes in Photoshop | Naldz Graphics - http://naldzgraphics.net/tutorials/35-tutorials-for-creating-and-mastering-brushes-in-photoshop/
Author William Poundstone Dissects the Marketing Tricks Built Into Balthazar's Menu -- New York Magazine
http://nymag.com/restaurants/features/62498/
menus marketing tricks
principles of menu design
Awesome Inline Form Labels - ZURB Playground - ZURB.com
http://www.zurb.com/playground/inline-form-labels
How to make labels inline!
Functioning Form - The Apple Store's Checkout Form Redesign
http://lukew.com/ff/entry.asp?968
Though most people wouldn't consider Apple's Web site an important online destination, November saw Apple in the top ten list of US Web sites. 62 million Internet users visited Apple online during the month with an average of 1 hour and 18 minutes spent per user. By comparison, Google had 155 million unique visitors in November.
Functioning Form
iPhone GUI PSD 3.0 | Teehan+Lax
http://www.teehanlax.com/blog/2009/06/18/iphone-gui-psd-30/
photoshop GUI template for iphone
Please Scroll
http://www.thereisnopagefold.com/
The title tag reads: "Please Scroll." This is great for those bastards that didn't have anything to say early on and all of sudden they're concerned about something that is quite ambiguous like the "FOLD."
Remember it.
There is no page fold: http://j.mp/718EHv
Official Google Blog: Browser Size: a tool to see how others view your website
http://googleblog.blogspot.com/2009/12/browser-size-tool-to-see-how-others.html
neat tool
Unveiling Photoshop Masks - Smashing Magazine
http://www.smashingmagazine.com/2009/12/17/unveiling-photoshop-masks/
35 Ultimate Useful CSS Cheats to Streamline Web Development | Tutorial Lounge
http://www.tutoriallounge.com/2009/12/35-ultimate-useful-css-cheats-to-streamline-web-development/
WOW - any time I can gets helpful 'hacks', etc for CSS!!
Daring Fireball: Untitled Document Syndrome
http://daringfireball.net/2009/02/untitled_document_syndrome
hat same simple example also w
A long, thoughtful post about why everything should auto-save all the time, because when you're trying to work, you don't want to be diverting your attention into meta-work at the same time.
by John Gruber - 20 February 2009 - Daring Fireball
A great article of file saving conventions and usability.
19 Impressive Online Image Editors
http://www.sitepoint.com/blogs/2009/05/11/19-impressive-online-image-editors/
Adobe Design Center - Columns and articles from experts on web design and motion graphics
http://www.adobe.com/designcenter/dialogbox/stylevsdesign/index.html
by Jeffrey Zeldman
Why understanding the difference is what it's all about by Jeffrey Zeldman
Top 10 comic book cities | The Critics | Architects Journal
http://www.architectsjournal.co.uk/the-critics/top-10-comic-book-cities/5204772.article
The Architects' Journal lists its top ten comic book cities.
via ll.d
From Gotham City to Mega City One, the Architects’ Journal presents a selection of the greatest illustrated urban spaces
Mag+, a concept video on the future of digital magazines – Blog – BERG
http://berglondon.com/blog/2009/12/17/magplus/
[JS]jQueryのプラグイン100選 -2009年総集編 | コリス
http://coliss.com/articles/build-websites/operation/javascript/100-jquery-plugins-2009-best.html
2009年に紹介したものを中心としたjQueryのプラグイン100選
リンク集
javascript jquery 関連
The “Wow” Factor in Web Design | Design Informer
http://designinformer.com/the-wow-factor-in-web-design/
Top 25 Clean and Minimal Web Designs
http://www.vooshthemes.com/blog/wordpress/top-25-clean-and-minimal-web-designs/
Clean and minimal designs are my favorite type of design style - they have a very classy, professional, and timeless look to them that really appeals! With more and more designers adopting this type of style there are now lots of great clean and mini
Top 25 Clean and Minimal Web Designs - http://www.vooshthemes.com/blog/wordpress/top-25-clean-and-minimal-web-designs/
College Crunch - School Research, Degree Options, Career Planning, University & College Reviews
http://www.collegecrunch.org/
f you are like most college students, you want to have a second set of eyes look over…
School Research, Degree Options, Career Planning, University & College Reviews
like the layout
The best college resource online ever -- according to the website.
Unique way to use wordpress recommended by Randa Clay
40 Beautiful Minimalist Websites – Part 7 | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/minimalist-websites-7/
Web Design and Development Blog
Mag+ on Vimeo
http://vimeo.com/8217311
magazines on handheld digital devices
Prototype of future magazine interaction
This conceptual video is a corporate collaborative research project initiated by Bonnier R&D into the experience of reading magazines on handheld digital devices. It illustrates one possible vision for digital magazines in the near future, presented by our design partners at BERG. The concept aims to capture the essence of magazine reading, which people have been enjoying for decades: an engaging and unique reading experience in which high-quality writing and stunning imagery build up immersive stories.
re-creating a magazine experience on a digital device or e-reader
cool concept. Well thought out on eReader presentation. Not here yet but coming!
"This conceptual video is a corporate collaborative research project initiated by Bonnier R
offers up a preview of how the magazines reading experience could be transformed through mobile networked devices. (via Helene Blowers)
This conceptual video is a corporate collaborative research project initiated by Bonnier R&D into the experience of reading magazins on handheld digital devices. It illustrates one possible vision for digital magazines in the near future, presented by our design partners at BERG.
RT @Scobleizer: How many of these behaviors will we see in a new Tablet in 2010? http://vimeo.com/8217311 inspiring. Apple? Steve Jobs? :-)
The 2009 Venice Biennale - The Big Picture - Boston.com
http://www.boston.com/bigpicture/2009/07/the_2009_venice_biennale.html
Russian artist Andrei Molodkin poses next to his version of the statue of Nike of Samothrace, filled with oil, part of an installation where two similar sculptures, one filled with oil and the other with blood, pumped in by a motor, are projected live on a wall and transformed into a third sculpture, during the vernissage of the 53rd Biennale International Art Exhibition in Venice, Italy, June 4, 2009. (AP Photo/Alberto Pellaschiar) #
CSS Techniques I Wish I Knew When I Started Designing Websites - Noupe
http://www.noupe.com/css/css-techniques-i-wish-i-knew-when-i-started-designing-websites.html
By Tim Wright and TJ Kelly CSS is the best thing to happen to the web since Tim Berners-Lee. It's simple, powerful, and easy to use. But even with all its simplicity,...
Eight cool social media infographics | Blog | Econsultancy
http://econsultancy.com/blog/5126-eight-cool-social-media-infographics
So, inspired by the newest of social media infographics, I thought it might be useful to collect some of the better examples in one place as a source of inspiration and information. Links to the actual graphics are in the headline titles.
Great for business!!! Cyentist & 430
Cool graphics explaining social media
24 Clever Website Designs That Combine jQuery and Illustration | Webdesigner Depot
http://www.webdesignerdepot.com/2009/12/24-clever-website-designs-that-combine-jquery-and-illustration/
Thanks to the might of JavaScript, the words dynamic and illustration no longer apply exclusively to Flash-based websites. Now that dynamic HTML is a
The Best Free Texture Packs of 2009 | Web Design Ledger
http://webdesignledger.com/freebies/the-best-free-texture-packs-of-2009
There are a few things that a designer can not have enough of in his or her design arsenal, and one of them is textures. So to continue our Best of 2009
Google Code Blog: Introducing Google Browser Size
http://googlecode.blogspot.com/2009/12/introducing-google-browser-size.html
Using this visualization, Bruno confirmed that about 10% of users couldn't see the download button without scrolling, and thus never noticed it. 10% may not sound like a lot, but in this context it turns out to mean a significant number of people weren't downloading Google Earth. Using this data, the team was able to redesign the page to good effect.
show to Chad
Browser Size, hoeveel procent ziet een bepaald element van je website..
SitePoint » 88 Outstanding Favicons and 6 Resources to Help You Create Your Own
http://www.sitepoint.com/blogs/2009/02/27/88-outstanding-favicons-and-6-resources-to-help-you-create-your-own/
beware - immediately wants you to do a survey
Favicons have become a standard element in web design, and they can have a tremendous impact on brand recognition (see Matt Magain’s post, “Google Changes Favicon, Challenges You To Do Better“). If you’re not used to designing for a tiny area (just 16×16 pixels), it can be very difficult to create a distinguishable company-specific or site-branded favicon. And depending on the logo, colors, words, etc. that you’re working with, it can be a challenge to create one that actually looks good.
Top 10 Myths about Sustainability: Scientific American
http://www.sciam.com/article.cfm?id=top-10-myths-about-sustainability
hat meets the needs of the present without compro
When a word becomes so popular you begin hearing it everywhere, in all sorts of marginally related or even unrelated contexts, it means one of two things. Either the word has devolved into a meaningless cliché, or it has real conceptual heft. “Green” (or, even worse, “going green”) falls squarely into the first category. But “sustainable,” which at first conjures up a similarly vague sense of environmental virtue, actually belongs in the second. True, you hear it applied to everything from cars to agriculture to economics. But that’s because the concept of sustainability is at its heart so simple that it legitimately applies to all these areas and more. Despite its simplicity, however, sustainability is a concept people have a hard time wrapping their minds around. To help, Scientific American Earth 3.0 has consulted with several experts on the topic to find out what kinds of misconceptions they most often encounter. The result is this take on the top 10 myths about sustainability.
Despite its simplicity, however, sustainability is a concept people have a hard time wrapping their minds around. To help, Scientific American Earth 3.0 has consulted with several experts on the topic to find out what kinds of misconceptions they most often encounter. The result is this take on the top 10 myths about sustainability.
15 Amazing Abstract Photoshop Tutorials
http://www.webhostingsearch.com/articles/15-abstract-photoshop-tutorials.php
photoshop tute.
The Best 40 Photoshop Text Effects from 2009 : Speckyboy Design Magazine
http://speckyboy.com/2009/12/18/the-best-40-photoshop-text-effects-from-2009/
Photoshop Text Effects from 2009
Photoshop Text Effects
The 15 Best Articles For Designers in 2009 | Design Reviver
http://designreviver.com/general/the-15-best-articles-for-designers-in-2009/
50 Best Free Tools To Create Perfect Color Combinations @ SmashingApps
http://www.smashingapps.com/2009/12/17/50-best-free-tools-to-create-perfect-color-combinations.html
Smashing Apps Has Been Featured At Wordpress Showcase. If you like Smashing Apps and would like to share your love with us so you can click here to rate us. A good color combination has the tendency to communicate with the users and let them perceive the design in the correct way. That is the basic reason why you need to pick the right color for your design. So, here we are bringing 50 varieties of useful and valuable color tools that would help you choosing the right color palettes for your designs. You are welcome to share more color tools and resources which our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter and do not forget to become our fan on facebook as well.
the { buckblogs :here }: LEGOs, Play-Doh, and Programming
http://weblog.jamisbuck.org/2008/11/9/legos-play-doh-and-programming
A very nice metaphor for Ruby-types (loose) vs Java-types (straight) languages
in dynamic languages, don't go overboard with dependency injection
By Jamis Buck, creator of Capistrano
What You Need To Know About Behavioral CSS - Smashing Magazine
http://www.smashingmagazine.com/2009/12/19/what-you-need-to-know-about-behavioral-css/
games flash fun online
What You Need To Know
Everything You Ever Want to Know About Creating Seamless Patterns in Illustrator - Vectortuts+
http://vector.tutsplus.com/tutorials/tools-tips/everything-you-ever-want-to-know-about-creating-seamless-patterns-in-illustrator/
Adobe Illustrator patterns makes your work process easier and the result prettier. Every vector professional must know the secrets and details about using seamless patterns, as well as many approaches to creating them. In this tutorial I dive into the anatomy of patterns in Adobe Illustrator, analyzing numerous existing methods of creating a seamless pattern fill, from the easiest ones to the most complex ones.
10 Useful Flash Components for Graphing Data
http://digg.com/d1o07F
Good review of flash components for graphing
Top Web Design Bookmarks of 2009
http://www.paper-leaf.com/blog/2009/12/top-web-design-bookmarks-of-2009/
40 Can’t-Miss Grunge Fonts From DaFont | Spyre Studios
http://spyrestudios.com/grunge-fonts-from-dafont/
Great set of fonts
A Look at Some of the New Selectors Introduced in CSS3 - Inspect Element
http://inspectelement.com/tutorials/a-look-at-some-of-the-new-selectors-introduced-in-css3/
A Look at Some of the New Selectors Introduced in CSS3
My Website Design Was Stolen! Now What? - Smashing Magazine
http://www.smashingmagazine.com/2009/12/18/my-website-design-was-stolen-now-what/
15 of the World's Most Brilliant Business Card Designs | WebUrbanist
http://weburbanist.com/2009/03/22/15-of-the-worlds-most-brilliant-business-card-designs/
Interessante Visitenkarten Desings
Not all business cards are boring pieces of paper. Some are awesomely creative, memorable and even intimidating.
[CSS]スタイルシートの実用的なテクニック集:エレメント・CSS3・Tips編 | コリス
http://coliss.com/articles/build-websites/operation/css/css-mastering-2-advanced-techniques-and-tools.html
無料サービスを活用して手軽にwebサイトを作るための12選[ネタ帳内]*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-646.html
2009.05.11
The small calendar 2010 (en) « Grafish Design's Blog
http://www.grafishdesign.it/blog/the-small-calendar-eng
The small calendar 2010 (en) « Grafish Design's Blog
Pdf
calendário.
ランディングページ集めました。|WEBデザイナーの為のデザイン参考サイト
http://lp-web.com/
ランディングページを考えるときの参考に良いね
コンバージョン率の高いランディングページを作る事は、WEBデザイナーの使命。ランディングページを作るWEBデザイナーのためのランディングページリンク集です。
ランディングページリンク集
ランディングページ
Best Resources To Find Free Stock Photos For Web Designers | W3Avenue
http://www.w3avenue.com/2009/12/19/best-resources-to-find-free-stock-photos-for-web-designers/
Best Resources To Find Free Stock Photos For Web Designers
If you are on a really tight budget and paying for stock photos is not feasible, you don’t have to compromise on quality. W3Avenue has compiled a list of several great resources to help you find free high quality stock photos.
CSS Count - We Count CSS Websites! Be inspired and counted!
http://www.csscount.com/designs?bid=29
CSS Count - Counts Millions of CSS Websites, Be inspired and Showcase your site
List of 15 Icons Website
フリーアイコンサイト&ストックアイコンサイト15選
icon sites!!
Looking for an icons? I think this is for you, a list of 15 icons website for free and for sale icons. You can download some of their free icons in their respective website and you can purchase icons for sale in their respective website. take a look of these websites and you may find gorgeous and high quality icons.
Matt Kenefick: The Only Blog Ever
http://mattkenefick.com/blog/2008/11/fractal4d-first-release/
create fractals with this adobe air application
awesome gfx
Fractal Image creator Air App
Here is the first public release of Fractal4D. It is still beta, but there is a built-in auto updater that will make sure you have all the necessary updates without having to check for announcements. The auto-updater does not affect any files or directories outside of its own application directory. This is an AIR app, so you will need Adobe AIR to use it. Please leave feedback, comments, and suggestions.
AdobeAIR Applikation für schicke Linieneffekte. Inkl. Exportfunktion.
Create a Retro Photo and Background | Denis Designs
http://www.denisdesigns.com/blog/2009/04/create-a-retro-photo-and-background/
Create a Retro Photo and Background | Denis Designs - http://www.denisdesigns.com/blog/2009/04/create-a-retro-photo-and-background/
Handy Tweaks To Make GIMP Replace Photoshop
http://digg.com/d1nqdI
15 Incredible Apple Webdesign Style Coding Tutorials | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/tutorials/incredible-apple-webdesign-style-coding-tutorials/
Related Posts55 Jquery Tutorials, Resources, Tips And Tricks: Ultimate Collection51 Form Element Resources and Tutorials Using CSS And Javascript50 Really High Quality Photoshop Navigation Menu Tutorials43 PSD to XHTML, CSS Tutorials Creating Web Layouts And Navigation38 jQuery And CSS Drop Down Multi Level Menu Solutions
Apple style is very popular trend in our days – their design and style is really unique, clean and always good-looking. No wonder there are many designers trying to understand that style, why it works and how. There also a bunch of advanced coding tutorials available out there. Since I am Apple website style fan myself, I did research and showcased several amazing coding tutorials I found in the Internet.
Soma FontFriend • Soma Design
http://somadesign.ca/projects/fontfriend/
FontFriend is a bookmarklet for typographically obsessed web designers.
FontFriend is a bookmarklet for typographically obsessed web designers. It enables rapid checking of fonts and font styles directly in the browser without editing code and refreshing pages.
FontFriend is a bookmarklet for typographically obsessed web designers. It enables rapid checking of fonts and font styles directly in the browser without editing code and refreshing pages. 2.0’s killer feature is instant drag-and-drop font previewing right in the browser (Firefox 3.6+ only), in any document you’re currently viewing.
"A bookmarklet for typographically obsessed web designers. It enables rapid checking of fonts and font styles directly in the browser without editing code and refreshing pages."
Nice header.
The Best and Worst Identities of 2009 - Brand New
http://www.underconsideration.com/brandnew/archives/the_best_and_worst_identities_of_2009.php
Lista de melhores e piores projetos de identidade do ano de 2009 - EUA, EUROPA
The 100 Most Popular Photoshop Tutorials 2009
http://www.photoshoplady.com/the-100-most-popular-photoshop-tutorials-2009/
Popular
Popular Photoshop Tutorials
The Top 50 Web Development Icon Sets from 2009 : Speckyboy Design Magazine
http://speckyboy.com/2009/12/21/the-top-50-web-development-icon-sets-from-2009/
The Top 50 Web Development Icon Sets from 2009
How to Get a Professional Look With Color | Webdesigner Depot
http://www.webdesignerdepot.com/2009/12/how-to-get-a-professional-look-with-color/
How to Get a Professional Look With Color
Pixelmatrix Design – How to work with a professional designer
http://pixelmatrixdesign.com/weblog/comments/how_to_work_with_a_professional_designer/
In the 3 years Ive been in business Ive seen many different job requests come in. However, of all my job requests, only about 10% actually ever go through. There are all sorts of reasons, but many times its due to some common issues. This leads me to believe that many people out there dont know the preferred practices when it comes to working with, and hiring designers.
A good list of do's and don'ts that all potential clients should read (hah!)
Engrave Your Book | Icons
http://www.engraveyourbook.com/pages/icons
Welcome to Engrave Your Book - Handmade Leather Covers for Your Favorite Moleskine Notebook - http://www.engraveyourbook.com/pages/icons
moleskine icons in different colors
The Unusable and Superficial World of Beer and Alcohol Websites - Smashing Magazine
http://www.smashingmagazine.com/2009/12/07/the-unusable-and-superficial-world-of-beer-and-alcohol-websites/
The Unusable and Superficial World of Beer and Alcohol Websites - Smashing Magazine
I was pretty excited when I came up with the idea of examining and showcasing some of the most famous beer and alcohol-related websites from a number of countries around the world. After all, who doesn’t like the odd drink now and again? (Well, besides me — I can’t stand alcohol in any form.) Surely this would make for an interesting article that would elicit quite a few comments. Well, if that’s the result, it wouldn’t be for the reasons I suspected when beginning to research this piece. Instead, I’ve concluded — due to problems related to typography, accessibility, and usability — that the apparent “beauty” present on many of the websites related to this industry is merely “skin deep”. To put it quite bluntly, the designers and developers people responsible for decision-making in the beer and alcohol website industry should be ashamed of themselves for creating such horrendous user experiences.
of sites with Flash intros that have the option to be “skippe
The Unusable and Superficial World of Beer and Alcohol Websites - http://bit.ly/5i8u5i [from http://twitter.com/hadhad/statuses/6489154728]
5 New Useful jQuery Plugins For Your Next Projects | AEXT.NET
http://aext.net/2009/12/5-new-useful-jquery-plugins-for-your-next-projects/
5 New Useful jQuery Plugins For Your Next Projects | AEXT.NET - http://aext.net/2009/12/5-new-useful-jquery-plugins-for-your-next-projects/
Programming, Designing and Blogging
50 of the Best Free Icon Sets of 2009 | Vandelay Design Blog
http://vandelaydesign.com/blog/design/best-free-icon-sets/
50 of the Best Free Icon Sets of 2009 | Vandelay Design Blog - http://vandelaydesign.com/blog/design/best-free-icon-sets/
Absolutely Incredible Art made with Old Cassette Tapes | NoiseAddicts music and audio blog
http://www.noiseaddicts.com/2009/03/celebrity-art-made-with-cassette-tapes/
Креативные рисунки из плёнки старых аудиокассет
An artist named Iri5 specializes in using non traditional media such as old books, audio cassettes, playing cards, magazines, credit cards, basically whatever he can find. She says,"It feels great to work with strange, older materials. Things that have a mind of their own. Most everything I use has been thrown away or donated at some point. Past its prime, like some of the finest things in the world. What she’s created with some old cassette tapes and reel tapes is simply remarkable. Using these old tapes, iri5 has turned them into works of art in a series that she calls “Ghost in the Machine.” The series portrays celebrities and musicians such as Marilyn Monroe, Bob Dylan, Robert DiNero, Jimi Hendrix, Ian Curtis, and Jim Morrison.
usare i nastri magnetici come un pennarello
Try doing THIS with an mp3!
50 brilliant & creative advertisements for your inspiration | Designer Daily
http://www.designer-daily.com/50-brilliant-creative-advertisements-for-your-inspiration-3169
publicidad creativa
The 'Hows' of Pricing Your Design Work
http://www.thedesigncubicle.com/2009/07/the-hows-of-pricing-your-design-work/
50 Illustrator Cartoon Tutorials | Design Reviver
http://designreviver.com/tutorials/50-illustrator-cartoon-tutorials/
50 ตัวอย่างสร้างการ์ตูน
BLDGBLOG: Evil Lair: On the Architecture of the Enemy in Videogame Worlds
http://bldgblog.blogspot.com/2009/05/evil-lair-on-architecture-of-enemy-in.html
Jim Rossignol on the villains lair (nice HL2 and Shadow of the Colossus refs)
Game developers are unconstrained in their designs for the enemy. Such designers will be punished with poor sales, not death in the gulag, if their designs for the overlord are unpopular. They could go anywhere with the homes of evildoers: halls of electric fluorescence, palaces carved from corduroy, suburban back yards.
Jamie Conkleton Graphic Design
http://www.conkleton.co.uk/
Graphic Designer ! from UK !
graphic, design, student, typography, falmouth, graduate, minimalism, print, editrorial, branding, jamie, conkleton, congleton, art, direction jamie, conkleton, graphic, design jamie, conkleton.co.uk
Nice bicycle mag - nice typography
A List Apart: Articles: Findings from the Web Design Survey, 2008
http://www.alistapart.com/articles/findingsfromthewebdesignsurvey2008
** Posted using Viigo: Mobile RSS, Sports, Current Events and more **
If we, the people who make websites, want the world to know who we are and what we do, it’s up to each of us to stand up and represent. Last year, 30,055 of you did just that, taking time out of your busy day to answer the sometimes detailed and often thought-provoking questions in the second A List Apart Survey.
If we, the people who make websites, want the world to know who we are and what we do, it’s up to each of us to stand up and represent.
** Posted using Viigo: Mobile RSS, Sports, Current Events and more ** If we, the people who make websites, want the world to know who we are and what we do, it's up to each of us to stand up and repre
"This year’s findings paint a clearer picture of the distinctions between full-time and freelance web professionals: how you work, what you earn, and what you love about the job. "
Interface Design Inspiration | 30 Impressive Ways to Design Sign-Up Page/Form | Dzine Blog
http://dzineblog.com/2009/12/interface-design-inspiration-30-impressive-ways-to-design-sign-up-pageform.html
In most online business the revenue of the site solely depends on the registered and active users and Making the visitor of your site to sign up isn’t easy, nobody likes to fill in forms .
Inspirational Design Sign-Up Page/Form
FFF Tusj Font | dafont.com
http://www.dafont.com/fff-tusj.font
Fuente muy interesante
Tools Help Submit a font a b c d e f g h i j k l m n o p q r s t u v w x y z # FFF Tusj Custom preview Number per page fonts show variants Size Only fonts with accents Euro Sort by More options Only as Public domain / GNU GPL Free Free for personal use Donationware Shareware Demo Unknown The licence is just an indication. Please look at the readme-files in the zips or check the indicated author's website for details, and contact him if in doubt. Accents Euro FFF Tusj by Magnus Cederholm site [11 comments] in Script > Various Free Download FFF Tusj.ttf
Neat Free Font ( quite complete )
9 Tips for Establishing Your Own Marketing Method as a Freelancer | Vandelay Design Blog
http://vandelaydesign.com/blog/marketing/marketing-freelancer/
9 consigli per impostare il tuo metodo di marketing come freelance
*Blog
How to use the new Facebook pages for business | Small Business Marketing Blog from Duct Tape Marketing
http://www.ducttapemarketing.com/blog/2009/03/16/facebook-pages-get-more-business-friendly/
help with setting up custom tabs on facebook
ultimate example of what’s possible for business using Pages, but it should get your started.
Design Something Every Day! - Smashing Magazine
http://www.smashingmagazine.com/2009/12/22/design-something-every-day/
As designers, we're all trying to get better at what we do. We surf the Web daily for hours trying to find useful tips and tricks to enhance our design skills. But...
Crie alguma coisa todos os dias do ano para tornar-se melhor como profissional
diseña alo todos los días
Every day the same dream - molleindustria
http://www.molleindustria.org/everydaythesamedream/everydaythesamedream.html
A little art game about alienation and refusal of labour. Made in 6 days for the Experimental Gameplay Project
API Design Tips (Software Engineering Tips)
http://sites.google.com/site/yacoset/Home/api-design-tips
83 Crazy/Beautiful Letterhead and Logo Designs
http://www.youthedesigner.com/2009/12/22/83-crazy-beautiful-letterhead-logo-designs/
Beautiful Letterhead and Logo Designs
Whap! Like a flash of satori, your company letterhead should be a slap in the face of consciousness. The whole point is to grab your readers’ attention by the throat on first contact, then make them beg for more in the long run. Considering the chronic short-attention span of a generation raised on cable TV and the internet, this is saying a lot. I’ve gathered 83 of the most eye-popping letterhead designs so far to illustrate my meaning. Albeit the designs are stylistically distinct from one other, this showcase is a marriage of cutting-edge creativity and effective brand communication. Enough said. Just scroll down these letterhead designs and enjoy!
How people really use the iPhone - SlideShare
http://www.slideshare.net/createwithcontext/how-people-really-use-the-iphone-presentation?type=powerpoint
By Bill Westerman (Principal, Create With Context). "How people really use the iPhone", an interesting readout of design issues and recommendations for people designing for the iPhone and beyond.
Toolbar Icons
http://steveweller.com/articles/toolbar-icons/
create your own iphone icons with omnigraffle
24 ways: Make Your Mockup in Markup
http://24ways.org/2009/make-your-mockup-in-markup
We aren’t designing copies of web pages, we’re designing web pages.
karlpro Website mockup should be in markup (not photoshop) http://24ways.org/2009/make-your-mockup-in-markup
In the past we’ve put up with Photoshop because it was vital to achieving our beloved rounded corners, drop shadows, outer glows, and gradients. However, with the recent adaptation of CSS3 in major browsers, and the slow, joyous death of IE6, browsers can render mockups that are just as beautiful as those created in an image editor. With the power of RGBA, text-shadow, box-shadow, border-radius, transparent PNGs, and @font-face combined, you can create a prototype that radiates shiny awesomeness right in the browser. If you can see this epic article through to the end, I’ll show you step by step how to create a gorgeous mockup using mostly markup.
Practical Uses of CSS3 | Viget Inspire
http://www.viget.com/inspire/practical-uses-of-css3/
A UI Design and Prototyping Treasure Chest | Web Design Ledger
http://webdesignledger.com/freebies/a-ui-design-and-prototyping-treasure-chest
design, icons, vorlagen uvm
ウェブインターフェイスデザインパーツ集
UIデザイン 参考資料
35 Fresh and Cool Web Design Interfaces for Inspiration | AEXT.NET
http://aext.net/2009/12/35-fresh-and-cool-web-design-interfaces-for-inspiration/
35 Fresh and Cool Web Design Interfaces for Inspiration
Refrescants i coloristes
Showcase of Testimonials in Web Design | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/testimonials-in-web-design/
Testimonials design
Cool Stuff: Olly Moss’s Poster Remakes | /Film
http://www.slashfilm.com/2009/01/14/cool-stuff-olly-mosss-poster-remakes/
Die Hard.
poster remakes old style
did you already google share these?
Slammer - Designer's Geometry Box
http://ringce.com/slammer
Slammer gives you any grid you want, anywhere you want: Typographic Grids, Golden Sections, Fibonacci series or Rule of Thirds. Thats not all, Slammer also has Rulers, Crosshairs, Magnifier, Measurements & Screenshots. Slammer is a must have for any designer.
Slammer gives you any grid you want, anywhere you want
10 Professional Brochure Design Tutorials | Tutorial Lounge
http://www.tutoriallounge.com/2009/08/10-professional-brochure-design-tutorials/
10 Professional Brochure Design Tutorials | Tutorial Lounge - http://www.tutoriallounge.com/2009/08/10-professional-brochure-design-tutorials/
Multicolr Search Lab - Idée Inc.
http://labs.ideeinc.com/multicolr/?1
Search through 10 million of the most "interesting" Creative Commons images on Flickr. Great UI, slick experience. (via Ryan Burrell)
The Top 10 Vector Plus Tutorials of All Time - Vectortuts+
http://vector.tutsplus.com/articles/inspiration/the-top-10-vector-plus-tutorials-of-all-time/
Vector Plus launched in late September 2008. Since then we've added dozens of tutorials for Plus members and hundreds of Illustrator and InDesign source files.
Banner Ad Design | PointBanner Home
http://www.pointbanner.com/index.php
Based in New York City, PointBanner.com allows online marketers to quickly order fully-customized banner ads and receive professionally designed, campaign-ready graphics within 48 hours. Formed to help marketing managers, small-business owners, affiliate marketers and eBay merchants slash the cost of production to as low as $49 per ad,
My Pizza Oven: Mark Wilkie, Windsor Terrace, Brooklyn | Slice Pizza Blog
http://slice.seriouseats.com/archives/2009/08/my-pizza-oven-mark-wilkie-windsor-terrace-brooklyn.html
sources on building a pizza oven
Building a back yard pizza oven
20+ Inspirational Vector Flickr Groups, and a Truckload of Awesome Vector Art - Vectortuts+
http://vector.tutsplus.com/articles/inspiration/20-inspirational-vector-flickr-groups-and-a-truckload-of-awesome-vector-art/
and a Truckload of Awesome Vector Art
By http://bit.ly/Tweets2Delicious
20+ Inspirational Vector Flickr Groups, and a Truckload of Awesome Vector Art - Vectortuts+
Helvetica Neue Light – Blog – Guillermo Esteves
http://blog.gesteves.com/post/36097597/helvetica-neue-light
Font weights and some good thoughts on using the right font declarations.
Finally, someone describes how to do Helv Neue Light online.
font-weight: 300;
Some of my recent visitors might have noticed that the current version of this site uses Helvetica Neue Light1 for almost all the text, a look inspired by the beautiful pages of Panic’s products. As reference, here’s a screenshot of part of CandyBar’s website:
My talk at the Business of Software conference (September 2008) - (37signals)
http://www.37signals.com/svn/posts/1329-my-talk-at-the-business-of-software-conference-september-2008
Why break them because you want momentum – it is the fuel. In order to not let it down chunk the project into smaller and smaller bits.(less roadmap and spec) optimize for now.
how 37signals runs
#grid
http://hashgrid.com/
Apple COO Tim Cook could be in line to replace Steve Jobs - Nov. 10, 2008
http://money.cnn.com/2008/11/09/technology/cook_apple.fortune/index.htm
"This is really bad," Cook told the group. "Someone should be in China driving this." Thirty minutes into that meeting Cook looked at Sabih Khan, a key operations executive, and abruptly asked, without a trace of emotion, "Why are you still here?" Khan, who remains one of Cook's top lieutenants to this day, immediately stood up, drove to San Francisco International Airport, and, without a change of clothes, booked a flight to China with no return date, according to people familiar with the episode. The story is vintage Cook: demanding and unemotional."
Why are you still here?
One day back then, he convened a meeting with his team, and the discussion turned to a particular problem in Asia. "This is really bad," Cook told the group. "Someone should be in China driving this." Thirty minutes into that meeting Cook looked at Sabih Khan, a key operations executive, and abruptly asked, without a trace of emotion, "Why are you still here?" Khan, who remains one of Cook's top lieutenants to this day, immediately stood up, drove to San Francisco International Airport, and, without a change of clothes, booked a flight to China with no return date, according to people familiar with the episode. The story is vintage Cook: demanding and unemotional.
Why I'd rather be punched in the testicles than call customer service - The Oatmeal
http://theoatmeal.com/comics/customer_service
Paper Commander - Wing Commander Paper Models
http://papercommander.solsector.net/
This space offers replicas in paper of the ships of the great saga Wing Commander, this great game of space combat that it revolutionized the world of the games, with their innovative ideas and attractive history.
Free Sketching & Wireframing Kit
http://www.jankoatwarpspeed.com/post/2009/12/24/sketching-wireframing-kit.aspx
Sketching & Wireframing kit is a free set of elements for sketching and wireframing. It consist of form elements, icons, indicators, feedback messages, tooltips, navigation elements, image placeholders, embedded videos, sliders and common ad banners.
50 Best Web Design Blog Posts In 2009 | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/roundups/50-best-web-design-blog-posts-in-2009
Obesity System Influence Diagram
http://www.shiftn.com/obesity/Full-Map.html
Nice interactive information visualization diagram
Diagram explaining the obesity problem system. Complex, but interesting
A great mapping of the obesity actor system
shiftn obesity diagram
whoa.
Great interactive diagram of factors that cause obesity
50 Free High Quality Professional Icon sets for Download
http://graphicalerts.com/50-free-high-quality-professional-icon-sets-for-download/
Icons sets play an important role in web design and for your desktop. Web Designers instead of investing their valuable time in making these icons sets to use in their web applications and in web designs
Icons sets play an important role in web design and for your desktop. Web Designers instead of investing their valuable time in making these icons sets to use in their web applications and in web designs, they search for icon sets on web which are available for free but they all the icons sets are not present in one place. They have to search every website so we decided to post all of these wonderful high quality and professional icon sets for web developers. Although there are some hundreds of Icon sets, i choose some modern icon sets which will be helpful to you, so i am posting 50 icon sets which are really good and look professional.
The Ultimate Compilation: 74 Unique Business Card Designs | Graphic Fetish
http://www.graphicfetish.com/the-ultimate-compilation-74-unique-business-card-designs/
I'm sure you've all seen some collection of business cards somewhere else online. I myself have perused tons of really inspiring business card designs as well,
How To: Breadcrumbs in Wordpress | Gilbert Pellegrom
http://www.gilbertpellegrom.co.uk/how-to-breadcrumbs-in-wordpress/
How To: Breadcrumbs in Wordpres
40 Must Follow Design Blogs On Twitter | Creative Nerds
http://creativenerds.co.uk/articles/40-must-follow-design-blogs-on-twitter/
http://www.twitter.com/hongkiat
Core77 / industrial design magazine + resource / giftguide category
http://www.core77.com/blog/giftguide/
Core77's 3rd Annual giftguide category
48 Creative Websites Designed in Blue
http://thedesignmag.com/48-creative-websites-designed-in-blue.html
Best WordPress Tutorials of 2009
http://www.wpbeginner.com/showcase/best-wordpress-tutorials-of-2009/
beginner of wordpress
2009 has been a great year. It was the year this site was formed, it is the very same year that WordPress 2.9 was launched. During the year, many helpful articles were written on this site. In this article we will be highlighting Best of Best WordPress Tutorials of 2009.
Best WordPress Tutorials of 2009
Zyotism:Aesthetics
http://www.zyotism.com/aesthetics/iconsets/2001/
2001年宇宙の旅アイコン
2001 icons
I've been using these for a couple years. Best icons out there.
35 High Def Wallpapers to Calm and Inspire You
http://psdfan.com/inspiration/graphic-design/35-high-def-wallpapers-to-calm-and-inspire-you/
36 Retro and Vintage Style Tutorials | Tutorials Palace
http://www.tutorialspalace.com/2009/09/36-retro-and-vintage-style-tutorials/
The 50 Best Photoshop Tutorials of 2009
http://sixrevisions.com/photoshop/top-50-adobe-photoshop-tutorials-of-2009/
photoshop tutorial
Announcing the Launch of 5 Niche Galleries | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/gallery-sites-launch/
Today I’m happy to announce that I have launched a network of five niche gallery sites! Many of us visit design and CSS galleries on a consistent basis for design inspiration, and there is no shortage of galleries to choose from. Some of my favorite galleries are those that exist to showcase work of a specific kind (We Love WP is a good example, it is a showcase of WordPress-powered sites). Niche galleries are especially useful for designers because they allow you to get the specific type of inspiration that you are looking for without being overwhelmed by too much that doesn’t interest you. You can go to a niche gallery and quickly find helpful and relevant inspiration that applies to your own situation. With that in mind, I have chosen five topics for galleries that I thought would be of use to many designers.
デスクトップをオシャレな雰囲気に変えてくれる壁紙いろいろ50選 - GIGAZINE
http://gigazine.net/index.php?/news/comments/20090317_maximum_visual_wallpaper/
綺麗な壁紙や
Webデザイナーとしてのスキルを上げるためのPhotoshopチュートリアル70選 | CREAMU
http://blog.creamu.com/mt/2009/01/web70.html
デザインのスキルを上げたい。 そんなあなたにおすすめなのが、『70+ Photoshop Tutorials to improve your Skills as Web Designer』。Webデザイナーとしてのスキルを上げるためのPhotoshopチュートリアル70選だ。 以下にいくつかご紹介。
Photoshopチュートリアル70選だ。
Roundel
http://www.roundel.com/
A consultancy dedicated to helping clients create a clear sense of their own identity through strong, simple and meaningful communication.
Stubmatic: Your Personal Box Office
http://www.stubmatic.com/
25 CSS books you must beg for, borrow, or steal! | Uncoverr
http://www.uncoverr.com/the-25-very-best-css-books/
Ever feel overwhelmed with the immense amount of choices of books when trying to learn CSS? Well, we’re here to help. we’ve compiled a list of the 25 very best CSS books in no particular order.
45 Superb Light Effects | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/45-superb-light-effects
TUTORIALES de PHOTOSHOP Y OTROS
Light-Effects are a great way to create awesome and colorful images. Also it has become a trend mostly because of the work of guys such as James White and Chuck Anderson who I think are the Light-effects Masters. So in this post I will share with you some
Ask reddit: What LaTeX resume template do you use? : programming
http://www.reddit.com/r/programming/comments/7py77/ask_reddit_what_latex_resume_template_do_you_use/
They Write the Right Stuff | Fast Company
http://www.fastcompany.com/magazine/06/writestuff.html?page=0%2C0
How they write the software for the Space Shuttle
NASA space shuttle software development
As the 120-ton space shuttle sits surrounded by almost 4 million pounds of rocket fuel, exhaling noxious fumes, visibly impatient to defy gravity, its on-board computers take command.
Userplus.org - Design best practices to build the best web user interface (form design, navigation, buttons,...)
http://www.userplus.org/web/
Design best practices to build the best web user interface (form design, navigation, buttons,...)
Fly-out and drop-down menu 12/08/09 • In Design Patterns The user needs to navigate the site but there are to many options to show in the main navigation bar. You want to offer the user direct access to all sections of the website.
BibliOdyssey: Nuclear Reactor Wall Charts
http://bibliodyssey.blogspot.com/2009/12/nuclear-reactor-wall-charts.html
Nuclear Reactor Wall Charts
Cutaway illustrations of Nuclear Power Reactors. Linked via John Nack at Adobe.
RMSforms – A flexible CSS Forms Framework to Help Style Those Pesky Forms
http://www.rmsjr.com/blog/web-design/rmsforms-a-flexible-tableless-css-forms-framework/
Data Tables In Modern Web Design - Noupe
http://www.noupe.com/design/data-tables-in-modern-web-design.html
Body By Victoria - Secure Computing: Sec-C
http://www.hackerfactor.com/blog/index.php?/archives/322-Body-By-Victoria.html
awesome photo manipulation detection discussion
Discussion of photoshopping of women's bodies
interesting analysis of a badly photoshopped image, showing techniques for detection of photo manipulation
Designs of the Year: 2009
http://www.drawar.com/articles/designs-of-the-year-2009/63/
2009年のすごいサイト
Los diseños de web del 2009 explicados
50 Free Resources Of Hand Drawing Style Icons, Brushes, Textures and Fonts @ SmashingApps
http://www.smashingapps.com/2009/12/09/50-free-resources-of-hand-drawing-style-icons-brushes-textures-and-fonts.html
18 Latest jQuery Plugins for Your Next Project | Onextrapixel - Showcasing Web Treats Without Hitch
http://www.onextrapixel.com/2009/12/28/18-latest-jquery-plugins-for-your-next-project/
The 50 Best Adobe Illustrator Tutorials from 2009 | Vandelay Design Blog
http://vandelaydesign.com/blog/design/illustrator-tutorials-2009/
Since the year is winding down, we thought it would be helpful to go back and pick out the best Illustrator tutorials that were published in 2009. The year was full of great tutorials, and 50 of the best are featured here. For more Illustrator tutorials please see:
13 Useful Code Snippets for WordPress Development | Web Design Ledger
http://webdesignledger.com/tips/13-useful-code-snippets-for-wordpress-development
trechos de código, inclusive para encaminhar seu rss para o feedburner
Op-Chart - Picturing the Past 10 Years - Graphic - NYTimes.com
http://www.nytimes.com/interactive/2009/12/27/opinion/28opchart.html
One of the best, most compelling, incisive, pithy graphics I have ever seen.
Great picture chart 10 years of history
無料で使えるWordPressテーマ 2009年 厳選100+ | DesignWalker
http://www.designwalker.com/2009/12/wordpress-theme2009.html
2009年総まとめシリーズ デザインのアイデアやコーディングの参考に
え!?こんなにレベルの高いテーマが無料で使えるの!?と思ってしまうほど、年々レベルが上がっていく無料で使えるWordPressテーマ。 2009年、総まとめシリーズです。今回は無料で使えるWordPressのテーマを100種類とおもったら、少し多めに集めてしまいました。 ダウンロードしてそのまま使用するだけでなく、デザインのアイデアやコーディングの参考などにも使えそうですね。
Pastebot | Tapbots
http://tapbots.com/pastebot/
Pastebot is a powerful clipboard manager that stores text & images copied from your iPhone/iPod Touch.
Convertbot Overview Pastebot is a powerful clipboard manager that stores text & images copied from your iPhone/iPod Touch. Organize, apply filters to, and copy clippings to be pasted or sent to other apps.
"A powerful clipboard manager that stores text & images copied from your iPhone/iPod Touch. Organize, apply filters to, and copy clippings to be pasted or sent to other apps".
30 Examples Of Well Designed Ecommerce Websites | Spyre Studios
http://spyrestudios.com/30-examples-of-well-designed-ecommerce-websites/
The Ultimate Christmas Round-Up: Patterns, Brushes, Vectors and Fonts - Noupe
http://www.noupe.com/design/the-ultimate-christmas-round-up-patterns-brushes-vectors-and-icons.html
รวมฮิตกราฟิกตกแต่งเทศกาลคริสต์มาส
50 Mac Apps With Well Designed & Sexy Interfaces « SUBERAPPS
http://www.suberapps.com/2009/11/19/50-mac-apps-with-well-designed-and-sexy-interfaces/
UKI – Simple UI Kit for complex web apps
http://ukijs.org/
Uki is a fast and simple JavaScript user interface toolkit for desktop-like web applications. It comes with a rich view-component library ranging from Slider to List and SplitPane.
Uki is a fast and simple JavaScript user interface toolkit for desktop-like web applications. It comes with a rich view-component library ranging from Slider to List and SplitPane.
35 of the Best Icon Sets for Web Designers
http://designm.ag/resources/icons-for-web-designers/
EBSL | erikbelowsealevel.com | Erik Kiesewetter | New Orleans 2009
http://erikbelowsealevel.com/
10 Beautiful Sketches for Website Prototypes – woorkup.com
http://woorkup.com/2009/12/28/10-beautiful-sketches-for-website-prototypes/
When you start designing a new website it’s very useful to sketch out a first idea of page layout using paper and stencil. This approach help you define easily a working draft of the final version of your website. In general this is a top-down process: you can start sketching first the main sections and then adding more details progressively. In this post I want to suggest you some interesting examples of beautiful sketches for website prototypes for your daily inspiration.
11 Blogs to Help You Become a User Experience Expert | Web Design Ledger
http://webdesignledger.com/resources/11-blogs-to-help-you-become-a-user-experience-expert
Great Examples Of Coming Soon Pages And How To Create Yours | Spyre Studios
http://spyrestudios.com/examples-of-coming-soon-pages-and-how-to-create-yours/
Examples Of Coming Soon Pages
Creating a Time Saving CSS Template » Arbenting Freebies - The Product of Being Creative
http://arbent.net/blog/creating-a-time-saving-css-template
I am not talking about a full framework necessarily, just a simple stylesheet template that you can open up and immediately dive into. That way when you have an idea for a project and are ready to get started, you have most of the busy work built so you get right into the heart of it. So below I have not only prepared some notes on the process, but also walk you through setting up a basic CSS stylesheet template of your own.
Creating a Time Saving CSS Template
Bathtub IV on Vimeo
http://vimeo.com/3156959?pg=embed
This is a personal project that would not have been possible without the support of the Westpac Rescue Helicopter Service. Thanks to the entire team for their generous access during training exercises and patrols this Summer. Since the Service began in 1973, it has carried out more than 21,000 missions ranging from urgent patient transfers to dangerous search and rescue missions.
Yo Tonton, Joli traitement Playmobil pour cette vraie vidéo : ) On mange quand ? Phil.
RT @smashingmag: A beautiful small tilt-shift video (that you probably have seen already) - http://is.gd/ohZm - beautiful! [from http://twitter.com/bkuri/statuses/1378687466]
They've taken it a step further from images to video now.
Computer Arts - 11 fantastic Photoshop tutorials
http://www.computerarts.co.uk/tutorials/2d__and__photoshop/11_fantastic_photoshop_tutorials
Main Page - Synesketch Wiki
http://www.synesketch.krcadinac.com/wiki/index.php?title=Main_Page
24 Stunning Contact Form-Page Designs - TZ
http://www.tutzone.org/2009/05/24-contact-form-page-designs-full-of.html
Awesome collection of contact form designs in html and css
BibliOdyssey: Victorian Infographics
http://bibliodyssey.blogspot.com/2009/12/victorian-infographics.html
collection of infographics from Victorian era books/publications
Victorian Infographics -- animals, time, and space from the Victorians. It's beautiful, it's meaningful, it must be infoengravings.
BibliOdyssey: Victorian Infographics design, illustration, visualization, history, science, graphics, books, maps, science, vintage, infographics
Brainstorm #9 Logo Process | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/brainstorm-9-logo-process
En form för logoprocess
http://redesigngoogle.com/
http://redesigngoogle.com/
Changer le design des résultats de Google.
Googleの検索結果画面をみんなでデザイン。
http://blogoscoped.com/archive/2009-09-23-n73.html
Jon Rohan · Creating Triangles in CSS
http://www.dinnermint.org/css/creating-triangles-in-css/
I’ve come across a few techniques and tips in my career, and one of them is this neat trick to create triangles in CSS.
Seven Helpful Techniques That Every Adobe Illustrator Artist Should Know - Vectortuts+
http://vector.tutsplus.com/tutorials/tools-tips/seven-helpful-techniques-that-every-adobe-illustrator-artist-should-know/
Let's look at seven useful Illustrator techniques to accomplish easily. These may seem tedious to resolve issues for the beginning Illustrator user. While many of these techniques are rudimentary, even advanced artists may learn a tip or two they didn't know.
7 Must-See Web Design Videos and Presentations - Noupe
http://www.noupe.com/design/7-must-see-web-design-videos-and-presentations.html
Web Design Videos and Presentations
69 Coolest Web Apps Of 2009 @ SmashingApps
http://www.smashingapps.com/2009/12/29/69-coolest-web-apps-of-2009.html
Coolest Web Apps Of 2009
Definitely review this list.
Crafting Subtle & Realistic User Interfaces — Flyosity: Mac & iPhone Interface Design
http://flyosity.com/tutorial/crafting-subtle-realistic-user-interfaces.php
30+ Free Online Multimedia (Photo, Audio, Video) Editors | Tools
http://www.hongkiat.com/blog/30-free-online-multimedia-photo-audio-video-editors/
éditeurs son et image / photo gratuits / traitement
20 Photoshop Tips & Tricks That You Should Know About
http://www.makeuseof.com/tag/20-photoshop-tips-tricks-that-you-should-know-about-part-one/
デザイン系ブログ御用達の元ネタサイト41個 :: gerenuk.crazyphoto.org/
http://gerenuk.crazyphoto.org/2009/06/29/386/
追加日:20091207
リストの1番目にあげられているSMASHING MAGAZINEのTwitterアカウントも様々なサイトの注目記事をつぶやいてくれるのでオススメ http://twitter.com/smashingmag
まとめのまとめ
The Most Linked to Pages of Top Design Blogs
http://justcreativedesign.com/2009/08/10/top-linked-design-articles/
just creative design
Yahoo! Site Explorer has a function that allows you to see the most linked to pages from any website so I ran through some of the top design blogs and compiled their most popular pages here.
Yahoo! Site Explorer has a function that allows you to see the most linked to pages from any website so I ran through some of the top design blogs and
60 Great Wordpress Themes | AREA 1
http://www.area1.info/2009/04/20/60-great-wordpress-themes
The Beautiful Art of Japanese Web Design – woorkup.com
http://woorkup.com/2009/12/30/the-beautiful-art-of-japanese-web-design/
ステキなデザインの日本のサイトをまとめた海外の記事です。
窓の杜 - 【REVIEW】道路標識の“公団ゴシック”を再現したフォント「GD-高速道路ゴシックJA」
http://www.forest.impress.co.jp/article/2008/12/01/gdhighway.html
これは!
GD-高速道路ゴシックJA」は、高速道路標識の文字に採用されている書体“道路公団標準文字”を再現したフォント。ひらがな、カタカナ、JIS第一水準を中心とした漢字、英数字、記号のほか、道路標識の絵文字を収録し、高速道路標識の文字に採用され、通称“公団ゴシック”と呼ばれる書体を再現している。公団ゴシックは、ドライバーが高速で移動しながら文字を確認できるように、“読む”ためではなく、“見る”ためにデザインされており、それぞれの文字を図形として見せる字体が特長だ。
文字を図形として見せるデザインが特長、その歪なルックスは強く印象に残る
Adding Depth with Pixel Perfect Line Work | Web Design Ledger
http://webdesignledger.com/tips/adding-depth-with-pixel-perfect-line-work
A pixel is a single point in a raster image
So how can one lone pixel have an impact on a web design? It probably can’t. However, if you extend that pixel in one direction, it becomes a line, and in the hands of a masterful designer with an attention for subtle detail, the 1px line is a powerful design element. It can be used in many different ways, but in this article we’re going to take a look at how pixel perfect line work can add depth to a design.
HTMLを綺麗に保つ12の原則 | エンタープライズ | マイコミジャーナル
http://journal.mycom.co.jp/news/2008/11/14/011/index.html
HTMLコードをクリーンにするための12の原則。
HTMLを綺麗に保つ12の原則
An In-Depth Look Into Background Removal Techniques « Media Militia
http://mediamilitia.com/an-in-depth-look-into-background-extraction-techniques/
5 Sickening Habits of Mainstream Websites
http://www.techcult.com/5-sickening-habits-of-mainstream-websites/
So true! Especially #5.. I hate that! :O
Oh man I TOTALLY agree with #1 - I hate being forced to click for multiple page articles like that - what a waste of my time. I live in a rural area and don't have the fastest internet - waiting for each new page to load makes me more and more frustrated and less and less likely to finish the article. At the very least, offer a "view on one page" option like some sites do. On some sites, I've used the print version to view articles on one page and not interrupt my reading, but not all sites work that way, either. Please - just stop with the gratuitous multiple pages people!
I understand the marketing incentives for all of these tactics, but I have to admit that they are something that must drive non-marketers crazy.
Websites have some impractical, clunky designs. Let's aim for streamlining designs to facilitate easier web browsing and better information layout. I hate seeing poor website design. It tastes like farts. Farts, farts, farts, farts, farts!
Galactic Arms Race (GAR)
http://gar.eecs.ucf.edu/
The Inauguration. At Last. - And the Pursuit of Happiness Blog - NYTimes.com
http://kalman.blogs.nytimes.com/2009/01/29/the-inauguration-at-last/
too pretty!
Thank you Maira Kalman http://tinyurl.com/ceabnu [from http://twitter.com/mintonmorris/statuses/1164471814]
"The angels are singing on this glorious day."
pretty pretty.
フォトブログを簡単に始める事が出来るwordpress無料テンプレート14*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-714.html
フォトブログを簡単に始める事が出来るwordpress無料テンプレート
20+ Photoshop Painted Inspiration and Brush Resources - PSDTUTS
http://psdtuts.com/articles/inspiration/20-photoshop-painted-inspiration-and-brush-resources/
When working with Photoshop, paint effects can often help to create colorful and interesting results. In this post we'll look at some inspirational resources for working with paint splatters, watercolors, and brush strokes. We'll look at some tutorials, exemplary website designs, artwork, and Photoshop brushes that you can use for your own work.
Resources
16x16
http://16x16.hatelabo.jp/
The Most Popular Posts of 2009 | Webdesigner Depot
http://www.webdesignerdepot.com/2009/12/the-most-popular-posts-of-2009/
As 09' comes to an end, we’re taking a look back at some of the most popular blog posts that we published this year on WDD.
The Most Popular Posts of 2009 | http://www.webdesignerdepot.com/2009/12/the-most-popular-posts-of-2009 **Great read! [from http://twitter.com/MikevHoenselaar/statuses/7225024806]
As 2009 draws to an end, we are taking a look back at some of the most popular blog posts that we published this year on WDD.
Ten Examples Of Unconventional Site Navigation
http://www.sitepoint.com/blogs/2009/07/01/ten-examples-of-unconventional-site-navigation/
35 Creative Portrait Effects Photoshop Tutorials
http://ow.ly/1O7H
efeitos em fotografia
Crossprocess Effect.
yAuthor.com - Home
http://yauthor.com/
yAuthor.com is an on-line service with authoring tools allowing authors to create professionally looking interactive content easily. preview release
Outil de création de contenu en ligne. Très bien fait.
yAuthor.com is an on-line service with authoring tools allowing authors to create professionally looking interactive content easily.
professionally looking interactive content
15 Tips and Techniques for Styling the button element : Speckyboy Design Magazine
http://speckyboy.com/2009/12/30/15-tips-and-techniques-for-styling-the-button-element/
PrimerCSS
http://primercss.com/
this might prove useful
Primer undercoats your CSS by pulling out all of your classes and id's and placing them into a starter stylesheet. Don't you deserve a little timesaver?
Primer undercoats your CSS by pulling out all of your classes and id's and placing them into a starter stylesheet. Paste your HTML in to get started.
Pulse Laser: “Preparing Us For AR”: the value of illustrating of future technologies
http://schulzeandwebb.com/blog/2009/07/30/preparing-us-for-ar-the-value-of-illustrating-of-future-technologies/
'Dead Space has no game HUD; rather, the HUD is projected into the environment of the game as a manifestation of the UI of the hero’s protective suit. It means the environment can be designed as a realistic, functional spaceship, and then all the elements necessary for a game - readouts, inventories, not to mention guidelines as to what doors are locked or unlocked - can be manifested as overlay. It’s a striking way to place all the game’s UI into the world, but it’s also a great interpretation of what futuristic, AR user interfaces might be a bit like.'
good egs of AR
Some nice augmented reality demos.
Kindle Content Design (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/kindle-writing.html
How do you design your content for a Kindle?
How Room Designs Affect Your Work and Mood: Scientific American
http://www.scientificamerican.com/article.cfm?id=building-around-the-mind
Research behind design
Provides examples that include 'Kingsdale School in London [which] was redesigned, with the help of psychologists, to promote social cohesion; the new structure also includes elements that foster alertness and creativity.'
How Room Designs Affect Your Work and Mood
ists are giving their hunches an empirical basis
Do-It-Yourself : Twitter Backgrounds Gallery
http://twitterbackgroundsgallery.com/diy-or-hire-a-designer/
Info links for making Twitter backgrounds
There are many ways to create the backdrop for your Twitter page. If you're even slightly comfortable with photo editing programs, the task is easy. If not, you
create twitter background DIY tips
Graphics: Get Free Logos at LogoInstant
http://lifehacker.com/5120554/get-free-logos-at-logoinstant
DESIGNER NOTES » Blog Archive » Game Developer Column 5: Sid’s Rules
http://www.designer-notes.com/?p=119
Sid Meier's Rules http://bit.ly/atPXx (via @newsycombinator) [from http://twitter.com/tadej/statuses/1715393349]
Source of Sid's famous "double or half it" rule.
Double it or Cut it by Half One Good Game is Better than Two Great Ones ...
Rules to game design by Sid Meier
"If a unit seems too weak, don’t lower its cost by 5%; instead, double its strength. If players feel overwhelmed by too many upgrades, try removing half of them. In the original Civilization, the gameplay kept slowing down to a painful crawl, which Sid solved by shrinking the map in half. The point is not that the new values are likely to be correct - the goal is to stake out more design territory with each successive iteration."
65 Creative And Stylish Footer Designs of 2009 | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/inspiration/creative-stylish-footer-designs-2009/
Top 50 Blog Posts on Usability, Web Design & Development Resources & Cheat Sheets of 2008 | Crestock.com Blog
http://www.crestock.com/blog/design/top-50-blog-posts-on-usability-web-design-development-resources-cheat-sheets-of-2008-164.aspx
GALLERY/gabriel moreno
http://www.gabrielmorenogallery.com/
Phenomenally gifted pen & ink illustrator. totally awe-inspiring
40 Stylish, Minimal and Clean Free Wordpress Themes
http://digg.com/d1pAWk
What has happened to blogging, minimal design seems to be a forgotten style within blogging, everywhere you look the themes are graphically and content heavy and the basic premise of blogging is missing, a simple online diary. Lets make blogging look like its supposed to look! Minimalism as a term is used to describe a design style that has been reduced to its bare elements, were only the content and navigation are evident and with limited graphics. Below, we present 40 Minimal Wordpress Themes - Lets make blogging look like its suppose to!
TheHydeTube
http://www.thehydetube.com/tube.php
collections of many cool animated clips
kısa film sitesi
A Colorful Clock With CSS & jQuery – Tutorialzine
http://tutorialzine.com/2009/12/colorful-clock-jquery-css/
In this tutorial we are going to create a colorful jQuery & CSS clock, which will get the user's local time and display a colorful animated clock. It uses our new & just released tzineClock plug-in for jQuery.
And in the mood of the upcoming holiday, this week we are going to make a colorful jQuery & CSS clock, which will help you keep track of those precious last seconds of the year.
Mstrmnd
http://www.mstrmnd.com/log/802
This is an excerpt of a large-scale guide to the inner workings of The Shining. The written probe here (we have a patterned visual probe for printing later) is evidence of a conscious attempt to create motion-glyphs out of seemingly mundane and unrelated forms, signs and symbols of two continental systems. In essence a primer for a new form of visual cognition, The Shining eschews all formal genre conditions of horror crafting a vastly unseeable new genre, one that has yet to be fully integrated into our culture as re-cognition.
Designing with a Grid | blog.critical
http://blog.criticalwebdesign.co.uk/designing-with-a-grid/
分格線設計
A Form of Madness - Dive Into HTML5
http://diveintohtml5.org/forms.html
placeholder
A Form of M
35 Tip Jars Designed to Make You Give More | Top Cultured
http://topcultured.com/money/35-tip-jars-designed-to-make-you-give-more/
35 Tip Jars Designed to Make You Give More http://ocrgo.tk (these r hilarious—i'd tip more!) [via @pixel_jockey] [from http://twitter.com/koka_sexton/statuses/2573900041]
50 Awesome Resources for Design Inspiration
http://www.socialh.com/2010/01/50-awesome-resources-for-design.html
50 Awesome Resources for Design Inspiration
UNIQLO TRY
http://www.uniqlo.com/try2/
UNIQLO TRY - RESEARCH ENTERTAINMENT.
opiniões de pessoas do mundo todo. Vc navega pelo globo e vai vendo os vídeos. Classe!
地球
25 Examples of Creative Paper Use in Web Design | Line25
http://line25.com/inspiration/25-examples-of-creative-paper-use-in-web-design
25 Examples of Creative Paper Use in Web Design - http://line25.com/inspiration/25-examples-of-creative-paper-use-in-web-design
Des exemples d'utilisation de textures papier dans le webdesign
37 Beautiful Letterpress Business Cards | Design Shack
http://designshack.co.uk/articles/37-beautiful-letterpress-business-cards
37 Beautiful Letterpress Business Cards | Design Shack - http://designshack.co.uk/articles/37-beautiful-letterpress-business-cards
AutoSuggest jQuery Plugin | Drewwilson.com
http://code.drewwilson.com/entry/autosuggest-jquery-plugin
AutoSuggest
So I needed to add some auto-completing functionality to my project Build It With Me. I figured it would be easy to find a ready-made jQuery plugin to do the work for me. I was wrong. Naturally I took it upon myself to solve this problem for all of you :) I created this plugin to be as general purpose as possible. As a result it ended up being vastly more customizable than any other jQuery auto-complete plugin. Not only that, I am using actual jQuery. For some reason all the other "jQuery" plugins don't really take advantage of the radness that is jQuery. Consequently, my plugin ended up being dramatically smaller in size (way less code). Just 7kb minified. Have fun with it! AutoSuggest is a very lightweight jQuery plugin that makes auto-completing extremely easy.
Vintage Ad Browser
http://www.vintageadbrowser.com/
Art in my coffee!
http://artinmycoffee.com/
Iconizer.net | Free icons generator | Actions
http://iconizer.net/
Free icons generator
Online icons creator
Most Beautiful Websites of 2009 | CrazyLeaf Design Blog
http://www.crazyleafdesign.com/blog/most-beautiful-websites-of-2009/
Cool to show Dreamweaver level 1 and HTML classes
A collection of the most beautiful website designs of 2009
30+ Useful Logo Design Tutorials for Photoshop and Illustrator | Naldz Graphics
http://naldzgraphics.net/tutorials/30-useful-logo-design-tutorials-for-photoshop-and-illustrator/
As mentioned in our previous post, logos are indeed important since it creates the first impression to consumers and to viewers. Extra effort is needed when creating a logo to ensure that the output is exceptional. We were able to collect 30+ Useful Logo Design Tutorials for Photoshop and Illustrator for designers who ventures to logo creation. Not only are this tutorials educational but entertaining as well. Get as many techniques as you can for your advantage. Hang on to your PC's as we take you for a glimpse at the process of the creation of some of the logos of infamous products and organizations today. Be inspired by these designers, as they share some of their experience in putting together and tips to come up a branding.
30種 logo 製作教學
10 Useful Tips for a Captivating Contact Form | Design Shack
http://designshack.co.uk/articles/inspiration/10-useful-tips-for-a-captivating-contact-form
Showcase Of Modern Navigation Design Trends - Smashing Magazine
http://www.smashingmagazine.com/2010/01/04/showcase-of-modern-navigation-design-trends/
Wer`s dreidimensional mag.....
20 Basic Illustrator Tutorials Every Beginner Should See
http://www.blog.spoongraphics.co.uk/articles/20-basic-illustrator-tutorials-every-beginner-should-see
40 Brilliant Type-Only Logo Designs | Web Design Ledger
http://webdesignledger.com/inspiration/40-brilliant-type-only-logo-designs
Logos do not always have to include some type of symbol or icon to be effective. When done well, using type only to create a logo can be very effective in
Sharing: 40 Brilliant Type-Only Logo Designs: Logos do not always have to include some type of symbol o.. http://bit.ly/74NWrY [from http://twitter.com/desabol/statuses/7367555778]
Logos do not always have to include some type of symbol or icon to be effective. When done well, using type only to create a logo can be very effective in representing a company. These types of logos often cause particular typefaces and letter styling to become synonyms with a brand. Here we’ve rounded up 33 brilliant type-only logo designs for your inspiration. Be sure to click the images to learn more about each logo.
The Principles of Good Web Design Part 1: Layout – Inspect Element - Web Design & Development Blog
http://inspectelement.com/articles/the-principles-of-good-web-design-part-1-layout/
This is the first part in this series of The Principles of Good Web Design. The other parts are listed below: The Principles of Good Web Design Part 2:
is a superb example of flow in web de
30+ Handy Blank Templates for Designers | Creative Repository
http://creativerepository.com/2010/01/03/30-handy-blank-templates-for-designers/
Sometimes you have a nice concept for a design in your mind, but you don’t know where to start; or sometimes you are just not aware of the right size for the design to implement. That’s where templates come handy. I have collected some very useful templates with proper guidelines, sizes and resolutions for design projects like business cards, letterheads, vinyl designs, brochures etc. I believe that these will prove to be a great time-saver for many of you guys. Most of these are in PSD or AI format, and are easily editable. Hope you find them useful.
Best Photoshop Website Layout Tutorials of 2009 | Vandelay Design Blog
http://vandelaydesign.com/blog/design/photoshop-website-layout-tutorials/
Best Photoshop Website Layout Tutorials of 2009
Typograph – Scale & Rhythm
http://lamb.cc/typograph/
This page is both an essay and a tool. It sets out to explore how two, intertwined concepts, often playful but sometimes cheeky, can be encouraged to dance in web pages. Drag the colored boxes along the scale to throw these words anew. For the most part, this text is just a libretto for the performance you are about to play upon it.
Most Popular Featured Workspaces of 2009 - Featured Workspace - Lifehacker
http://lifehacker.com/5428746/most-popular-featured-workspaces-of-2009
IKEA Vika Gruvan
Every week we bring you fresh workspaces from the Lifehacker Workspace Show and Tell pool, all supplied by you&mdash;the awesome Lifehacker readership. Today we're highlighting the 25 most popular workspaces of 2009.
How to Create a Realistic IES Lighting Effect in Photoshop - Psdtuts+
http://psd.tutsplus.com/tutorials/tutorials-effects/how-to-create-a-realistic-ies-lighting-effect-in-photoshop/
In this tutorial, I'll show you how to create a realistic IES (photometric) lighting effect. We'll be using Photoshop CS4 as well as some free plugins and
licht, light, spot, spotlight, blendeffekt
Really cool lighting in photoshop
11 Most Popular Blog Design Styles (With Examples) | Web 2.0
http://www.hongkiat.com/blog/11-most-popular-blog-design-styles-with-examples/
ブログデザイン他
Iconic Icon Set – 84 icons in raster and vector format — Some Random Dude
http://somerandomdude.com/projects/iconic/
The "blueprints" of Monsieur Eiffel
http://www.la-tour-eiffel.org/teiffel/uk/documentation/structure/page/planches.html
The
These designs are reproductions of Eiffel's original designs included in his book "The 300 Meter Tower", Lemercier publications, Paris 1900.
para Histourist
25 User Experience Videos That Are Worth Your Time - Smashing Magazine
http://www.smashingmagazine.com/2010/01/05/25-user-experience-videos-that-are-worth-your-time/
geekchix.org - Ivana Jurčić – Lilit » Blog Archive » A Collection of Printable Sketch Templates and Sketch Books for Wireframing
http://www.geekchix.org/blog/2010/01/03/a-collection-of-printable-sketch-templates-and-sketch-books-for-wireframing/
Blog for designers with useful resources - templates,
esto le gustaría a @kmerino
200+ Big and Beautiful Highly Detailed Icons | Web Design Ledger
http://webdesignledger.com/freebies/200-big-and-beautiful-highly-detailed-icons
If you're one of many web designers suffering from an icon collecting addiction, you should probably skip over this article. It might be too much for you to
Extending CSS with jQuery – A New Year’s Guide | AddyOsmani.com | Where Web Businesses Grow
http://addyosmani.com/blog/extending-css-with-jquery-a-new-years-guide/
Nice.
jQueryを使うことでCSSの記述が簡単になったり、できることが増えるということを実例を挙げて紹介。
CSS-Tricks fame, recently gave an excellent presentation on how to extend CSS using jQuery. I remember seeing this wonderful presentation floating around recently but hadn’t been aware of who the author was until now. I would like to apologize to every one of my readers, including Chris, for posting this article up without any reference to the slides author – my original online source didn’t include any mention of him (or any author for that matter) so I had rather foolishly gone ahead with the use of them without investing more time into researching who put them up
extender css con la ayuda de jquery
What’s In A Price: The Guidelines For Pricing Web Designs - Noupe
http://www.noupe.com/freelance/what-s-in-a-price-the-guidelines-for-pricing-web-designs.html
CleanCutNC.com
/wg/ - Wallpapers/General
http://boards.4chan.org/wg/
blah blah wallapapepr
/wg/ is 4chan's imageboard for posting general wallpapers.
UX trick: display form data as tabular data | Css Globe
http://cssglobe.com/post/6984/ux-trick-display-form-data-as-tabular-data
Algorithm Library Design: Lecture Notes
http://www.mpi-inf.mpg.de/~kettner/courses/lib_design_03/notes/index.html
Library design is language design. [Stroustrup] Course Goal To learn how to implement software libraries, such as STL, CGAL, LEDA, ..., that have a focus on algorithms and data structures. To learn advanced programming techniques in C++, such as templates, generic programming, object-oriented design, design patterns, and large-scale C++ software design.
BibliOdyssey: River Deep Mountain High
http://bibliodyssey.blogspot.com/2008/10/river-deep-mountain-high.html
Maps hdma
PER AGED AIR
35 Incredibly Creative Portfolio Website Designs
http://psdfan.com/inspiration/web-design/35-incredibly-creative-portfolio-website-designs/
Design de sites web avec Photoshop
35 Incredibly Creative Portfolio Website Designs
Sortfolio : Find a great web designer by style, budget, and location.
http://sortfolio.com/
Creating a Web Development Environment using Google Chrome Extensions : Speckyboy Design Magazine
http://speckyboy.com/2010/01/04/creating-a-web-development-environment-using-google-chrome-extensions/
Home - Uncommon
http://www.getuncommon.com/
Uncommon is the first company to create truly customizable mobile phone cases, bringing together exceptional products, talented artists, and self-expression.
Custom iPhone/iPod cases. Use your own artwork or theirs.
Uncommon is the first company to create truly customizable mobile phone cases, bringing together exceptional products, talented artists, and self-expression. Our vision is to create a brand that supports artists and exposes the public to their artwork. We will continue creating more collections of premium blank canvas products and partnering with the world’s greatest artists and designers, inspiring millions of people.
10 Techniques For a Fantastic Footer | Design Shack
http://designshack.co.uk/articles/inspiration/10-techniques-for-a-fantastic-footer
10 Techniques for a Fantastic Footer
iA » What’s Next in Web Design?
http://informationarchitects.jp/whats-next-in-web-design/
I’ve been asked by the Italian magazine L’Espresso to write an article on The Future of Web Design. Here is the English text. Thinking about what’s next online is fun because everything you wish to come true will come true. While commercial products obey to the laws of the market, which in part are influenced by [...]
25 High-Quality, Adobe Illustrator Tutorials for Creating Cute Characters - Vectortuts+
http://vector.tutsplus.com/articles/web-roundups/25-high-quality-adobe-illustrator-tutorials-for-creating-cute-characters/
create characters
10 Javascript Plugins that Skin and Beautify Web Forms
http://www.queness.com/post/1616/10-javascript-plugins-that-skin-and-beautify-web-forms
10 Javascript Plugins that Skin and Beautify Web Forms - http://www.queness.com/post/1616/10-javascript-plugins-that-skin-and-beautify-web-forms
Queness
Alright, another post regarding web form, this time, it's javascript plugins that skin and beautify web forms. As a freelance designer, I found it quite frustrating to see different browsers render form elements differently. They don't look the same. We can skin the textbox and button easily, but form elements like drop down list, checkbox, radio button and file upload are pretty hard to customize it. You would need css and javascript skill to skin it.
from Sthlm – Independent Swedish design
http://www.fromsthlm.com/
50 High-Res Apple, MacOS and iPhone Wallpapers | Noupe
http://www.noupe.com/wallpaper/50-high-res-apple-macos-and-iphone-wallpapers.html
Drop-Shadows and Gradients: Be Consistent in Your Visual Metaphors | Webdesigner Depot
http://www.webdesignerdepot.com/2010/01/drop-shadows-and-gradients-be-consistent-in-your-visual-metaphors/
Drop-shadows and gradients are two of the most common design elements on the web. You’ll find them accompanying many different styles. They’re handy effects for web designers because they’re attractive, useful and easy to create with any graphics program. But they have a dark side: they’re frequently abused.
100+ Seamless Patterns Great for Creating Website Backgrounds | Web Design Ledger
http://webdesignledger.com/freebies/100-seamless-patterns-great-for-creating-website-backgrounds
100+ Seamless Patterns Great for Creating Website Backgrounds
Create a Realistic Candy Bar in Illustrator | Webdesigner Depot
http://www.webdesignerdepot.com/2009/06/create-a-realistic-candy-bar-in-illustrator/
illustrator tutorial vector and mesh. candy bar.
วาดห่อขนมด้วย illus เนียนมากกกก
3000++ Photoshop Brush Designer Should Have | IzzatAzizDotCom | A Design Blog
http://izzataziz.com/2009/05/10/3000-photoshop-brush-designer-should-have/
3000 Photoshop Brush Designer Should Have | IzzatAzizDotCom | A Design Blog http://ow.ly/6dee [from http://twitter.com/10minuteexpert/statuses/1763514174]
This is another post in freebie series, here will be huge numbers of photoshop brush you can download for free.  Hope this post will help you in your design
This is another post in freebie series, here will be huge numbers of photoshop brush you can download for free. Hope this post will help you in your design process. If you have link to others great photoshop brush feel free to put it in the comment section. Enjoy.
Designing Outside Your Comfort Zone | Webdesigner Depot
http://www.webdesignerdepot.com/2008/12/designing-outside-your-comfort-zone/
lucasmotta.
http://lucasmotta.com/splash/
Lucas Motta - Flash Developer and Flash Designer
flash developer - muito bom
Programador flash
Modern Art Movements To Inspire Your Logo Design - Smashing Magazine
http://www.smashingmagazine.com/2010/01/07/12-modern-art-movements-to-inspire-your-logo-design/
I'd never heard of Pivolo wine...
Amanda Wachob Tattoo
http://www.amandawachobtattoo.com/
Excellent abstract tattoos.
MyFonts: Top 10 fonts of 2009
http://new.myfonts.com/newsletters/sp/201001.html
As for typography itself: the quest for quality in font design that we reported last year has continued. Many fonts were updated and improved, while new typefaces are getting ever more sophisticated. This newsletter lists the year’s ten most successful typefaces from a variety of genres.
The six fundamental ways of adding depth to your designs « CreativityDen
http://blog.creativityden.com/the-six-fundamental-ways-of-adding-depth-to-your-designs/
デザインにおける6つの視点
The DuckDuck Collective
http://duckduckcollective.com/
Coletivo de fotógrafos. Bem bacana.
very neat web design. 이런식의 콘텐츠가 메뉴를 클릭하면 드롭다운되게끔?
Photo Film Design
Google SketchUp
http://sketchup.google.com/spectrum.html
Children with autism express their creativity in 3D. Follow Project Spectrum by Google. http://bit.ly/1bA7X9 [from http://twitter.com/GuruOfSale/statuses/1612300647]
Project Spectrum was created to give people with autism the opportunity to express their creativity and develop a life skill using Google SketchUp 3D modeling software.
67 Beautiful and Creative Business Card Design
http://thedesignmag.com/67-beautiful-and-creative-business-card-design.html
Veer: Products: Type: Type: UMT0000447 - Phaeton
http://www.veer.com/products/typedetail.aspx?image=UMT0000447
very neat old style sign 2009 staff pick
arts and crafts looking type
50 Excellent Adobe After Effects Tutorials - Noupe
http://www.noupe.com/tutorial/50-excellent-adobe-after-effects-tutorials.html
a ver si aprendes de una puta vez un poco de motion graphic!!!
15 Excellent sans serif fonts, free! « CreativityDen
http://blog.creativityden.com/15-excellent-sans-serif-fonts/
11 Ways to Visualize Changes Over Time – A Guide | FlowingData
http://flowingdata.com/2010/01/07/11-ways-to-visualize-changes-over-time-a-guide/
A Showcase of Clean White Web Designs | Web Design Ledger
http://webdesignledger.com/inspiration/a-showcase-of-clean-white-web-designs
Commercial Type
http://commercialtype.com/
type collaboration, buy type
joint venture between Paul Barnes and Christian Schwartz, who have collaborated since 2004 on various typeface projects
beautiful site for a new type co-op. Lots of great faces too, and dynamic changes. Take a look when looking for the font
52 Weeks of UX
http://52weeksofux.com/
Beautiful Design Resumes and their Matching Portfolio Websites | Creative Opera Design Blog: Creative Advice and Inspiration for Graphic Designers and Web Designers
http://www.creativeopera.com/2009/beautiful-design-resumes-and-their-matching-portfolio-websites/
Modern Prefab Buildings & Flat Pack Furniture | WebUrbanist
http://weburbanist.com/2008/11/09/prefab-architecture-flat-pack-furniture/
Prefabricated buildings and flat-pack furniture blend creative designs with sustainable style using portability, modularity and the possibility of mass-production.
Redesigning the Boarding Pass - Journal - Boarding Pass / Fail
http://passfail.squarespace.com/
Redesigning The Boarding Pass
93 of the best logo design resources | Logo Design Love
http://om.ly/GqwX
By http://bit.ly/Tweets2Delicious
webbyarts.com - dedicated public weblog to form ecosystem of visual artists. » One Stop for Best of 101+ Business Cards Collections
http://webbyarts.com/one-stop-for-best-of-101-business-cards-collections
People wandering to select the simple, fresh, catchy, professional, vibrant Business Cards that can best market their business. I have no different story to tell you, I had the same story. But still I could help others stopping from wandering and ma
biz cards
Create a Slick and Minimalist Web Layout in Photoshop
http://sixrevisions.com/tutorials/photoshop-tutorials/create-a-slick-and-minimalist-web-layout-in-photoshop/
In this Photoshop web design tutorial, we’re going to learn how to create a slick and minimal-looking website layout. We will use the 960 Grid System as a template to make it easy to align the design elements on the layout.
Nolobo
http://nolobo.com/
Animal!!!
10 Additional Typography Mistakes
http://www.thedesigncubicle.com/2009/08/10-more-common-typographic-misuses/
MOONGIFT: » 複雑なWebサイトデザインを容易に実現するテンプレート「YAML」:オープンソースを毎日紹介
http://www.moongift.jp/2009/01/yaml/
Annotated link http://www.diigo.com/bookmark/http%3A%2F%2Fwww.moongift.jp%2F2009%2F01%2Fyaml
> カラムの高さを統一したり、ページの最下部にフッターを表示するものなど、役立ちそうなものがたくさんある。さらにWebアプリケーションとして提供されているビルダーを使って、自分だけのデザインを生成することもできるようになっている。
Yet Another Multicolumn Layout
jbd2.
http://www.jbd2.com/
wechselnder hintergrund beim scrollen.
superb portfolio
nice scroll down effect with this portfolio
背景どうやってんの?
Free font VAL™ on the Behance Network
http://www.behance.net/Gallery/Free-font-VALa/242370
free fonts :-)
Google Chrome Themes Gallery
http://tools.google.com/chrome/intl/en/themes/
12 Killer Tips for Designing in the Browser | Design Shack
http://designshack.co.uk/articles/css/12-killer-tips-for-designing-in-the-browser
webdesign css design tips browser
https://browserlab.adobe.com/index.html# Excellent site to test a site in diff browsers
Biscuit Tin - Random is good.
http://www.biscuit-tin.com/
Biscuit Tin fills with a random selection of your public photos on Flickr so you can rediscover things you'd forgotten about from long ago. Things that made you smile, laugh or maybe even cry.
Random assortment of Flickr photos on floor
5 Rarely-Used CSS Properties
http://www.sitepoint.com/blogs/2009/04/15/5-rarely-used-css-properties/
“a list of 5 useful but rarely-used CSS properties that work in all modern browsers.”
Creative and Unusual Layouts and Navigation Designs - Noupe
http://www.noupe.com/design/creative-and-unusual-layouts-and-navigation-designs.html
35 High Quality Apple Inspired Icons | Webdesigner Depot
http://www.webdesignerdepot.com/2010/01/35-high-quality-apple-inspired-icons/
Go back to our homepage Web Designer Depot
By http://bit.ly/Tweets2Delicious
Apple products are well known for their simple and elegant design, and they are favored by many designers. Their products are often seen in web design,
BBC NEWS | Science/Environment | Audio slideshow: The art of mathematics
http://news.bbc.co.uk/2/hi/science/nature/7617191.stm
nifty slide show of mathematical works (fractals, etc.), with explanation by mathematician
Fractal amazingness
for students
Schoonheid in beeld en wiskunde!
Yahoo!ニュース高速化へのサイトデザイン側からのアプローチ (Yahoo! JAPAN Tech Blog)
http://techblog.yahoo.co.jp/cat207/cat214/yahoo_3/
8bit-PNG
Yahoo!ニュースが2009年4月27日にリニューアルしました。今回のリニューアルでは、お客様に快適にサイトを利用していただけるよう最速でページを表示させることに重点をおきました。お客様がウェブを閲覧するのは1日の中のほんの限られた時...
50 Superb 3D Flash websites You Must See!!! | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/inspiration/superb-3d-flash-websites/
This showcase will consist from 50 3D Flash websites, which really stood out from crowd, have received unique attention and got awards! Don’t think this is just another list – you’ll find here endless inspiration in these websites, where each one of them is a huge masterpiece!
36+ Resources To Craft The Perfect Portfolio | Hi, I'm Grace Smith
http://www.gracesmith.co.uk/36-resources-to-craft-the-perfect-portfolio/
Portfolyo oluşturulurken kullanılabilecek en güzel kaynakları toparlamış arkadaş
Pictodeck Icon Set: Over 700 Free Pictograms for Keynote - Noupe
http://www.noupe.com/freebie/pictodeck-icon-set-over-700-free-pictograms-for-keynote.html
pictogramas
SEOの順位を上げるためのWordPressプラグイン10 | CREAMU
http://blog.creamu.com/mt/2009/06/seowordpress10.html
Google XML Sitemaps Generator
WebDesignBoothというサイトで、SEOの順位を上げるためのWordPressプラグインが紹介されています。
Dark Roasted Blend: Cool Computer Case Mods
http://www.darkroastedblend.com/2007/06/cool-computer-case-mods.html
65 Resources for Nature-Inspired Design | Vandelay Design Blog
http://vandelaydesign.com/blog/design/resources-nature-inspired/
Compilación de recursos para hacer webs con temática de naturaleza
33 Tutorials to Unleash the Photoshop Beast in You | Smashing Downloads
http://www.smashingdownloads.com/2009/04/27/33-tutorials-to-unleash-the-photoshop-beast-in-you/
When it comes to graphic designing, Adobe Photoshop is the best application to work with. The possibilities it provides are endless, it all comes down to how creative you can be. Of-course, you need to learn the techniques by giving it dedicated time and when you do become a pro, it’s fun all over. Either you’re a great photoshop guru or not, everyone does need a bit of inspiration, an idea that can make your line of work much more fun. I have here compiled a list of 30 of the best photoshop tutorials that can turn your work upside down. Let’s get started
Mais um apanhado
23 Brilliant Logos With Hidden Messages | The Roxor | Design blog for resources and inspiration
http://theroxor.com/2009/10/22/23-brilliant-logos-with-hidden-messages/
significations des logos
500+ Free Photoshop Retro Brushes | Naldz Graphics
http://naldzgraphics.net/freebies/500-free-photoshop-retro-brushes/
GRAPHICS BRUSHES - vetores
4 Design Elements Behind a Good Call to Action | letscounthedays
http://www.shayhowe.com/web-design/designing-call-to-action/
It is not uncommon for companies to sink large amounts of money into obtaining traffic to their websites in an attempt to increase conversions. Some of their money might go towards search engine optimization and some might go towards pay per click or search engine marketing. Little do they know their problem might not be about getting more traffic. The real problem could be that they have a poor call to action.
30 Excellent Fresh Free Fonts For Your Designs | Fonts | instantShift
http://www.instantshift.com/2009/12/03/30-excellent-fresh-free-fonts-for-your-designs/
free fonts font typography Typography, type typeface typefaces
We know that typography can be used as a way of mutual understanding between you and your users. To communicate effectively, typography requires appropriate typefaces as there are a lot of unsung fonts out there that have really inspired us. Color and size of type elements are much more prevalent than in text typography. Most display typography exploits type at larger sizes, where the details of letter design are magnified. Color is used for its emotional effect in conveying the tone and nature of subject matter.
いい
jQuery Animations: A 7-Step Program | Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/jquery-animations-a-7-step-program/
CSS3 Gradient Generator
http://gradients.glrzad.com/
The CSS3 Gradient Generator was created as showcase of the power of CSS based gradients as well as a tool for developers and designers to generate a gradient in CSS. CSS gradients generate an image result, meaning the result of a CSS gradient can be used anywhere an image can be used, be it a background-image, mask,border, or list item bullet.
The CSS3 Webkit Gradient Generator is a showcase for the power of CSS webkit gradients. It also provides a simple graphical user interface for working with CSS webkit gradients, allowing a user preview real time what their gradient will look like and provide the code for the gradient they generated.
The Smashing Book Is Released: Buy Now! - Smashing Magazine
http://www.smashingmagazine.com/2009/12/03/smashing-book-its-out-now/
Here it is, the brand new Smashing Book. Announced several months ago in a couple of posts, it has finally arrived. You can buy the Smashing Book right now. And in case you didn’t know, it’s available here exclusively. The book is available and can be shipped right away.
Web Style, design, and typography
Here it is, the brand new Smashing Book. Announced several months ago in a couple of posts, it has finally arrived. You can buy the Smashing Book right now. And in...
But the funny fact is that I was at my local coffee shop and a college girl had the book in hand!
Pentagram - What type are you?
http://www.pentagram.com/what-type-are-you/
What type are you?
password: character
Typeface Personality Test
15 useful jQuery plugins and tutorials
http://www.designer-daily.com/15-useful-jquery-plugins-and-tutorials-5207
15 useful jQuery plugins and tutorials
whats-in-a-new-logo.html: Personal Finance News from Yahoo! Finance
http://finance.yahoo.com/career-work/article/107520/whats-in-a-new-logo.html
great logo article
Tal Leming » Web Fonts
http://talleming.com/2009/04/21/web-fonts/
web type research
Thoughts on embedded fonts for the web from a type designer.
Show And Tell: Engima-Inspired Desktop Roundup
http://lifehacker.com/5101092/engima+inspired-desktop-roundup
Desktops
Best Practices To Develop Perfect Websites for iPhone and Mobile Devices – woorkup.com
http://woorkup.com/2010/01/10/best-practices-to-develop-perfect-websites-for-iphone-and-mobile-devices/
Popular now Best Practices To Develop Perfect Websites for iPhone and Mobile Devices10commentsBest Practices To Develop Perfect Websites for iPhone and Mobile Devices by Antonio Lupetti / January 10, 2010 / Posted in: Popular, Web Design 277 retweet TOP100 SharePopular 210 DeliciousDiggRedditShare122010 will be the year of consolidation of internet usage via mobile devices. According to internetnews.com, which reports a Gartner analysis, mobile device sales will rise (9%) in 2010. This scenario will impose to internet companies, online newspapers, bloggers, to provide mobile versions of their websites to simplify the fruition of their contents and enlarge their audience. In this post I prepared a roundup of code snippets inspired to some mobile versions of popular websites (such as Facebook, Flickr, The New York Times, Digg, Google, …) that illustrate some HTML best practices to develop perfect websites for iPhone and mobile Devices.
22 Design Freebies to Kick-Start the New Year
http://www.youthedesigner.com/2010/01/06/22-design-freebies-kick-start-new-year/
You the Designer is a Graphic Design Blog Featuring Graphic Design Jobs, Tips, Tutorials, Resources, Freebies and Much More. Join the Design Community Today!
Replenish your graphic design arsenal with this week’s freshest design picks. Get on the creative groove by downloading free textures, brushes, fonts, icons and even Wordpress themes for your design projects.
The Case Against Vertical Navigation - Smashing Magazine
http://www.smashingmagazine.com/2010/01/11/the-case-against-vertical-navigation/
80+ Photoshop Actions for Giving Your Pictures a Vintage Look | Web Design Ledger
http://webdesignledger.com/freebies/80-photoshop-actions-for-giving-your-pictures-a-vintage-look
Shared on the twitter by @dreamworldmpls
How to create a fluid grid with jQuery « CreativityDen
http://blog.creativityden.com/fluid-grid-using-jquery/
Grid-based layout is probably the more preferred way to style up a webpage to give it more magazine-like look and feel. This tutorial is about how to use CSS and Javascript to create a fluid grid-based layout (See demo here). The algorithm/procedure used in this tutorial is very simple and straightforward. There are more advanced algorithms out there which can handle multiple scenarios. But the purpose is to understand the basic logic on how to create such layout. So here it goes…
How To Create Your Own Twitter Background
http://www.sitepoint.com/blogs/2009/04/29/how-to-create-your-own-twitter-background/
SitePoint Blogs: News, opinion, and fresh thinking for web developers and designers
Design Decisions: New signup form - (37signals)
http://37signals.com/svn/posts/1867-design-decisions-new-signup-form
Improving a sign up form; case study with 'before' and 'after' designs by 37signals
Review of the new 37signals signup pages.
Shorter, friendlier, "more" secure, clearer
TipTip jQuery Plugin | Drewwilson.com
http://code.drewwilson.com/entry/tiptip-jquery-plugin
TipTip is a very lightweight and intelligent custom tooltip jQuery plugin. It uses ZERO images and is completely customizable via CSS.
Interesting Letterhead Designs | Letterheady
http://www.letterheady.com/
via everybody
Letterheady is an online homage to offline correspondence; specifically letters. However, here at Letterheady we don't care about the letter's content. Just its design.
In the future, it'll be a collection of email signatures.
letterheady –adjective 1. overcome by a strong emotion due to a letterhead design. Much like its sibling, Letterheady is an online homage to offline correspondence; specifically letters. However, here at Letterheady we don't care about the letter's content. Just its design.
35 Stunning Free Fonts To Enhance Your Designs | Fonts | instantShift
http://www.instantshift.com/2010/01/11/35-stunning-free-fonts-to-enhance-your-designs/
:) some good ones!
I like Slimbo for my reel
CSS Menus With Images - CSS Sprites « Blogging CSS
http://www.bloggingcss.com/en/tutorials/css-menus-with-images-css-sprites/
50 First-class & New Downloadable Fonts For Professional Designs
http://devsnippets.com/article/50-first-class-new-downloadable-fonts-for-professional-designs.html
フリーフォント。商用利用は要確認
Flickr Photo Download: IE6 denial message for Momentile.com
http://www.flickr.com/photos/robotjohnny/3629069606/sizes/o/
You know what? I can believe he's related to that guy…
KW35
12 Amazing And Free Stock Photo Resources
http://www.webresourcesdepot.com/12-amazing-and-free-stock-photo-resources
There are various components, from typography to colors, that makes a design impressive. Photos used are definitely one of the most important factors. Today, almost any type of photo we can dream of exists in the web. And, thankfully, there are many stock photo websites which helps us find them easily. Here is a list of 12 free stock photo resources that you must bookmark:
This article will point you in the direction of Free Stock Photos. Always read terms and conditions
banques de photos libres et de qualité
Gamasutra - Features - Game Design Essentials: 20 RPGs
http://www.gamasutra.com/view/feature/4066/game_design_essentials_20_rpgs.php?print=1
20 RPG game series with descriptions
[In the latest in his popular Game Design Essentials series, which has previously spanned subjects from Atari games through 'mysterious games', 'open world games', 'unusual control schemes' and 'difficult games', writer John Harris examines 10 games from the Western computer RPG (CRPG) tradition and 10 from the Japanese console RPG (JRPG) tradition, to figure out what exactly makes them tick -- and why you should care.]
- Best of jQuery-Tutorials - Part 3 - Webdesign und Webentwicklung im Webstandard-Blog
http://webstandard.kulando.de/post/2009/04/09/best-of-jquery-tutorials-part-3
33 Best Typography Effect Photoshop Tutorials
http://graphicalerts.com/33-best-typography-effect-photoshop-tutorials-3d-text/
o
12 excelentes bancos de imágenes gratuitos
http://wwwhatsnew.com/2010/01/11/12-excelentes-bancos-de-imagenes-gratuitos/
lista de bancos de imagenes gratuitos
Bancos de imagenes gratuitos
eso, imagenes
10 Best Tutorials To Learn CSS3 | AEXT.NET
http://aext.net/2010/01/10-best-tutorials-to-learn-css3/
List of tutorials and cheat-sheets for leaning CSS3.
Creatively Handling the Admin Side of Freelancing - Smashing Magazine
http://www.smashingmagazine.com/2010/01/11/creatively-handling-the-admin-side-of-freelancing/
There are very few who would argue against the notion that most freelance professionals, especially those operating in the design/development and writing arenas, tend...
Wedding Invitation Showcase: 45+ Excellent Examples | [f5]
http://ffffffive.com/articles/wedding-invitation-showcase-45-excellent-examples/
Hochzeitseinladungen
Hochzeit-Einladungen: 45+ ideenreiche, vielfältige Umsetzungen
Great design is hard to find. So when a designer has to design a wedding invitation it either has to look elegant or make it look happy. I decided to do this post because on Saturday August 1st my cousin got married and I'm very happy for her. I
45 Powerful CSS/JavaScript-Techniques - Smashing Magazine
http://www.smashingmagazine.com/2010/01/12/45-powerful-css-javascript-techniques/
Some INCREDIBLE (and beautiful) CSS/Javascript techniques. My favourite is the Sexy Music Album Overlays for styling your music streams and provides you some graphics to do so.
CSS and JavaScript are extremely powerful tools for designers and developers. However, sometimes it's difficult to come up with the one excellent idea that would solve...
Featured Desktop: The Windows 2019 Desktop
http://lifehacker.com/5170413/the-windows-2019-desktop
Life easier
Reader Painkilla05's stylish desktop was inspired from a Microsoft research video showing what computer interfaces might look like in the year 2019.
ブラウザだけでCSSレイアウトに対応したページをさくさく作ることができる『Drawter』 | 100SHIKI.COM
http://www.100shiki.com/archives/2008/11/cssdrawter.html
29 Resources for Freelance Designers Operating on a Tight Budget – DesignM.ag
http://designm.ag/resources/budget-resources/
29 Resources for Freelance Designers Operating on a Tight Budget
of highly-useful resources and web apps that have been created with freelance designers and developers in mind. But for many freelancers, especially those who are just getting started, pricing can be an issue. In this post we’ll feature 29 resources that are not only very useful fore freelancers, but also extremely affordable. Many of them are free or offer a free plan, and the others are priced below the competition. Hopefully you will find some resources here that will help you to save time and make your work more efficient and effective. If you have suggestions of other resources asi
There are plenty of highly-useful resources and web apps that have been created with freelance designers and developers in mind. But for many freelancers, especially those who are just getting started, pricing can be an issue. In this post we’ll feature 29 resources that are not only very useful fore freelancers, but also extremely affordable. Many of them are free or offer a free plan, and the others are priced below the competition.Hopefully you wil
55 Spectacular Login Form Designs
http://elitebydesign.com/spectacular-login-form-designs/
Brilliant examples of elegant form designs
Login Form
豪華なログインフォーム事例集
Digital Podge 2009 - Measurable Fun | 17th December 2009
http://digitalpodge.co.uk/2009/
Digital Podge 2009 - infographic-style website
The use simple datavis to show the website infos
Great charts & infographics
50+ Most Wanted Blogger Templates | Graphics
http://www.hongkiat.com/blog/50-most-wanted-blogger-templates/
How To Create Depth And Nice 3D Ribbons Only Using CSS3 | PV.M Garage
http://www.pvmgarage.com/en/2010/01/how-to-create-depth-and-nice-3d-ribbons-only-using-css3/
No images. Just CSS & CSS3. All major browsers support the technique. Love it.
20 Super Clean Fonts Perfect for Minimal Style Design | Web Design Ledger
http://webdesignledger.com/freebies/20-super-clean-fonts-perfect-for-minimal-style-design
Finding the right typeface or font for a design can be a tricky process. So it's good to have a nice selection of fonts at your disposal. With this article,
20 Super Clean Free Fonts for Minimal Style Design | Web Design Ledger
Top 33 Best Logo Design Processes in 2009 | Logo Talks
http://logotalks.com/2010/01/11/top-33-best-logo-design-processes-of-2009/
An overview for designers and students over at Logo Talks of the best Logo Design processes which published in 2009. In this round up we have coolected 33 of the most popular Logo Design Processes from 2009.
HINT.FM / Fernanda Viegas & Martin Wattenberg
http://hint.fm/
This is the collaboration site of Fernanda Viégas and Martin Wattenberg. We invent new ways for people to think and talk about data. As technologists we ask, Can visualization help people think collectively? Can visualization move beyond numbers into the realm of words and images? As artists we seek the joy of revelation. Can visualization tell never-before-told stories? Can it uncover truths about color, memory, and sensuality?
"This is the collaboration site of Fernanda Viégas and Martin Wattenberg."
Wolfire Blog - World of Goo design tour
http://blog.wolfire.com/2008/11/world-of-goo-design-tour/
David Rosen of Wolfire Games presents design lessons from 2D Boy's World of Goo in a youtube video.
aky way to have higher image compression ratios. That’s completely right, which is funny, since that was a case of a technical limitation that actually caused the game to look better with more depth. Very perceptive, thumbs up!”
Cool gra ;]
5 Branding Basics Every Logo Designer Should Know
http://sixrevisions.com/graphics-design/5-branding-basics-every-logo-designer-should-know/
225+ Free Adobe Illustrator Patterns – DesignM.ag
http://designm.ag/resources/free-illustrator-patterns/
ffffl*ckr
http://fffflckr.com/
Love this app!
Use it to find the photography you like using the simple idea that people whose work you like, probably like stuff you'll like. You start with a set of pictures - if you authenticate, it'll use 20 of your last 100 favorites - otherwise it'll start with somebody's favorites. Click any picture to load more. Don't like what that person likes? Scroll back and click a different picture you like. It's that simple.
"there's a bunch of good photography on [Flickr]. Unfortunately, finding it is a chore. Unless your idea of art is a painting of a hotrod on velvet, explore is useless. Groups aren't much better, since they require people to self-promote. The interface for checking them is pretty useless too. Contacts are pretty cool except that it's impossible to actually find new photographers. That's where ffffl*ckr comes in." [Via infovore]
20 Free Office Stuff Icon Sets For Your Design | AEXT.NET
http://aext.net/2010/01/20-free-office-stuff-icon-sets-for-your-design/
オフィス用品などのアイコン集です。
How to Create a Theme Development Environment for a Live WordPress Site – Inspect Element - Web Design & Development Blog
http://inspectelement.com/tutorials/create-a-wordpress-theme-development-environment/
CSS3 + Progressive Enhancement = Smart Design • Perishable Press
http://perishablepress.com/press/2010/01/11/css3-progressive-enhancement-smart-design/
article about progressive enhancement using css3 colours could be used for anna's website
covers Multiple Backgrounds, Background Sizing, Border Images, Rounded Corners, Drop Shadows, Text Shadows, Alternate Row Styles, Opacity & Transparency, Custom Fonts, Custom Text-Highlight Styles, Multi-Column Content Display, Box Sizing, RGBa Colors and Transparency, Word Wrap, Resizable Elements, CSS Transitions, CSS Color Gradients, Rotating Elements
50 Photoshop Brush Collections – 1000s of Brushes : Speckyboy Design Magazine
http://speckyboy.com/2010/01/13/50-photoshop-brush-collections-1000s-of-brushes/
Speckyboy
Supervette Brushes
50 Creative Examples of Illustrations in Web Design : Speckyboy Design Magazine
http://speckyboy.com/2009/12/28/50-creative-examples-of-illustrations-in-web-design/
Showcase Of Beautiful Vintage and Retro Signage - Smashing Magazine
http://www.smashingmagazine.com/2010/01/08/showcase-of-beautiful-vintage-and-retro-signage/
41 Useful Adobe Illustrator Video Tutorials For Creative Designers | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/tutorials/useful-adobe-illustrator-video-tutorials-creative-designers/
350+ Smoke Brushes for Photoshop – DesignM.ag
http://designm.ag/resources/350-smoke-brushes-for-photoshop/
CONSOLLECTION
http://www.consollection.de/
Inklet Trackpad Tablet
http://tenonedesign.com/inklet.php
Inklet allows your trackpad to emulate a pen tablet. When you're using a Pogo Sketch, the trackpad even becomes pressure sensitive.
Trackpad tablet for MacBook
Draw on your MacBook Pro trackpad
Concrete Goals Tracker 2010 Updates
http://davidseah.com/blog/comments/concrete-goals-tracker-updates/
Using The New Post Thumbnail Feature In WordPress 2.9 › Kremalicious
http://www.kremalicious.com/2009/12/wordpress-post-thumbnails/
WordPress 2.9 added a new feature which allows you to assign an image to an article to make it the post image like it’s often used in magazine style themes. This new feature along with a new template tag makes all the custom field hacks usually used for this functionality in the past obsolete. So [...]
if ( function_exists( 'add_theme_support' ) ) add_theme_support( 'post-thumbnails' );
<?php the_post_thumbnail(array( 200,200 ), array( 'class' => 'alignleft' )); ?>
Gorgeous Typography Examples in Advertising Design - Noupe
http://www.noupe.com/inspiration/gorgeous-typography-examples-in-advertising-design.html
5 excellent calligraphic fonts | webtoolkit4.me
http://webtoolkit4.me/2010/01/11/5-excellent-calligraphic-fonts/
PROJECT LIST - UNIQLO ユニクロ
http://www.uniqlo.com/jp/corp/eng/projects/index.html
24 UX Articles to Start 2010 | UX Booth
http://www.uxbooth.com/blog/24-ux-articles-to-start-2010/
This post showcases a wonderful collection of wireframe templates. It even includes Jason Robb’s template he showcased in a post for UX Booth titled
app.itize.us
http://app.itize.us/wp/
Selection of CocoaTouch Apps
app.itize.us is a painstakingly curated presentation of the best produced and designed iPhone applications that are available for download via the App Store.
Nice collection of applications and games with excellent UI for iPod touch and iPhone
Robert Hodgin | Portfolio
http://roberthodgin.com/
Portfolio
40 Excellent Websites Showcasing Expression Engine | Webdesigner Depot
http://www.webdesignerdepot.com/2010/01/40-excellent-websites-showcasing-expression-engine/
planos de fundo legal....
ExpressionEngine by EllisLab is a powerful, flexible content management system (CMS) that many designers (and their clients) love. Various modules exist to
HOW TO: Create Custom Backgrounds for Twitter, YouTube, & MySpace
http://mashable.com/2010/01/14/custom-twitter-youtube-myspace-backgrounds/
Great tutorial on how to add a custom background. Really impressive backgrounds.
HOW TO: Create Custom Backgrounds for Twitter, YouTube, & MySpace
This is what I have been looking for all along! Great article!
If you’re using your social media profiles
Are You Ready To Transfer To Chrome? - 30 Irreplaceable Chrome Extensions | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/development/transfer-chrome-irreplaceable-chrome-extensions/
Sketchy Wireframes - Boxes and Arrows: The design behind the design
http://boxesandarrows.com/view/sketchy-wireframes
Omnigraffle has some empty circles here
explanation of pros & cons of sketching wireframes vs. computer, plus computer apps that look sketchy. p: Sketchy wireframes allow practitioners to guide creativity and problem solving in the early stages of projects, rather than getting lost in a sea of documentation. Hopefully, this trend will continue as software manufacturers focus on enhancing their tools for creating computer-based sketchy wireframes.
"...there is a growing trend toward hand-drawn [wireframe] styles, as evidenced by an expanding amount of literature and workshops on the subject. This is a positive step in the evolution of our field. Sketchy wireframes allow practitioners to guide creativity and problem solving in the early stages of projects, rather than getting lost in a sea of documentation."
Describes a alternative for user interface wireframes between computer-generated boxes and handdrawn versions. "Computer-based sketchy wireframes. These allow computer wireframes to look more like quick, hand-drawn sketches while retaining the reusability and polish that we expect from digital artifacts." Lists popular tools and how well they support sketchy wireframes. Author: Aaron Travis, Boxes and Arrows website, Dec. 5, 2009.
Matthew Lyons Illustration Blog
http://matthew-lyons.blogspot.com/
Matthew Lyons Illustration Blog
Giovane illustratore di grande talento.
Il·lustrador.
Progress Trackers in Web Design: Examples and Best Practices - Smashing Magazine
http://www.smashingmagazine.com/2010/01/15/progress-trackers-in-web-design-examples-and-best-design-practices/
When designing a large website, especially one that contains a store, you may be required to design a system for ordering online, or a multi-step process of another...
Stop Using Stock Photography Clichés « Boagworld
http://boagworld.com/design/stock-photography
Whitespace: The Underutilized Design Element | Web Design Ledger
http://webdesignledger.com/tips/whitespace-the-underutilized-design-element
Whitespace: The Underutilized Design Element | Web Design Ledger - http://webdesignledger.com/tips/whitespace-the-underutilized-design-element
whitespace
Great short article demonstrating whitespace in webdesign.
Yummy! Free Food and Cakes Icon Set - Smashing Magazine
http://www.smashingmagazine.com/2009/12/24/yummy-a-free-tasty-icon-set/
Yummy! Free Food and Cakes Icon Set - Smashing Magazine - http://www.smashingmagazine.com/2009/12/24/yummy-a-free-tasty-icon-set/
Today we are glad to release something extremely tasty — Yummy Icon Set, a set with 20 beautiful, original and sweet icons in resolutions 48×48px –...
ícones de comida.
実はメイリオまだ進化中! 誕生秘話を河野氏に聞いた - @IT
http://www.atmarkit.co.jp/news/201001/07/meiryo.html
Logo Design A to Z - B | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/logo-design-z-b
Fantastic Information Architecture and Data Visualization Resources - Noupe
http://www.noupe.com/design/fantastic-information-architecture-resources.html
Below are a collection of resources to get you going down the information architecture and data visualization path. Whether you just want to become more familiar with infographics and data visualizations for occasional use or are thinking of making it a career, the resources below will surely come in handy. There are also some beautiful examples and more roundups to see even more fantastic graphics.
By Cameron Chapman Information architecture can be a daunting subject for designers who've never tried it before. Also, creating successful infographics and...
How I Create and Manage A Wordpress Website
http://www.wolf-howl.com/tools/how-i-create-and-manage-a-wordpress-website/
55 Trendy Web Design Interfaces From Deviantart | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/inspiration/trendy-web-design-interfaces-deviantart/
Let’s Design a Shopify Theme - NETTUTS
http://net.tutsplus.com/tutorials/other/let%e2%80%99s-design-a-shopify-theme/
Themeforest recently opened a new section where you can buy or sell themes for Shopify! Shopify is a hosted e-commerce solution that makes it easy to get
14 Tutorials for Creating Photoshop Brushes
http://designm.ag/tutorials/photoshop-brush-tutorials/
designm/ brushes
IE6 denial message for Momentile.com on Flickr - Photo Sharing!
http://www.flickr.com/photos/robotjohnny/3629069606/
IE6 vs IE7, Safari, Opera, Firefox
This was such a fun project -- this is what users of Internet Explorer 6 see when they visit Momentile. You can see sketches and a bit of the process on my website. UPDATE: There have been many requests to use this image on other websites, so I've decided to release it under a Creative Commons license. You are free to reuse the image on your own website as long as credit is given and linked back to RobotJohnny.com. For prints, contact me directly.
IE6 go home, IE6 play
I can't belive you're related to that guy. Don't remind me!
{domestic-construction}
http://domestic-construction.com/
site of a woman who freelances visual merchandising for anthro
estudio de NY, que hace decoraciones manuales
Ketchup
http://useketchup.com/
Ketchup is a new tool that will let the busy ones make sure they are never missing important information related to any past meeting ever again. It does that by letting you create a kind of catalogue of meetings. That is, the user comes up with a series of lists that detail information ranging from who was there to what was said and discussed.
Web app for meeting notes. Where is the mobile version?
16 Crucial Webdesign and Usability Best Practice Compilations and Tools | tripwire magazine
http://www.tripwiremagazine.com/tutorials/tutorials/16-crucial-webdesign-and-usability-best-practice-compilations-and-tools.html
20 Amazing Poster Designs | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/20-amazing-poster-designs
A get great inspiration from good posters, specially the ones with good design and a little mix of art and good typography. That's why I selected some great posters with different styles to inspire you, enjoy!
Stevey's Blog Rants: Have you ever legalized marijuana?
http://steve-yegge.blogspot.com/2009/04/have-you-ever-legalized-marijuana.html
Shit is NOT easy.
A Decade Of Web Design In Pictures - 1997 to 2009 | Design Reviver
http://designreviver.com/tips/a-decade-in-web-design-1997-to-2009-in-pictures/
Here is an overview of product design evolution over years:&#10;&#10; &#10;&#10;http://designreviver.com/tips/a-decade-in-web-design-1997-to-2009-in-pictures/&#10;&#10; &#10;&#10;Most of them have moved towards and clean clutter-free user experience. http://www.cnn.com/ stands out well (perfectly minimalist!)&#10;&#10; &#10;&#10; &#10;&#10;Thanks & Regards,&#10;&#10;Pravin
Evolución de conocidos sitios web
Presentation Patterns - ScrewTurn Wiki
http://www.jeremydmiller.com/ppatterns/Default.aspx?Page=MainPage&AspxAutoDetectCookieSupport=1
""
From Jeremy Miller
Jeremy Miller's Presentation Patterns Wiki
Ventonegro » Blog Archive » Bibliography of Programming Languages Implementation
http://www.ventonegro.org/2008/07/bibliography-of-programming-languages-implementation/
Bibliography of Programming Languages Implementation
The 20 Best Logos from 2009 | CreativeFan
http://creativefan.com/the-20-best-logos-from-2009/
The 20 Best Logos from 2009
覚えとけ、ファッションは死ぬほど大事だぞ!!! | オモコロ特集
http://picup.omocoro.jp/?eid=572
この上田という人だと問題ないように見えるのだけど、もうその時点で目がだめなのか。他の人だと確かに格好が変だなぁとは思う。
Creative Review - MTV's brand new look
http://www.creativereview.co.uk/cr-blog/2009/june/mtvs-brand-new-look
25 Beautifully Dark Websites - Part 3 | Vandelay Website Design
http://vandelaydesign.com/blog/galleries/dark-inspiration/
Although most websites use dark text on light backgrounds, but sites with dark backgrounds with light text can be very striking when executed effectively. In the past, I've published two collections of great dark designs (see part one and part two), and here is part three. BrandStorm
Perfectly Sculpted Melons
http://www.environmentalgraffiti.com/featured/perfectly-sculpted-melons/8903
Gliffy - Create a Website Wireframe with this Free Wireframe Tool. Gliffy Free Web Wireframe Software!
http://www.gliffy.com/free-wireframe-software/
Create a Website Wireframe with this Free Wireframe Tool. Gliffy Free Web Wireframe Software!
gliffy.com: create website wireframe
Dyson、“羽根がないのに風が出る”扇風機を発表 - ITmedia News
http://www.itmedia.co.jp/news/articles/0910/13/news099.html
結局ファンがついていようが騒音がどうかわからないとかあるけど、まず形を変えたことが素晴らしい。
Dyson、“羽根がないのに風が出る”扇風機を発表 DysonのAir Multiplier扇風機は従来の扇風機のような羽根はなく、流体力学を利用した独自の技術で空気の流れを増幅する。 2009年10月13日 16時47分 更新  Dysonは10月12日、「羽根のない扇風機」を発表した。 ah_dyson1.jpgah_dyson2.jpg 羽根のない扇風機  同社の「Dyson Air Multiplier」は従来の扇風機とは違って羽根がなく、土台に輪を乗せたような形になっている。  従来の扇風機は、羽根が空気を切ってしまい、空気の流れが不均衡になる点が問題だった。Dysonの技術は流体力学を利用した独自の技術で空気の流れを15倍に増幅し、毎秒119ガロンの空気をスムーズに流すという。
"この扇風機は土台の部分に組み込まれたモーターを使って空気を吸い込み、その空気を飛行機の翼のような傾斜がついた輪から送り出す。空気が輪から出るときに、その気流に周囲の空気が引き込まれて、空気の流れが増幅され、空気が一定して途切れなく流れる。"
The Apple App Store Economy – GigaOM
http://gigaom.com/2010/01/12/the-apple-app-store-economy/
chart of iTunes app sales
A new way to share photos :: Divvyshot
http://divvyshot.com/
18 Creative Modern Beds and Bed Designs | WebUrbanist
http://weburbanist.com/2008/10/26/modern-beds-bed-designs-bedroom-furniture//
ill beds...some shit is weird though, can't fuck with the constraining shit
poodle ramp!
These groundbreaking modern (and postmodern) beds and be designs seem to work to free themselves from convention, predictability and even gravity.
How to create personas your design team will believe in
http://www.userfocus.co.uk/articles/personas.html
Some more good information on how to create good quality persona documents
Papersnake.de - Papier selbst drucken
http://www.papersnake.de/
Wählen Sie einfach das benötigte Papier aus, um es kostenlos im PDF-Format herunterzuladen. Anschließend drucken Sie es auf Ihrem Drucker aus. Millimeterpapier, kariertes, Noten und andere.
Papier selbst drucken
Amazing LEGO Art by Nathan Sawaya | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/amazing-lego-art-nathan-sawaya
Lego Art! Giant 3D creations
RT @robbeef: Beautiful, creative, surreal LEGO art by Nathan Sawaya (thx! @craigymcfly) - not your toddler's work http://bit.ly/14c7ER [from http://twitter.com/DangerGranger/statuses/2390032865]
Collection: DWI: Supporting Screencasts
http://flickr.com/photos/designingwebinterfaces/collections/72157611425349742/
▍ ★∴    ....▍▍....█▍ ☆ ★∵ ..../    ◥█▅▅██▅▅██▅▅▅▅▅███◤    .◥███████████████◤  ~~~~◥█████████████◤~~~~ www.nikes-jordan.com , instant online Paypal payment! TT Assuring good quality, Coupons and feebies! Don't miss out! Jordan,AF1,Nike , RunningShoes, Sneakers, Dunks $40 Brand Jeans: $ 38 Brand sunglasses, $18 Brand Caps/Hats: $ 18 Brand Belts: $ 28 Free Shipping, Retail and wholesale! Payment options: Paypal , TT, Westunion www.nikes-jordan.com
best practice videos on flickr
Bill Scott, Designing Web Interfaces. Examples of interfaces and interactions in action.
5-Minute PNG Image Optimization • Perishable Press
http://perishablepress.com/press/2009/05/17/png-image-optimization/
PNG Image Optimization
5-Minute PNG Image Optimization • Perishable Press
50 Breathtaking CG Images - Cgtuts+
http://cg.tutsplus.com/articles/web-roundups/50-breathtaking-cg-images/
50
CGI's
After hours of tirelessly scouring the web, I have done it! Below is a compilation of 50 of the most stunning pieces of CG artwork in the world. Composed in
10 générateurs de backgrounds et favicons | Presse-Citron
http://www.presse-citron.net/10-generateurs-de-backgrounds-et-favicons
PixelKnetes
10 générateurs de backgrounds et favicons | Presse-Citron - http://www.presse-citron.net/10-generateurs-de-backgrounds-et-favicons
30 Radical Photo Sequences | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/30-radical-photo-sequences
15 Radical Photo Sequences | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials - http://abduzeedo.com/30-radical-photo-sequences
nice photo sequences :)
secuencias
30 Radical Photo Sequences - http://bit.ly/14GKWW - pa se dve moji sekvencni fotografiji - http://bit.ly/MugYf [from http://twitter.com/hadhad/statuses/1458539556]
Bashcorpo | Papirteksturer
http://bashcorpo.dk/textures.php
awesome paper/cardboard textures
paper
25 New High Quality Free Fonts - Smashing Magazine
http://www.smashingmagazine.com/2010/01/18/25-new-high-quality-free-fonts/
fontes grátis
dache | The visual works of David Pache
http://www.dache.ch/dache/comments/100_Brands_of_Interest_II/
100 brands of interest
This article is the sequel to 100 brands of interest, published on the dacheboard on December 4, 2008. After the last article and the feedback received, it was clear that another article of this nature was in order so, here it is! Over the past few months, I have been compiling another 100 brands of interest and have been very lucky to have such a selection to choose from. The standard really is very high.
40 Valuable Tools and Resources For Web Designers - Noupe
http://www.noupe.com/tools/40-valuable-tools-and-resources-for-web-designers.html
Web development can be tricky and time-consuming. To be more effective and productive, we, designers and developers, can integrate useful tools in our daily routine....
40 Inspiring Single Page Websites | Web Design Ledger
http://webdesignledger.com/inspiration/40-inspiring-single-page-websites
The Ultimate Guide to CSS Typography | Three Styles
http://www.threestyles.com/tutorials/css-tips-for-better-typography/
Typography is often overlooked in todays design specifically by web developers. It really is a shame because CSS gives us so much control over our type. That being said, we our limited to certain “web safe” typefaces but that shouldn’t decrease our creativity. Here are a few CSS tips for typography on the web.
CSS HappyLife ZERO
http://css-happylifezero.com/
CSS初心者・中級者のための情報サイト。教育にいいかも。
CSS HappyLife ZEROは、CSS初心者・中級者の方を対象にしたリファレンスやレイアウト講座など、CSSに関するアレコレがつまったサイトです。
CSS初心者・中級者向け
30 Hilarious Print Advertisements | Spyre Studios
http://spyrestudios.com/hilarious-print-ads/
In today’s world of interactive web-based marketing, viral campaigns and high production television commercials, the print ad remains one very powerful and effective means for advertisers to reach their audience.
おもしろ広告集
Interessante Print-Werbung
Tips and hacks for creating your own Wordpress theme - Freelance Web Design Belfast Northern Ireland Lee Munroe
http://www.leemunroe.com/tips-and-hacks-for-creating-your-own-wordpress-theme/
Tips and hacks for creating your own Wordpress theme - Freelance Web Design Belfast Northern Ireland - Lee Munroe - http://www.leemunroe.com/tips-and-hacks-for-creating-your-own-wordpress-theme/
Tips and hacks for creating your own Wordpress theme
Useful Web Design Proposal Resources, Tools and Apps - Speckyboy Design Magazine
http://speckyboy.com/2010/01/18/useful-web-design-proposal-resources-tools-and-apps/
Whopping Collection of 600+ Light Effect Photoshop Brushes | Spyre Studios
http://spyrestudios.com/light-effect-photoshop-brushes/
Abstract brush
Collection of 600+ Light Effect Photoshop Brushes
We're seeing superb lighting effects being used in design and media popping up everywhere nowadays; in print design, web design and even TV commercials - and it's only getting more popular (good or bad thing?). You could of course create your own lighting effects - but for those of us that are a little more time restricted, there are hundreds of free brushes out there. This post compiles a whopping collection of over 600 light effect Photoshop brushes!
CSS Transitions 101 | Webdesigner Depot
http://www.webdesignerdepot.com/2010/01/css-transitions-101/
Despite people's expectation of change and movement on the screen, CSS and HTML have few controls that allow you to design interactivity, and those that exist
30+ Professional Business Website Design Tutorials In Photoshop
http://www.smashingshare.com/2009/11/21/30-best-professional-business-website-design-tutorials/
With more and more businesses needing an online presence, it's no surprise to see there's a lot of photoshop tutorials out there about creating a professional business website design layout. We have collected some of the very best 30+ professional website design tutorials mostly done in photoshop. These website design tutorials would help to improve your photoshop skills.
With more and more businesses needing an online presence, it’s no surprise to see there’s a lot of photoshop tutorials out there about creating a professional business website design layout. We have collected some of the very best 30+ professional website design tutorials mostly done in photoshop. These website design tutorials would help to improve your photoshop skills.
30+ Professional Business Website Design Tutorials In Photoshop - http://www.smashingshare.com/2009/11/21/30-best-professional-business-website-design-tutorials/
NYPL Digital Gallery | Explore All Collections
http://digitalgallery.nypl.org/nypldigital/explore/dgexplore.cfm?topic=all
digitized manuscripts, japanese woodcuts, medieval books, old photos
35 Tutorials and Guides for Working With Wacom Tablets | Vandelay Design Blog
http://vandelaydesign.com/blog/design/wacom-tablets-tutorials/
mbe
The Demise of CSS: Why Sass And Languages Like It Will Triumph
http://wiseheartdesign.com/articles/2010/01/18/the-demise-of-css-why-sass-and-languages-like-it-will-triumph/
"Now, don’t get me wrong. I am sure CSS has many more years ahead of it, but Sass and languages like it are the future."
Design and Build Email Newsletters Without Losing Your Mind (and Soul) - Smashing Magazine
http://www.smashingmagazine.com/2010/01/19/design-and-build-an-email-newsletter-without-losing-your-mind/
This article gives you the information you need to plan, design and build an HTML newsletter that renders well and is actually useful to recipients. It’s a quick and dirty guide to effective email newsletters.
“We really love this new website you’ve built! Now we’d like to send out an email to all of our customers, friends and anyone, and it should look exactly like...
33 Absolutely Free E-Commerce Icon Sets | Naldz Graphics
http://naldzgraphics.net/freebies/33-absolutely-free-e-commerce-icon-sets/
By http://bit.ly/Tweets2Delicious
The Legacy Of Polish Poster Design - Smashing Magazine
http://www.smashingmagazine.com/2010/01/17/the-legacy-of-polish-poster-design/
The Legacy Of Polish Poster Design
Michael Deal ◊ Graphic Design
http://mikemake.com/#72772/Charting-the-Beatles
Exploration of Beatles music through infographics
Graphic designer Michael Deal's infographics of Beatles statistics both obvious (songwriting credits) and unusual (metareferences).
Exploration of Beatles music through infographics (ongoing project) These visualizations are part of an extensive study of the music of the Beatles. Many of the diagrams and charts are based on secondary sources, including but not limited to sales statistics, biographies, recording sesion notes, sheet music, and raw audio readings. Join this project here.
5 Steps to Building Social Experiences - Boxes and Arrows: The design behind the design
http://www.boxesandarrows.com/view/5-steps-to-building
Don't just 'add social' to your website. Design it with a purpose.
15 Resources for Easily Creating Web Forms | Vandelay Design Blog
http://vandelaydesign.com/blog/tools/web-forms/
Kolayca web formları oluşturmanız için 15 kaynak
Viridian Design
http://www.viridiandesign.org/manifesto.html
Bruce Sterling's Manifesto for a new Millennium
20 Beautiful Mac Apps | Design Reviver
http://designreviver.com/inspiration/20-beautiful-user-interface-examples-of-mac-applications/
20 Beautiful Mac Apps | Design Reviver - http://designreviver.com/inspiration/20-beautiful-user-interface-examples-of-mac-applications/
Mac OS X is known for housing an amazing graphical user interface. Not only is the operating system beautiful in every way, but a large portion of the applications developed for Macs have great usability along with a stunning “face”. Below you will find 20 Mac Apps With Beautiful User Interface Designs for your inspiration. This is also a great reference for those that are looking to develop their own applications.
The Most Relevant Identity Work of the Decade - Brand New
http://www.underconsideration.com/brandnew/archives/the_most_relevant_identity_work_of_the_decade.php
众多知名设计公司
The Most Relevant Identity Work of the Decade - Brand New - http://www.underconsideration.com/brandnew/archives/the_most_relevant_identity_work_of_the_decade.php
O Brand New fez um apanhado das identidades visuais/logos mais importantes e relevantes da década. Aquelas que realmente fizeram diferença no mercado mundial, aquelas que mexeram com a cabeça dos designers e dos consumidores.
Brand New: Opinions on corporate and brand identity work. A division of UnderConsideration.
Knock Off Wood
http://knockoffwood.blogspot.com/
30 Cutting Edge Examples Of CSS Navigation | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/inspiration/cutting-edge-examples-css-navigation/
30 Cutting Edge Examples Of CSS Navigation | Graphic and Web Design Blog -Resources And Tutorials - http://www.1stwebdesigner.com/inspiration/cutting-edge-examples-css-navigation/
Design: The Periodic Table of Typefaces
http://i.gizmodo.com/5169466/the-periodic-table-of-typefaces
10 Ways to Install Accordion Menus in Your Wordpress Theme | Pro Blog Design
http://www.problogdesign.com/design/10-ways-to-install-accordion-menus-in-your-wordpress-theme/
10 Ways to Install Accordion Menus in Your Wordpress Theme | Pro Blog Design - http://www.problogdesign.com/design/10-ways-to-install-accordion-menus-in-your-wordpress-theme/
Today you will learn 10 ways to install accordion menus in your Worpress theme! This will help to organize your blog, make your site look more professional, and possibly save you some precious real estate in your layout. Real estate on a blog is as important as it is in the real world (especially in congested areas), you need to make the most out of your space as you can. Accordion menus get their name from the instrument of the same name. Much like the bellows going in and out as someone plays music on an accordion, an accordion menu expands and contracts from user interaction, one section at a time. This way top level names are listed at all times, but sub-categories and child items are only exposed as each section is expanded. Your visitors only see what they need to at any given time.
A Collection of Free Stunning and Beautiful Bokeh Textures for Your Designs | dezign Musings
http://www.dezignmusings.com/2010/01/100-free-stunning-bokeh-textures.html
These days one sees a lot of bokeh effect in web design. Big headers with colorful, glossy bokeh effect can be seen in lot of web designs. The term bokeh is used to describe the portion of a photograph that is out of focus behind the area of principal focus in a picture. It's that wonderful fuzziness in the background of photographs with a shallow depth of field and accompanying starry highlights.
iSites – Create your app right now. Revise on the fly.
http://isites.us/
iSites enables you to create and self-manage apps for multiple smart phones (iPhone, Android) from one place.
sexybuttons - Project Hosting on Google Code
http://code.google.com/p/sexybuttons/
500 Internal Server Error
My favourite fonts of 2009 | i love typography, the typography and fonts blog
http://ilovetypography.com/2010/01/21/my-favourite-fonts-of-2009/
Perhaps the most difficult part in compiling this list is not what to include, but what to leave out. There are, then, many other typefaces that should be in this list, but aren’t. Their omission says nothing of their quality, but rather to the ruthless expedient of time and space. Perhaps some of your favourites from 2009 coincide with mine; perhaps they don’t — I’d love to hear about them in the comments below. Without further ado:
Form Design with Sliding Labels « CSSKarma
http://www.csskarma.com/blog/sliding-labels/
Form, CSS
LEGO® CL!CK: Find your inspiration.
http://www.legoclick.com/
A little place on the Internet celebrating creativity and the everyday moments of inspiration that LEGO® enthusiasts call “CL!CK.” Come to inspire and be inspired.
Great Free Software for Web Designers « Boagworld
http://boagworld.com/reviews/free-software
links to free softwares
フリーで使えるWebデザイナー向けソフトをいろいろ紹介しています。
Web Design - Pricing Tables | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/web-design-pricing-tables
Preise darstellen
Web Design - Pricing Tables | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials - http://abduzeedo.com/web-design-pricing-tables
CSScharts - bar charts created with pure CSS
http://icant.co.uk/csscharts/
CSScharts - bar charts created with pure CSS - http://icant.co.uk/csscharts/
bar chart pure css
75+ Top jQuery Plugins to improve Your HTML Forms | tripwire magazine
http://www.tripwiremagazine.com/2010/01/75-top-jquery-plugins-to-improve-your-html-forms.html
ASCIImeo, Videos in Text
http://asciimeo.com/
Vimeo にある動画を検索してアスキーアート風の動画に変換して再生してくれます。
Emulator um Vimeovideos in Ascii code umzuwandeln
Video em texto
Sitio de animaciones y videos experimentales
the best videos in the universe, in text.
Sexy HTML List Tricks • Perishable Press
http://perishablepress.com/press/2009/08/16/sexy-html-list-tricks/
Liste in HTML umsetzen
HTML Listen
Most bookmarked site
The Best Icon Sets for Minimal Style Web Design | Web Design Ledger
http://webdesignledger.com/freebies/the-best-icon-sets-for-minimal-style-web-design
Iconos gratis
With so many free icon sets available now, sometimes it makes more sense to not spend countless hours designing and creating your own. However, it's important
Public Choices - most recent | Minimal Sites
http://minimalsites.com/public
a site after my own heart
Digital Magazines: Bonnier Mag+ Prototype | Bonnier AB
http://www.bonnier.com/en/content/digital-magazines-bonnier-mag-prototype
Great prototype of a magazine reading device
Great concept that importantly focusses on the needs of the user and their experience...
This conceptual video is a corporate collaborative research project initiated by Bonnier R&D into the experience of reading magazines on handheld digital devices. It illustrates one possible vision for digital magazines in the near future, presented by our design partners at BERG.
Use Sprites to Create an Awesomeness-Filled Navigation Menu - Nettuts+
http://net.tutsplus.com/tutorials/html-css-techniques/use-sprites-to-create-an-awesomeness-filled-navigation-menu/
Hier wird von Photoshop bis XHTML erklärt, wie man ein Website-Navigation mit Sprites aufbaut.
Internet Online Website!
http://www.internetonlinewebsite.com/
It takes a whole bunch of people to make a website. Aquent can get you that whole bunch of people. Find out who you need at internetonlinewebsite.com
12 really useful CSS tools
http://www.designer-daily.com/12-really-useful-css-tools-5364
Case-Mate: I Make My Case
http://imakemycase.case-mate.com/
beautiful iPhone cases
Design Trends (Predictions) in 2010
http://www.webdesignerwall.com/trends/design-trends-predictions-in-2010/
Design Trends (Predictions) in 2010
I agree with Serif fonts, rounded corners and mobile design.
あなたの才能で稼げる!サイトまとめ - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/07/sites_you_can_sell_your_talent.html
写真で稼げる
Under The Influence: He-Man Available Artwork
http://ihavethepowerart.blogspot.com/
He-Man Available Artwork
CSS Transparency in All The Browsers | Design Dazzling
http://www.designdazzling.com/2010/01/css-transparency-in-all-the-browsers/
CSS Transparency in All The Browsers | Design Dazzling
ignore the code: Realism in UI Design
http://ignorethecode.net/blog/2010/01/21/realism_in_ui_design/
Finding the sweet spot between realism and obscurity in design elements. (via @gracesmith)
consejos acerca de interfaces de usuario demasiado realistas
cssの情報・まとめ - かちびと.net
http://kachibito.net/web-design/css-collection.html
10 More Essential Plugins Every WordPress Blog Should Have | FreelanceFolder
http://freelancefolder.com/10-more-essential-plugins-every-wordpress-blog-should-have/
@freelancefolder
Color Theory Quick Reference Poster
http://www.paper-leaf.com/blog/2010/01/color-theory-quick-reference-poster/
Awesome!
Curious Pages
http://curiouspages.blogspot.com/
"recommended inappropriate books for children"
recommended inappropriate reading for children
"Inappropriate Children's Books"
PHP Design - Biggest Database Oversights - Justin Carmony's Blog
http://www.justincarmony.com/blog/2008/10/25/php-design-biggest-database-oversights/
One in particular now has grown out of hand so bad that we've decided to start from scratch for a whole new version. Why? Lets say you have 3000+ php files, and your boss says "Hrm, we're seeing some problems with performance. Can you display at the bottom of each page the # of queries you use on that page?" If you coded your entire project like the example above, you would be totally screwed. You would have to find each and every mysql_query() and add some counter at the end. It would be a managing Nightmare. So how cold you solve this problem?
Bookbook - Bookbook - Twelve South
http://www.twelvesouth.com/products/bookbook/
Make your Macbook look like a book with BookBook!
Annotated link http://www.diigo.com/bookmark/http%3A%2F%2Ftwelvesouth.com%2Fproducts%2Fbookbook
Tips for Coding and Designing Usable Web Forms - Noupe
http://www.noupe.com/design/tips-for-coding-and-designing-usable-web-forms.html
By Louis Lazaris The web form has been one of the most discussed elements in web design for more than ten years now. We can't help it. Call-to-action functionality... The web form has been one of the most discussed elements in web design for more than ten years now. We can’t help it. Call-to-action functionality often leads users to a form; purchases are made using forms; users register or subscribe using forms — the uses for forms are endless. While it is fairly easy to slap together a form in HTML, it’s not as easy to code, style, and design your form in a manner that makes it usable and accessible to the majority of users. Since forms play such a large role in website conversions and success rates, the tips below, as well as the resources provided at the end of this article, should prove valuable for developers creating and coding web forms.
How wireframing makes your website designs better
http://briancray.com/2009/12/02/value-of-wireframing-website-design/
ネットストア限定先行予約 紙とあそぶレゴ®ブロック | 無印良品ネットストア
http://www.muji.net/store/pc/user/campaign/campaign091113_01.jsp
great idea
lego and paper by muji
Muji Lego
ほしい
パンチした紙と、レゴ®ブロックを組み合わせて遊ぶセットが登場。楽しみ方の自由さが特長のレゴ®ブロックと、自由にカットした紙を組み合わせてつくる、新しい試みのおもちゃです。
300&65 Ampersands
http://ampersandampersand.tumblr.com/
An ampersand for every season.
35 Exclusive And High Quality PSD Photoshop Resource Sites | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/resources/high-quality-psd-photoshop-resource-sites/
Exclusive And High Quality PSD Photoshop Resource Sites
photoshop resours
35 Beautiful E-Commerce Websites - Smashing Magazine
http://www.smashingmagazine.com/2010/01/22/35-beautiful-and-effective-ecommerce-websites/
By http://bit.ly/Tweets2Delicious
AJAX-enabled Sticky Notes With PHP & jQuery – Tutorialzine
http://tutorialzine.com/2010/01/sticky-notes-ajax-php-jquery/
Today we are making an AJAX-enabled Sticky Note management system. It will give visitors the ability to create notes with a live preview, and move them around on the screen. Every movement is going to be sent to the back-end via AJAX and saved in the database.
Beautiful Curvy Brush Fonts for Design | Webdesigner Depot
http://www.webdesignerdepot.com/2010/01/beautiful-curvy-brush-fonts-for-design/
Pragmatic Programming Techniques: RESTFul Design Patterns
http://horicky.blogspot.com/2009/05/restful-design-patterns.html
Summarize a set of RESTful design practices that I have used quite successfully.
Download Free Vector Graphics from the 100 Websites | Best Design Options
http://bestdesignoptions.com/?p=4458
Vector graphics is an important aspect of design. Here I am listing 100 websites and blogs that offer vector freebies.
Main : TypArchive
http://www.typarchive.com/
photo de type faite à la main
old shop signs
The Apple Tablet Interface Must Be Like This - apple tablet - Gizmodo
http://gizmodo.com/5452501/the-apple-tablet-interface-must-be-like-this
Some people want the Apple Tablet to run Mac OS X&#039;s user interface. Others think its UI will be something exotic. Both camps are wrong: The iPhone started a UI revolution, and the tablet is just step two. Here&#039;s why.
Interesting guess at how the Apple tablet UI might be designed.
Graphic Design Blog, Tips and Jobs | You The Designer
http://www.youthedesigner.com/2009/02/13/7-tips-for-improving-graphic-design-portfolios/
Acquiring new clients via your online graphic design portfolios is no easy task, especially for designers who do not have the time to dive into extensive online marketing and search engine tactics. So if you would like to make the most of the traffic
Acquiring new clients via your online graphic design portfolios is no easy task, especially for designers who do not have the time to dive into extensive online marketing and search engine tactics. So if you would like to make the most of the traffic you DO get, check out the tips below. All these tips are meant to make your portfolio more client friendly, which means more money for you!
7 tips to share with ahad about what to do with his new site while we are planning it
You the Designer is a Graphic Design Blog Featuring Graphic Design Jobs, Tips, Tutorials, Resources, Freebies and Much More. Join the Design Community Today!
jQuery imageless buttons a la Google
http://swizec.com/code/styledButton/
This jQuery plugin is an attempt to recreate Google's imageless buttons and prove that it doesn't take a whole team of engineers and an endless cycle of code revision and quality control (their own words) to pull this off. I don't know how Google did it, but my buttons automatically adapt to paddings and other styling you wish to use. They allow for a lot of stylistic customisatoin via a few lines of css while keeping all the display critical css rules hidden deep inside the plugin.
Botões em jQuery no estilo Google sem imagem
High-Res Card and Paper Textures - PSDTUTS
http://psd.tutsplus.com/freebies/texture/high-res-card-and-paper-textures/
Texture Resolution: 3264 pixels by 2448 pixels No. in set: 8 A great texture set of 8 stunning high-res card and paper images. Free to download and use
The Black Mac Desktop - Desktops - Lifehacker
http://lifehacker.com/5325688/the-black-mac-desktop
sweet desktop
How to Create Memorable Business Cards - FreelanceSwitch - The Freelance Blog
http://freelanceswitch.com/freelancing-essentials/memorable-business-cards/
How to Create Memorable Business Cards
How To Make A Custom Twitter Feed For Your Website
http://blog.mivamerchant.com/478/how-to-make-custom-twitter-feed-for-your-website/
DB設計の神ツール「ERMaster」なら、ここまでできる (1/3) - @IT
http://www.atmarkit.co.jp/fjava/rensai4/devtool11/devtool11_1.html
ERMasterは、ほかのツールに比べ、直感的で分かりやすいUI(ユーザーインターフェイス)に、カスタマイズ可能な、Excelで出力できるテーブル定義書、辞書機能など痒いところに手が届くERモデリングのツールです。本稿では、このERMasterについてご紹介します。
ERMasterは、ほかのツールに比べ、直感的で分かりやすいUI(ユーザーインターフェイス)に、カスタマイズ可能な、Excelで出力できるテーブル定義書、辞書機能など痒いところに手が届くERモデリングのツールです
いくつかの無料で利用できるツールが提供されているので、筆者はそれらを利用していましたが、最近「ERMaster」と呼ばれるEclipseプラグインの存在を知りました。  ERMasterは、ほかのツールに比べ、直感的で分かりやすいUI(ユーザーインターフェイス)に、カスタマイズ可能な、Excelで出力できるテーブル定義書、辞書機能など痒いところに手が届くERモデリングのツールです。本稿では、このERMasterについてご紹介します。
Why Doing Things Half Right Gives You the Best Results - Conversation Starter - HarvardBusiness.org
http://blogs.harvardbusiness.org/cs/2009/02/for_fullscale_returns_do_thing.html
"Here's what I realized: 1. My perfect is not their perfect. 2. They don't have a perfect. In fact, there is no they. There are 2000 individuals, each of whom wants something a little different. 3. The more perfect I think it is, the less willing I'll be to let anyone change it. 4. The only way to make it useful to everyone is to allow each person to change it to suit him or herself. 5. The only way people will use it is if they do change it in some way. 6. The only way I will encourage them to change it and make it their own is if I make it imperfect.
Unfinished, Half-finished, half-baked is sometimes best.
"Why won't this work for you?" -- a powerful question to ask, at the right moment. Really thought-provoking article exploring why perfection is so hard, and hinting at why projects fail.
20 Color Combination Tools for Designers | Spyre Studios
http://spyrestudios.com/color-combination-tools/
If you suck at picking out colors like me, you will find this comprehensive list incredibly useful!
Good list of tools for color selection.
20 Color Combination Tools
jQuery Plugin Design Patterns: Part I | Fuel Your Coding
http://fuelyourcoding.com/jquery-plugin-design-patterns-part-i/
Adobe Photoshop Tutorials | High Dynamic Range | Adobe Camera Raw | Layers Magazine
http://www.layersmagazine.com/exposure-blending-in-photoshop.html
Exposure Blending in Photoshop
Pen v keyboard v Newton v Graffiti v Treo v iPhone (Phil Gyford’s website)
http://www.gyford.com/phil/writing/2010/01/18/input.php
For some time I’ve been meaning to test my small collection of PDA/smartphone gadgets to see which of their methods of input was quickest. The iPhone’s software keyboard? The Newton’s handwriting recognition? Palm’s Graffiti? With the possible imminent arrival of a tablet from Apple that will save the world, it seemed a good time to get round to the test.
Phil Gyford tested a small collection of PDA and smartphone gadgets to see which of their methods of input was quickest. He tested six input method: Apple Newton handwriting recognition (1997); Palm Vx Graffiti (1999); Palm Treo 650’s hardware QWERTY keyboard (2004); Apple iPhone 3G’s software QWERTY keyboard (2009); old-fashioned Pen & Paper; a full-size QWERTY keyboard. He copied out 200 plus words. And he did it twice for each input. The results were surprising. Palm Graffiti was surprisingly slow. Handwriting was surprisingly slow. The iPhone soft keyboard was surprisingly fast.
Productividad escribiendo en diferentes dispositivos. For some time I’ve been meaning to test my small collection of PDA/smartphone gadgets to see which of their methods of input was quickest. The iPhone’s software keyboard? The Newton’s handwriting recognition? Palm’s Graffiti? With the possible imminent arrival of a tablet from Apple that will save the world, it seemed a good time to get round to the test.
Sehr schöne kleine Statistik. Das iPhone gewinnt nach der QWERTZ Tastatur und vor der Handschrift.
Outlaw Design Blog » 28 Ways to Customize Your Mac Desktop
http://www.outlawdesignblog.com/2009/28-ways-to-customize-your-mac-desktop/
Pimp my mac!
The Offices of Kat Ran Press : Postage Stamps by Type Designers
http://www.katranpress.com/stamps_about.html
6 Great Tips On How To Prepare Artwork for T-Shirt Printing
http://justcreativedesign.com/2008/12/04/how-to-prepare-t-shorts-for-printing/
As many of you probably already know, doing graphic design, and doing graphic design specifically for t-shirt printing can be two totally different beasts. Have you ever worked extremely hard for long hours on a t-shirt design for yourself or a client, only to have the printer tell you that your design won’t work for t-shirt printing? This problem is not that uncommon and I would like to provide you with a few easy tips on how to prepare your artwork for printing on t-shirts.
60 Sites with Attractive Typographical Introductions
http://sixrevisions.com/design-showcase-inspiration/60-sites-with-attractive-typographical-introductions/
Typography is a beautiful element that magnifies a website’s creativity. The stunning letterforms and positions of the fonts can be moving and inspiring. Effective use of typography can also be combined grid placement, and allows users to better understand what it is you’re trying to get across. In recent times, we’ve seen our share of websites with beautiful introductions that are purely text-based. This sort of headlining allows you to read and comprehend words on a visual level. They are a great form of art that, if done correctly, will affect the minds and emotions of your visitors.
30 Stylish jQuery Tooltip Plugins For Catchy Designs | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/resources/stylish-jquery-tooltip-plugins-webdesign/
Y links a muchos más plugins de jquery y wordpress
Tooltips on website are small things which can play a big role in website design. If a tooltip on your website is very well made and looks amazing then it can lift up visitors impression about your website. And that’s why here comes jQuery to help with its well made tooltips. And remember that all those small website design things make your website look better. So this time I will show you my Top 30 of jQuery tooltip plugins. Enjoy!
Five Simple but Essential Web Usability Tips
http://sixrevisions.com/usabilityaccessibility/five-simple-but-essential-web-usability-tips/
Five Simple but Essential Web Usability Tips - http://sixrevisions.com/usabilityaccessibility/five-simple-but-essential-web-usability-tips/
Free Gimp tutorial PDFs | TuxRadar Linux
http://www.tuxradar.com/gimp
90MB de tutoriais Gimp free!
Tutorials de GIMP TuxRadar
TuxRadar Linux
30 Stunning Flash Image Galleries (via FlashDen) - Vectortuts+
http://vector.tutsplus.com/articles/web-roundups/30-stunning-flash-image-galleries-via-flashden/
One of the most popular uses of Flash for designers and illustrators that I've observed is to create image gallerys to showcase graphic work. So its unsurprising that on our sister marketplace FlashDen the image gallery category is jam-packed with stunning Flash galleries. Today I've rounded up 30 of the best to show off here on Vectortuts+ as we countdown to the imminent launch of our latest Tuts+ site ... Flashtuts+.
30 Stunning Flash Image Galleries (via FlashDen) - Vectortuts+
Simon Collison | Colly | The Celebrated Miscellany
http://colly.com/
Fantastically inspirational
You know, just a really nice site.
Absolutely delicious. Very envious.
Free icons!
http://www.iconfinder.net/free_icons
20 Sets of Photoshop Brushes for Vintage Style Design | Web Design Ledger
http://webdesignledger.com/freebies/20-sets-of-photoshop-brushes-for-vintage-syle-design
Vintage style design is all about making things look old. This can be achieved by using using elements in your designs that appear to be from decades ago, and
The New Hotness: Using CSS3 Visual Effects - Smashing Magazine
http://www.smashingmagazine.com/2010/01/25/the-new-hotness-using-css3-visual-effects/
Great demo of some key CSS3 effects.
css3 is crazy
The Mysterious Pseudo Class in CSS
http://webtint.net/tutorials/the-mysterious-pseudo-class-in-css/
50+ Beautiful Websites with Great Colour Schemes | Inspired Magazine
http://www.inspiredm.com/2010/01/24/colour-schemes/
A collection of nicely designed websites
Jessica Walsh
http://jessicawalsh.com/
25 Fresh, Clean and Unique Wordpress Themes - Speckyboy Design Magazine
http://speckyboy.com/2010/01/25/25-fresh-and-unique-wordpress-themes/
Lets be honest, when you look at the volume of WP themes that are available, there is not really that much originality. They are basically they same theme re-hashed in a different style. That maybe fine for some, but not for me.
sexyCycle
http://suprb.com/apps/sexyCycle/
$("#box4").sexyCycle({ speed: 500, next: '.next3', prev: '.prev3', stop: '.stop', interval: 800 });
snappy cycle plugin
Creating Polaroid Style Images with Just CSS - ZURB Playground - ZURB.com
http://www.zurb.com/playground/css3-polaroids
The History of the Ampersand and Showcase | Webdesigner Depot
http://www.webdesignerdepot.com/2010/01/the-history-of-the-ampersand-and-showcase/
the ampersand
A história do "&".
História do Ampersand < & > | The ampersand is one of the most unique typographical characters out there.
Academy
http://www.weareacademy.com/
A very fresh and creative agency located nearby in none other than Van City. Some extremely innovative campaigns and novel marketing techniques - pumping out some incredibly content. Keep posted.
17 Javascript Animation Frameworks Worth Checking Out | Admix Web
http://www.admixweb.com/2010/01/07/17-javascript-animation-frameworks-worth-to-seing/
JavaScriptのアニメーションフレームワークを17個紹介した記事です。
Highcharts Demo Gallery
http://highcharts.com/demo/
gráficas chart usando javascript
35 Breathtaking Text Effects using Adobe Photoshop | Smashing Buzz
http://www.smashingbuzz.com/2010/01/35-breathtaking-text-effects-using-adobe-photoshop/
35 Breathtaking Text Effects using Adobe Photoshop | Smashing Buzz - http://www.smashingbuzz.com/2010/01/35-breathtaking-text-effects-using-adobe-photoshop/
Graphic Designers loves to draw text effect in an amazing way with step by step trainings of each tutorial which we listing from the gallery of famous designers who working hard and even sharing with everyone for giving trainings through Photoshop tools and techniques. We seen thousands of Photoshop tutorials out there, but few that are top-notch in terms of instructions, presentation and of course conclusion, when it comes to breathtaking text effects then there is no limitation of creativity in terms of presentation, instructions and most importantly final results.
Graphic Designers loves to draw text effect in an amazing way with step by step trainings of each tutorial which we listing from the gallery of famous designers who working hard and even sharing with everyone for giving trainings through Photoshop tools and techniques. We seen thousands of Photoshop tutorials out there, but few that are top-notch in terms of instructions, presentation and of course conclusion, when it comes to breathtaking text effects then there is no limitation of creativity in terms of presentation, instructions and most importantly final results. Hope you all like our effort and give your comments for our future ideas about another best Photoshop text effect tutorial roundups.
Dynamic Dummy Image Generator - DummyImage.com
http://dummyimage.com/
Sometimes you just need a placeholder image right at your finger tips. Just enter the width + x + height at the end of this URL and off you go!
20 Tutorials to Help Master Illustrator’s Gradient Mesh
http://www.blog.spoongraphics.co.uk/articles/20-tutorials-to-help-master-illustrators-gradient-mesh
15 Common Component Patterns
http://designingwebinterfaces.com/15-common-components
Odds are good if you are designing a enterprise software or a productivity web application, you’ll need a number of these components…
15种常见的元素典范~
15 Must Have Google Chrome Extensions for Web Designers & Developers
http://graphicalerts.com/15-must-have-google-chrome-extensions-for-web-designers-developers/
chrome
chorme plug in
Extensiones google Chrome
15 Must Have Google Chrome Extensions for Web Designers
Layouts/Templates
http://css-tricks.com/downloads/layouts-templates/
freebies, downloads
Showcase of Buttons in Web Design | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/showcase-button-design/
Superb Jquery CSS Image Effects and Tooltips Tutorials – Designzzz
http://www.designzzz.com/jquery-css-image-effects-tooltips-tutorials/
nice image effects
Great examples of jquery
The Best Photoshop Tutorials of 2009 | Psdtuts+
http://psd.tutsplus.com/articles/web/the-best-photoshop-tutorials-of-2009/
With every year comes a large wave of great art, new techniques, and new artists on the scene, and this year was no different. In 2009 a lot of new trends emerged and a lot of new tutorials were made to show how to create awesome artwork. So this roundup focuses on the fifteen best tutorials that were given to us in 2009. Five of these tutorials are the best of Psdtuts+, and the other ten are from other sources around the net. So lets check these amazing tutorials out and hope 2010 will be filled with even better ones.
960 Layout System | Grids made easy
http://headless-studios.com/960.ls/
The 960 Layout System was created to help streamline web designers' workflow by giving them all the power of 960.gs in a nice, easy-to-use interface that is useful for noob and guru alike.
Román Cortés » Pure CSS Coke Can
http://www.romancortes.com/blog/pure-css-coke-can/
HINT.FM: Web Seer
http://hint.fm/seer/
Web Seer Compare Google Suggest results. Try the beginnings of questions: "are men" vs. "are women" or "will he" vs. "will she."
Let's you compare difference in Google Suggest
Egg Watchers: the egg timer that entertains you
http://www.eggwatchers.com/
▍ ★∴    ....▍▍....█▍ ☆ ★∵ ..../    ◥█▅▅██▅▅██▅▅▅▅▅███◤    .◥███████████████◤  ~~~~◥█████████████◤~~~~ www.nikes-jordan.com , instant online Paypal payment! TT Assuring good quality, Coupons and feebies! Don't miss out! Jordan,AF1,Nike , RunningShoes, Sneakers, Dunks $40 Brand Jeans: $ 38 Brand sunglasses, $18 Brand Caps/Hats: $ 18 Brand Belts: $ 28 UGG boots:$ 55 Free Shipping, Retail and wholesale! Payment options: Paypal , TT, Westunion www.nikes-jordan.com
Showcase Of Web Design In Germany - Smashing Magazine
http://www.smashingmagazine.com/2010/01/26/showcase-of-web-design-in-germany/
ドイツの変わったサイト
Web Design In Germany
▍ ★∴    ....▍▍....█▍ ☆ ★∵ ..../    ◥█▅▅██▅▅██▅▅▅▅▅███◤    .◥███████████████◤  ~~~~◥█████████████◤~~~~ www.nikes-jordan.com , instant online Paypal payment! TT Assuring good quality, Coupons and feebies! Don't miss out! Jordan,AF1,Nike , RunningShoes, Sneakers, Dunks $40 Brand Jeans: $ 38 Brand sunglasses, $18 Brand Caps/Hats: $ 18 Brand Belts: $ 28 UGG boots:$ 55 Free Shipping, Retail and wholesale! Payment options: Paypal , TT, Westunion www.nikes-jordan.com
80+ Web Tools and Typography resources for web designers
http://www.dreamcss.com/2009/05/web-tools-and-typography-resources.html
Outils et générateurs en ligne
As Web designers, success is depend on your efficiency in your workflow . Fortunately, there are a number of great resources that have been created with the intent of making your life easier and your work quicker and more effective. Today we listed 80+ Web Tools and Typography resources for web designers. We obviously cannot cover all the best from the web, but we have tried to cover as much as possible.
Textures In Web Design: Examples And Best Practices | Spyre Studios
http://spyrestudios.com/textures-in-web-design/
Designing an awesome minimalist web design can great, but adding in the textured elements to it can turn it into a visually stunning piece of artwork. Today's article will showcase some of the coolest designs that utilize textures and will also link you to some tutorials that will show you how to turn your website designs into a textured masterpiece :)
ตัวอย่างเว็บที่ใช้ texture background
Textures In Web Design: Examples And Best Practices | Spyre Studios - http://spyrestudios.com/textures-in-web-design/
100 Beeindruckende kostenlose Wordpress-Themes für 2009
http://www.drweb.de/magazin/100-kostenlose-wordpress-themes-2009/
100 Beeindruckende kostenlose Wordpress-Themes für 2009 | Downloads, Listen, Themes, Wordpress | Dr. Web Magazin - http://www.drweb.de/magazin/100-kostenlose-wordpress-themes-2009/
Schon wiederholt haben wir Listen mit exzellenten kostenlosen Wordpress-Themes zusammen gestellt, doch seitdem ist einige Zeit vergangen und die Weiterentwicklung von Wordpress hat riesige Fortschritte gemacht, ja sogar noch an Popularität gewonnen. Wir denken, dass es Zeit ist für ein Update dieser Liste und bieten unseren Lesern die besten kostenlosen Wordpress-Themes an. Im letzten Jahr wurde es immer schwieriger, qualitativ hochwertige kostenlose Wordpress-Themes zu finden, da mit der Einführung von Premium-Themes immer mehr Designer und Entwickler ihre Themes verkaufen (und das ist auch gut so - sie leisten großartige Arbeit). Davon einmal abgesehen findet sich viel Qualitätsarbeit und wir sind uns sicher, dass Sie von dieser Zusammenstellung von Wordpres-Themes für 2009 begeistert sein werden.
Schon wiederholt haben wir Listen mit exzellenten kostenlosen Wordpress-Themes zusammen gestellt, doch seitdem ist einige Zeit vergangen und die Weiterentwicklung von Wordpress hat riesige Fortschritte gemacht, ja sogar noch an Popularität gewonnen. Wir denken, dass
Beautiful Typographic Business Cards | Inspired Magazine
http://www.inspiredm.com/2010/01/21/beautiful-typographic-business-cards/
Design Instruct - Photoshop, Illustrator, design tutorials, tips & tricks.
http://designinstruct.com/
Design Instruct provides graphic design tutorials, tips, and tricks for designers, beginner to advanced.
Toxel.com » Modern and Creative Fireplace Designs
http://www.toxel.com/inspiration/2008/12/24/modern-and-creative-fireplace-designs/
creativas creativos diseños
31 Rare Wordpress Themes | TutZone
http://tutzone.net/2010/01/31-rare-wordpress-themes.html
20 Fonts Ideal for Big and Powerful Headings | Freebies
http://webdesignledger.com/freebies/20-fonts-ideal-for-big-and-powerful-headings
USA
13 Easy And Powerful Website Building Tools To Create Your Free Site @ SmashingApps
http://www.smashingapps.com/2010/01/25/13-easy-and-powerful-website-building-tools-to-create-your-free-site.html
This is one of the very best list of its kind where you can find about some best online website building tools available to create your free website. These free website building tools can help a lot to beginners who do not have technical knowledge but have interest in web design. These website building tools can be very helpful for you when you want to get your work done. I hope all of you will like this list if you are office worker, designer, developer, a manager, a supervisor, a student, a home user, etc. Most of them are not very well-known, but they are really amazing in respect to their features. This is the list of 13 Easy And Powerful Website Building Tools To Create Your Free Site. Just take a look at them and share your thoughts here.
E-commerce and website designs
The Principle of Proximity in Web Design | Webdesigner Depot
http://www.webdesignerdepot.com/2010/01/the-principle-of-proximity-in-web-design/
Proximity as it relates to web design. Wish there were more articles like this.
Recently I picked up an old design book that I hadn't touched in a while, and it reminded me of a design principle that many of us put into practice probably
Nicholas Felton | Feltron.com
http://feltron.com/index.php?/content/2009_annual_report/
A grapical poster representation of personal relations.
毎年カッチョイイビジュアライゼーション芸が楽しいNicholas Feltonさんの自分レポート2009年度版。
[img]http://feltron.com/images/uploads/ar09_01.jpg[/img]
Daring Fireball: The Tablet
http://daringfireball.net/2009/12/the_tablet
Here’s the thimbleful of information I have heard regarding The Tablet (none of which has changed in six months): The Tablet project is real, it has you-know-who’s considerable undivided attention, and everyone working on it has dropped off the map. I don’t know anyone who works at Apple who doubts these things; nor do I know anyone at Apple who knows a whit more. I don’t know anyone who’s seen the hardware or the software, nor even anyone who knows someone else who has seen the hardware or software.
Unhappy Hipsters
http://unhappyhipsters.tumblr.com/
"And one day, a ladder appeared. Julien climbed with guarded optimism; could this be the way out for which he’d been searching all these weeks?"
It's lonely in the modern world: http://j.mp/dxLDDc
Repurposed from Dwell magazine.
It's lonely in the modern world.
110+ CSS Gallery To Submit Your Web Design, Part 1
http://www.webdesignbooth.com/110-css-gallery-to-submit-your-web-design-part-1/
Career Evolution Store, a Work for Food project
http://www.workforfood.nu/store/
Love this. Home of the Career Evolution in Advertising
software programs and wokr heirarchy
+AMF+
http://www.abelmartinez.com/
+++
50 Tutorials to Cinema4D Mastery | Presidia Creative
http://www.presidiacreative.com/50-tutorials-to-cinema4d-mastery/
Headers and Footers that Grab You Coming and Going | Web Design Ledger
http://webdesignledger.com/inspiration/headers-and-footers-that-grab-you-coming-and-going
Stunning jQuery animations - Webexpedition18
http://webexpedition18.com/articles/stunning-jquery-animations/
Auto-Moving Parallax Background
http://css-tricks.com/auto-moving-parallax-background/
Auto-Moving Parallax Background | CSS-Tricks - http://css-tricks.com/auto-moving-parallax-background/
A while back I did a little demo on parallax backgrounds. As a quick review, parallax is that effect where there are different layers of backgrounds that all move at a different rate creating a very unique 3D effect (think Sonic the Hedgehog). In that original demo, the only way to see the parallax action take place was resize the browser window.
How to Make a CSS Sprite Powered Menu | Build Internet!
http://buildinternet.com/2010/01/how-to-make-a-css-sprite-powered-menu/
How to Make a CSS Sprite Powered Menu | Build Internet! - http://buildinternet.com/2010/01/how-to-make-a-css-sprite-powered-menu/
Tutorial de un menu on sprites
Web Design, Development, and Business
CSSスプライトを使ったナビゲーションメニュー作成サンプルとチュートリアル
15 Blogs for WordPress Designers and Developers to Follow – DesignM.ag
http://designm.ag/resources/blogs-for-wordpress-designers/
5 Examples of Beautiful Resume/CV Templates | Nettuts+
http://net.tutsplus.com/articles/web-roundups/5-examples-of-beautiful-resumecv-templates/
Awesome Resume/CV Templates!!!!
知っておきたい使えるCSSテクニック25 | CREAMU
http://blog.creamu.com/mt/2009/09/css25.html
リンククリック時の点線を消す FirefoxやIEではリンククリック時にテキストの周りに点線が表示されるが、それを消したい時に a:active, a:focus{ outline:none; }
IKEA says goodbye to Futura: idsgn (a design blog)
http://www.idsgn.org/posts/ikea-says-goodbye-to-futura/
"The 2010 IKEA catalog, now arriving at doorsteps around the world, reveals the company’s choice to change all typography to Verdana, the Microsoft font that every web designer has grown to hate (you can already hear the cries). Being one of the better looking ‘Core fonts for the web’—a limited selection which also includes Arial, Comic Sans, and Times New Roman—Verdana has become one of the most widely used fonts on the web (but rarely ever used in print). The font will replace IKEA Sans (a customized version of Futura by Robin Nicholas), and IKEA Serif (based on Century Schoolbook). In an interview with the Swedish design magazine Cap & Design, IKEA’s Ivana Hrdlickova says the main reason for the switch was to allow the company to use the same typeface in all countries (current IKEA typefaces do not contain Asian characters, for example). Being that Verdana was designed for the web, it also allows the company’s image to remain consistent online and in print."
Yikes. Via Tom Waddington
Color Theory for Designers, Part 1: The Meaning of Color - Smashing Magazine
http://www.smashingmagazine.com/2010/01/28/color-theory-for-designers-part-1-the-meaning-of-color/
Free and Commercial Script Fonts - Noupe
http://www.noupe.com/fonts/free-and-commercial-script-fonts.html
whitehouse.gov Website Code
http://dotnetperls.com/Content/whitehouse-gov-Site.aspx
Description. You want to read about the code structure of the new whitehouse.gov website on this historic Inauguration Day of the 44th president of the USA. The site is built on ASP.NET.
"The whitehouse.gov has a page weight of 821 KB and loaded in 1.58 seconds on my cable modem. This is around average for new and graphically-oriented sites." Say what??
The 101 Most Important Painters of all time
http://www.theartwolf.com/articles/most-important-painters.htm
Recycled CD iPhone Dock | Geeky Gadgets
http://www.geeky-gadgets.com/diy-recycled-cd-iphone-dock/
I wanted to make a dock for the iPhone from stuff I had lying around the house, but I also wanted to make sure that it would look cool sat on my desk whilst my iPhone was charging so I came up with the idea of using old CDs, you could also use DVDs as well.
15 Tips for Designing Terrific Tables | Design Shack
http://designshack.co.uk/articles/css/15-tips-for-designing-terrific-tables
Today we’ll take a look at several ways you can improve the functionality and aesthetics of your tables. One of the most common places we currently find tables online is on a web app’s pricing page so most of our examples will take this form, just keep in mind that these principles can apply to any type of informative grid (whether or not it’s actually a <table>).
A Roundup of 22 Cutting Edge PSD to HTML Tutorials - slodive
http://slodive.com/web-development/a-roundup-of-22-cutting-edge-psd-to-html-tutorials/
Desktop Wallpapers - wallbase.net
http://wallbase.net/
Great place to find desktop wallpapers
Really cool Wallpapers!!!
Better User Experience With Storytelling – Part One - Smashing Magazine
http://www.smashingmagazine.com/2010/01/29/better-user-experience-using-storytelling-part-one/
storytelling
100 Cereal Box Covers - from the aeron.
http://alanvalek.com/blog/2008/12/17/100-cereal-box-covers/
cereal box covers
Cool Tools: YourFonts
http://www.kk.org/cooltools/archives/003501.php
show rye
Make a font out of your handwriting for free
Free tool for making fonts from your handwriting or any other handwriting. There's also a paid version that allows further control, but the free version also seems to work well.
How Much Should You Charge for a Website? - CSS-Tricks
http://css-tricks.com/how-much-should-you-charge-for-a-website/
It is a little hard to talk hard numbers here since this will vary wildly from agency to agency, firm to firm, freelancer to freelancer. But let’s just throw some out there just for fun. $75 / hour. That’s a fair rate, I think, for a reasonably skillful freelance web designer.
This question was sent in by Tom Nowell. Tom said he was a university student and has been building websites for people lately. He says that he does it on
stevenf.com - I need to talk to you about computers. I’ve been...
http://stevenf.tumblr.com/post/359224392/i-need-to-talk-to-you-about-computers-ive-been
Excellent post on Old World computing vs New World computing. Love it.
Personal computing — having a computer in your house (or your pocket) — as a whole is young. As we know it today, it’s less than a half-century old. It’s younger than TV, younger than radio, younger than cars and airplanes, younger than quite a few living people in fact.
14 Useful CSS Editors for Web Developers and Designers
http://thedesignmag.com/14-useful-css-editors-for-web-developers-and-designers.html
Araneae
14 Useful CSS Editors for Web Developers and Designers
Excellent set of 14 CSS Editors for Developers and Web Designers browser based, open source css editor are some of the best CSS editors.
Innocent Invaders Photoshop Brushes Set | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2008/12/03/innocent-invaders-photoshop-brushes-set/
Graphics (JP)
10 Tips for Better Print Style Sheets | Webdesigner Depot
http://www.webdesignerdepot.com/2010/01/10-tips-for-better-print-style-sheets/
Very cool!
10 Tips for Better Print Style Sheets
Learn a Professional Workflow for Illustrating a Comic-Style Header Image - Vectortuts+
http://vector.tutsplus.com/tutorials/web-design/learn-a-professional-workflow-for-illustrating-a-comic-style-header-image/
Forgot about this. Go back and work this process into the design you are doing for Tony...
Use Excel as an Architectural Design Tool - Solutions by PC Magazine
http://www.pcmag.com/article2/0,2817,2349758,00.asp?kc=PCRSS03129TX1K0000625
http://d.hatena.ne.jp/riue/20090710/1247227463 July 10(Fri), 2009 ところ変われば品変わる - Excel 方眼紙CommentsAdd Star 21:04 Lifehacker 経由で知った PC Magazine の記事。Excel の列幅を 1、行の高さを 9 にすることによって方眼紙を作成するという Tips。 方眼紙といっても日本の「Excel 方眼紙」の目的で使うわけじゃない。この記事で取り上げられているのは、「この方眼紙を使ってフロアの模様替えの構想を練ったりするのはどうよ」というお話。「橋やショッピングモール」を造ったりするのでなければ…つまり、犬小屋の設計をする程度なら、この方眼紙で十分らしい。 「Excel grid paper」でググってみると、この手の「本当に方眼紙的に利用する」話はそこそこヒットする。意外と需要があるんだね。
Unhappy Hipsters
http://unhappyhipsters.com/
If you love modern design but you also have a great sense of humor, you'll love this new blog called Unhappy Hipsters. It's where they pair a modern decor pic with a funny caption. Eye-candy and some chuckles. Now that's just my cup of tea.
Trapped by the tawny palette, he struggled through yet another brown knit scarf.
プロユースにも耐えられるクオリティの高いフリーのフォント集 | コリス
http://coliss.com/articles/build-websites/operation/design/freebies-fonts-by-professional-designers.html
CR Blog » Blog Archive » Step into my cardboard office…
http://www.creativereview.co.uk/crblog/step-into-my-cardboard-office/
Step into my cardboard office…
CR Blog - news and views on visual communications from the writers of creative review
CR Blog » Blog Archive » Step into my cardboard officeâ¦
Escritório feito em reboard
Mozilla Community Store
http://communitystore.mozilla.org/
"cool mozilla t-shirts"
mozilla community - zazzle store
Daniel Baer
http://www.danielbaer.co.uk/
DANIEL BAER | ART DIRECTION & DESIGN - Multi-disciplinary design practice based in London for contemporary editorial, book, advertising and packaging design.
photograph work.. style?
25 Most Brilliant Photoshop Video Tutorials Part I | Naldz Graphics
http://naldzgraphics.net/tutorials/25-most-brilliant-photoshop-video-tutorials-part-i/
Fraser Speirs - Blog - Future Shock
http://speirs.org/blog/2010/1/29/future-shock.html
I'll have more to say on the iPad later but one can't help being struck by the volume and vehemence of apparently technologically sophisticated people inveighing against the iPad. Some are trying to dismiss these ravings by comparing them to certain comments made after the launch of the iPod in 2001: "No wireless. Les space than a Nomad. Lame.". I fear this January-26th thinking misses the point. What you're seeing in the industry's reaction to the iPad is nothing less than future shock.
I'm often saddened by the infantilising effect of high technology on adults. From being in control of their world, they're thrust back to a childish, mediaeval world in which gremlins appear to torment them and disappear at will and against which magic, spells, and the local witch doctor are their only refuges. With the iPhone OS as incarnated in the iPad, Apple proposes to do something about this, and I mean really do something about it instead of just talking about doing something about it, and the world is going mental.
"Secretly, I suspect, we technologists quite liked the idea that Normals would be dependent on us for our technological shamanism. ... "The Real Work is not formatting the margins, installing the printer driver, uploading the document, finishing the PowerPoint slides, running the software update or reinstalling the OS. "The Real Work is teaching the child, healing the patient, selling the house, logging the road defects, fixing the car at the roadside, capturing the table's order, designing the house and organising the party. "Think of the millions of hours of human effort spent on preventing and recovering from the problems caused by completely open computer systems. ... "If the iPad and its successor devices free these people to focus on what they do best, it will dramatically change people's perceptions of computing from something to fear to something to engage enthusiastically with."
dtcss - Google Code
http://code.google.com/p/dtcss/
good for dynamic css, can conditionally point to different php scripts. reduces editing time for multiple selectors.  good for maintaining!
DtCSS is a PHP script that preprocesses your CSS file. It speeds up CSS coding by extending the features to CSS. Such as nested selectors, color mixing and more. DtCSS reads the CSS file with special syntax written for DtCSS, and outputs the standard CSS. It also comes with a smart caching system.
Seems like an interesting idea. Wonder if it could be incorporated into EE...
Ask H&FJ | Hoefler & Frere-Jones
http://www.typography.com/ask/showBlog.php?blogID=153
On embroidery / cross-stitch patterns as input for digital designers, and oh yeah, coincidentally, the death of the pixel. Duh. I love this man.
On the Death and 441-Year Life of the Pixel blog image text The struggle to adequately render letterforms on a pixel grid is a familiar one, and an ancient one as well: this bitmap alphabet is from La Vera Perfettione del Disegno di varie sorte di ricami, an embroidery guide by Giovanni Ostaus published in 1567.
The struggle to adequately render letterforms on a pixel grid is a familiar one, and an ancient one as well: this bitmap alphabet is from La Vera Perfettione del Disegno di varie sorte di ricami, an embroidery guide by Giovanni Ostaus published in 1567.
SVA Dot Dot Dot Lectures: Jason Santa Maria on Vimeo
http://vimeo.com/4394152
jason santa maria on layouts for the interwebs
We all draw influence from somewhere. Whether it be from history, academia, industry, or whether we look to future trends. The work we do has been impressed, whether explicitly or implicitly, by the leadership or direction of others. Who were some of those influencers, and how are they present in our work?
Alex Payne — On the iPad
http://al3x.net/2010/01/28/ipad.html
28 Jan 2010. "The iPad is an attractive, thoughtfully designed, deeply cynical thing. It is a digital consumption machine."
The thing that bothers me most about the iPad is this: if I had an iPad rather than a real computer as a kid, I’d never be a programmer today. I’d never have had the ability to run whatever stupid, potentially harmful, hugely educational programs I could download or write.
For years, me and thousands of other techies have been wondering what comes after the Personal Computer as we’ve known it. Yesterday, in Apple’s iPad, we caught a glimpse. If I had to pick one predominant emotion in reaction, it would be “disturbed”. The iPad is an attractive, thoughtfully designed, deeply cynical thing. It is a digital consumption machine. As Tim Bray and Peter Kirn have pointed out, it’s a device that does little to enable creativity. As just one component of several in a person’s digital life, perhaps that’s acceptable. It seems clear, though, that the ambitions for the iPad are far greater than being a full-color Kindle. The tragedy of the iPad is that it truly seems to offer a better model of computing for many people – perhaps the majority of people. Gone are the confusing concepts and metaphors of the last thirty years of computing. Gone is the ability to endlessly tweak and twiddle towards no particular gain. The iPad is simple, straightforward, maintenance-f
Beverly Hsu
http://beverlyhsu.com/cookies.html
Helvetica Cookie Cutters!
Helvetica Cookies
Helvetica Cookie Cutters link: http://www.boingboing.net/2010/01/25/helveticookies.html
HOW TO: Build a More Beautiful Blog
http://mashable.com/2010/01/28/build-beautiful-blog/
Jason Zimdars | Portfolio | Thinkcage
http://www.thinkcage.com/portfolio/
50 Fantastic Typography Tutorials | 3D, Illustrator, Photoshop, Tutorials, Typographie | Dr. Web Magazin
http://www.drweb.de/magazin/50-fantastic-collections-of-typography-tutorials/
Tutoriales para tipografias varias.
- 3D, Illustrator, Photoshop, Tutorials, Typographie | Dr. Web Magazin
50 Fantastic Typography Tutorials | 3D, Illustrator, Photoshop
Freebie: Massive Web UI & Button Set » MediaLoot Blog
http://medialoot.com/blog/freebie-massive-web-ui-button-set/
By http://bit.ly/Tweets2Delicious
We’re excited to announce that the first of many MediaLoot freebies is finally here! This freebie is a very large web UI and button set that was designed by our very own Jon Phillips. From text boxes, to buttons, to drop-down menus, this set should have something useful for everyone. Oh, and it’s available in three different styles with over 7 colors. Read more for preview images, licensing information, and a link to download the set for yourself.
graphic designr » Multimedia toolkit: 55 sites you should know about
http://graphicdesignr.net/blog/2009/04/18/multimedia-toolkit-55-sites-you-should-know-about/
55 sites you should know about
Gute Liste mit Tools für Webworker, nicht nur für Designer
How To Design a Clean and Professional Resume / CV Website | Voosh Themes
http://www.vooshthemes.com/blog/design-tutorial/how-to-design-a-clean-and-professional-resume-cv-website/
Earlier in the week I released a new HTML template called Jamba which is a single page resume and CV template. In this post I'd like to show you how I designed the template in Photoshop (check out the Jamba features page and the live demo). Befo
How to design a resume. (for future referrence)
Earlier in the week I released a new HTML template called Jamba which is a single page resume and CV template. In this post I’d like to show you how I designed the template in Photoshop (check out the Jamba features page and the live demo). Before we get started though, let’s quickly cover what needs to be included in an online resume and CV design. There are a number of details that are obviously required such as your name, contact details (email and contact number), and ideally a warm and friendly photo of yourself. It’s also important to include other key areas such as the work experience you have, your academic background, any specific skills you’ve developed, and details of any other related achievements. You may want to include other things as well, but most resumes and CVs will include these sorts of details. Given that potential employers are likely to be very busy they’ll probably only have time to scan the page – so, to avoid irritating them, it’s important that the essent
50 of the most Stunning 3d Renders | Zhoogs top Lists
http://www.zhoog.com/2009/01/50-of-the-most-stunning-3d-renders/
master
Over the past couple of weeks I've been selecting these 3D renders from all over the internet. I personally think this turned out to be quite a nice selection.
Fotos impresionantes en 3D, casi realistas.
Digging Into E-Commerce Website Design: Overview, Best Practices and Examples | PV.M Garage
http://www.pvmgarage.com/en/2010/01/digging-into-e-commerce-website-design-overview-best-practices-and-examples/
E-Commerce Website Design
How to Create High Quality Metal 3D Text in Photoshop - PSDTUTS
http://psdtuts.com/tutorials/text-effects-tutorials/how-to-create-high-quality-metal-3d-text-in-photoshop/
3d metal test, great tutorial
Well Designed Mac App Websites
http://sixrevisions.com/design-showcase-inspiration/well-designed-mac-app-websites/
Well Designed Mac App Websites - http://sixrevisions.com/design-showcase-inspiration/well-designed-mac-app-websites/
디자인이 멋진 Mac App 사이트
You will find 30 alluring Mac app websites here that will hopefully cook up some inspiration and get some of those creative juices flowing.
tdreyno/iphone-style-checkboxes @ GitHub
http://tdreyno.github.com/iphone-style-checkboxes/
no/off jquri
github.com/tdreyno/iphone-style-checkboxes
SSW Rules to Better Interfaces
http://www.ssw.com.au/ssw/Standards/Rules/RulesToBetterInterfaces.aspx
Vector Social Media Icons
http://icondock.com/free/vector-social-media-icons
[webdesign][icon]
ベクターデータなので拡大・縮小も自由自在!ソーシャルメディアの無料アイコン集!
ソーシャルメディアのアイコン。ベクターデータ。
40 Beautiful Corporate Websites | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/corporate-websites/
Free picture and text effects template for PowerPoint 2007 - PowerPoint - Microsoft Office Online
http://office.microsoft.com/en-us/powerpoint/HA103380101033.aspx
11 Great Resources to Find Free Icons – DesignM.ag
http://designm.ag/resources/find-icons/
Having the right icons for a web design project can greatly enhance the end results. Finding the right icons, however, is not always an easy task. Fortunately, there are some sites that exist specifically to help people find the icons that they are looking for. If you find yourself looking for icons to use in your own work, try these resources.
50 Inspiring Portfolio Designs | Inspiration
http://webdesignledger.com/inspiration/50-inspiring-portfolio-designs
50 Inspiring Portfolio Designs
great examples of portfolio websites
50 Brilliant CSS3/JavaScript Coding Techniques - Smashing Magazine
http://www.smashingmagazine.com/2010/02/01/50-brilliant-css3-javascript-coding-techniques/
CSS3 is coming. Although the browser support of CSS 3 is still very limited, many designers across the globe experiment with new powerful features of the language, using graceful degradation for users with older browsers and using the new possibilites of CSS3 for users with modern browsers.
50 Brilliant CSS3/JavaScript Coding Techniques
Drupal Gardens | Get a Free Drupal 7 Site Here
http://www.drupalgardens.com/
Hosted Drupal
Launch a product, promote an event, engage a community - You can create socially smart websites and microsites that accelerate your business with Drupal Gardens.
An Explosion of Adobe Fireworks Resources - Noupe
http://www.noupe.com/design/an-explosion-of-adobe-fireworks-resources.html
Effects (or Live Filters) are a great way to enhance vector objects, text, and bitmaps. Check out some fantastic ways to add effects to your designs.
create vectors, design application interfaces, digital artwork, and create rapid prototypes of websites. Adobe Fireworks can also generate PDF’s, export CSS based layouts, and a variety of other features. However, Adobe Fireworks resources are not easy to find. Resources are scattered among many different websites, blogs, and forums. Since th
pile of links to resources and tutorials for fireworks
iPad GUI PSD | Teehan+Lax
http://www.teehanlax.com/blog/2010/02/01/ipad-gui-psd/
Now that Apple has officially released the iPad we want to start designing for it. While Apple's interface builder is great, it doesn't really allow us
iPad PSD
40 (NEW) & High Quality Icon Set For Elegant Designs | DevSnippets
http://devsnippets.com/article/40-new-high-quality-icon-set-for-elegant-designs.html
High Quality Icon Set
CSS3 & Flexible UI: Avoid Recutting UI Graphics for Mobile
http://blog.seanmartell.com/2009/04/21/css3-flexible-ui-avoid-recutting-ui-graphics-for-mobile/
pure css ui elements - buttons, input fields etc.
bordas com mais de uma cor, vários backgrounds em uma mesma div, bordas arredondadas
A Single Sheet of Paper | Photos and pics
http://www.picm.co.tv/2010/01/single-sheet-of-paper.html
Peter Callesen: My paper works have been based around an exploration of the relationship between two and three dimensionality. I find this materialization of a flat piece of paper into a 3D form almost a magic process - or maybe one could call it obvious magic, because the process is obvious and the figures still stick to their origin, without the possibility of escaping. In that sense there is also an aspect of something tragic in most of the cuts. Some of the small paper cuts relate to a universe of fairy tales and romanticism, as for instance Impenetrable Castle inspired by Hans Christian Andersen's fairy tale The Steadfast Tin Soldier, in which a tin soldier falls in love with a paper ballerina, living in a paper castle. Other paper cuts are small dramas in which small figures are lost within and threatened by the huge powerful nature. Others again are turning the inside out, or letting the front and the back of the paper meet - dealing with impossibility, illusions, and reflection
My paper works have been based around an exploration of the relationship between two and three dimensionality. I find this materialization of a flat piece of paper into a 3D form almost a magic process
Articles - Six things to keep in mind when designing a logo | iStockphoto.com
http://www.istockphoto.com/article_view.php?ID=721
So you fancy yourself a Paul Rand or Saul Bass and want to design some logos for iStock? Great! You've come to the right place! Logo design needs to begin with a great idea or concept, backed up with some jedi-like vector skills to bring it to life. In this article you'll find some design and technical tips to get you started and keep you on the right track. I've included some important things for you to think about as you are creating, as well as some reminders on how to keep your files technically sound for submission to avoid the dreaded "Subpar" rejection. Thought and planning are a huge part of Logo design: preparation is key. We've prepared a set of considerations here for any illustrators ready to plunge into Logos. Keep the following in mind during your planning and throughout the process. Please note: The 'good' versions of logo design seen below were each designed by some of our amazing logo contributors. They'd never dream of submitting anything like the 'bad' files you se
Things to keep in mind when designing a logo
Footerabulous Gallery of Footeristic Footers!!
http://www.footerama.com/
Gallery of inspirational Footers
ステキなフッターデザインのギャラリー
フッターのデザイン集
THEM THANGS
http://www.them-thangs.com/
Pages * About * News Archive * Friends & Enemies Latest News * BACK LIKE COOKED CRACK January 25th, 2010 We’re back!!!! Thank you soo much to everyone who contributed financially, morally, or otherwise. Read More » * THIS GALLERY OPENING January 25th, 2010 I have a piece in the upcoming group show at THIS Gallery in LA.. go check it out if you’re in town! http://thislosangeles.com/ * 7000 WORDS January 25th, 2010 I’m posting a photo a day for the next 7 days at 7000WORDS.. Good looks Dave. http://www.7000words.com/ * News archive » # Friends & Enemies * 7000 Words * Bodega * booooooom * Brunetti * Carlos Nunez * Glancy * Ignored Prayers * Maggiori * me * Nick Potash * Oh Snaps Carlos * Patta * Reserve * Revok * Simon Lekias * THIS gallery * Yuhzimi RSS Subscribe x Close Built by antonius™
RITUALISTIC ICONOGRAPHY
ignore the code » Designers are not Programmers
http://ignorethecode.net/blog/2009/03/10/designers-are-not-programmers/
Very interesting perspective.
There seems to be a growing sentiment that interaction designers, visual designers and UI designers need to know how to write code.
Do not force user experience designers to learn how to code.
30 Designers 1 Question - Where are you most inspired? | Gavin Elliott |
http://www.gavinelliott.co.uk/2009/06/30-designers-1-question-where-are-you-most-inspired/
In 99% of interviews with designers we will always get asked the same question! “Where do you get your inspiration from?” It crops up time and time again
Search Patterns: Design for Discovery
http://searchpatterns.org/
Search is among the most disruptive innovations of our time. It influences what we buy and where we go. It shapes how we learn and what we believe. This provocative and inspiring book explores design patterns that apply across the categories of web, e-commerce, enterprise, desktop, mobile, social, and real time search and discovery. Using colorful illustrations and examples, the authors bring modern information retrieval to life, covering such diverse topics as relevance ranking, faceted navigation, multi-touch, and mixed reality. Search Patterns challenges us to invent the future of discovery while serving as a practical guide to help us make search applications better today.
A sandbox of search design illustrations, including a pattern library for search and discovery.
Using colorful illustrations and examples, the authors bring modern information retrieval to life, covering such diverse topics as relevance ranking, faceted navigation, multi-touch, and mixed reality. Search Patterns challenges us to invent the future of discovery while serving as a practical guide to help us make search applications better today.
25 UI Inspiration and Design Pattern Resources - Speckyboy Design Magazine
http://speckyboy.com/2010/02/01/25-ui-inspiration-and-design-pattern-resources/
Are your fresh design ideas no longer fresh or are you a designer who continually re-uses the same old and trusted design patterns that have followed you for many a year? Or, you might just be a UI designer that is stuck in a rut? If you are looking to change all that, then this is the post for you.
WordPress theming for beginners, an introduction | Design Reviver
http://designreviver.com/uncategorized/wordpress-theming-for-beginners-an-introduction/
WordPress theming for beginners, an introduction | Design Reviver - http://designreviver.com/uncategorized/wordpress-theming-for-beginners-an-introduction/
20 Different and Beautiful Icon Sets | Freebies
http://webdesignledger.com/freebies/20-different-and-beautiful-icon-sets
Web Design Ledger
inspirational
We are accustomed to seeing icons as bright and glossy bundles of pixel perfection, but this typical style of icon doesn’t always work for all styles of web design. For instance, grungey designs need icons to be a little dirty. While icons on a hand drawn style site should have line marks or brush strokes. In this article, we’ve rounded up 20 icon sets that break the mould of the typical icon. Here you will see icons that make use of painted brush strokes, sketchy line work, and grungy textures.
Color Theory For Designers, Part 2: Understanding Concepts And Terminology - Smashing Magazine
http://www.smashingmagazine.com/2010/02/02/color-theory-for-designers-part-2-understanding-concepts-and-terminology/
http://www.smashingmagazine.com/2010/01/28/color-theory-for-designers-part-1-the-meaning-of-color/
フリーの細字フォントいろいろ - かちびと.net
http://kachibito.net/web-design/free-17-thin-font.html
NICE Thin fonts
30 Websites with Lovely Layout and Typography
http://www.thedesigncubicle.com/2010/01/30-websites-with-lovely-layout-and-typography/?utm_source=subscriber&utm_medium=rss&utm_campaign=rss
If you are new to TDC and didn’t know — well lets just say I love me some good ol’ typography — I come from a traditional print design background where layout and typefaces were used more flexibly. With (more) recent advances in web technologies and real font integration services, such as Typekit, the web has definitely become a more beautiful and interesting place aesthetically.
30 Websites with Lovely Layout and Typography - http://www.thedesigncubicle.com/2010/01/30-websites-with-lovely-layout-and-typography/?utm_source=subscriber&utm_medium=rss&utm_campaign=rss
20 Years of Adobe Photoshop | Webdesigner Depot
http://www.webdesignerdepot.com/2010/02/20-years-of-adobe-photoshop/
informational
I started using this with version 2.0. Some things never change.
Information is beautiful: 30 examples of creative infography
http://www.designer-daily.com/information-is-beautiful-30-examples-of-creative-infography-5538
Unfortunatly I never had the opportunity to do client work on an infography, but it seems to be one of the most challenging task for a graphic designer. The perfect infography must synthetize complex information in a simple visual representation, which is not easy. The following examples take information architecture to another level by making it beautiful.
Stunning Infographics and Data Visualization - Noupe
http://www.noupe.com/inspiration/stunning-infographics-and-data-visualization.html
Photoshop Basics - Tutorial9
http://www.tutorial9.net/category/photoshop/photoshop-basics/
The Most Creative 50 Wordpress Themes of 2009 | Inspired Magazine
http://www.inspiredm.com/2010/01/03/best-wordpress-themes-2009/
The Most Creative 50 Wordpress Themes of 2009 | Inspired Magazine
Life Below 600px | I Am Paddy
http://iampaddy.com/lifebelow600/
Interesting article about the fold
Insight on designing websites 'below the fold'.
CUTE, AND HE'S RIGHT, I WILL SCROLL, BUT ONLY SO FAR (try to paginate me and I'll get pissed off and leave instantly)
MOONGIFT: » jQueryでその場で入力チェックを行う「jQuery Inline Form Validation Engine」:オープンソースを毎日紹介
http://www.moongift.jp/2009/06/jquery_inline_form_validation_engine/
フォームの入力チェック by jQuery。分かりやすくていいカンジ。
動的なフォーム生成でも柔軟に対応できるくらいシンプルな入力チェックライブラリがjQuery Inline Form Validation Engineだ。
Aligning Images The Right Way Using CSS | Devlounge
http://www.devlounge.net/design/aligning-images-the-right-way-using-css
KATHERINE TYLER- This is good if you are having trouble placing your images where you want them to go with CSS.
Mouse pointer track on Flickr - Photo Sharing!
http://www.flickr.com/photos/anatoliy_zenkov/4271592658/
This is my java applet. You can take it here: dl.dropbox.com/u/684632/mousepath.exe.zip (PC) dl.dropbox.com/u/684632/mousepath.jar (Mac). Run it and leave in background. "S" - save image. "R" - restart.
Mouse pointer track after 3 hours of working in Photoshop. Black circles are pointer stops (not clicks).
Neat little piece of technology that tracks where you've been clicking, where your mouse was when you went out for a ciggie or a coffee break.
Mouse pointer track by Anatoly Zenkov. Mouse pointer track after 3 hours of working in Photoshop. Black circles are pointer stops (not clicks). This photo has notes. Move your mouse over the photo to see them. Comments view profile jonobr1 Pro User says:
awesome, and the comments include a link to the java app which you can download to track your own mouse movements
How to Create Creativity
http://sixrevisions.com/creativity/how-to-create-creativity/
teaching for creativity
What to Expect in 2010: UX/UI Design Simplicity
http://www.webdesignerwall.com/trends/what-to-expect-in-2010-uxui-design-simplicity/
The change we have been waiting for has come - our users have matured. 2010 is the year of Design Simplicity.
プロレベルのPhotoshopチュートリアル集:phpspot開発日誌
http://phpspot.org/blog/archives/2008/11/photoshop_108.html
色んなデザイン手法
Fasion Shot とか Silhouettes and Gradients とか Miodern Art とか試したい
30 Websites To Download Free Stock Photos
http://www.webdesignbooth.com/30-websites-to-download-free-stock-photos/
30 Websites To Download Free Stock Photos
30 sitios para descargar fotos gratuitas
30+ Must Have Photoshop Actions For Photo Touch-Ups | Onextrapixel - Showcasing Web Treats Without Hitch
http://www.onextrapixel.com/2010/01/20/30-must-have-photoshop-actions-for-photo-touch-ups/
30+ Must Have Photoshop Actions For Photo Touch-Ups | Onextrapixel - Showcasing Web Treats Without Hitch - http://www.onextrapixel.com/2010/01/20/30-must-have-photoshop-actions-for-photo-touch-ups/
Photoshop action is an amazing tool because it allows you to apply consistently, the same effect on all the images.Here's 30+ Photoshop actions for you to try out.
Say goodbye to repetitive tasks in Photoshop with the assistance of Photoshop actions! Photoshop actions are recorded steps that can be set to play on all the images in any given folder. This will help you save lots of time. It is an amazing tool because it allows you to apply consistently, the same effect on all the images in the folder. Using actions also allows you to learn new Photoshop features, colouring techniques and effects for your creative projects.
170+ Excellent Fresh Logos Inspirational Showcase | tripwire magazine
http://www.tripwiremagazine.com/2009/12/170-excellent-fresh-logos-inspirational-showcase.html
170+ Excellent Fresh Logos
Great logo examples
47 Amazing CSS3 Animation Demos
http://www.webdesignerwall.com/trends/47-amazing-css3-animation-demos/
By http://bit.ly/Tweets2Delicious
zomigi.com » 70+ essential resources for creating liquid and elastic layouts
http://zomigi.com/blog/essential-resources-for-creating-liquid-and-elastic-layouts/
CSS Design: 70+ essential resources for creating liquid and elastic layouts
Pranav Mistry: The thrilling potential of SixthSense technology | Video on TED.com
http://www.ted.com/talks/lang/eng/pranav_mistry_the_thrilling_potential_of_sixthsense_technology.html
SixthSense technology | Video on TED.com
Use CSS Sprites to Beautify your WordPress Post Dates
http://www.wpbeginner.com/wp-themes/use-css-sprites-to-beautify-your-wordpress-post-dates/
More examples of CSS sprite implementation
Ever wonder how to super style your blog’s post date? I am going to show you how to do this using CSS sprites in about 18 minutes.
Featured Mobile App Makers | TheyMakeApps.com - Home of the Finest Mobile App Makers
http://theymakeapps.com/
Home of the Finest Mobile App Makers
Online directory of iPhone Application Makers
How to Grow as a Web Designer | Webdesigner Depot
http://www.webdesignerdepot.com/2010/02/how-to-grow-as-a-web-designer/
The field of web design is constantly changing and growing. Getting in a rut is often the result of not staying up to date with the latest trends and technologies in the industry. Even if we do stay up to date, many of us at one time or another feel anxious about whether we’re advancing. If you’re at a firm, you may be working towards a raise or promotion, or perhaps you’re thinking of jumping ship to a bigger and better company. For the freelancers out there, we of course determine our own destiny; but far too often our careers feel stagnant, too. This article goes over some ways to reignite your growth as a web designer.
How to Grow as a Web Designer | Webdesigner Depot - http://www.webdesignerdepot.com/2010/02/how-to-grow-as-a-web-designer/
รักษาโลก โลกสีเขียว
Everything You Need to Know About Image Compression - Noupe
http://www.noupe.com/design/everything-you-need-to-know-about-image-compression.html
How to Make Money as a Freelance Designer | Design Shack
http://designshack.co.uk/articles/business-articles/how-to-make-money-as-a-freelance-designer
Kinekt Design
http://kinektdesign.com/products.php
cool gear ring
<grelli> http://kinektdesign.com/products.php
LumaLabs - Welcome
http://www.luma-labs.com/
Camera strap
The Loop is a camera sling, an adaptation of the kinds of slings that infantry soldiers have long used to carry their rifles. It's not the first camera sling on the market. Our implementation, however, offers a minimal design that emphasizes comfort and flexibility within a minimal aesthetic. Nothing is included that isn't essential.
Nice product, nice product website.
Slick camera strap from Luma Labs.
Luma Loop camera strap (like a y-strap only it looks better made)
An Awesome CSS3 Lightbox Gallery With jQuery | Tutorialzine demo
http://demo.tutorialzine.com/2009/11/hovering-gallery-css3-jquery/demo.php
An Awesome CSS3 Lightbox Gallery Drag the pics around to share them
A Look into Registration Buttons in Web Design
http://sixrevisions.com/web_design/a-look-into-registration-buttons-in-web-design/
button Design
Sites with user registration want to grab every visitor who goes their website. They list their website in every popular search engine, use advertising in other websites, work with bloggers to help promote their products, enlist the help of usability experts and go through great lengths to get noticed.
A Look into Registration Buttons in Web Design
A Showcase of Minimalist Workstations | Webdesigner Depot
http://www.webdesignerdepot.com/2010/02/a-showcase-of-minimalist-workstations/
No matter what your personal work style, an uncluttered and attractive workspace will improve the quality and efficiency of your work. Getting rid of paper, digitizing your business cards, minimizing your office supplies are just some of the measures you can take to declutter your workspace and redesign your work life. Working in an aesthetically pleasing and minimalist workspace enhances your creativity and focus. Eliminate anything you don’t need, and you’ll have less of a visual distraction. We have enough online distractions; shouldn’t we be limiting the physical ones as well? The minimalist zen like work spaces that we’ve collected below can inspire you to create a clean design for your environment that meshes with the beautiful work that you do online.
7 Tools You Should Be Using For Better Web Designs
http://sixrevisions.com/web_design/7-tools-you-should-be-using-for-better-web-designs/
7 Good UI design tools, and testing
Google design: The kids are alright « fox @ fury
http://fury.com/2009/03/google-design-the-kids-are-alright/
Doug Bowman leaves Google: Comment
another ex-designer from google, a more tempered view of the politics
g heavily on the Google design process which, as he puts it, frequently puts data-driven design ahead of expert opinion.
Dear Google engineers and PMs: […] Please keep in mind that everyone has opinions on design, and that your UX professional has devoted years of their life to learning to separate their subjective opinions from their objective understanding about how the larger audience will interpret an interface.
Kevin Fox responds to Douglas Bowman's post regarding his reasons for leaving Google.
The Principle of Contrast in Web Design | Tips
http://webdesignledger.com/tips/the-principle-of-contrast-in-web-design
The Principle of Contrast in Web Design | Tips - http://webdesignledger.com/tips/the-principle-of-contrast-in-web-design
原研哉氏トークイベント採録(1/5) | くらしの良品研究所 | 無印良品
http://www.muji.net/lab/report/100203/
シンプルではなくエンプティネス。
Revised Font Stack | A Way Back
http://www.awayback.com/revised-font-stack/
‘Serious efforts are being made to get more typeface choices on the web to enhance web typography. Still, most of us prefer web-safe fonts like: Verdana, Georgia, Times New Roman and Arial. Though choices are limited, yet the number can be increased by exploring other pre-installed fonts’.
10 Big Time-Saving Tools for Web Designers
http://www.sitepoint.com/blogs/2010/02/02/10-big-time-saving-tools-for-web-designers/
SitePoint Blogs: News, opinion, and fresh thinking for web developers and designers
10 Big Time-Saving Tools for Web Designers
CSS text-indent: An Excellent Trick To Style Your HTML Form | AEXT.NET
http://aext.net/2010/02/css-text-indent-style-your-html-form/
this looks useful
CSS text-indent: An Excellent Trick To Style Your HTML Form | AEXT.NET
styling add inline label to form element
You probably know what the text-indent property does in CSS. It's a common CSS property allowing webmasters to indent paragraphs and hide text for image-based links. Text-indent does this great; however, it doesn't just hide and indent text. It does more.
CSS Rounded Corners In All Browsers (With No Images) | Jon Raasch's Blog
http://jonraasch.com/blog/css-rounded-corners-in-all-browsers
software - xml - s-exp vs XML | cat -v harmful stuff
http://harmful.cat-v.org/software/xml/s-exp_vs_XML
Erik Naggum on XML
"Robbery is not just another way of making a living, rape is not just another way of satisfying basic human needs, torture is not just another way of interrogation. And XML is not just another way of writing S-exps. "
Social Bookmarking Menu - Revisited | Eight7Teen
http://eight7teen.com/freebies/social-bookmarking-menu-revisited
icone interessant (et plugin WordPress) pour le futur theme
A good looking XHTML-CSS social bookmarking menu that can be used for promoting the content. The menu (created from an unordered list) simply hides a portion of the social bookmaring icons & displays them when hovered.
iPad UI Conventions - a set on Flickr
http://www.flickr.com/photos/fraserspeirs/sets/72157623224262135/
hehe, my first bookmark tagged with iPad (not the last I think)
50 Free UI and Web Design Wireframing Kits, Resources and Source Files - Smashing Magazine
http://www.smashingmagazine.com/2010/02/05/50-free-ui-and-web-design-wireframing-kits-resources-and-source-files/
Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers:
A Showcase of Website Navigations with Serious Click Appeal | Inspiration
http://webdesignledger.com/inspiration/a-showcase-of-website-navigations-with-serious-click-appeal
How To: Create Or Convert Website Into Mobile Format | How-To | PelFusion.com
http://pelfusion.com/know-how/how-to-create-or-convert-website-into-mobile-format/
How To: Create Or Convert Website Into Mobile Format
Super Cool & Creative Business Cards | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/super-cool-creative-business-cards
Super Cool & Creative Busin
RT: @9lessons: Super cool business cards http://bit.ly/douUA [from http://twitter.com/jorestes/statuses/3139811146]
Big Websites Start Small
http://www.rosshill.com.au/article/big-websites-start-small/
It is easy to forget that the big popular sites were once small too. The first version of Digg cost $200 to build and launch. After Kevin Rose came up with the idea back in 2004 he found Owen Byrne through eLance to develop the idea. He was paying $99/month for webhosting and got the domain name for $1,200. A few months later he launched the site with an announcement on his blog. This is what it looked like.
サービスは最低限で始めてよし
CSS3 Techniques You Should Know
http://sixrevisions.com/css/css3-techniques-you-should-know/
Many of you have probably heard all the buzz around CSS3, but exactly which techniques can we use today? In this article I’ll show you some different CSS3 techniques that work great in some of the leading browsers (i.e. Firefox, Chrome, Safari, Opera ), and how they will degrade well in the non-supported browsers (i.e. Internet Explorer). Using browser specific extensions, many of the proposed CSS3 styles can be used today!
超カッコイイ! 空中に文字が浮かび上がるiPhoneのアプリ「Light-Writer」 : Gizmodo Japan(ギズモード・ジャパン), ガジェット情報満載ブログ
http://www.gizmodo.jp/2009/03/iphonelightwriter.html
Forget About Photoshop: 5 More Ways to Stop Using Images in Your Designs - Cherrysave
http://www.cherrysave.com/web-design/forget-about-photoshop-stop-using-images/
Bargain Basement Usability Testing | Think Vitamin
http://thinkvitamin.com/features/bargain-basement-usability-testing/
If you think user testing is time consuming and expensive, ThinkVitamin.com will change your mind with their article on cheap, effective testing, allowing you to get back to designing for your audience.
Quotes from Steve Krug and Jakob Neilsen
31 Color Resources Every Designer Should Know | Mogdesign
http://mogdesign.eu/blog/31-color-resources-every-designer-should-know/
In this post I will look at most useful, mostly online tools, that can help you to avoid the mistake that many people do and to chose colors for your projects wisely and with confidence.
Clickteam.com - Creative Tools for the Creative Age
http://www.clickteam.com/eng/tgf2.php
The Games Factory provides everything you need to manufacture Arcade games, Platform games, Adventures, Screen Savers, and much, much, more. You simply click on an object, drag it to the play field, and click on the action it should perform. We supply all the heroes, monsters, powerups, and other objects you need, plus the sound and music for your games. Of course, you can easily add your own, custom items if you choose.
A great programming software program for kids
[JS]ホバー時に光源が移動するエフェクトがかっこいいスクリプト | コリス
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-button-like-windows7.html
要jQuery
これはかっこいいな!
Herman Miller Embody Review: The Best Chair We've Ever Sat On
http://gizmodo.com/5071571/herman-miller-embody-review-the-best-chair-weve-ever-sat-on
$1600
リッチで使いやすいUIを作成するためのjQueryライブラリ&サンプル集:phpspot開発日誌
http://phpspot.org/blog/archives/2009/01/jquery_9.html
** Posted using Viigo: Mobile RSS, Sports, Current Events and more **
リッチで使いやすいUIを作成するためのjQueryライブラリ&サンプル集。 JSフレームワークはもうjQueryの時代だと言わんばかりの豊富かつ有用なサンプルが多数掲載されています。
How to Dissasemble a Free WordPress Theme Part 1 | Blog design Blog for Blog Designers
http://www.blogdesignblog.com/blog-design/how-to-dissasemble-a-free-wordpress-theme-part-1/
How to Dissasemble a Free WordPress Theme Part 1 | Blog design Blog for Blog Designers - http://www.blogdesignblog.com/blog-design/how-to-dissasemble-a-free-wordpress-theme-part-1/
11 Common Web Design Mistakes (Blunders) | Web 2.0
http://www.hongkiat.com/blog/11-common-mistakes-blunders-in-web-design/
Creating a website can be challenging but the hardest part lies in making it usable. The problem is the majority of web designers forget that the website wasn’t created for themselves but to solve the users’ needs.
Vans and the places where they were.
http://californiavans.arloartists.com/portfolios/22211-view-images
The goal of the project is to one day shoot the last remaining van on the final frame of photographic film in existence. Then the project will be finished.
The Posse Foundation
http://www.possefoundation.org/
organized, clean, good use of white space, two distinctive yet subtle (not overpowering) colors, good use of typography.
Launch Your Line
http://www.launchyourline.com/
Launch your line is a platform where you can launch your clothing line, fashion line, fragrance line, footware line, sports line. Anything you wish.
<blockquote> <font color="#595959" size="2" face="Arial">Step 4: Manage your line via the dashboard.</font></strong></td> <td rowspan="2" valign="top" width="47%"><img alt="" src="_layouts/images/Guide_4.jpg" border="1"></td> </tr> <tr> <td width="51%"> <p>From the Dashboard, you can complete every task necessary to launch your line. You can also make it as simple or as complex as you wish… your Dashboard is customized for your needs. Using the Dashboard, you have complete control of all aspects of your business. From your Dashboard you can:</font></p> <ul style="margin-top: 0in; margin-bottom: 0in;" type="disc"> <li>Find a manufacturer</font> </li> <li>Create packaging</font> </li> <li>Create a business entity</font> </li> <li>Create a corporate identity</font> </li> <li>Order affordable graphic design</font> </li> <li>Create a website</font> </li> <li>Create a prototype of your product</font> </li> <li>Find buyers for your line</font> </li> <li>And more!</font> </blockquote>
10 SEO Techniques All Top Web Sites Should Use | Freelance Folder
http://freelancefolder.com/10-top-seo-techniques/#comments
For one — it’s an extra click to get into your content. Worse is when you don’t give a “skip intro” option or set of links into your main site content — because you’re essentially forcing your visitors to sit through the full animation. If you’re lucky, this will only annoy them… if not — they’ll just leave without giving your main web site a shot. And without an html link pointing into your site, the search engines have no way to continue either (unless you made use of a sitemap.xml file — but still…)
RT @imjustcreative 10 SEO Techniques All Top Web Sites Should Use | Freelance Folder (http://ping.fm/YL3iU) [from http://twitter.com/KohliConsulting/statuses/1180654495]
10 Alternative Uses for WordPress | Powerusers
http://nikhilmisal.com/2010/02/06/10-alternative-uses-for-wordpress/
10 Alternative Uses for WordPress
WRANGLER BLUE BELL SPRING/SUMMER 2010
http://eu.wrangler.com/bluebell/#/collection
hot!
tahání myší
Кто сказал, что реклама это плохо?! Нет, она может быть такой.
sweet interaction
Beautiful Motion Graphics Created With Programming: Showcase, Tools and Tutorials - Smashing Magazine
http://www.smashingmagazine.com/2010/02/06/beautiful-motion-graphics-created-with-programming-showcase-tools-and-tutorials/
プログラム制御のモーショングラフィックス
15 Design Tips to Learn From Apple | Design Shack
http://designshack.co.uk/articles/inspiration/15-design-tips-to-learn-from-apple
15 Design Tips to Learn From Apple
10 Things Clients Look For In a Design Portfolio - Noupe
http://www.noupe.com/design/10-things-clients-look-for-in-a-design-portfolio.html
By Thursday Bram There's no formula for a perfect portfolio. There's no format that's guaranteed to land you clients, as long as you follow it. However, there are...
Fontspring | Desktop and @font-face fonts
http://www.fontspring.com/
Six Useful Tips for Web Designers and Developers | Think Vitamin
http://thinkvitamin.com/dev/six-useful-tips-for-web-designers-and-developers/
Check this out for tonight.
The 6 Free Softwares For Designers That Are Absolutely Useful @ SmashingApps
http://www.smashingapps.com/2009/04/19/the-6-free-softwares-for-designers-that-are-absolutely-useful.html
6 Free Softwares For Designers That Are Absolutely Useful @ SmashingApps - http://www.smashingapps.com/2009/04/19/the-6-free-softwares-for-designers-that-are-absolutely-useful.html
Opensource, Free and Usefull Online Resources for Designers and Developers
Multiple Backgrounds and CSS Gradients - Snook.ca
http://snook.ca/archives/html_and_css/multiple-bg-css-gradients
Multiple Backgrounds and CSS Gradients - Snook.ca - http://snook.ca/archives/html_and_css/multiple-bg-css-gradients
10 Stunning Examples of jQuery Animations
http://www.queness.com/post/1942/10-stunning-examples-of-jquery-animations
10 Stunning Examples of jQuery Animations
Guidelines, Tools and Resources For Web Wireframing | W3Avenue
http://www.w3avenue.com/2010/02/03/guidelines-tools-and-resources-for-web-wireframing/
50 MySpace Music Layouts That Rock
http://mashable.com/2008/12/01/myspace-layouts/
Choosing The Best CSS Framework: A Complete Guide | DevSnippets
http://devsnippets.com/article/complete-guide-to-css-frameworks.html
Choosing The Best CSS Framework: A Complete Guide | DevSnippets | HTML 5
of reasons to use a CSS Fr
Color Theory for Designer, Part 3: Creating Your Own Color Palettes - Smashing Magazine
http://www.smashingmagazine.com/2010/02/08/color-theory-for-designer-part-3-creating-your-own-color-palettes/
Teoria da cor parte 3
50 Inspiring iPhone Application Websites | Inspiration
http://webdesignledger.com/inspiration/50-inspiring-iphone-application-websites
100+ Best Free Premium Wordpress Themes of Jan 2010 Design
http://tech18.com/100-best-free-premium-wordpress-themes-of-jan-2010-1892.html
a couple of good ones in here
Welcome back to Tech18 , once again i have come up with some best free premium Wordpress themes of January 2010 . These free themes have all the features of a premium theme . Previous month i had come up with 50+ Best Free Premium Wordpress Themes of Dec 2009 , so after a very nice response i thought let me once again filter out some free premium themes for January 2010 . The following are the features of these themes [ Some are optional ;) ] * Adsense Ready * Magazine Style * Twitter Ready * Ads Ready * Widget Ready * Content Slider * Customized Breadcrumb * Analytics Integration * Ajax Menu…….many more :) :) :) * 1. Fresh Brown Wordpress Theme freshbrown screenshot 100+ Best Free Premium Wordpress Themes of Jan 2010 Demo | Download * 2. Dream Sky Wordpress Theme screen dream 100+ Best Free Premium Wordpress Themes of Jan 2010 Demo | Download * 3. FutuVibe Wordpress Theme content friendly wordpress theme fu
Google App Engineを使って無料でサイトを立ち上げる方法 - EC studio 技術ブログ
http://techblog.ecstudio.jp/tech-tips/freewebsite-with-google-app-engine.html
30 AJAX Tutorials For Smart Web Developers | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/tutorials/ajax-tutorials-smart-web-developers/
HTMLで図まで描ける!進化した「HTML5」ってどんなもの? - はてなブックマークニュース
http://b.hatena.ne.jp/articles/201002/795
2010年2月現在のまとめ
HTML5の情報まとめ
100+ Resources for WordPress Theme Developers – DesignM.ag
http://designm.ag/resources/wordpress-theme-developers/
One of the great things about working with WordPress and developing your own themes is the community and all of the resources that are available. If you’re not sure how to do something or looking to see what solutions other theme designers and developers are using, you can find plenty of infomation and tutorials to help.
How to Drastically Improve Your Designs | Design Informer
http://designinformer.com/how-to-drastically-improve-your-designs/
This post covers the concept of design and what is a graphic designer. It will also give you six excellent tips on how you can drastically improve your designs.
Design is everywhere. We see it in on billboards as we drive down the street. When we go to a restaurant and look at the menus, we see it. When we sit down on our couch and watch television, it’s visible on the commercials, advertisements, and even the movies and TV shows. It is all around us and it stimulates and motivates much of our decisions subconsciously every day. The encyclopedia refers to graphic design as, “the process of communicating visually using text and images to present information. Graphic design practice embraces a range of cognitive skills, aesthetics and crafts, including typography, visual arts and page layout. Like other forms of design, graphic design often refers to both the process (designing) by which the communication is created and the products (designs) which are generated.” Toothpaste What is design? What is design? To design is much more than assembling, ordering, or editing. To design is to add value and meaning to something, whether it be a men
http://news.ycombinator.com/item?id=1111257
Good Girl Art Vintage Paperbacks
http://www.goodgirlart.com/
Good Girl Art, usually shortened to GGA, is the term that describes certain types of Vintage Art, and specifically Paperback Cover Art. Richard Lupoff in his The Great American Paperback defines it as "A cover illustration depicting an attractive young woman, usually in skimpy or form-fitting clothing, and designed for (mild erotic interest). The term does not apply to the morality of the 'good girl', who is often a gun moll, tough cookie, or wicked temptress." The GGA designation seems to have originated with comic books and is usually applied to attractive sexy young women who are either in peril or are perpetrating the peril like my favorite gun moll on the right. So it is often politically incorrect but can also be empowering when at the right end of a gun. There are two Galleries where you will see some of my favorite GGA covers from early Paperbacks and Pulps. You can go directly to Gallery 1 or Gallery 2, or go to the Table of Contents, to see what is here. For those of you who
Good Girl Art, usually shortened to GGA, is the term that describes certain types of Vintage Art, and specifically Paperback Cover Art. Richard Lupoff in his The Great American Paperback defines it as "A cover illustration depicting an attractive young woman, usually in skimpy or form-fitting clothing, and designed for (mild erotic interest). The term does not apply to the morality of the 'good girl', who is often a gun moll, tough cookie, or wicked temptress."
QuirksBlog: The iPhone obsession
http://www.quirksmode.org/blog/archives/2010/02/the_iphone_obse.html
mobile development opinion
Points made, but terribly incomplete.
The Ultimate Website Prelaunch Checklist « Boagworld
http://boagworld.com/business-strategy/pre-launch-checklist
The Ultimate Website Prelaunch Checklist
33 New High Quality Adobe Illustrator Tutorials | Naldz Graphics
http://naldzgraphics.net/tutorials/33-new-high-quality-adobe-illustrator-tutorials/
Learning is, of course, a continuous process and it is important that we don't let our skills be stagnant. Hence, we need change and improvement... To stand by this proclamation, we give you another post on illustrator tutorials but with different techniques and outcome. This post differs from the numerous tutorials in Illustrator that we have posted in this site, because not only does they provide useful information, but they are entertaining as well. We are proud to present 33 New High Quality Adobe Illustrator Tutorials for illustrator users from every level. May you be a beginner or a professional, this post will be beneficial to all. Have fun reading through this post and let us know what's on your mind... Enjoy!!!
DesignGuide.com, a comprehensive and efficient research, communication and advertising platform for the building & design industry.
http://www.designguide.com/
a comprehensive and efficient research, communication and advertising platform for the building & design industry.
Received this from Frances as a design reference.
"Designguide.com is a comprehensive and efficient research, communication and advertising platform for the building & design industry."
Create a Grungy, Translucent Web Portfolio Design | Psdtuts+
http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-grungy-translucent-web-portfolio-design/
Fonts tagged ‘free’ « MyFonts
http://new.myfonts.com/tags/free/
Find, try, buy and download fonts from the world's largest collection of fonts online.
52Framework - first ever html5 and css3 framework
http://52framework.com/
Framework para HTML5 y CSS3
Uniform - Sexy forms with jQuery
http://pixelmatrixdesign.com/uniform/
Style checkboxes, drop down menus, radio buttons, and file upload inputs
Have you ever wished you could style checkboxes, drop down menus, radio buttons, and file upload inputs? Ever wished you could control the look and feel of your form elements between all browsers?
(via http://matthewbuchanan.name/)
Applying Mathematics To Web Design - Smashing Magazine
http://www.smashingmagazine.com/2010/02/09/applying-mathematics-to-web-design/
“Mathematics is beautiful.” This may sound absurd to people who wince at numbers and equations. But some of the most beautiful things in nature and our universe...
by @SmashingMag
"Layouts featured in this post were created specifically for the purpose of this article. During the design process we made sure that all of the designs shown in this article are essentially mathematical in nature; that is, they exhibit order, symmetry and limitation. We also have followed the Web design algorithm in this process — the designs have distinct themes, styles and elements. To keep things simple and clear, we tried to stick to minimalist designs and also preferred single-page layouts. Obviously, examples in this article are supposed to serve as a simple foundation for your designs and not as the finished designs."
70+ of the Best Free Fonts for Graphic Designers.- unstage
http://www.unstage.com/2010/02/70-of-the-best-free-fonts-for-graphic-designers/
A Quick Look at Mobile Web Designs
http://sixrevisions.com/user-interface/a-quick-look-at-mobile-web-designs/
Designing for the mobile web is not the same as designing for the traditional web, and though as an industry we're just learning as we go, we have to learn to adapt quickly to these new demands. Let's take a quick look at some concepts to keep in mind when designing for the mobile web.
I should dive more into this subject, so let's Instapaper this for now ;) and skim it over for good reference. In April I will attempt to make a mobile version of Orpion and articles like these might prove very useful.
jQuery MagicLine Navigation | CSS-Tricks
http://css-tricks.com/jquery-magicline-navigation/
35 Inspiring Examples of Transparency in Logo Design
http://www.blog.spoongraphics.co.uk/articles/35-inspiring-examples-of-transparency-in-logo-design
Transparency effects in logo design help bring to life a digital mark, adding that extra level of depth and color. This showcase of examples provides some great
Mag Project
By http://bit.ly/Tweets2Delicious
13 Useful JavaScript Solutions for Charts and Graphs | Resources
http://webdesignledger.com/resources/13-useful-javascript-solutions-for-charts-and-graphs/
Curing Python's Neglect
http://zedshaw.com/blog/2009-05-29.html
I don't know python so I can't say whether these gripes are legitimate, but it's useful to remind yourself to look for such inconsistencies in how you do things, or in the tools you use every day
Oliver James Gosling - Freelance Web Developer
http://goslingo.com/
Oliver James Gosling - Web Developer & Internet specialist based in Bristol, UK.
@j_car http://www.goslingo.com is indeed very pretty - clever too, quite a lot to discover for a one page site
ゲームとかアートの話 - SLN:blog*
http://blog.slndesignstudio.com/archives/2008/12/post_666.html
ゲーム アート iPhone
かなり参考になる。 最初の<The Unfinished Swan>が特にすごい。
Forgotten CSS selectors | 456 Berea Street
http://www.456bereastreet.com/archive/201002/forgotten_css_selectors/
Forgotten CSS selectors
Well, the market share of IE 6 is now finally at a level where we as developers can say that a site “supporting” IE 6 does not mean “looking pixel perfect”. Fortunately more and more clients understand this as well. IE 7 has been out for well over three years and IE 9 is on the horizon, so I think it’s time to revive those CSS selectors that you never got to use just because IE 6 doesn’t understand them.
Design 0.101 for Programmers
http://www.cykod.com/blog/post/2010-01-design-0101-for-programmers
Getting a blank slate First things first - give yourself a decent doctype to make sure you are turning on "strict" mode so that you have some sort consistency across browsers.
Crappy defaults are indeed demoralizing
I am not a designer now I will never be a designer. I don't have the talent or the patience for it. Unfortunately my very close proximity to a designer for the past 10+ years has led me to tend to place a higher value on how things look than I did previously (or would probably prefer).
The hidden power of border-radius « CreativityDen
http://blog.creativityden.com/the-hidden-power-of-border-radius-2/
In this post we will explore the property border-radius and how it can be used to create circles, semi-cricles and quarter-circles. It also has the potential to produce some terrific designs using just CSS – no images.
Photoshop Keyboard Shortcuts Cheat Sheet (PDF) - Smashing Magazine
http://www.smashingmagazine.com/2010/02/10/photoshop-keyboard-shortcuts-cheat-sheet-pdf/
by @SmashingMag
Photoshop Keyboard Shortcuts, a PDF-file with a handy overview of most useful keyboard shortcuts available in Adobe Photoshop. The cheat sheet was created by Kenneth Setzer and released especially for Smashing Magazine and its readers.
Over the last months we released a variety of icon sets, tools and templates, but now we would like to release something a bit different for a change. In this post we are glad to release Photoshop Keyboard Shortcuts, a PDF-file with a handy overview of most useful keyboard shortcuts available in Adobe Photoshop. The cheat sheet was created by Kenneth Setzer and released especially for Smashing Magazine and its readers. Shortcuts1 in Photoshop Keyboard Shortcuts Cheat Sheet (PDF) The cheat sheet is a mousepad-sized image featuring a typical PC keyboard. Photoshop’s keyboard shortcuts are listed for each key, with the shortcut and its icon printed on the individual key. In red is the shortcut you will get by hitting the key in combination with the Ctrl key. For example, typing "t" in Photoshop will activate the Type tool, while typing Ctrl+t will allow you to use the Transformation tool. Additional shortcuts requiring more than two keys are listed as well. Shortcuts2 in Photoshop Keyb
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
http://designblog.ecstudio.jp/htmlcss/iphone-master.html
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
A List Apart: Articles: The Problem with Passwords
http://www.alistapart.com/articles/the-problem-with-passwords/
"Is there a middle path—a way to provide feedback and reduce password errors that doesn’t sacrifice the user experience? At least two design patterns address this issue in offline applications, and with a little JavaScript, we can bring them to the web. [...] The simplest solution is to mask the password by default while giving users a way to switch the field to clear text. [...] Apple adopted an interesting approach. The last letter typed into the field remains visible for a couple of seconds before turning into a dot. This creates an opportunity to catch errors without showing the entire password at once."
Professionally designed PowerPoint templates - PowerPoint - Microsoft Office Online
http://office.microsoft.com/en-us/powerpoint/CH103504611033.aspx
PowerPointのテンプレ集.要2007らしい.
Mobile Web Design: Tips and Best Practices - Noupe
http://www.noupe.com/how-tos/mobile-web-design-tips-and-best-practices.html
Mega Drop-Down Menu, Enjoy It Responsibly! | PV.M Garage
http://www.pvmgarage.com/en/2010/02/mega-drop-down-menu-enjoy-it-responsibly/
dropdown menu
Giz Explains: Why HTML5 Isn't Going to Save the Internet - HTML5 - Gizmodo
http://gizmodo.com/5461711/giz-explains-why-html5-isnt-going-to-save-the-internet
CSS3 Examples and Best Practices
http://www.webdesignerwall.com/trends/css3-examples-and-best-practices/
More examples fo CSS3 from Web Design Wall.
The CSS3 trend is getting more and more popular. In fact CSS3 new features open a lot of new possibilities. Check out my previous post on "CSS3 Animation Demos" to see the things that you can do with it. However, don’t get too excited so soon because it is not fully supported by all browsers yet. But this doesn’t mean you shouldn’t use it at all. So, when should you use CSS3 new features? Well, continue on this post to see some excellent examples.
15 Invoicing Tips for Designers and Freelancers | Vandelay Design Blog
http://vandelaydesign.com/blog/design-process/invoicing-tips/
!5 tips voor het sturen van rekeningen
Conversion Room: Improve your web-forms and increase conversions
http://conversionroom.blogspot.com/2010/02/improve-your-web-forms-and-increase.html
TPUTH -- Socially Generated Newspaper for Geeks, Designers and Venture Capitalists
http://tputh.com/
We're TPUTH. Tech and design news. Socially curated. Machine processed. Hand polished. No bullshit.
Kinda offputting -- check this later to decide whether or not to ditch.
Bgrepeat - backgrounds,wallpapers place
http://bgrepeat.com/
Discover a website with many backgrounds for website, blog, easy to apply to.
Bgrepeat - backgrounds,wallpapers place - http://bgrepeat.com/
66 Examples of Perfect SlideShow Presentation in Web Design | Inspiration | instantShift
http://www.instantshift.com/2010/02/05/66-examples-of-perfect-slideshow-presentation-in-web-design/
メインイメージを動かすサンプル
66 Examples of Perfect SlideShow Presentation in Web Design | Inspiration | instantShift - http://www.instantshift.com/2010/02/05/66-examples-of-perfect-slideshow-presentation-in-web-design/
Free Vector Social Media Set
http://www.webdesignerwall.com/general/free-vector-social-media-set/
Philadelphia - Official Visitor Site - visitphilly.com
http://www.visitphilly.com/
Chirp » The Official Twitter Developer Conference
http://chirp.twitter.com/
footer avec buildings
about twitter - nice website
Eugene Hsu
http://www.squicky.org/
Dude did his resume in Paint.
"I mean, it's pretty unlikely that you'd want to steal any of this, but just in case."
InfoQ: Are You a Software Architect?
http://www.infoq.com/articles/brown-are-you-a-software-architect
"The line between software development and software architecture is a tricky one. Some people will tell you that it doesn't exist and that architecture is simply an extension of the design process undertaken by developers. Others will make out it's a massive gaping chasm that can only be crossed by lofty developers who believe you must always abstract your abstractions and not get bogged down by those pesky implementation details. As always, there's a pragmatic balance somewhere in the middle, but it does raise the interesting question of how you move from one to the other." -- Simon Brown
Jilion
http://jilion.com/
Software house for iphone development
great lighting, texture, really smooth firm site
60 Excellent Gadget Photoshop and Illustrator Tutorials - Noupe
http://www.noupe.com/tutorial/60-excellent-gadget-photoshop-and-illustrator-tutorials.html
Using a Pre-Launch Checklist for your Website | Webdesigner Depot
http://www.webdesignerdepot.com/2010/02/using-a-pre-launch-checklist-for-your-website/
Accounting for every aspect of a new website isn’t easy, especially at the last minute. The problems aren’t the details themselves, but rather the
Johnny Holland - It’s all about interaction » Blog Archive » Emerging a User Experience Strategy
http://johnnyholland.org/2009/11/10/a-ux-strategy-through-stories-scenarios-and-sketches/
Create Your Own Sliding Resizable Grid
http://www.zackgrossbart.com/hackito/slidegrid/
Sliding Resizable Grid
ブラウザのサイズが変更されると、レイアウトがスライドのアニメーションで変更されるスクリプト
30 High Quality Grunge Fonts for Web Designers | DevSnippets
http://devsnippets.com/article/30-high-quality-grunge-fonts-for-web-designers.html
30 High Quality Grunge Fonts for Web Designers | DevSnippets
Grunge is one of my most favorite font styles. Clean and beautiful designs became boring and distortion, old and worn out feel brought something new in. You may
Mega Collection of The Best Free Social Media Icons for Designers
http://www.wpbeginner.com/showcase/mega-collection-of-the-best-free-social-media-icons-for-bloggers-and-designers/
social
Map Envelope
http://mapenvelope.com/
Envía un mapa
40 Fundamental Illustrator Tutorials You Must Know | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/tutorials/fundamental-illustrator-tutorials/
Tutoriais de ilustração
Newsletter Design: 50+ Great Examples | designrfix.com
http://designrfix.com/inspiration/newsletter-designs-60-great-examples
A good newsletter campaign can be a great way to inform your subscribers of all your company's latest news, products and specials. In this post you will see
Fitted: a jQuery Plugin
http://www.trovster.com/lab/plugins/fitted/
Clickable blocks of content.
20 High Quality Free Fonts for Designers | Freebies
http://webdesignledger.com/freebies/20-high-quality-free-fonts-for-designers
More AWESOME FREE Fonts!
fonts
Here are 20 high quality free fonts for you to use in your designs. In this selection, you will find a variety of styles. Some are more progressive, while others are just impossible not to love, like Sketchetica – a hand drawn version of Helvetica. Whether you’re doing posters, t-shirts, or web designs, you should find these fonts very useful.
20 High Quality Free Fonts for Designers
ISO50 - The Blog of Scott Hansen » Overcoming Creative Block
http://blog.iso50.com/2010/02/10/overcoming-creative-block/
"...I decided to ask some of today’s most exciting artists and creators what they do when the ideas aren’t flowing. I left the question fairly open ended and asked, What do you do to inspire your creativity when you find yourself in a rut? As expected, I was presented with an array of strategies, ranging from listening to Boards of Canada in a forest alone, to cooking up a storm (recipe provided) and waiting for the mind to clear."
Cookie cutter web sites | Carsonified
http://carsonified.com/blog/design/cookie-cutter-web-sites/
Cookie cutter web sites | Carsonified - http://carsonified.com/blog/design/cookie-cutter-web-sites/
Atencion en "Details with personality"
Web designs with exceptional forms of navigation « CreativityDen
http://blog.creativityden.com/web-designs-with-exceptional-navigation/
Web designs with exceptional forms of navigation « CreativityDen - http://blog.creativityden.com/web-designs-with-exceptional-navigation/
5 Fantastic Free Tools to Showcase Your Portfolio
http://mashable.com/2010/02/11/web-portfolio/
5 Fantastic Free Tools to Showcase Your Portfolio - http://mashable.com/2010/02/11/web-portfolio/
Design Perfect Email Newsletters | Inspiring Pixel
http://inspiringpixel.com/tutorials/htmlcss/design-perfect-email-newsletters/569/
Design Perfect Email Newsletters
Een must-read voor wanneer je html nieuwsbrieven moet maken. In deze post worden alle trucs vertelt, en waarom er trucs gebruikt moeten worden zodat een nieuwsbrief door zo veel mogelijk email clients correct wordt geïnterpreteerd.
Most Interesting Design Trends Among Blogs: 2010 | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/resources/design-trends-among-blogs/
Intressant läsning om menyer och text på bloggar.
AdvertismentAdvertismentRelated Posts63 Popular And Promising Web Design BlogsLogo Design Trends 2009 – Showcase21 Sites Where To Find Free Wordpress Themes Daily30 Sources To Get Your Web Design Inspiration13 Beautiful Wordpress Showcase Sites
Creative Web Form Designs: Ideas And Realizations | webexpedition18
http://webexpedition18.com/articles/creative-web-form-designs-ideas-and-realizations/
Creative Web Form Designs: Ideas And Realizations | webexpedition18 - http://webexpedition18.com/articles/creative-web-form-designs-ideas-and-realizations/
50 Design Tutorials for Mastering Gimp | Creative Nerds
http://creativenerds.co.uk/tutorials/50-design-tutorials-for-mastering-gimp/
Five Best Online Diagramming Tools @ SmashingApps
http://www.smashingapps.com/2010/01/18/five-best-online-diagramming-tools.html
เว็บเจ๋งไว้ทำไดอะแกรมออนไลน์
Fav4.org
http://fav4.org/
kinda purty
é uma aplicação online que permite de uma forma bem clean ter uma página inicial com os quatro sites/serviços que mais usa como favoritos.
158 Paper Textures For Kickstarting Your Backgrounds & Designs - slodive
http://slodive.com/freebies/158-paper-textures-backgrounds-designs/
158 Paper Textures For Kickstarting Your Backgrounds & Designs When I design, I very rarely use a background with just a solid color or gradient. For me it’s just too smooth and clean, so I will go to my textures folder and grab one for adding some contrast and contour. If I want to keep it subtle I go to my paper textures and blend lightly over my background color. It’s one of the first things I do when starting a new project and almost always gives me ideas for where to go next in the design. Older Related Articles: * Create A Realistic Video iPod Nano In Photoshop * Breathe New Life Into Your Typography With These 22 Techniques * Photoshop Cheatsheets & Our Must Know Shortcuts 4 Retro Old Dirty Paper Textures Download From 6 Paper Textures Download From 13 HQ Old Paper Textures Download From 5 Scrapbook Paper Download From 20 Paper Textures Download From 5 Free High Res Brown Paper Textures Download From 7 Rough Paper Textures
A Myriad of Vintage Grunge Patterns From Across the Web | Psdtuts+
http://psd.tutsplus.com/articles/a-myriad-of-vintage-grunge-patterns-from-across-the-web/
Feb 2nd in Articles by Callum Chapman Patterns can be used in almost any style of graphic and web design. They have many purposes, from being used as backgrounds to being used to touch up vector files that look just a little too clean. For that reason we have rounded-up and compiled a huge collection of over 450 free and premium patterns from various different websites for you to use in your personal and commercial projects.
interesting patterns
Fuck you, Google « Fugitivus
http://fugitivus.wordpress.com/2010/02/11/fuck-you-google/
Google Buzz
50 Freelance Job Sites For Designers & Programmers – Best Of | Web 2.0
http://www.hongkiat.com/blog/50-freelance-job-sites-for-designers-programmers-best-of/
How-To: Create an iPhone Web App
http://theappleblog.com/2010/02/12/how-to-create-an-iphone-web-app/
The iPhone OS is pitched as the entire Internet in your pocket...minus Flash. This works most of the time, but ...
商用サイトでもフリーの細部まで丁寧に描かれたアイコン -midtone design | コリス
http://coliss.com/articles/build-websites/operation/design/freebies-icons-32px-mania.html
アイコンは全部で179個あり、アロー、ボタン、iPod、iPhone、ディスプレイなどが揃っています。
様々なフリーのアイコン集
Best of the Web: January - NETTUTS
http://nettuts.com/articles/web-roundups/best-of-the-web-january/
デザインのアクセントや背景などに、はまりそうなPhotoshopのブラシ集 | コリス
http://coliss.com/articles/freebies/photoshop-brush-adamwoodhouse.html
アクセシブルで、美しいフォームを実装するためのチュートリアル集 | コリス
http://coliss.com/articles/build-websites/operation/work/beautiful-forms.html
メールフォームデザイン
The Definitive Guide To Styling Web Links - Smashing Magazine
http://www.smashingmagazine.com/2010/02/13/the-definitive-guide-to-styling-web-links/
これからのデザインのためのアイコンセット50 | CREAMU
http://blog.creamu.com/mt/2009/06/50_8.html
商用可もある。
デスクトップにアイコンを散らかしている人にFencesを :教えて君.net
http://www.oshiete-kun.net/archives/2009/02/fences.html
デスクトップアイコンを自動整理&不可視化
使ってみました。
30 Best Written And Explained Logo Design Tutorials | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/tutorials/best-written-explained-logo-design-tutorials/
标志设计教程
Refining Data Tables :: UXmatters
http://www.uxmatters.com/mt/archives/2006/08/refining-data-tables.php
After forms, data tables are likely the next most ubiquitous interface element designers create when constructing Web applications. Users often need to add, edit, delete, search for, and browse through lists of people, places, or things within Web applications. As a result, the design of tables plays a crucial role in such an application’s overall usefulness and usability.
Great filter examples from Luke Wroblewski.
luke w
40+ Stylish and Trendy Icon Sets
http://digg.com/d1p81v
Fool's House
http://www.foolstown.com/
Fool's House http://ow.ly/177ub [from http://twitter.com/bicho_malo/statuses/9066997897]
Terrible UX.... but interesting feeling behind it!
Rich Internet Application Screen Design | UX Magazine
http://uxmag.com/design/rich-internet-application-screen-design
This article will outline the process we use to create rich applications, focusing primarily on screen design. All of the content is geared specifically toward productivity applications like Software as a Service (SaaS) products and Rich Enterprise Applications (REAs)
FAQ Free Fonts | Typophile
http://typophile.com/node/14652
Fontes Free
Free Fonts
CSS Killswitch
http://csskillswitch.com/
CSS (short for "Cascading Style Sheets") is the markup that makes the internet look the way it does. CSS Killswitch works by creating a unique, inconspicuous, and innocuous stylesheet that you'll link the potentially problematic client's site to. Should negotiations go south and passwords get changed before you receive payment, that stylesheet can be activated to superficially black out the site, returning to you the upper hand. * When relations return and you've received payment, the killswitch is easily deactivated and its traces removed. Not convinced? Try a two second demo of what it could do to this page. Oh, did I mention this is free? Because it's free.
CSS Killswitch lets you non- destructively black out a difficult client's website with the click of a button.
Better User Experience With Storytelling, Part 2 - Smashing Magazine
http://www.smashingmagazine.com/2010/02/11/better-user-experience-through-storytelling-part-2/
In the first part of this Better User Experience With Storytelling series, we explored some of the basic structures and story patterns found in myths and religions. We saw how these patterns continued into modern stories such as The Matrix and Star Wars. We also explored some of the basics of bringing storytelling into the user experience process and some places to get started. Concluding this two-part article, we hear from creative professionals who are leading the way in this relatively new world of combining the craft of storytelling with user experience. We’ll also see how storytelling can be applied to more than just interactive experiences: we find it in everything from packaging to architecture.
In the first part of this Better User Experience With Storytelling series, we explored some of the basic structures and story patterns found in myths and religions.
Colorful Websites | Vandelay Website Design
http://vandelaydesign.com/blog/galleries/25-beautifully-colorful-websites-part-3/
50 Fresh Design Blogs You Should Be Reading
http://sixrevisions.com/resources/fresh-design-blogs-you-should-be-reading/
50 Fresh Design Blogs You Should Be Reading - http://sixrevisions.com/resources/fresh-design-blogs-you-should-be-reading/
In this article, you will see a list of fresh and new design blogs worth subscribing to and reading. Our goal here is to help you discover a few sites that you might not have heard of before.
50 Beautiful Clean and Simple Web Designs
http://sixrevisions.com/design-showcase-inspiration/50-beautiful-clean-and-simple-web-designs/
When it comes to web design, my experience demonstrates to me that it’s easier to add to a design rather than to take away from it. The challenge with minimalist layouts lies in the conundrum of making something beautiful with basic design elements —and with as few of them as possible.
50 Beautiful Clean and Simple Web Designs
The Life Cycle of a Wireframe | Blog | Nick Finck | UX/IA Pro, Speaker, and Community Cultivator.
http://www.nickfinck.com/blog/entry/the_life_cycle_of_a_wireframe/
For those who are looking for my slides from the Puget Sound SIGCHI lecture and for those who missed it but are curious, here is my presentation. It focuses specifically on my personal process for creating wireframes. There are 4 parts to my process, each has a series of deliverables that feed into it and principals I try to keep in mind, the outcome is either a single or a series of IA deliverables. My overall strategy for IA is 3 step process; understanding the problem (note: not merely identifying the problem but really understanding it), find a solution (there may be more than one solution, but there is often only one right solution), and present the solution (a large part of your job as a IA is presenting your work so the client can understand the results).
How to Build a Custom Wordpress Theme from Scratch
http://www.blog.spoongraphics.co.uk/tutorials/how-to-build-a-custom-wordpress-theme-from-scratch
Email Newsletter Design: Guidelines And Examples - Smashing Magazine
http://www.smashingmagazine.com/2010/02/15/email-newsletters-guidelines-and-examples/
The email newsletter is a powerful marketing and communication tool that has various useful functions. It reminds your users about you; it informs users about your products; it tells them what you have been up to; and it helps you build a unique relationship with them. Users like email newsletters if the newsletters bring them value. The fundamental rule for creating an email newsletter is to give it interesting, relevant and up-to-date information that is enjoyable to read. Users sign up for newsletters hoping be informed about things that they would not otherwise be able to find out about. In this article, we’ll discuss some guidelines for designing and distributing email newsletters. Each point will be accompanied by both good and bad examples. Please notice: in this post we features both good and bad examples of newsletter design, so you can get a better understanding of the problems to avoid and good design decisions to make. You may be interested in the following related posts
The email newsletter is a powerful marketing and communication tool that has various useful functions. It reminds your users about you; it informs users about your products; it tells them what you have been up to; and it helps you build a unique relationship with them. Users like email newsletters if the newsletters bring them value.
The fundamental rule for creating an email newsletter is to give it interesting, relevant and up-to-date information that is enjoyable to read. Users sign up for newsletters hoping be informed about things that they would not otherwise be able to find out about. In this article, we’ll discuss some guidelines for designing and distributing email newsletters. Each point will be accompanied by both good and bad examples.
The email newsletter is a powerful marketing and communication tool that has various useful functions. It reminds your users about you; it informs users about your products; it tells them what you have been up to; and it helps you build a unique relationship with them.
5 Fresh and Extreme Useful Fonts for Logos – woorkup.com
http://woorkup.com/2010/02/14/5-fresh-and-extreme-useful-fonts-for-logos/
Fonts for Designers is a series of posts that proposes a selection of the best free fonts for web designers. Each new issue presents five interesting fonts you can use on your web projects. Here is a collection of five fresh and extreme useful fonts particularly adapted to design logos. Take a look at the following link for the previous issues. DownloadSurface Surface DownloadMentone Mentone DownloadKnema Knema DownloadLekton Lekton DownloadMilocha Milocha
Free Medical Icons Set (60 Icons) - Smashing Magazine
http://www.smashingmagazine.com/2010/02/15/free-medical-icons-set-60-icons/
AIGA Design Archives
http://designarchives.aiga.org/#/home
Encompassing more than 20,000 selections from special collections and AIGA's annual juried design competitions since 1924, AIGA Design Archives is one of the richest online resources available to those who practice, study and appreciate great design.
AIGA Design Archives
The UX Canon: Essential Reading for the User Experience Designer
http://blog.semanticfoundry.com/2010/02/11/the-ux-canon-essential-reading-for-the-user-experience-designer/
The UX Canon: Essential Reading for the User Experience Designer
Extensive list of User Experience reading
Fun With Box Shadows « Markus Stange’s Blog
http://markusstange.wordpress.com/2009/02/15/fun-with-box-shadows/
Ross Berens
http://cargocollective.com/rossberens/#92805/under-the-milky-way
Space posters
Cargo based website. Interesting space infographics and illustrations. Linked via John Nack at Adobe.
The Future of User Interfaces
http://sixrevisions.com/user-interface/the-future-of-user-interfaces/
One-Page Portfolios: Trends and Showcase | Vandelay Design Blog
http://vandelaydesign.com/blog/design/one-page-portfolios/
In this post we’ll look at ten trends of one-page portfolios with examples of each. At the end of the post we’ll include a showcase for your own design inspiration, plus some resources to help you if you’re interested in creating your own one-page portfolio.
Web Design and Development Blog
33 Creative Photoshop Tutorials Text Effects for Beginners and Advanced
http://www.youthedesigner.com/2010/02/09/33-creative-photoshop-tutorials-text-effects-for-beginners-and-advanced/
33 Creative Photoshop Tutorials Text Effects for Beginners and Advanced
http://moviesvip1.blogspot.com/
20 CSS3 Tutorials and Techiques for Creating Buttons - Speckyboy Design Magazine
http://speckyboy.com/2010/02/15/20-css3-tutorials-and-techiques-for-creating-buttons/
Speckyboy
In May last year we published an article entitled 22 CSS Button Styling Tutorials and Techniques, it proved to be pretty popular, and the most amazing thing about that post is that none of the tutorials even touch on the subject of CSS3.. What a difference a year makes!
Gems of Unnoticed Problems | UI and us
http://www.uiandus.com/2009/02/19/video/gems-of-unnoticed-problems/
Oxo
How to make a useful measuring cup
alex lee of smart design (oxo's external design firm) on their work. highlights: recognizing pet peeves and making obvious solutions for unnoticed problems. helping people without the stigma of letting them know they're being helped. simply needing keen observation to solve some types of problems.
Oxo measuring cup
A conversation on the design of OXO's measuring cups, plus a link to GEL conference.
How to Code up a Web Design from PSD to HTML
http://line25.com/tutorials/how-to-code-up-a-web-design-from-psd-to-html
coder un psd en html
Interesante
A couple of weeks back we went through the process of creating a gnarly snowboarding themed website design concept in Photoshop. The tutorial covered the process of designing our site concept from sketch to finished PSD design. Now, let’s take the design to the next step and code up a complete mockup in HTML and CSS, ensuring our code is semantic and standards compliant. We’ll then add some finishing touches with a spot of jQuery
27 Beautiful and Inspiring Header Designs | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/inspiration/trendy-unique-website-header-designs/
Data in, Brilliance Out | Tableau Public
http://www.tableausoftware.com/public/
JavaScript charts which also work in IE6
visualize and share your data in minutes, and embed in your website. Free (but not opensource)
50 Inspiring Dark Web Designs | Inspiration
http://webdesignledger.com/inspiration/50-inspiring-dark-web-designs
Inspiring Dark Web Designs
Tips for Designing Unique and Attractive Blog Posts
http://line25.com/articles/tips-for-designing-unique-and-attractive-blog-posts
Designers have began to inject increasing levels of creativity into their blog posts and articles, throwing out the traditional and generic style of blog posts in favour of a much more attractive layout that’s themed specifically to the content. Let’s take a look at some of the best examples, and see what makes them work so well. In his fantastic article ‘The Death of the Boring Blog Post‘, Paddy Donnelly sums up this method of fusing together a blog post with the style and design of a traditional magazine article and coins the name, ‘Blogazine’. Be sure to check it out for a great introduction, and to hear from some of the pioneers of this style of blogging.
idée pour design post blog
10 Hand-Picked Tutorials for Beginning Web Designers | Nettuts+
http://net.tutsplus.com/articles/web-roundups/10-hand-picked-tutorials-for-beginning-web-designers/
10 Hand-Picked Tutorials for Beginning Web Designers
20+ Design Blogs that Release Quality Freebies – DesignM.ag
http://designm.ag/resources/design-blogs-freebies/
17 Google Chrome Extensions for Web Designers and Developers – DesignM.ag
http://designm.ag/resources/chrome-extensions/
How To: Cuttin' Glass and Taking Names » Curbly | DIY Design Community « Keywords: DIY cut bottles wine bottles recycle, mid-century
http://curbly.com/plastolux/posts/7923-how-to-cuttin-glass-and-taking-names
Ever looked at a wine bottle to admire its shape, color, or translucent qualities? These features shouldn't go to waste in the recycling bin. Here's a fun how-to that can reuse and transform wine bottles into something REALLY worth eyeballing.
Turning old wine bottles into glasses with a bottle cutter and a sander
Create a Professional Web 2.0 Layout | Psdtuts+
http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-professional-web-2-0-layout/
The Myth of DPI | Webdesigner Depot
http://www.webdesignerdepot.com/2010/02/the-myth-of-dpi/
The size of an image in a website layout is important. From proper alignment to getting just the right amount of white space, sizing photos and graphics properly beforehand is essential to creating a balanced look. Images on the web are measured in pixels. Yet many people go through the trouble of setting their images to 72 dots per inch (DPI). The process of sizing them is often misunderstood.
35 Latest High-Quality Free Fonts for Professional Designers | Fonts | instantShift
http://www.instantshift.com/2010/02/15/35-latest-high-quality-free-fonts-for-professional-designers/
Vanity Barcodes - Functional Decorative Barcodes UPC EAN
http://www.vanitybarcodes.com/
面白デザインバーコード
デザインバーコード、ちゃんと使える。
Interesting solutions in dealing barcodes in a way that integrate with the rest of the design
Designing for the Future with HTML5+CSS3 : Tutorials and Best Practices | DevSnippets
http://devsnippets.com/article/designing-with-html5-css3.html
FRESH01 | Web Design, Code & …Stuff!
http://fresh01.co.za/
Unbelievable! What a awesome WP layout design.
Haäfe & Haph | Digital Goods for the Design Community
http://www.haafe.com/
Digital Goods for the Design Community.
Hot Diggity Dog! Haäfe & Haph presents a selection of custom ampersands at just 9.99! These 10 ampersands come packaged as .eps vector files and an opentype font!
Kyle Jones
site qui vend des
Digital Goods for the Design Community
iA » iPad Stencil for Omnigraffle
http://informationarchitects.jp/ipad-stencil-for-omnigraffle/
This is the first version of an OmniGraffle template for folks designing iPad apps.
Inhabitat » Carbon Negative Hemp Walls are 7x Stronger than Concrete
http://www.inhabitat.com/2009/08/24/hemcrete-carbon-negative-hemp-walls-7x-stronger-than-concrete/
August 24, 2009 Hemcrete®: Carbon Negative Hemp Walls
Track Mouse Activity On Your Computer | FlowingData
http://flowingdata.com/2010/02/09/track-mouse-activity-on-your-computer/
Ruby Best Practices - Blog
http://blog.rubybestpractices.com/posts/gregory/rails_modularity_1.html
Sharing model data via ActiveResource -- good stuff.
ユーザーフレンドリーな優れたナビゲーション集 | コリス
http://coliss.com/articles/build-websites/operation/design/elements-navigations-for-user-friendly.html
ナビゲーションメニューのデザインショーケースの紹介。この記事からリンクしている「ウェブデザインにおける効果的なコミュニケーションの取り方」は、先日紹介した「Clear And Effective Communication In WebDesign」の意訳版ですね。
Smashing
BBC - BBC Internet Blog: A new global visual language for the BBC's digital services
http://www.bbc.co.uk/blogs/bbcinternet/2010/02/a_new_global_visual_language_f.html
Global Visual Language 2.0
« Previous | Main | Next » A new global visual language for the BBC's digital services Post categories: GVL, uxd Bronwyn van der Merwe | 18:10 UK time, Tuesday, 16 February 2010 The BBC website began its official life back in December 1997 with this very simple design. It was a basic offering with two sections to the site. Over time it has grown to encompass a great deal more. However due to the organic way in which the website evolved and the old structure of the business, with dozens of small design teams working independently of each other, the site had a fairly schizophrenic nature once you delved into its depths. About 2 years ago, after printing out the site onto what has now become jokingly known as the 'Wall of Shame' we decided to embark on an ambitious project, called Global Visual Language 2.0, with the aim of unifying the visual and interaction design of bbc.co.uk and the mobile website.
30 Excellent Logo Design Tutorials And Walkthroughs | Spyre Studios
http://spyrestudios.com/30-excellent-logo-design-tutorials-and-walkthroughs/
30 tutoriais para fazer logos.
Creating A Quality WordPress Theme: 12 Points to Consider - Noupe
http://www.noupe.com/how-tos/creating-a-quality-wordpress-theme-12-points-to-consider.html
Many designers enjoy creating WordPress themes. And creating a theme is not that hard if you have a basic grasp of CSS and can follow directions (WordPress’s Codex has extensive documentation). But that does not mean that all designers out there who can create a theme has created a good theme. In fact, really poor themes abound.
Consider this list the next time you're building a WordPress theme.
Numerous designers enjoy creating WordPress themes. And creating a theme isn’t that hard if you have a basic grasp of CSS and can follow directions (WordPress’s Codex has extensive documentation). But that doesn’t mean that every designer out there who can create a theme has created a good theme. In fact, really poor themes abound.
Many designers enjoy creating WordPress themes. And creating a theme isn’t that difficult if you have a basic grasp of CSS and can follow directions (WordPress’s Codex has extensive documentation). But that doesn’t mean that every designer out there who can create a theme has created a good theme. In fact, really poor themes abound. But what exactly makes a WordPress theme great? How does one go about creating a quality theme? In fact, it’s not that difficult. You can do a few simple things while developing your theme—from the planning stage right through coding—to make it stand out from the legions of average (and below-average) themes out there. 1. Complies With Standards Whether you plan to customize it, use it straight out of the box or build your own, getting a theme that’s standards-compliant is important. Standards-compliance ensures that your theme will appear as it’s supposed to across most modern browsers. Standards-compliance also makes future maintenance and modificatio
But what exactly makes a WordPress theme great? How does one go about creating a quality theme? In fact, it’s not that difficult. You can do a few simple things while developing your theme—from the planning stage right through coding—to make it stand out from the legions of average (and below-average) themes out there.
18 Incredible CSS3 Effects You Have Never Seen Before
http://www.queness.com/post/2025/18-incredible-css3-effects-you-have-never-seen-before
Photoshop Quick Tips #6: Cloudy Text | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/photoshop-quick-tips-6-cloudy-text
Photoshop Quick Tips #6: Cloudy Text | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials - http://abduzeedo.com/photoshop-quick-tips-6-cloudy-text
I love jon
Cool list of tutorials, resources and more | Hein Maas - Freelance Graphic/Web Designer
http://www.heinmaas.com/2009/02/cool-list-of-tutorials-resources-and-more/
รวมตัวอย่างสุดเจ๋งสำหรับกราฟฟิกดีไซนเนอร์
Une feuille de styles de base pour bien démarrer vos projets - Alsacréations
http://www.alsacreations.com/astuce/lire/654-feuille-de-styles-de-base.html
Une feuille de styles de base pour bien démarrer vos projets - Alsacréations - http://www.alsacreations.com/astuce/lire/654-feuille-de-styles-de-base.html
Feuille de style de base
50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms) - Smashing Magazine
http://www.smashingmagazine.com/2010/02/18/50-css-and-javascript-techniques-for-layouts-forms-and-visual-effects/
40 Detailed and High Quality Mobile Phone .psd Source Files - Speckyboy Design Magazine
http://speckyboy.com/2010/02/17/40-detailed-and-high-quality-mobile-phone-psd-source-files/
40 Detailed and High Quality Mobile Phone .psd Source Files
GUI's de diferents telefons mobils.
Twisted Disney Princesses | Gunaxin
http://www.gunaxin.com/twisted-disney-princesses/16011
CUSTOM LETTERS 2009 — LetterCult
http://www.lettercult.com/archives/1184
Illustrated Typography
most excellent collection of custom lettering
CUSTOM LETTERS 2009
Várias refs tipográficas legais!
Fontes legais. Não são pra baixar, mas são boas pra se ter como referência.
Beautiful custom letter forms
30 Brilliant Websites So Smart in Organizing Design Elements | DevSnippets
http://devsnippets.com/article/30-brilliant-websites-so-smart-in-organizing-design-elements.html
EZ-CSS: An easy to use, lightweight, CSS framework.
http://www.ez-css.org/
How to Build a Facebook Landing Page for Your Business : Technology :: American Express OPEN Forum
http://www.openforum.com/idea-hub/topics/technology/article/how-to-build-a-facebook-landing-page-for-your-business-matt-silverman
http://www.facebook.com/larry.sankey.
Group Interview: Expert Advice For Students and Young Web Designers - Smashing Magazine
http://www.smashingmagazine.com/2010/02/17/group-interview-advice-for-students-and-new-designers/
Our readers have requested that Smashing Magazine conduct an interview with industry leaders on issues that are relevant to students and those just starting off in...
your portfolio. Do free websites for your mates’ bands or your Mum’s friend’s wool shop. It might not be glamorous work, but doing as much as you can builds up your portfolio, and you’ll learn loads on every project. When I left university and got my first job, my portfolio was made up almost entirely of stuff I’d done on an extracurricular basis, not really the course work itself. But also don’t forget that it’s about quality, not quantity, and a good portfolio strikes a balance between variety (showing that you’re versatile) and continuity (showing that you have your own identity as a designer).
PHP: Remote Kill Switch - Make Sure You Get Paid » Ready Fire Aim
http://www.billda.com/php-remote-kill-switch
Web Developers: Have you ever gotten to the end of a project, and had a client withhold the last of your fee to exact additional changes or features that were not in the original plan? Perhaps a client that decided your work “wasn’t what we expected” and tried to withhold payment? Well worry no more. Put the power back in your hands with a Remote Kill Switch. The idea is this: you build into their website a small function that checks with a server you control to make sure the client’s account is in good standing. If it is, the site loads as normal. If not, their site doesn’t load, and they get a message asking for payment.
Creative Button Animations with Sprites and JQuery (Part 2: CSS, XHTML, JQuery) | Tutorial9
http://www.tutorial9.net/web-tutorials/creative-button-animations-with-sprites-and-jquery-part-2/
Creative Button Animations with Sprites and JQuery (Part 2: CSS, XHTML, JQuery) | Tutorial9 - http://www.tutorial9.net/web-tutorials/creative-button-animations-with-sprites-and-jquery-part-2/
In Part 1 of this tutorial, you designed a button sprite that will be coded with HTML, CSS, and JQuery in this part of the tutorial.
Give Your Resume A Creative Boost | Onextrapixel - Showcasing Web Treats Without Hitch
http://www.onextrapixel.com/2010/01/29/give-your-resume-a-creative-boost
give your resume a creative boost
What if one day you decide that it’s time to have a change, and want to try for another creative job? What if you are a student, looking for a design internship? What if you are a fresh graduate, hoping to apply for your first job at a design agency? You could be any one of the above. No matter what your situation is, it is always prudent to have a well crafted resume to call upon when needed. It is your ticket to new job opportunities and clients. Give Your Resume A Creative Boost Image from: hellotkt Your resume's not just a list of achievements and your education history, it is also the first and the most crucial step to opening the door of communication with the company you are applying to. Your resume represents who you are and what you know, but most importantly, it must be able to communicate that effectively. Therefore it is definitely worth investing your time to give special attention to its design and content. There are plenty of resume writing resources on the web, b
Limited edition design and typography products for refined tastes – Ligature, Loop & Stem
http://www.ligatureloopandstem.com/
1. Typographic terminology and letterform characteristics. 2. Creators and curators of fine typography-related products. Ligature, Loop & Stem offers limited edition products created to delight those who love typography and design. Use them for inspiration or reference as you work… or play. LL&S products are original, exclusive and crafted for you with precision and care by fellow designers: the chaps at ButterLabel, of Toronto and California. As each collection sells out, LL&S will release new original work. Consider this first batch a tease to, erm… stroke your serif.
Limited edition design and typography products for refined tastes
Ligature, Loop & Stem is a curator of artisan quality typographic products for designers.
40 Single Page Mini Templates
http://iniwoo.net/web/mini-templates/
Simple, modern, well documentated mini templates for online resumes, business cards and under construction pages.
[CSS]CSS3で何ができるの? という時にみておきたいサイト集 | コリス
http://coliss.com/articles/build-websites/operation/css/css3-showcase.html
CSS3で何ができるの? という時にみておきたいサイト集
CSS3でいったい何ができるのか、どのように記述するのかなど、ベーシックなものから実践的なテクニックまでサンプルやコードなど実装例が掲載されているサイトを紹介します。
Bringing User Centered Design to the Agile Environment - Boxes and Arrows: The design behind the design
http://www.boxesandarrows.com/view/bringing-user
"UCD can be too documentation-heavy, isolated and risky but Agile needs help with defining requirements and concept development. How can Agile and user centric principles work together?"
25 Best Websites For Downloading Free Html/CSS Templates | SaveDelete
http://savedelete.com/25-best-websites-for-downloading-free-htmlcss-templates.html
Today is this post I am gonna share 25 Best Websites through which you can download free beautiful HTML / CSS Templates. These templates can make your life
A Compilation of Free Retro Fonts for Designers | Naldz Graphics
http://naldzgraphics.net/freebies/a-compilation-of-free-retro-fonts-for-designers/
As designers, fonts play an important role to our designs. Choosing the correct font helps create the design more creative, artistic and unique. They may be “just letters” to some, however, they help create the correct impact that uplifts the effect on the design itself. It is often hard to look for the right font in creating logos and designs. To give you more ideas and options, we give you A Compilation of Free Retro Fonts for Designers.
As designers, fonts play an important role to our designs. Choosing the correct font helps create the design more creative, artistic and unique. They may be “just letters” to some, however, they help create the correct impact that uplifts the effect on the design itself. It is often hard to look for the right font in creating logos and designs. To give you more ideas and options, we give you A Compilation of Free Retro Fonts for Designers. The list is composed of 41 amazing fonts that you can choose from. This fonts are intended for retro designs, however, you can still use these for any type of concepts you can think of. Limits are void if you are a designer. Feel free to check out the list we have came up with and download the ones you like best… Have fun!!! You may want to take a look at the following related posts: • 45+ Most Wanted Beautiful Free Hand Drawn Fonts • Excellent Free Fonts Everyone Must Have • 50 Top Sites you can Download Free Fonts Wonderful World Retro Font W
44 Awesome Business Card Designs that Will Inspire You
http://www.youthedesigner.com/2010/02/18/44-awesome-business-card-designs-that-will-inspire-you/
44 Awesome Business Card Designs that Will Inspire You http://bit.ly/96MYQ2 /via @saurabshah
Business-minded people are into creating ways to advertise and get in touch with important and influential people in the society. Handing out business cards is a great way to get noticed and remembered. Traditionally, business cards are small pieces
A Collection of “Coming Soon” Web Pages | Webdesigner Depot
http://www.webdesignerdepot.com/2010/02/a-collection-of-coming-soon-web-pages/
Coming soon page @freshter is on WebdesignerDepot | http://bit.ly/au4W39 /via @xeniusmedia [from http://twitter.com/MikevHoenselaar/statuses/9325859057]
» 25 Design Portfolios that will Melt Your Face Off! :: Positive Space Blog
http://www.positivespaceblog.com/archives/25-design-portfolios-that-will-melt-your-face-off/
Kinekt Design
http://kinektdesign.com/
Manufacturers of the Gear Ring, a ring that is a miniature machine made of gears and wheels.
Gear Ring
Featured Firefox Customization: Minimalist Firefox Goes Black
http://lifehacker.com/5078473/minimalist-firefox-goes-black
Facebook
http://www.facebook.com/sitetour/homepage_tour.php
New Facebook Friend Lists filters in the design update will be interesting; http://bit.ly/PmWBc [from http://twitter.com/jcookaz/statuses/1281351685]
nueva pagina de inicio de facebook http://tinyurl.com/aqgl2n [from http://twitter.com/dmunozdiaz/statuses/1281346214]
In the new Facebook design, there are highlights and filters, and people will be 'thinking' instead of 'doing' things: http://bit.ly/PmWBc [from http://twitter.com/sandroalberti/statuses/1280436954]
Here's an example of the new Facebook homepage. http://tinyurl.com/aqgl2n [from http://twitter.com/koka_sexton/statuses/1283553578]
[CSS]背景画像をページの最下部に固定表示させるスタイルシート | コリス
http://coliss.com/articles/build-websites/operation/css/css-fixed-backgrounds-on-footer.html
これは超簡単
fixed
Create a Clean and Professional Web Design in Photoshop
http://sixrevisions.com/tutorials/photoshop-tutorials/create-a-clean-and-professional-web-design-in-photoshop/
In this Photoshop web design tutorial we are going to design a smashing, clean, and professional website layout in Photoshop. The layout we are doing in this tutorial can be used as personal or corporate website design.
Create a Clean and Professional Web Design in Photoshop http://j.mp/aSmYVN
Let’s Make a Deal - 15 Things You Need in a Web Contract | The Wojo Group
http://www.thewojogroup.com/2009/06/lets-make-a-deal-15-things-you-need-in-a-web-contract/
Writing the perfect web contract can be a daunting task - but here are 15 tips on what to include and some additional resources for help.
Apple-like Slideshow Gallery | Tutorialzine demo
http://demo.tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/demo.html
Apple-like Slideshow Gallery using CSS and Jquery
22 Creative Uses of Robots in Web Design
http://sixrevisions.com/design-showcase-inspiration/22-creative-uses-of-robots-in-web-design/
Cute!
Robots en webs. (Tinkerbot)
awesome.
22 Creative Uses of Robots in Web Design http://ow.ly/9iGc [from http://twitter.com/10minuteexpert/statuses/1923654282]
Simply put… robots are awesome. Using robots in a web layout adds a touch of unique and futuristic feel to it. In this imaginative showcase, you’ll find creative applications of robotic elements in web design.
NIXUS Icon Pack: 60 Beautiful Premium Icons (Free) | Tutorial9
http://www.tutorial9.net/resources/nixus-icon-pack-60-beautiful-premium-icons-free/
A new high color free icon set.
960 Grid System | 12-column Grid
http://designinfluences.com/fluid960gs/960/
grid system
Сlip.dn.ua - сайт с картинками, фото и клипартами для фотошопа. Скачать бесплатно картинки, фото, обои, рисунки, клипарты, текстуры, фоны.
http://clip.dn.ua/
Super Easy Typographic Portrait in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/super-easy-typographic-portrait-photoshop
人の顔をベースにタイポグラフィで描画するPhotoshopチュートリアル
typograpgy face tutorial let pro psd displace design illustration art photoshop
CSSCRAP.COM | NATURALLY SCARY DESIGN
http://csscrap.com/
Currently Browsing: http://csscrap.com/ [from http://twitter.com/AmadeusClaustro/statuses/1170500123]
peores paginas
lo que no se debe hacer
Free Theme: WP Typo
http://diggingintowordpress.com/2009/06/free-theme-wp-typo/
It is 100% typographic; there are no images used at all. It includes the PSD in case you want to make modifications and want to feel it out graphically first. You can do whatever the heck you want with it. No attribution required.
Glimmer: a jQuery Interactive Design Tool - Articles - MIX Online
http://visitmix.com/Articles/Glimmer-a-jQuery-Interactive-Design-Tool
Glimmer: a jQuery Interactive Design Tool is a prototype from the Mix Online Labs which makes jQuery accessible through a visual tool. The objective for Glimmer is pretty simple: to enable the power of jQuery through an interactive design surface. If jQuery is the "write less, do more” JavaScript library, then Glimmer is the “write none, do more” jQuery design tool. Glimmer has three core audiences: power users, designers and developers.
this blog is nice looking
כלי נחמד אבל לא ממש שימושי
Glimmer: a jQuery Interactive Design Tool is a prototype from the Mix Online Labs which makes jQuery accessible through a visual tool.
Windows app that generates JQuery, HTML, and CSS
Desktop application that automatically generates jQuery scripts and CSS based on user parameters. Windows only, but looks powerful -- especially for designers who aren't code monkeys. Will benefit power users as well.
MVC programming with python (newbie) - please help
http://mail.python.org/pipermail/python-list/2006-January/360793.html
"MVC is all about separation of concerns. […] Now, here's the test of a true MVC design: the program should in essence be fully functional even without a View/Controller attached. OK, the outside world will have trouble interacting with it in that form, but as long as one knows the appropriate Model API incantations, the program will hold and manipulate data as normal."
Very good description of MVC
"MVC is all about separation of concerns."
Lost In Translation: 20 Baffling Foreign Movie Posters | Cracked.com
http://www.cracked.com/article_16990_lost-in-translation-20-baffling-foreign-movie-posters.html
Most movie posters are boring as hell. It's always some Photoshop of the stars, and maybe an explosion thrown in if it's an action movie. Or at least, that's the way they are in America. Go to Eastern Europe, or Japan, and you'll find posters that have absolutely nothing to do with the film, and everything to do with melting a hole in your brain.
Lost In Translation: 20 Baffling Foreign Movie Posters. Weekend at Hand Monster.
Most movie posters are boring as hell. It's always some Photoshop of the stars, and maybe an explosion thrown in if it's an action movie. Or at least, that's the way they are in America. Go to Eastern Europe, or Japan, and you'll find posters that have absolutely nothing to do with the film, and everything to do with melting a hole in your brain.
"Choke slamming a shark and "Mega Sound"? This is how you sell a freaking movie, kids. " (Via Mr. Splendidtimwah)
What Pythonistas Think of Ruby | Free PeepCode Blog
http://blog.peepcode.com/tutorials/2010/what-pythonistas-think-of-ruby
The very things I find ugly in Ruby are what make amazing Ruby software like RSpec possible, and that Python could never have (given the current implementation). Gary Bernhardt I think Ruby's syntax is ugly until they do something glorious and beautiful with it like Rake, then I think "damn it!" Unidentified Attendee
34 Outstanding Admin Panels for Your Web Applications - OurTuts.com
http://www.ourtuts.com/34-outstanding-admin-panels-for-your-web-applications/
Murphy Laws Site - Graphic Design Laws
http://www.murphys-laws.com/murphy/murphy-Graphic_Design.htm
murphys laws
The best designs never survive contact with the client.
Murphy Laws Site - Graphic Design Laws
34: Form design, layout, and presentation with CSS - Opera Developer Community
http://dev.opera.com/articles/view/34-styling-forms/
Quicksand
http://razorjack.net/quicksand/docs-and-demos.html
Cool Jquery sorting
jquery framework for list item replacement with shuffle transition.
cool plugin
25 Beautiful Examples of “Coming Soon” Pages
http://sixrevisions.com/design-showcase-inspiration/25-beautiful-examples-of-coming-soon-pages/
30 free fonts ideal for business logos | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/resources/free-fonts-best-for-business-logos/
Fuentes gratuitas ideales para logos.
fancy - very nice ones
Activity-Centered Design - Bokardo
http://bokardo.com/archives/activity-centered-design/
Free Dark and Clean WordPress Theme: Designpile - Smashing Magazine
http://www.smashingmagazine.com/2010/02/20/free-dark-and-clean-wordpress-theme-designpile/
60+ Latest High-Quality Free WordPress Themes | Wordpress | instantShift
http://www.instantshift.com/2010/02/19/60-latest-high-quality-free-wordpress-themes/
In this showcase, you’ll find an excellent collection of fresh high-quality WordPress themes available for free.
WordPress! is an award-winning CMS, which enables you to build Blogs, Web sites and powerful online applications. Many aspects, including its ease-of-use and extensibility, have made WordPress the most popular blog software available. Best of all, WordPress is an open source solution that is freely available to everyone. There are hundreds of WordPress themes online waiting to be paid for. Some of them are worth it, some are not. Just because many of our followers decided to stay with Premium themes, that doesn’t mean Free Themes are ugly, cluttered, and boring.
60 Awesome Free Wordpress themes
ฟรีเวิร์ดเพรสธีมเก๋ๆอีกแล้ว ยิ่งออกใหม่ยิ่งอลังวุ้ย
An Adobe Flash developer on why the iPad can’t use Flash — RoughlyDrafted Magazine
http://www.roughlydrafted.com/2010/02/20/an-adobe-flash-developer-on-why-the-ipad-cant-use-flash/
interesting point.
A great take to why Flash content wouldn't work on the iPad even if there was Flash support.
Adobe Flash; Apple iPad
imgur | ayesee's Photo Albums - Backgrounds
http://ayesee.imgur.com/backgrounds
Imgur is an image hosting service that allows you to easily upload a picture and share it with your friends, post it on Reddit or Digg, or embed it in your blog. Share and host your images in seconds!
Cross-browser drop shadows using pure CSS — Nick Dunn
http://nick-dunn.co.uk/article/cross-browser-drop-shadows-using-pure-css/
40 Free Professional Useful Icon Sets for Web Designers | Smashing Buzz
http://www.smashingbuzz.com/2010/02/40-free-professional-useful-icon-sets-for-web-designers/
55 Examples of Huge Typography in Web Design | Inspiration
http://webdesignledger.com/inspiration/55-examples-of-huge-typography-in-web-design
タイポグラフィ2
25 Creative E-Commerce Website Designs | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/creative-ecommerce/
クリエイティブなECサイトのデザインギャラリーです。
*
E-Commerce sites are often considered to be boring and unattractive, however, that is not always the case. This post showcases 25 e-commerce sites that demonstrate creativity in the design. It may be the layout, graphics, design style or site structure, but all of them break the mould of the typical e-commerce site.
5 Fantastic Facebook Fan Page Ideas to Learn From : Technology :: American Express OPEN Forum
http://www.openforum.com/idea-hub/topics/technology/article/5-fantastic-facebook-fan-page-ideas-to-learn-from-matt-silverman
So your biz is on Facebook, and brand engagement is up thanks to some savvy social media strategy. You might even be interested in further distinguishing your brand by building a custom landing page for your business account.
So your business is on Facebook, and brand engagement is up thanks to some savvy social media strategy. You might even be interested in further distinguishing your brand by building a custom landing page for your account.
A Guide to Creating Professional Quality Logo Designs
http://www.blog.spoongraphics.co.uk/articles/a-guide-to-creating-professional-quality-logo-designs
E-Commerce Design Resources: The Ultimate Round-Up | Graphics
http://www.hongkiat.com/blog/e-commerce-design-resources-the-ultimate-round-up/
P-based, open-source shopping cart tha
关于电子商务的各种设计资源
TestSize.com - test any web page in any window size
http://testsize.com/
ページのサイズを変えてどのように見えるか確認できるサイト。
Sexy Buttons Quick Start Guide and Demo
http://sexybuttons.googlecode.com/svn/tags/1.0/index.html
Sexy Buttons can be created using either <a> or <button> elements by adding class="sexybutton" and wrapping the text in double <span>s:
Click this button right now! Submit <button>
40 Photoshop Actions for Designers and Photographers – DesignM.ag
http://designm.ag/resources/photoshop-actions-designers-photographers/
25 Free Online Magazines For Graphic Designers Round-Up - Web Design Blog
http://free-web-design.co.cc/25-free-online-magazines-for-graphic-designers.html
Graphic Design Magazines are a key way for active graphic designers. Not only it feeds us with latest trends and news in the design industry, it’s also a
60 Marvelous Superhero Wallpapers | Wallpapers
http://www.hongkiat.com/blog/60-marvelous-superhero-wallpapers/
60 Marvelous Superhero Wallpapers | Wallpapers
Showcase of Great Web App Interfaces | Webdesigner Depot
http://www.webdesignerdepot.com/2010/02/showcase-of-great-web-app-interfaces/
Compilação das mais belas interfaces gráficas de Aplicativos na Web
20 Fresh Sets of Free Icons for Web Designers | Freebies
http://webdesignledger.com/freebies/20-fresh-sets-of-free-icons-for-web-designers
CleanText.org - Keep it Clean!
http://cleantext.org/
The goal here is to take text formatted like this:And render it like this instead:That way, when it's rendered with a nice variable-width font, it ought to look more or less like this: In the above, take particular note of a few points: * "Doublequotes" were correctly translated to “smart” quotes in the order in which they appeared in the source text; * The second opening doublequote in the first paragraph did not cause the opening doublequote in the second paragraph to mis-render out of order; * The "--" em dash on the second was correctly turned into an em dash (—); * Straight apostrophes are not (yet) turned into nice ’s; Beware! Pasting large blocks of text into a textarea in Firefox is liable to take several seconds to complete; Internet Explorer 8 seems to be about the same speed as FF 3.5; and Google Chrome is quite a bit slower. Execution time is mostly dominated by the running time of string.replace() and the overhead of the function call executed for each m
Cleans up plain text for nice formatting and the like
Jesse Schell’s mindblowing talk on the future of games (DICE 2010) « fox @ fury
http://fury.com/2010/02/jesse-shells-mindblowing-talk-on-the-future-of-games-dice-2010/
Great video talking about "gaming" invading every day life and blurring the lines with reality
350+ Ultimate Free Spray and Splatter Paint Brushes | Naldz Graphics
http://naldzgraphics.net/freebies/350-ultimate-free-spray-and-splatter-paint-brushes/
:: Ganato.com :: FREE Stuff for Web Design :: Vector Icons
http://www.ganato.com/free_icons/free_vector_icons.php
pretty dopeshow
Online portfolio of Lidia Gana, freelance web designer, free vector icons to use for your personal or commercial projects
40 Absolutely Free Vector Pack Collections
http://www.youthedesigner.com/2010/02/23/40-absolutely-free-vector-pack-collections/
Free Vector Pack Collections
You the Designer is a Graphic Design Blog Featuring Graphic Design Jobs, Tips, Tutorials, Resources, Freebies and Much More. Join the Design Community Today!
Tucia shoutout ! | redferret.net
http://www.redferret.net/?p=14721
Just a shoutout to the Tucia.com service which we featured back in January. I&rsquo;ve just used it for some shots which needed Photoshop love, and I&rsquo;m now a fan. If you need headshots or other important photos to have a professional touch, th
redferret verygood site
Top 20 Free Fonts for Distinctive Headlines and Titles - Speckyboy Design Magazine
http://speckyboy.com/2010/02/24/top-20-free-fonts-for-distinctive-headlines/
Fonts for Headlines and titles
Useful for graphic
14 Questions To Ask Your Clients Before and After a Project | Design Reviver
http://designreviver.com/tips/14-questions-to-ask-your-clients-before-and-after-a-project/
14 Questions To Ask Your Clients Before and After a Project | Design Reviver - http://designreviver.com/tips/14-questions-to-ask-your-clients-before-and-after-a-project/
client questionnaire
I'm just sayin'
http://www.fucking-windows.com/
fingers that fuck when you change the size of the browser window
10 Great Tools to Create a Mobile Version of Your Site | Spyre Studios
http://spyrestudios.com/10-great-tools-to-create-a-mobile-version-of-your-site/
10 Great Tools to Create a Mobile Version of Your Site !!!!
LukeW | "Mad Libs" Style Form Increases Conversion 25-40%
http://www.lukew.com/ff/entry.asp?1007
25 Examples of Convincing Call-To-Action Buttons | Design Shack
http://designshack.co.uk/articles/inspiration/25-examples-of-convincing-call-to-action-buttons
By http://bit.ly/Tweets2Delicious
Despite what many people will tell you, there are no hard-and-fast rules when it comes to call-to-action buttons. Yes, it’s true that large, colorful buttons, surrounded by plenty of space are usually the most successful, but it’s important that you tailor each button to the primary task of the web page in question, whether it’s to Signup,
Design Your Own Wordpress Theme Easily With Constructor
http://www.makeuseof.com/tag/customize-design-wordpress-theme-easily-constructor/
http://wordpress.org/extend/themes/constructor
Designing User Interfaces For Business Web Applications - Smashing Magazine
http://www.smashingmagazine.com/2010/02/25/designing-user-interfaces-for-business-web-applications/
ui design
Business Web application design is too often neglected. I see a lot of applications that don't meet the needs of either businesses or users and thus contribute to a...
100+ Remarkable Free Fonts
http://iniwoo.net/freebies/100-remarkable-free-fonts/
Font is the key element in the process of web designing, advertising and other activities associated with typography, but professional fonts are prohibitive for freelancers. 100 exeptionally beautiful free fonts we selected will allow you to bring some variety in your designs without spending.
All-in-one design blog – daily inspiration and quality graphic resources for designers and photographers. Photoshop tutorials and useful freebies.
15 Best Websites that can make you a Web Designer | SaveDelete
http://savedelete.com/15-best-websites-that-can-make-you-a-web-designer.html
HOW TO: Build a Facebook Landing Page for Your Business
http://mashable.com/2010/02/22/build-facebook-landing-page/
NorCal Internet Services
http://www.norcalis.com/
I just realized that I know nothing about website design http://www.norcalis.com/
Beautiful website for inspiration
50+ CSS Techniques Designers Should Know
http://www.bestdesigntuts.com/50-css-techniques-designers-should-know/
サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ - かちびと.net
http://kachibito.net/web-service/free-web-check-tools.html
ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、CSSや画像の最適化ツールなど。
Web表示チェックなど、使えるツールまとめ。
DICE 2010: "Design Outside the Box" Presentation Videos - G4tv.com
http://g4tv.com/videos/44277/DICE-2010-Design-Outside-the-Box-Presentation/
Carnegie Mellon University Professor, Jesse Schell, dives into a world of game development which will emerge from the popular Facebook Games era.
The not so hidden psychological traps in social gaming. And where it could lead (if the world wasn't such a messy place).
Jesse Schell talks about future of gaming
The AIDA Marketing Model in Web Design - Noupe
http://www.noupe.com/design/the-aida-marketing-model-in-web-design.html
If you’ve been formally educated in marketing, more than likely you’ve learned about a marketing model called AIDA. AIDA is an acronym that represents the different steps involved in selling a product or service. Very often, the principles of AIDA are applied naturally when a useful product or service is being marketed. Being web designers and app developers, however, our personal involvement on a technical level in our own or client projects may deter our efforts to produce a design that correctly implements AIDA.
modelo de web markwtiing
modelo AIDA en web
Showcase of Transparency in Web Design | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/transparency/
Showcase of Transparency in Web Design | Vandelay Design Blog - http://vandelaydesign.com/blog/galleries/transparency/
Creative Ad Awards - The World's Most Creative & Sophisticated Advertising
http://www.creativeadawards.com/
The Principles of Great Design
http://www.drawar.com/articles/the-principles-of-great-design/99/
re two examples of sites that I feel take each of these principles into consideration to produce fantastic de
30 Minimal Logo Designs that Say More with Less | Inspiration
http://webdesignledger.com/inspiration/30-minimal-logo-designs-that-say-more-with-less
awesome logo ideas
Ultimate guide to table UI patterns
http://jankoatwarpspeed.com/post/2010/02/26/table-ui-patterns.aspx
Many agree that tables are a phenomenon in user interface design: they are very important parts of user interfaces but often overlooked. Tables show structured data and their purpose is to make that data readable, scannable and easily comparable. The thing is that in many cases tabular data is obscured. This is why tables have bad reputation and many find them boring.
Tables are a phenomenon in user interface design: they are very important parts of user interfaces but often overlooked. Tables show structured data and their purpose is to make that data readable, scannable and easily comparable.
Creating a Well Designed Invoice: Step-By-Step | Design Shack
http://designshack.co.uk/articles/business-articles/creating-a-well-designed-invoice-step-by-step
ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法 | コリス
http://coliss.com/articles/build-websites/operation/design/applying-mathematics-to-web-design.html
Download ComparePSD - compare Photoshop PSD files layer-by-layer - PixelNovel
http://pixelnovel.com/comparepsd
find differences in PSD files by comparing Photoshop PSD files layer-by-layer
ComparePSD is a free Windows software that helps finding the differences between 2 PSD files in such situations to save you time. The software enables you to select the files to be compared from Windows Explorer. When it is started, the files are compared layer-by-layer including layers styles (effects), styles attributes, layers visibility flags and highlights the differences.
ComparePSD compares two Adobe Photoshop PSD files for you and highlights the differences. Layer by layer. Effect by effect. Simple. And did we mention that ComparePSD is absolutely free?
compare two Adobe Photoshop files layer-by-layer a must-have tool for Photoshop professionals
Inspirational Poster Designs
http://designm.ag/inspiration/poster-designs/
Inspirational Poster Designs
Articles and Resources for Web Designers
awesome piece of work
Dina Goldstein's Fallen Princesses
http://www.fallenprincesses.com/
This really doesn't pertain to class discussions or my cultural analysis, but this is a Canadian artist and I think her work is quite honest and appropriate for a gender class. This artist has appropriated the bright colours of the famous Disney princesses to the lives of real women. She juxtaposes these easily recognizable characters (Belle, Cinderella, Ariel, Snow White, etc.) with modern issues (War, cosmetic surgery, captivity, and motherhood) to have quite startling results. I think her message is quite simple: There's more to life for women than "happily ever after". Some of these images are horrific and incredibly disheartening. --Jami McFarland
cuentos
An exploration of the Basecamp Account (Upgrade/Billing) Screen
http://37signals.com/designexplore/Basecamp_Accounts.html
Excellent demonstration of the creative process while keeping in mind user-interaction/understanding and company branding/personality.
How stuff gets designed at Basecamp. I love the thought proces design the design: http://bit.ly/jcOUj [from http://twitter.com/charanjit/statuses/2794360472]
Type Tips—short, quick tips on all things web typography from Harry Roberts of CSS Wizardry
http://csswizardry.com/type-tips/
Short, quick tips on all things web typography.
[…]
A selection of short typography tips: Line length matters, Pay attention to your leading, Use a baseline grid, Type talks, Use a grid.
How to get better at UI design
http://ui-patterns.com/blog/How-to-get-better-at-UI-design
++++ Self training
拡大しても画像をキレイに保ってくれる『SmillaEnlarger』 : ライフハッカー[日本版], 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア
http://www.lifehacker.jp/2009/08/smillaenlarger.html
画像を拡大してもきれいに保ってくれるツール。
写真、滑らか
Hi-ReS! Feed: Hana OSX Screensaver
http://www.hi-res.net/blog/2009/01/hana-osx-screensaver.html
"Hana is a dream about flowers for computers. The idea is that no aspect of creating the flowers is hidden from the computers, everything is created in code and no bitmaps are used that the computer has not seen to the creation of itself, letting the computer "think" through every step."
10 Apps for Developers on a Shoestring - NETTUTS
http://net.tutsplus.com/articles/web-roundups/10-apps-for-developers-on-a-shoestring/
There are many many different areas web developers need to cover. First you need to find the perfect text editor, set up a local environment, find a database management tool and then find a great FTP application. And for many of us out there freelancing, we have less of a budget to work with. So here's 10 cheap or free web development tools for Windows and OS X.
Apple - iTunes - 1 Billion App Countdown
http://www.apple.com/itunes/billion-app-countdown/
All time top apps
All Time Top Apps from Apple Website
Foi mais rápido do que eu imaginava. Entre este post e hoje, a Apple conseguiu zerar a contagem regressiva. Em apenas 9 meses de seu lançamento a Apple chegou à marca de um bilhão de aplicativos baixados da sua App Store. A marca oferece mais de 25 mil aplicativos (pagos e gratuitos) para download. A App Store ajudou a marca a registrar incremento de 15% em seus lucros, mesmo com toda a crise.
10億ダウンロードいったか。
15 Dazzling Modern Library Designs | WebUrbanist
http://weburbanist.com/2008/12/10/clever-creative-modern-library-architecture-designs/
15 Dazzling Modern Library Designs | Design + Ideas on WU
http://www.webcitation.org/5fhaamuLl
UNL Digital Collections | Browse
http://contentdm.unl.edu/cdm4/browse.php?CISOROOT=%2Fcomics
more: http://www.researchbuzz.org/wp/a-library-full-of-digitized-government-comics/
Government comic book collection.
Comics created or commissioned by the US Government. Over 180 items.
Propaganda Comics
Government publications, comic books format
government comics on variety of topics (firefighting, army motors, conservation &c &c) … front page thumbnails to data page, from which download pdf.
Vintage public service pamphlets/booklets in which recognised artist-illustrators contributed drawings, often featuring their famous cartoon/comic characters. You can see the front page of these works as jpeg images but you need to d/load as pdfs. [University of Nebraska-Lincoln collection via CONTENTdm structure]
Free Web UI Wireframe Kit | Fuel Your Interface
http://www.fuelyourinterface.com/free-web-ui-wireframe-kit/
1950年代電車中吊り広告
http://www.geocities.co.jp/SilkRoad/7152/1950koukoku/1950koukoku.html
1950年代電車中吊り広告  この中吊り広告(なかづりこうこく)は、1950(昭和25)年から1954(昭和29)年頃にかけて、京阪神を走る国鉄列車内で実際に使用されていたもので、当時大阪の宮原電車区などで働いていた親戚の国鉄職員(故人)から譲り受けたものです。戦後物資難の時代にあって、裏面が白く、子供の絵書き用紙として使えるということで、電車区で使用済みとなった広告を自宅に持ち帰ったものが、今こうして残っています。  実物サイズはB3規格(横515mm×縦364mm)、印刷技術が向上してカラフルになりつつある頃で、戦後復興期の庶民の生活や終戦後の日本の政治・経済・社会情勢をうかがうことができます。当ページでは、所蔵約280枚の中から、236枚を公開しています。  これらのうちの一部は、2005年度日本アカデミー賞受賞映画「ALWAYS 三丁目の夕日」、及び2007年度「ALWAYS 続・三丁目の夕日」に資料提供(美術協力)し、集団就職列車、都電(路面電車)、東京駅のシーンに登場しています。( 映画では商号や商品名を東京地区用に加工されています )
なかなかどうして、素敵です。マスコミ関連はあんまり変わっていないような気もする。不二家の中刷りのペコが、どう見ても異常。怖えぇ。
あー、こういうの好きです。そして勉強になります。ありがとうございます。
広告の歴史
Design a Prettier Web Form with CSS 3 | Nettuts+
http://net.tutsplus.com/tutorials/html-css-techniques/design-a-prettier-web-form-with-css-3/
Gradient coloring
-Nettuts+
Thanks to advanced CSS properties, such as gradients and shadows, it's now quite easy to turn a dull web form into something beautiful - with minimal effort. I'll show you how in today's tutorial!
35 Beautiful iPhone App Website Designs
http://sixrevisions.com/design-showcase-inspiration/35-beautiful-iphone-app-website-designs/
아름다운 아이폰 앱 웹사이트 35선
Examples of excellence in iphone app website designs
Dare Obasanjo aka Carnage4Life - REST API Design: Invent Media Types, Not Protocols and Understand the Importance of Hyperlinks
http://www.25hoursaday.com/weblog/2008/10/24/RESTAPIDesignInventMediaTypesNotProtocolsAndUnderstandTheImportanceOfHyperlinks.aspx
The key thing to remember is that REST is about building software that scales to usage on the World Wide Web by being a good participant of the Web ecosystem. Ideally a RESTful API should be designed to be implementable by thousands of websites and consumed by hundreds of applications running on dozens of platforms with zero coupling between the client applications and the Web services. A great example of this is RSS/Atom feeds which happen to be one of the world's most successful RESTful API stories.
Showcase Of Brilliant Comic Book Cover Art | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2008/11/28/showcase-of-brilliant-comic-book-cover-art/
4586.jpg (JPEG Image, 651x1496 pixels)
http://img507.imageshack.us/img507/8676/4586.jpg
De evolutie van de logo's van pepsi en coka cola
Pepsi's logos vs. Coca Cola's
logos of the two companies over the years
26 cool and useful jQuery tips, tricks & solutions | OpenSourceHunter
http://www.opensourcehunter.com/2010/02/27/26-cool-and-usefull-jquery-tips-tricks-solutions/
The use of the jQuery library is growing and growing(just released jQuery 1.4), more and more people are using this useful javascript library. This means that more and more useful jQuery tips, tricks and solutions are coming available. That’s why i created a small list of 26 cool and useful jQuery tips, tricks and solutions. jQuery has a lot of very useful plugins that can help you with almost anything, but there are a couple of plugins that aren’t that smart to use, why? Well sometimes 1 or 2 lines of jQuery code can do the same thing(or even better), so why use a big script if you can do the same trick with a small piece of code. As many of you already know, jQuery can do a lot of things in more than just one way, so if you see a tip, trick or solution and think/know this can be done better, smarter or faster please let me know, post and share it in a comment below of just email me this, so that i can use this for part 2.
Photoshop Vip » ダウンロードしておきたい100個のフリーフォント保存版まとめ
http://photoshopvip.net/archives/12965
ダウンロードしておきたい100個のフリーフォント保存版まとめ
72 Questions to Ask New Web Design Clients with PDF Chart | BonFX - Logo Designer & Freelance Graphic Designer
http://bonfx.com/72-questions-to-ask-new-web-design-clients-with-pdf-chart/
How many times have you hung up the phone after a chat with a new prospective client and then immediately slapped your forehead and said “I can’t believe I forgot to ask ______!”. Yes, fill in the blank. You have done this, right? If not, you will shortly. Well, I jotted down my own personal list of forgetful-questions, and did a quick survey of the top 20 results for “questions to ask new web clients” and related searches. Aside from semantic fluctuations, there was zero overlap: we all ask the same stuff. So I present below the best 72 questions to ask prospective web design clients, along with a PDF chart.
How many times have you hung up the phone after a chat with a new prospective client and then immediately slapped your forehead and said “I can’t believe I forgot to ask ______!”. Yes, fill in the blank. You have done this, right? If not, you will shortly. Well, I jotted down my own personal list of forgetful-questions, and did a quick survey of the top 20 results for “questions to ask new web clients” and related searches. Aside from semantic fluctuations, there was zero overlap: we all ask the same stuff. So I present below the best 72 questions to ask prospective web design clients, along with a PDF chart. Get your graphic design brain moving When I brainstormed the list, it was initially very group-oriented and linear, as the brainstorm process naturally is. However, I chose to mix the list results up deliberately for several reasons: * When a list is in random order, you actually have to read it * Random lists will stimulate the brainstorming process in you * Ordered
The Future Of CSS Typography - Smashing Magazine
http://www.smashingmagazine.com/2010/03/01/css-and-the-future-of-text/
There has been an increasing and sincere interest in typography on the web over the last few years. Most websites rely on text to convey their messages, so it’s not a surprise that text is treated with utmost care. In this article, we’ll look at some useful techniques and clever effects that use the power of style sheets and some features of the upcoming CSS Text Level 3 specification, which should give Web designers finer control over text.
TypoFlat™ / experimental typefaces & then some
http://www.typoflat.com/
experimental typefaces and then some
Olympic Pictograms Through the Ages - Video Feature - NYTimes.com
http://www.nytimes.com/interactive/2010/02/24/sports/olympics/pictograms-interactive.html
Designer Steven Heller traces the evolution of the tiny symbols for each Olympic sport since their appearance in 1936.
Pictograms design through the ages.
a história dos pictogramas nas Olimpíadas
uxurls.com » A user experience aggregator
http://uxurls.com/
50 Awesome CSS3 Animations | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/development/50-awesome-css3-animations/
Browse: Home / Development / 50 Awesome Animations made with CSS3
CSS Border Radius
http://border-radius.com/
Border Radius syntax for CSS3, WebKit and Mozilla.
55 Colorful Web Designs to Inspire You | Inspiration
http://webdesignledger.com/inspiration/55-colorful-web-designs-to-inspire-you
modfelos de design em cor
“And Then There Was Salsa” on Vimeo
http://www.vimeo.com/9194146
Welcome to the world of Tostitos Restaurant Style Salsa A land of luscious tomato trees, spicy jalapeño cacti and canopies of fresh cilantro where anything is possible.
kul video som beveger seg utenfor rammen på vimeo...
The Ultimate Collection Of Brilliant Web Design Tutorials - Noupe
http://www.noupe.com/tutorial/the-ultimate-collection-of-brilliant-web-design-tutorials.html
Welcome - Warby Parker
http://www.warbyparker.com/
Free shipping on glasses. Can try 5 pairs and send 4 back for free.
glasses!
For when I eventually need glasses, because I probably will.
45 Creative Resumes to Sieze Attention | Inspiration
http://www.hongkiat.com/blog/creative-designer-resume-curriculum-vitae/
Creative Resumes
Are you one of those job seekers who have been sending far too many resumes and been hit with far too many disappointment? The problem may not lie with your qualification or skills set. Employer filters tons of resumes on daily basis, only the outstanding ones get noticed. creative resumes A creative resume is fairly important. Not only it resembles your personality, it also speaks your capability and creativity. Putting more effort and thoughts into creating an impressive resume is definitely worthwhile, as it is usually the first thing any employer sees before flipping through your entire portfolio. Today we want to bring to your attention a collective of 45 creative and beautiful resumes that will definitely impress an employer. Let’s not take any chances to let your dream job slip away (again). Full list after jump. Curriculum Vitae by Jonny-Rocket A CV that probably laid the author the job and great at attracting attention among several hundred applicants. Curriculum_Vitae-by
How to Build a Footer That Doesn’t Stink | Webdesigner Depot
http://www.webdesignerdepot.com/2010/03/how-to-build-a-footer-that-doesn%E2%80%99t-stink/
25 Amazing and Fresh jQuery Plugins - Speckyboy Design Magazine
http://speckyboy.com/2010/03/01/25-amazing-and-fresh-jquery-plugins/
Finding Inspiration in Uncommon Sources: 12 Places to Look - Smashing Magazine
http://www.smashingmagazine.com/2010/02/26/finding-inspiration-in-uncommon-sources-12-places-to-look/
Ache inspiracao, 12 lugares para olhar... bem interessante
วิธีการหา inspiration แบบต่างๆ
IOGraphica — MousePath's new home
http://iographica.com/
Tracks your mouse path throughout the day.
Woodworks Library
http://www.evenfallstudios.com/woodworks_library/woodworks_library.html
Free woodworking pdfs
understanding wood
The Art Browser | Full Lists of Artists by Movement
http://www.artst.org/full-list.php
Wow!
Artistas por movimentos (relativo mas útil)
Usability Review of Charity Websites Taking the Lead - Smashing Magazine
http://www.smashingmagazine.com/2010/02/26/usability-review-of-charity-websites-taking-the-lead/
Over the years designers have pushed themselves to create unique and inspiring designs. Companies have yearned to have websites which are innovative and make them...
Web Design Criticism: A How-To - Smashing Magazine
http://www.smashingmagazine.com/2010/03/02/web-design-criticism-a-how-to/
Smashing Magazine
65 Awesome Threadless Shirts | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/65-awesome-threadless-shirts
illus http://abduzeedo.com/inspiration-20-awesome-t-shirt-illustrations-glennz gap style http://directstyle.world.co.jp/webshop/kids/daily/index.html creative http://www.designerhk.com/blog/editor/1879
The Brads – a comic about web design » The Brads – Why DRM Doesn’t Work
http://www.bradcolbow.com/archive.php/?p=205
The Brads – a comic about web design »
DRM doesn't work
The Brads – a comic about web design » http://bit.ly/cGAhNe
Your Starter For Ten: 10 things never to leave out of a web design brief « Boagworld
http://boagworld.com/business-strategy/web-design-brief
The Basics of CSS3
http://www.webdesignerwall.com/tutorials/the-basics-of-css3/
The Basics of Clipping Paths and Opacity Masks - Vectortuts+
http://vector.tutsplus.com/tutorials/tools-tips/the-basics-of-clipping-paths-and-opacity-masks/
tuto bonitinho e polvo no illustrator :)
In this tutorial, we're going to cover the benefits, some uses, and the 'how-to' of two powerful methods to hide or show areas of an Illustrator document
Le basi sui tracciati di ritaglio e le maschere di opacità
150+ Free Paper Textures for your Next Design | blueblots.com
http://blueblots.com/freebies/150-free-paper-textures-for-your-next-design/
150+ Free Paper Textures for your Next Design | blueblots.com - http://blueblots.com/freebies/150-free-paper-textures-for-your-next-design/
OPEN Forum by American Express OPEN | | In Pursuit of Elegance: 12 Indispensable Tips
http://blogs.openforum.com/2009/05/18/in-pursuit-of-elegance-12-indispensable-tips/
OPEN Forum by American Express OPEN | |
Something is elegant if it is two things at once: unusually simple and surprisingly powerful. One without the other leaves you short of elegant. And sometimes the “unusual simplicity” isn’t about what’s there, it’s about what isn’t. At first glance, elegant things seem to be missing something.
Create a Sleek Illustration that Fades from Line Art to Color - PSDTUTS
http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-sleek-illustration-that-fades-from-line-art-to-color/
Create a Sleek Illustration that Fades from Line Art to Color | Psdtuts+ - http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-sleek-illustration-that-fades-from-line-art-to-color/
ダンス & ドローイング
25 Mega Menus for Your Design Inspiration – DesignM.ag
http://designm.ag/inspiration/mega-menus-showcase/
the Pure Grips example is the best one
25 Mega Menus for Your Design Inspiration
Navigation is a critical element to any website. Mega menus are a current trend that take drop down menus a step further in attempt to make it easier for visitors to navigate through a large site.
CSS3 loading spinners without images • CSS & (X)HTML • Kilian Valkhof
http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/
CSS transform (in Firefox 3.5+ and Webkit-based browsers) has a whole bunch of interesting functions, such as rotation, translation, scaling and skewing. To learn more about the different functions, check out the Mozilla developer center overview of CSS transform. After playing around with chaining different transforms and seeing the effect, I found out something interesting:
15 Quality Web-Based Applications to Create Mock-Ups and Wireframes | Spyre Studios
http://spyrestudios.com/15-quality-web-based-applications-to-create-mock-ups-and-wireframes/
The Drawar Gallery » Where beautiful design is displayed
http://www.drawar.com/gallery/
At the moment anyway, a gallery dominated by high-quality entries.
22 Fresh High-Quality Fonts for Your Designs | Freebies
http://webdesignledger.com/freebies/22-fresh-high-quality-fonts-for-your-designs
This week, we are bringing you more high-quality fonts that have been created in just the past few months. There are 22 in all and they’re all free. There are a few however that will require a quick registration, but they are well worth it.
So You Call Yourself A Designer? | Design Reviver
http://designreviver.com/articles/so-you-call-yourself-a-designer/
Books in the Age of the iPad
http://craigmod.com/journal/ipad_and_books/
"The Books We Make embrace their physicality"
"As the publishing industry wobbles and Kindle sales jump, book romanticists cry themselves to sleep. But really, what are we shedding tears over?"
Very reasonable, and well said. I agree with his recommendations and conclusions.
Scanned, read in detail later.
Paul Buchheit: If your product is Great, it doesn't need to be Good.
http://paulbuchheit.blogspot.com/2010/02/if-your-product-is-great-it-doesnt-need.html
I believe this "more features = better" mindset is at the root of the misjudgment, and is also the reason why so many otherwise smart people are bad at product design (e.g. most open source projects).
Pick three key attributes or features, get those things very, very right, and then forget about everything else.
What's the right approach to new products? Pick three key attributes or features, get those things very, very right, and then forget about everything else. Those three attributes define the fundamental essence and value of the product -- the rest is noise. For example, the original iPod was: 1) small enough to fit in your pocket, 2) had enough storage to hold many hours of music and 3) easy to sync with your Mac (most hardware companies can't make software, so I bet the others got this wrong). That's it -- no wireless, no ability to edit playlists on the device, no support for Ogg -- nothing but the essentials, well executed. ...By focusing on only a few core features in the first version, you are forced to find the true essence and value of the product.
10 Popular Firefox Add-ons for Web Developers
http://mashable.com/2010/03/03/firefox-plugins-developers/
Every plug-in on the list offers outstanding utility to developers who install them in their browsers. In fact, some of them are even considered indispensable. And they’re all available as free downloads for Firefox, right now.
10 Popular Firefox Add-ons for Web Developers
what you'd expect, plus a couple more. Includes FTP
Gesturecons - Multi-Touch Icons
http://gesturecons.com/
多重觸控手勢向量圖檔
手の形いろいろ。
ジェスチャー、アイコン、シルエット、マルチタッチ/タッチパッド、←iPhone/iPad、ベクタ
マルチタッチインターフェースで使えそうなアイコン集。仕様書に使おう。
Multi-Touch Icons
Icons for the multi-touch world.
ジェスチャーアイコン集 かなり使える
Future of CSS: The Flexible Box Model
http://webtint.net/tutorials/future-of-css-the-flexible-box-model/
Webtint.net is a website for web developers and designers, providing tips, tutorials, resources and inspiration.
灵活的盒模型
El modelo de cajas flexibles en CSS.
Fantastic Content Sliders for your Inspiration | Webdesigner Depot
http://www.webdesignerdepot.com/2010/03/fantastic-content-sliders-for-your-inspiration/
read content sliders
Content sliders are extremely versatile forms of navigation that can be used to display all sorts of information, such as images, popular posts, social information and product features. Some have automatic slideshow capabilities or buttons to scroll sideways or up and down, and most of them feature a transition effect, usually a slide motion. Sliders can be great focal points on websites and blogs as they instantly draw the audience’s attention and provide for an easy and sleek way for visitors to interact with a lot of information that can be sorted through quickly. In this post, we have compiled a massive amount of content slider examples that you can use for inspiration on your own websites. Enjoy!
Webdesigner Depot
Everything you should know about CSS Frameworks! - High Resolution Spotlights
http://www.highresolution.info/spotlight/entry/everything_you_should_know_about_css_frameworks/
Esej od autora YAML, Dirka Jesseho.
Gallery of 3D Elements in Web Design | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/3d-elements-in-web-design/
dynamic PNG shadow position & opacity - by Daniel Kurdoghlian | PushingPixels.at
http://pushingpixels.at/experiments/dynamic_shadow/
Simulate Realism with CSS3 - Inspect Element
http://inspectelement.com/tutorials/simulate-realism-with-css3/
Inspected Element goes further with more examples of how to "simulate realism" with some clever CSS3 effects for images, buttons, and more.
Examples of simulating realism using CSS3 techniques, examples inc. polaroid photos and animated DVD cases.
flame | peter blaskovic | escape motions
http://www.escapemotions.com/experiments/flame/index.html#top
Flame drawing tool creates abstract desktop backgrounds
How To Market Your Mobile Application - Smashing Magazine
http://www.smashingmagazine.com/2010/03/03/how-to-market-your-mobile-app/
App Store is a competitive environment. Against more than 140,000 apps, all screaming for attention, how do you make sure your app gets its time in the spotlight? What does it take to get good media coverage? How do you get people to talk about your app—and, ideally, how do you get them to buy it and show it to their friends?
App Store is a competitive environment. Against more than 140,000 apps, all screaming for attention, how do you make sure your app gets its time in the spotlight?
10 unexpected online user behaviours to look out for
http://www.webcredible.co.uk/user-friendly-resources/web-usability/online-behaviour.shtml
task in mind. This means their tunnel vision is already on, they
無料で自由に使えるライセンスのアイコンばかりを怒涛のごとく集めた『iconPot』 - 100SHIKI ~ 世界のアイデアを日替わりで ~
http://www.100shiki.com/archives/2009/03/iconpot.html
無料!、かつ、商用利用もOK!、かつ、クレジット記載も不要!というアイコンばかりを集めたサイト。
めっちゃ大量のアイコン!!
Beautiful Illustrator Artworks By Artists Around The World - Smashing Magazine
http://www.smashingmagazine.com/2010/03/04/100-beautiful-illustrator-artworks-by-artists-around-the-world/
Smashing Magazine
70 Awesome Open Source Tools for Graphic Designers
http://graphicdesigndegrees.org/70-awesome-open-source-tools-for-graphic-designers/
YouTube - Ed Catmull, Pixar: Keep Your Crises Small
http://www.youtube.com/watch?v=k2h2lvhzMDc
Ironing out the little problems can make it so companies can avoid big disasters. At 24:14
pixar guy talks about their process
Very nice talk, lot's of agile aspects in this story about what went wrong at the succefull Pixar company
Fantastique vidéo de Ed Catmull sur les méthodologies de travail des films chez Pixar et sur les processus de Pixar en tant que compagnie.
how pixar builds high performance teams - codinghorror.com
Ed Catmull, Pixar: Keep Your Crises Small
Ironing out the little problems can make it so companies can avoid big disasters. Recorded: January 31, 2007Related Article: http://www.gsb.stanford.edu/ne...
10 Free Beautiful Calligraphic Fonts - Noupe
http://www.noupe.com/fonts/10-free-beautiful-calligraphic-fonts.html
iPad Application Design » Matt Legend Gemmell
http://mattgemmell.com/2010/03/05/ipad-application-design
Some good commentary on how the iPad UI is a new class of different (via @DaringFireball)
Whirl-it lampshade - Whirl-it lampshade - free DIY tutorial - Pickles
http://www.pickles.no/whirl-it-lampshade/2009/6/28/whirl-it-lampshade.html
ottom rig
Ultimate Roundup of 750+ Free Photoshop Layer Styles | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/freebies/best-free-photoshop-layer-styles/
The ultimate roundup of 750+ photoshop layer styles available for free download.
Hey everyone! It seems that we have recently lost touch with the magic of Photoshop Layer Styles, until recently that is. So, in lieu of this, we have complied the ultimate roundup of 750+ style sets for you! Layer Styles are a great resource, and can really save heaps of time when designing something. They provide a great base of styles that are easily editable later on. It doesn’t stop there, don’t forget that they can easily create web buttons, icons, and Web 2.0 Text Styles.
Mega Listas: Todos os bancos de imagens da internet | Lista10.org - Top 10 melhores e piores listas do mundo - 2010 é o ano do Lista 10
http://lista10.org/mega-lista/mega-listas-todos-os-bancos-de-imagens-da-internet/
Todos os bancos de imagens da internet
Bancos de imagens
lista / links de banco de imagens
Banco de imgs free e pago.
What should I be charging for webdesign? | James Larkin
http://www.jameslarkin.ie/2010/02/14/what-should-i-be-charging-for-webdesign/
avel
How long is a piece of string? One of the most common questions I see on IWF and on boards.ie web design and web development forums is the age old
リッチインターネットアプリケーションの実装時に検討したい30のUI | コリス
http://coliss.com/articles/build-websites/operation/design/ui-essential-controls-for-ria.html
インターフェイスを考える。
Showcase of City Tourism Website Designs - Noupe
http://www.noupe.com/showcases/showcase-of-tourism-website-designs.html
Only putting this up here to test how the sharing thing works.
Städte-Websites, Stadt
Site de turismo de várias cidades do mundo
Quick Tip: Different Layouts for Different Widths | Nettuts+
http://net.tutsplus.com/videos/screencasts/quick-tip-different-layouts-for-different-widths/
navigation that appears when your width allows it
The easy way to apply different body classes according to a window's current width
Layouts diferentes para larguras de browser diferentes via css + jquery
45 Web Builders to Create an Insanely Awesome Free Website | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/development/best-web-builders-create-free-website/
ignore the code: Removing Features
http://ignorethecode.net/blog/2010/02/02/removing-features/
we're simple & complicated
If you leave features in your application just because half a dozen people actually use them, you’ll end up with Microsoft Word.
Keeping a clean and unclogged interface is a concept that I think it's familiar and shared by most of the people here. I like how this blog put them together. It's a lot about usability in the end.
Removendo caracteristicas.
Wireframe Icons, Royalty Free EPS and PNG | Konigi
http://konigi.com/store/product/wireframe-icons-royalty-free-eps-and-png
Minimal Icons BW
bassistance.de » jQuery plugin: Message
http://bassistance.de/jquery-plugins/jquery-plugin-message/
This plugin allows you to easily display feedback messages as an unobstrusive overlay. The message fades away automatically after some time, avoiding the need to click an “ok” button or something similar. The user can speed up hiding of the message by moving the mouse or clicking anywhere.
jQuery plugin: Message
猿人|en-jin
http://www.en-jin.jp/
うほうほ。クリエイティブエージェンシー猿人のwebサイト
Webデザイナーのためのフリーイメージギャラリー20選 | CREAMU
http://blog.creamu.com/mt/2009/01/web20_1.html
簡単に使える画像ギャラリー
35 forcefully fresh, finely-tuned, fiercely fascinating FONTS just for you…FREE - FrancescoMugnai.com
http://blogof.francescomugnai.com/2009/04/35-forcefully-fresh-finely-tuned-fiercely-fascinating-fonts-just-for-youfree/
小さいサイズのアイコン Part3 - DesignWalker
http://www.designwalker.com/2008/11/small-icon.html
by DesignWalker
これで、とうとう3度目の小さいサイズのアイコンシリーズです。 『リストに使える小さいサイズのアイコン Part2』でもご紹介しております。その前の記事はリンク先からどうぞ…。 小さいサイズのアイコンは、リストに使ったり、タイトルの横に添えてみたりと使い道はいろいろありますね。
38 new Business Cards - Best of Jan-Feb-Mar 2009 - FrancescoMugnai.com
http://blogof.francescomugnai.com/2009/03/38-new-business-cards-best-of-jan-feb-mar-2009/
38 new Business Cards – Best of Jan-Feb-Mar 2009 - FrancescoMugnai.com
Pure CSS speech bubbles – Nicolas Gallagher
http://nicolasgallagher.com/demo/pure-css-speech-bubbles/bubbles.html
Balões
Don't work in IE6, though...
Typography - 46 Cool & Useful Dingbat Fonts | Think Design
http://thinkdesignblog.com/typography-46-cool-useful-dingbat-fonts.htm
Lifehacker - Tweak GIMP to be More Like Photoshop - GIMP
http://lifehacker.com/5198012/tweak-gimp-to-be-more-like-photoshop
We've shown you how to make GIMP's interface look like Photoshop's, but these tips will actually add many of the functions and capabilities of Adobe's flagship photo editor to its open-source counterpart.
Tweak GIMP to be More Like Photoshop
Whitehouse.gov Redesign: The Change Has Come | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/02/01/whitehousegov-redesign-the-change-has-come/
Whitehouse.gov Redesign: The Change Has Come
Creative Review - Low-Fi Sci-Fi
http://www.creativereview.co.uk/cr-blog/2009/april/low-fi-sci-fi
in a sea of noise
The best in visual communication.
"We wanted to create a series style that would adhere to the nature of the content – eg its complexity – but employ a hands-on approach
Classic sci-fi novel covers torn down to the bare minimum: black and white goodness.
Love these.
I think I bookmarked this already but oh well...
"Sanda created each cover using A4 paper, with all the typography printed and placed on the structure by hand," Jones continues. "We then photographed each paper structure and, upon seeing the original black and white images, we didn't feel that any tweaking or further alterations were needed."
Microsoft's Courier 'digital journal': exclusive pictures and details (update: video!) -- Engadget
http://www.engadget.com/2010/03/05/microsofts-courier-digital-journal-exclusive-pictures-and-de/
the inner planner in me gets such a rush from this
RT @javiercelaya: Primeras imágenes de la tableta de MS http://ping.fm/O4CDH
We've been dying to know more about Microsoft's Courier tablet / e-book device ever since we first caught wind of it last September, and while our entreaties to Mr. Ballmer went unanswered, we just learned some very interesting information from an extremely trusted source. We're told Courier will function as a "digital journal," and it's designed to be seriously portable: it's under an inch thick, weighs a little over a pound, and isn't much bigger than a 5x7 photo when closed. That's a lot smaller than we expected -- this new picture really puts it into perspective -- and the internals apparently reflect that emphasis on mobility: rather than Windows 7, we're told the Courier is built on Tegra 2 and runs on the same OS as the Zune HD, Pink, and Windows Mobile 7 Series, which we're taking to mean Windows CE 6.
Exclusive pictures and details (update: video!)
We've been dying to know more about Microsoft's Courier tablet / e-book device ever since we first caught wind of it last September, and while our entreaties to Mr. Ballmer went unanswered, we just learned some very interesting information from an extremely trusted source. We're told Courier will function as a "digital journal," and it's designed to be seriously portable: it's under an inch thick, weighs a little over a pound, and isn't much bigger than a 5x7 photo when closed.
Tegra 2
17 New Wordpress Themes That Will Rock Your Personal Blog
http://crenk.com/17-new-wordpress-themes-that-will-rock-your-personal-blog/
17 New Wordpress Themes That Will Rock Your Personal Blog - http://crenk.com/17-new-wordpress-themes-that-will-rock-your-personal-blog/
How to Create a Gorgeous Glassy Text Effect - Psdtuts+
http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-create-a-gorgeous-glassy-text-effect/
How to Create a Gorgeous Glassy Text Effect | Psdtuts+ - http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-create-a-gorgeous-glassy-text-effect/
Norwegian Websites Declare War on IE 6 | Epicenter from Wired.com
http://blog.wired.com/business/2009/02/norwegian-websi.html
Die IE6, die! Browsercide evangelism FTW!
Several large websites in Norway have launched an advocacy campaign urging Microsoft Internet Explorer 6 users to upgrade their outdated web browsers.
30 Latest High-Quality Free (X)HTML/CSS Templates Must See Now
http://www.themeflash.com/30-latest-high-quality-free-xhtmlcss-templates-must-see-now
模板
20 Beautiful Fonts for Big and Effective Headlines | WebDesignFan.com
http://webdesignfan.com/fonts-for-effective-headlines/
20 Beautiful Fonts for Big and Effective Headlines http://bit.ly/9hiQJe #fonts #typography #design
Typography is one of the most important design element. Design with good typography looks better and is easier to read or scan the content. Headlines are important typography design element. It help users to find out what is most important in content. Headlines must be big, attractive and effective to attract users for more reading and browsing.
20 fontes boas para titulos
Minimalist Design Magazine | Design Inspiration Showcase
http://www.minimalistdesign.org/
ZURB Grid Builder - ZURB Playground - ZURB.com
http://www.zurb.com/playground/css-grid-builder
JSPatterns.com
http://www.jspatterns.com/
Good resource on javascript
» Absolutely Uniques, Creative and Useful Footers WebAir Blog
http://www.webair.it/blog/2009/03/30/absolutely-uniques-creative-and-useful-footers/
» Absolutely Uniques, Creative and Useful Footers WebAir Blog - http://www.webair.it/blog/2009/03/30/absolutely-uniques-creative-and-useful-footers/
March 30, 2009
creative ideas on footers
A Look into Color Theory in Web Design
http://sixrevisions.com/web_design/a-look-into-color-theory-in-web-design/
Unarguably one of the most important aspects of any design is its colors. Designers create the style of a site, as well as the movement it makes, the emotion it creates, and its purpose based largely upon the color choices they make. Colors are powerful tools and an important thing all designers should understand when creating websites.
[object Object]
50 Inspiring Textured Web Designs | Inspiration
http://webdesignledger.com/inspiration/50-inspiring-textured-web-designs
A delicious selection of sites with real depth to their look and feel. Also, interesting to see that Hillsong's 'I Heart Revolution' site is in the mix!
Johnny Holland – It's all about interaction » Blog Archive » Creating Successful Style Guides
http://johnnyholland.org/2010/02/15/creating-successful-style-guides/
40 Outstanding Photo Manipulation Tutorials - Noupe
http://www.noupe.com/tutorial/40-outstanding-photo-manipulation-tutorials.html
Photo manipulation is an art that requires lots of patience along with the expertise in Photoshop and other photo editing tools. With your creativity and imagination,...
12 Practical Ways To Become More Creative | Freelance Folder
http://freelancefolder.com/ways-to-become-more-creative/
CSS-Tricks #38: Basics & Tips on Designing for the iPhone
http://css-tricks.com/video-screencasts/38-basics-tips-on-designing-for-the-iphone/
IPOD WEB MISE EN PAGE !!!!
15 Fresh Logo Design Processes That Teach Volumes | Little Box Of Ideas
http://www.littleboxofideas.com/blog/features/15-fresh-logo-design-processes-that-teach-volumes
Naresh Jain » Agile FAQs Blog » Managed Chaos » Agile (as practiced today) is the new Waterfall
http://blogs.agilefaqs.com/2009/04/29/agile-as-practiced-today-is-the-new-waterfall/
In this presentation I give some examples of heavy weight methods and their implications on your project. Then I give a quick overview of Agile methods, the rationale behind it, its origin, its values and principles. I move on to
This is supposed to be an introductory presentation on Agile. In this presentation I give some examples of heavy weight methods and their implications on your project. Then I give a quick overview of Agile methods, the rationale behind it, its origin, its values and principles. I move on to describe that what I see happening today in the industry is really waterfall in the name of Agile. I give some reasons why this is happening and then I give some pointers to move away from this flawed thinking. Bottom line, Agile is not a Silver Bullet and don’t fall pray to marketing gimmicks. Question dogmatic claims. Adapt Agile to your needs and take baby steps.
Panic Blog » The Panic Status Board
http://www.panic.com/blog/2010/03/the-panic-status-board/
another awesome project status BB
Company status board on steroids. Love it.
Arrivals | Development Status | Cultured Code
http://culturedcode.com/status/
Another status board following the airport style.
Another very nice #board that I'd like to have it at #af83 http://tr.im/RawF
Nice status page from Cultured Code, makers of Things for the mac
scheduled
About this Blog | Free PeepCode Blog
http://blog.peepcode.com/tutorials/2010/about-this-blog
individually designed blog post
good ideas and tools for a blog with a style per page.
20 Unique and Creative Logo Designs
http://www.toxel.com/design/2010/03/03/20-unique-and-creative-logo-designs/
Logo is a symbol or emblem commonly used by companies and individuals to aid and promote instant public recognition.
14 Free Mobile Application Development Icon Sets - Speckyboy Design Magazine
http://speckyboy.com/2010/03/08/14-free-mobile-app-development-icon-sets/
The gap between the desktop/laptop and the mobile device is becoming smaller and smaller, it has never been a better time for mobile app development – The market is huge, very lucrative and highly profitable. Our ever growing appetite for more powerful and better mobile devices has pushed the demand even higher for ever more powerful and better applications to accompany them.
ウェブデザインに役立つカラースキームのサンプルやジェネレーター集 | コリス
http://coliss.com/articles/build-websites/operation/design/2350.html
たくさんある
コリスさんより。
The Web
Web Design: 22 Great Drupal Sites | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/web-design-22-great-drupal-sites
30 Free Fonts For Creative Projects
http://www.webdesignerwall.com/general/30-free-fonts-for-creative-projects/
21 Resources Especially for Lovers of Minimalism | Vandelay Design Blog
http://vandelaydesign.com/blog/design/resources-minimalism/
Panic Blog
http://www.panic.com/blog/
great photo pop-outs, great post borders, great code-snippets
Progressive enhancement: pure CSS speech bubbles – Nicolas Gallagher — Blog & Ephemera
http://nicolasgallagher.com/progressive-enhancement-pure-css-speech-bubbles/
Speech bubbles are a popular effect but many tutorials rely on presentational HTML or JavaScript. This tutorial contains various forms of speech bubble effect created with CSS2.1 and enhanced with CSS3. No images, no JavaScript and it can be applied to your existing semantic HTML.
8-Bit NYC
http://8bitnyc.com/
Фотомоушен2 — Сообщество творческих людей.
http://www.photomotion.ru/
Что-то там таккое ............... )
Harmony - Procedural drawing tool
http://mrdoob.com/lab/javascript/harmony/
Procedural drawing tool
HTML5 drawing tool
http://mrdoob.com/lab/javascript/harmony/
It's amazing what you can do with HTML5. If I were Adobe, I'd be more than a little worried right now.
Canvas driven drawing app.
WordPress › Neutica « Free WordPress Themes
http://wordpress.org/extend/themes/neutica
Wordpress theme
nice theme
標準アプリの代替になりそうなiPhoneアプリ5つ : Gizmodo Japan(ギズモード・ジャパン), ガジェット情報満載ブログ
http://www.gizmodo.jp/2009/04/appbankiphone.html
24 Unforgettable Advertisements | The Best Article Every day
http://www.bspcn.com/2008/06/29/24-unforgettable-advertisements/
24 Unforgettable Advertisements | The Best Article Every day - http://www.bspcn.com/2008/06/29/24-unforgettable-advertisements/
Showcase of Beautifully Designed Brochures – DesignM.ag
http://designm.ag/inspiration/brochure-design/
แบบโบรชัวร์สวยๆ
パンフレット デザイン
美しいパンフレットデザインの実例
Extend the Firebug Console with these 15 Extensions - Speckyboy Design Magazine
http://speckyboy.com/2010/03/03/extend-the-firebug-console-with-these-15-extensions/
The Ultimate (Fresh) Collection Of High-Quality Free Social Media Icon Sets @ SmashingApps
http://www.smashingapps.com/2010/03/08/the-ultimate-fresh-collection-of-high-quality-free-social-media-icon-sets.html
The Ultimate (Fresh) Collection Of High-Quality Free Social Media Icon Sets
social media icons
web制作者の為の31リンク集2009年1月度版*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-583.html
便利なツール、ウェブサービスとかのリスト
cssやアイコン、テクスチャ、アクションなどいろいろいろまとめすぎてよくわからない・・・
chalk shadows « Picdit
http://picdit.wordpress.com/2008/11/26/chalk-shadows/
chalk-outlined shadows
Fantastic chalk drawings
デザイナーのための素材サイト13選 | CREAMU
http://blog.creamu.com/mt/2009/03/13_1.html
デザインに使える素材を探している。 そんなときにおすすめなのが、『13 Most Desirable Collection Of Free Resources For Every Designer』。デザイナーのための素材サイト13選だ。 以下にいくつかご紹介。
UpShot: interactive communication tool for creative people
http://www.upshotapp.com/
not checked it out yet
Sliding Labels v2 – Patch « CSSKarma
http://www.csskarma.com/blog/sliding-labels-v2/
Sliding labels in forms
nett Sliding Labels v2 http://bit.ly/9ttvPp #css
フォームのラベル
Sliding Labels v2 – Patch « CSSKarma - http://www.csskarma.com/blog/sliding-labels-v2/
15 Essential Interviews For The Creative Community | Inspired Magazine
http://www.inspiredm.com/2009/05/31/15-essential-interviews-for-the-creative-community/
// We made a selection of inspiring interviews with outstanding personalities, must reads for every freelancer, designer, webpreneur, & co. There are
The Mechanics of Comics - VECTORTUTS
http://vector.tutsplus.com/tutorials/comics/the-mechanics-of-comics/
Black and White Fractals That Capture Creativity | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/04/26/black-and-white-fractals-that-capture-creativity/
fractals
שחור ולבן בהמון וריציות יופי יופי
by Smashing Magazine
Imágenes fractales en blanco y negro
これは注目!jQueryでExtばりにリッチなUIが実装できる「jQuery Ribbon」:phpspot開発日誌
http://phpspot.org/blog/archives/2009/05/jqueryextjquery.html
Windows7っぽいデザインのUIがJavaScriptで
16 Killer Motion Graphics Demo Reels - Aetuts+
http://ae.tutsplus.com/articles/inspiration/16-killer-motion-graphics-demo-reels/
[CSS]実用的なものからマニアックなものまでリスト要素をスタイルするベストプラクティス | コリス
http://coliss.com/articles/build-websites/operation/css/css-styling-lists-best-practices.html
olでカレンダーとかも。
ol要素の数字とテキストに異なるフォントを適用/ul要素で3カラムのレイアウトを実装 @あれこれ
Toxel.com » Creative Bus Stop Advertisements
http://www.toxel.com/inspiration/2008/10/03/creative-bus-stop-advertisements/
バス停
EPA art
Creative Bus Stop Advertisements
DeskTopLive.xna
http://b-o-w.jp/events/dtl_xna/
気になる。
マウスポインタの位置座標でチューニング
チューニングする感覚がある
brilliant. tune in site
NTSC Video - Whassit all mean anyway?
http://nfg.2y.net/games/ntsc/visual.shtm
is how DVDs work: a high res green image and two low-res imag
ure notice when someone tampers with your green!! The difference with red is ce
Zoomable User Interfaces « Usability Post
http://www.usabilitypost.com/2009/02/09/zoomable-user-interfaces/
Tips and insights into good design and usability.
prezi
3d user interfaces
| ^^ |秒刊SUNDAY | 0円でWebデザイナーになれる、オープンソースウェブ制作アプリ集30個
http://www.yukawanet.com/sunday/2009/01/web30.html
0円でWebデザイナーになれる、オープンソースウェブ制作アプリ集30個
オープンソースウェブ制作アプリ集
50 jQuery Snippets That Will Help You Become A Better JavaScript Developer | AddyOsmani.com | Where Web Businesses Grow
http://addyosmani.com/blog/50-jquery-snippets-for-developers/
e
http://addyosmani.com/blog/50-jquery-snippets-for-developers/ - plenty of jQuery snippets #yam
Some of these snippets are going to be things that have just been supported with jQuery 1.4.2 whilst others are really useful functions or methods that can help you do things better or quicker.
Clients - A Designer’s Surival Guide | Designious Times
http://www.designioustimes.com/design/clients-a-designers-surival-guide.html
“Yeah, how about if you change that color to green and make the logo bigger, oh and I don’t like the photo of the girl nor the background could you use something else? And could you have it ready by tomorrow?”
Ultimate Roundup of Free User Interface Icons | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/freebies/best-free-web-user-interface-icons/
There are so many icon websites available on the web but what we are presenting here is only high quality and web2.0 free icon packs collected from various websites ,designers galleries and blogs.
350+ Ultimate Free Spray and Splatter Paint Brushes | Naldz Graphics
http://naldzgraphics.net/freebies/350-ultimate-free-spray-and-splatter-paint-brushes/comment-page-1/
350+ Ultimate Free Spray and Splatter Paint Brushes | Naldz Graphics - http://naldzgraphics.net/freebies/350-ultimate-free-spray-and-splatter-paint-brushes/comment-page-1/
Alignment - Formulate Information Design
http://formulate.com.au/articles/alignment/
Guidelines for form design.
Reference: Periodic Table of Typefaces Schools You on Fonts
http://lifehacker.com/5169304/periodic-table-of-typefaces-schools-you-on-fonts
Forms On Mobile Devices: Modern Solutions - Smashing Magazine
http://www.smashingmagazine.com/2010/03/11/forms-on-mobile-devices-modern-solutions/
一篇說明Mobile上表單的優使化設計建議的文章
Mobile forms tend to have significantly more constraints than their desktop cousins: screens are smaller; connections are slower; text entry is trickier; the list
Good article on ways to design forms for mobile devices
Mobile forms tend to have significantly more constraints than their desktop cousins: screens are smaller; connections are slower; text entry is trickier; the list goes on. So, limiting the number of forms in your mobile applications and websites is generally a good idea. When you do want input from users on mobile devices, radio buttons, checkboxes, select menus and lists tend to work much better than open text fields.
Guiding Principles for UX Designers | UX Magazine
http://www.uxmag.com/design/guiding-principles-for-ux-designers
USER EXPERIENCE RULES
15 Desktop & Online Wireframing Tools | UX Booth
http://www.uxbooth.com/blog/15-desktop-online-wireframing-tools/
mocking web pages., wireframes
「たかが色、されど色」 ヒトとWebと色の関係:MarkeZine(マーケジン)
http://markezine.jp/article/detail/6155
なるほど色ね。色とオーラと関係していると言っていたフランス人の友人もいたもの…
Annals of Technology: The Grammar of Fun: Reporting & Essays: The New Yorker
http://www.newyorker.com/reporting/2008/11/03/081103fa_fact_bissell?currentPage=all
Until very recently, almost no literature was devoted to game design, and what there was tended to be quickly made obsolete by the speed of technological developments. After the day’s final meeting had ended, I realized that, for the two decades that I had been playing games, I had unwittingly been at the mercy of the constantly changing orthodoxies of game design. I knew that some games seemed more fun than others, but I would have struggled to explain why. Bleszinski and the other Epic designers came to this form as children. Growing up playing games, they absorbed the governing logic of the medium, but no institutions existed for them to transform what they learned into a methodology. Gradually, though, they turned a hobby into a creative profession that is now as complex as any other. They have established the principles of a grammar of fun.
CliffyB and the world of the video game.
The New Yorker has a typically in-depth, insightful, and light-hearted profile of the lead designer behind Epic's monster hit "Gears of War" video game series.
"Why did mushrooms make Mario grow larger? Why did flowers give Mario the ability to spit fire? Why did bashing Mario’s head against bricks sometimes produce coins? And why was Mario’s enemy, Bowser, a saurian, spiky-shelled turtle?"
There has been some really good journalism devoted to video games lately, including this New Yorker profile of Epic's lead designer.
Cool article about Gears of War and Epic Games
12 Water Inspired Web Designs
http://www.youthedesigner.com/2009/06/25/12-water-inspired-web-designs/
12 Water Inspired Web Designs - http://www.youthedesigner.com/2009/06/25/12-water-inspired-web-designs/
water fun
very cool ways to use water as an inspiration
My Way - Abstract City Blog - NYTimes.com
http://niemann.blogs.nytimes.com/2010/03/10/my-way/
Christoph Niemann
Common phrases and phenomena represented as Google maps.
NYTimes: My Way - Creative Google Map Art http://nyti.ms/anvGEw #creative #googlemaps
10 Tips For Managing Twitter As Your Usage Increases | Blog of Mr. Tweet
http://blog.mrtweet.net/10-tips-for-managing-twitter-as-your-usage-increases
Twitter
HP releases netbook interface for Ubuntu - Download Squad
http://www.downloadsquad.com/2009/02/04/hp-releases-netbook-interface-for-ubuntu/
HP releases netbook interface for Ubuntu
ume-launcher.
Does HP step on Microsoft's toes? "HP releases netbook interface for Ubuntu" http://is.gd/io3L [from http://twitter.com/LoXD/statuses/1184450096]
DesignM.ag » Inspirational Text Effects
http://designm.ag/inspiration/inspirational-text-effects/
If you browse through the portfolios of graphic designers, or through sites like deviantART, Flickr, and the Behance Network, you’ll certainly find some very interesting and inspiring text effects. This collection features a variety of different text effects from various designers.
Inspirational Text Effects
Designing for the Web – Contents
http://designingfortheweb.co.uk/book/index.php
30 Examples of Clean and Minimal Website Navigation | Inspiration
http://webdesignledger.com/inspiration/30-examples-of-clean-and-minimal-website-navigation
Design inspiration twitter clone
Unique Handwritten Free Fonts For Your Next Designs | PV.M Garage
http://www.pvmgarage.com/en/2010/03/unique-handwritten-free-fonts-for-your-next-designs/
Opera Logo with CSS · David DeSandro
http://desandro.com/articles/opera-logo-css/
I love this, it renders beautifully in Safari 4 and is an IE fail!
50 of the Best Typography Posters | design something.
http://blogpost.dj23.net/archives/90
Posters tipograficos
Design Around the World: Metro Maps | Webdesigner Depot
http://www.webdesignerdepot.com/2010/03/design-around-the-world-metro-maps/
Every city looks and feels unique. Regional culture, typography, dialect, local customs and many more factors play a part in defining a city’s differences.
9 Ways to Get Your Design Portfolio Seen
http://designm.ag/freelance/get-your-design-portfolio-seen/
9 Ways to Get Your Design Portfolio Seen
一工夫でページのクオリティをアップするCSSとJavaScriptのソリューション集 | コリス
http://coliss.com/articles/build-websites/operation/work/css-and-javascript-10-solutions.html
Harmony - Procedural drawing tool
http://mrdoob.com/projects/harmony/
рисовать
[CSS]アイデア満載のスタイルシートのテクニック集 | コリス
http://coliss.com/articles/build-websites/operation/css/1586.html
[CSS]アイデア満載のスタイルシートのテクニック集 | コリス
The State of the Web - Winter 2009
http://0at.org/winter-2009.html
Funny Illustration
Plan to Fail: Old Game Characters
http://tomrhodes.blogspot.com/2009/02/old-game-characters.html
So you wanted to play a game about a brilliant, british, female archeologist, huh? Well, knock yourself out
Personajes de juegos de computadora envejecidos.
I've noticed a lot of nerd artists tend to draw G-Dawg here as this brave, heroic, smirking bad ass crushing alien faces with a crow-bar, but if there's anything my life has taught me, it's that nerds aren't bad asses, and the way the first Half-Life game was played was far from bad ass action hero. It was a fly-by-the-seat-of-my-pants game of ammo-management, with really suspenseful silent parts, and frantic action parts. If anything, Gordon Free
On Location - One Room Configured 24 Ways - NYTimes.com
http://www.nytimes.com/2009/01/15/garden/15hongkong.html
"This room — the “maximum kitchen,” he calls it — and the “video game room” he was sitting in minutes before are just 2 of at least 24 different layouts that Mr. Chang, an architect, can impose on his 344-square-foot apartment, which he renovated last year. What appears to be an open-plan studio actually contains many rooms, because of sliding wall units, fold-down tables and chairs, and the habitual kinesis of a resident in a small space. As Mr. Chang put it, “I glide around.”"
Gary Chang's transforming apartment in Hong Kong
How to use minimal apartment space to best effect
Really awesome creative use of a very small space.
would love to see a video of this
A tiny Hong Kong apartment is a model of flexible living, featuring sliding wall units and fold-down tables and chairs.
2008年のCSSベストデザインサイト集:phpspot開発日誌
http://phpspot.org/blog/archives/2008/12/2008css.html
「Best of CSS Design 2008」からいくつかピックアップしての紹介。
How to create your own Firefox theme | News | TechRadar UK
http://www.techradar.com/news/internet/how-to-create-your-own-firefox-theme-501504
How to create your own Firefox theme Simple ways to personalise your browser : TechRadar UK
10 WordPress Tips & Tricks for Your Comment Page | Lists | Tutorial Blog
http://tutorialblog.org/10-wordpress-tips-tricks-for-comment-pages/
A Themer's Cheatsheet | Development Seed
http://www.developmentseed.org/blog/2008/nov/25/themers-cheatsheet
How to Create a Planet Icon Set in Photoshop | Web Design Ledger
http://webdesignledger.com/tutorials/how-to-create-a-planet-icon-set-in-photoshop
In this tutorial you will learn an easy method for creating very cool looking planet icons by using free textures and some simple lighting and shading
Como hacer un planeta
Business Cards: Distinguish Yourself With A Social Calling Card
http://lifehacker.com/5047383/distinguish-yourself-with-a-social-calling-card
10 Places to Download Free Icon Sets | Freebies | Tutorial Blog
http://tutorialblog.org/10-places-to-download-free-icon-sets/
10 Places to Download Free Icon Sets | Freebies | Tutorial Blog - http://tutorialblog.org/10-places-to-download-free-icon-sets/
10 Places to Download Free Icon Sets | Freebies | Tutorial Blog
40+ Awesome Typography Wallpapers, serious inspiration | tripwire magazine
http://www.tripwiremagazine.com/design/design/40-awesome-typography-wallpapers-serious-inspiration.html
I have a soft spot for good quality typography. It is just nice and inpireing to look at I think. Adding typography art to desktop wallpapers seams to be quite common and it gives us a good oppertunity to have a source of typography inspiration i
プロレベルのサイト作成時に使える実用Photoshopチュートリアル集:phpspot開発日誌
http://phpspot.org/blog/archives/2008/12/photoshop_116.html
Ultimate Guide for Creating High Quality Textures
http://designm.ag/tutorials/photographing-textures/
One of the biggest trends in web and graphic design in the past couple of years has been the use of textures in websites, print design, and everything in between. Textures help give designs a more “real world” feeling by incorporating surfaces that we are all familiar with.
textures
What Twitter Looks Like For Twitter Employees (SCREENSHOTS)
http://www.businessinsider.com/what-twitter-looks-like-for-twitter-employees-screenshots-2009-4
example backend for twitter with Britney Spears info
It don't need to be pretty (though that helps), but it does need to work.
Francophone geek site Nowhere Else says hackers sent them screenshots from the site Twitter employees use to manage the microblogging service, admin.twitter.com.
...hackers sent them screenshots from the site Twitter employees use to manage the microblogging service, admin.twitter.com... [It's amazing to see all of the back-end stuff necessary to run something so "simple" as Twitter.]
Models vs. Modules - (37signals)
http://www.37signals.com/svn/posts/1553-models-vs-modules
mahtava evoluutioartikkeli. modelikoodi -> moduuleihin -> luokkiin. oon miettiny jotain tällästä, mutten saanu ajatusta täysin kasaan.
CSS3 Generator
http://css3generator.com/
This is a handy tool for generating CSS from the emerging CSS3 modules that you can use right now in modern browsers – includes tools to do web fonts, box shadows, text shadows, rounded corners, etc. (info from Joe)
Bom auxilio pro CSS3
RT @standardistas: Problems recalling your border-radius, box-shadow and other CSS3 selectors? CSS3 Generator has you covered: http://j. ...
Find The Perfect Image For Any Project In 5 Steps | Freelance Folder
http://freelancefolder.com/find-the-perfect-image-for-any-project-in-5-steps/
RT @FreelanceFolder Find The Perfect Image For Any Project In 5 Steps | Freelance Folder http://tinyurl.com/c6ukwm #delbm #images #photos
How to Increase Conversions on any Website in 45 Minutes
http://sixrevisions.com/usabilityaccessibility/how-to-increase-conversions-on-any-website-in-45-minutes/
read this
Big-Ass Message | by Bjernie's Fast Food
http://bigassmessage.com/
bigassmessage.com/d8289443c [HOW USEFUL]
RT @wwwhatsnew: http://bigassmessage.com/ - Envía mensajes por internet con formato de hace 15 años
Not sure what you'll use it for, but fun all the same : http://bigassmessage.com/
Send a BIG-ASS MESSAGE
5 Advanced CSS Pseudo Classes that will Save your Day | DevSnippets
http://devsnippets.com/article/5-advanced-css-pseudo-class.html
5 Advanced CSS Pseudo Classes that will Save your Day
As it says on the tin.
“Call to Action” Buttons: Guidelines, Best Practices and Examples | Web 2.0
http://www.hongkiat.com/blog/call-to-action-buttons-guidelines-best-practices-and-examples/
“Call to Action” Buttons: Guidelines, Best Practices and Examples #hongkiat.com http://bit.ly/a2bSfi
“Call to Action” buttons - guidelines, best practices and examples
Top 10 best practices for front-end web developers
http://www.catswhocode.com/blog/top-10-best-practices-for-front-end-web-developers
Top 10 best practices for front-end web developers - http://www.catswhocode.com/blog/top-10-best-practices-for-front-end-web-developers
practices
シンプル、ミニマルなサイトを作りたい時に役立ちそうなアイコンやフォント、ギャラリーなどのまとめ - かちびと.net
http://kachibito.net/web-design/minimal-site-resource.html
5 Creepy Ways Video Games Are Trying to Get You Addicted | Cracked.com
http://www.cracked.com/article_18461_5-creepy-ways-video-games-are-trying-to-get-you-addicted.html
see page 2 for "frameworks-for-business" AND "jobs-hiring": Why do so many of us have that void? Because according to everything expert Malcolm Gladwell, to be satisfied with your job you need three things, and I bet most of you don't even have two of them: - Autonomy (that is, you have some say in what you do day to day); - Complexity (so it's not mind-numbing repetition); - Connection Between Effort and Reward (i.e. you actually see the awesome results of your hard work).
5 addictive mechanics explained.
Now, there's no way they can create enough exploration or story to keep you playing for thousands of hours, so they had to change the mechanics of the game, so players would instead keep doing the same actions over and over and over, whether they liked it or not. So game developers turned to Skinner's techniques. This is a big source of controversy in the world of game design right now. Braid creator Jonathan Blow said Skinnerian game mechanics are a form of "exploitation." It's not that these games can't be fun. But they're designed to keep gamers subscribing during the periods when it's not fun, locking them into a repetitive slog using Skinner's manipulative system of carefully scheduled rewards. Why would this work, when the "rewards" are just digital objects that don't actually exist? Well...
47 CSS Tips & Tricks To Take Your Site To The Next Level | CSS | instantShift
http://www.instantshift.com/2010/03/15/47-css-tips-tricks-to-take-your-site-to-the-next-level/
40 Excellent Minimalist Web-Designs From Which To Draw Inspiration | Spyre Studios
http://spyrestudios.com/40-amazing-minimalist-website-designs-for-your-inspiration/
Minimalism is beautiful. It truly is. The best part about minimalism in web design is that it comes in many styles, colors and sizes, but they always have the same goal in mind - saying the most while saying the least.
Everything should be as simple as it is, but not simpler.
20 Beautiful Minimalist WordPress Themes
http://sixrevisions.com/wordpress/20-beautiful-minimalist-wordpress-themes/
Minimalism in web design seems to be the new trend lately, and WordPress is the perfect candidate to put simplicity to good use. You'll find 20 minimal WordPress themes here.
Scribbler :: Mario Klingemann update :: zefrank.com
http://www.zefrank.com/scribbler/scribblertoo/
Designing for the Web: A book by Mark Boulton
http://designingfortheweb.co.uk/
Designing for the web, a book by Mark Boulton, is now available online for free! http://tr.im/S5pb
"A Practical Guide to Designing for the Web aims to teach you techniques for designing your website using the principles of graphic design."
Findbrushes.com - Free photoshop brushes - Search engine
http://findbrushes.com/index.php
Effective Design for Multiple Screen Sizes | mobiForge
http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes
Make Watercolor and Marker Style Portraits with Illustrator
http://designinstruct.com/drawing-illustration/make-watercolor-and-marker-style-portraits-with-illustrator/
Make Watercolor and Marker Style Portraits with Illustrator - http://designinstruct.com/drawing-illustration/make-watercolor-and-marker-style-portraits-with-illustrator/
Showcase of Excellent Tables and best practices
http://www.tuttoaster.com/showcase-of-excellent-tables-and-best-practices/
100 Essential Web Development Tools - Noupe
http://www.noupe.com/tools/100-essential-web-development-tools.html
20 High Quality Photoshop Web Design Tutorials | Tutorials
http://webdesignledger.com/tutorials/20-high-quality-photoshop-web-design-tutorials
Create web
Website Design Inspiration
40 Powerful CSS Tools And Generators To Automate Your Workflow | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/resources/powerful-css-tools-generators-automate-workflow/
40 Powerful CSS Tools And Generators To Automate Your Workflow
Top 30 Free But Very Professional Fonts For Everyday Use In 2010 - slodive
http://slodive.com/freebies/top-30-free-very-professional-fonts-for-2010/
Design Resources & Inspiration
Learn Photoshop: All of the Basics for Beginners | Vandelay Design Blog
http://vandelaydesign.com/blog/design/learn-photoshop-basics/
Sneaking into Future: 25 Ultra Modern Websites Using HTML5 | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/inspiration/ultra-modern-websites-html5/
By http://bit.ly/Tweets2Delicious
Take a look and explore the code for an insight into the future of the internet. Be warned, however, few display properly in Internet Explorer. Here comes the 25 websites built using HTML5
A List Apart: Articles: Flash and Standards: The Cold War of the Web
http://www.alistapart.com/articles/flashstandards/
"The bickering is getting old. Here’s what we can do."
"Flash and Standards: The Cold War of the Web" /by @danielmall via @russmaxdesign http://j.mp/9hRhAB #webstandards #flash
Ask H&FJ: Four Ways to Mix Fonts
http://www.typography.com/email/2010_03/index_tw.htm
Is there a way to know what fonts will work together? Building a palette is an intuitive process, but expanding a typographic duet to three, four, or even five voices can be daunting. Here are four tips for navigating the typographic ocean, all built around H&FJ's Highly Scientific First Principle of Combining Fonts: keep one thing consistent, and let one thing vary.
50 Yellow Web Designs to Inspire You | Inspiration
http://webdesignledger.com/inspiration/50-yellow-web-designs-to-inspire-you
Those with the full page bright yellow bg are just awfully RT @DesignerDepot: 50 Yellow Web Designs to Inspire You http://j.mp/bJyFoI
For this week inspirational post about web design I decided to gather some yellow sites for us! Personally, I like yellow in web design. And by that I mean that you can use yellow in the whole website or just in some elements of it - like heather, footer, typography, etc. Sometimes a cool combination between a neutral color and a vibrant one lead to an amazing result, so check out the examples we will show here and start thinking about using yellow for your designs.
By http://bit.ly/Tweets2Delicious
Basic CSS3 Techniques That You Should Know
http://sixrevisions.com/css/basic-css3-techniques-that-you-should-know/
We'll be looking at a few of the essential things you need to know about CSS3. With all of these new features, it's important to place emphasis on the most important ones to get you up to speed.
50 Free Professional Fonts For Logo and Graphic Design | Acuity Designs
http://www.acuitydesigns.net/50-freely-available-professional-fonts-for-your-designs/
Free professional online fonts to use in addition to your own designs.
Curtis CSS Typeface · David DeSandro
http://desandro.com/resources/curtis-css-typeface/
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z ? ! . Q U I C K B R O W N F O X J U M P
Curtis is the name I’ve given for a family of geometric sans-serif fonts currently in development. Other incarnations exist as Fontstructions: Curtis Heavy and Curtis Pixel 14. This version takes form in CSS. All shapes are rendered by the browser, using a combination of background color, border width, border radius, and a heavily reliance on absolute/relative positioning. You can get a better idea of how the letters were formed with the Inspect display option.
css font
60 Best Websites To Download Free Fonts
http://resources.savedelete.com/60-best-websites-to-download-free-fonts.html
60 Best Websites To Download Free Fonts - http://resources.savedelete.com/60-best-websites-to-download-free-fonts.html
Flaunt: Designing effective, compelling and memorable portfolios of creative work
http://underconsideration.com/flaunt/
"Through more than forty case studies, nearly twenty interviews with experienced professionals, and a series of (nonscientific) surveys, Flaunt is a resource for design students as well as young, experienced, freelance, and independent designers."
Flaunt: Designing effective, compelling and memorable portfolios of creative work design
15 CSS3 Navigation and Menu Tutorials and Techniques - Speckyboy Design Magazine
http://speckyboy.com/2010/03/15/15-css3-navigation-and-menu-tutorials-and-techniques/
Tutoriais para usar o CSS 3 agora
CSS3はゆっくり、しかし、確実に主流のウェブデザインにこっそり入っていますが、小線量でますます多くのデザイナーがそれを使用していますが、確かに、それははずみがついています。 本当にウェブデザインのためのおもしろい時間です。 数週間前では、私たちはCreating ButtonsがCSS3ボールをただ回転させ始めるように20CSS3 TutorialsとTechniquesと呼ばれる記事を発表して、今回、CSS3が提供する素晴らしい新しい資産を利用する何らかのメニューとナビゲーションのテクニックに焦点を合わせます。 念頭で剥き出してください。だいたいこれらのチュートリアルが荒野の用法のために書かれていなくて、それらが、より実験的です、何に関するデモンストレーションがあることができるかということであることは、達成されて、近い将来、使用されるでしょう。 これらのチュートリアルからのデモのすべてが完全によくChromeとSafari(それにしても小さい方の食い違いで)、Firefoxで2、3の(特に3.6にひどく見えさえするZurbs OS X Dock)との戦いをします、そして、IEはかなり驚いたことにデモの大部分を予想より良くしました。
CSS3 is slowly but surely creeping into mainstream web design, more and more designers are using it, albeit in small doses, but it is certainly gathering momentum. It is an exciting time for web design. A few weeks back we published an article called 20 CSS3 Tutorials and Techniques for Creating Buttons, just to start the CSS3 ball rolling, this time around we focus on some menu and navigation techniques that make use of the wonderful new properties that CSS3 offers.
menus de navegação com css3
Free Icon Search Engine - FindIcons.com (301,039 free icons in 2,157 icon packs)
http://findicons.com/
Starting Out Organized: Website Content Planning The Right Way - Smashing Magazine
http://www.smashingmagazine.com/2010/03/17/starting-out-organized-website-content-planning-the-right-way/
#content #webdev #writing How to plan website contents http://to.ly/1pHl
Good info on content management process.
Anti Patterns Catalog
http://c2.com/cgi/wiki?AntiPatternsCatalog
Online Font Converter
http://onlinefontconverter.com/
Hay que revisar la funcionalidad de esto.
The Online Font Converter is a 100% free service. The Online Font Converter converts fonts to/from: .dfont .eot .otf .pfb .pfm .suit .svg & .ttf
Why you only need to test with five users (explained): Measuring Usability
http://www.measuringusability.com/five-users.php
There are a lot of strong opinions about the magic number 5 in usability testing and much has been written about it. Here's another one.
ContentFlow
http://www.jacksasylum.eu/ContentFlow/index.php
a flexible Coverflow / ImageFlow like flow written in javascript, which can handle any kind of content.
40 Free Minimalist And High Quality Fonts | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/resources/free-minimalist-high-quality-fonts/
40 fuentes gratuitas de alta calidad minimalistas.
fontes gratis minimalistas
Great resource for free, clean fonts.
Ask H&FJ: Four Ways to Mix Fonts
http://www.typography.com/email/2010_03/index.htm
font moods
best practices for combining fonts
How To Use Curves in Photoshop | Tutorial9
http://www.tutorial9.net/photoshop/how-to-use-curves-in-photoshop/
If I were forced to give up all but one image adjustment tool, I would keep curves. Hands down. The curves adjustment tool is an integral part of every professional’s knowledge base and image editing package. Even if you’ve taken a good photo, chances are it can be improved or it needs to be adjusted to work in a collage or collection. Or even to just to intensify a mood. You can always make a good thing better – and curves is a one-stop-shop way to do that. With curves you are able to: Adjust the over-all contrast or tonal range, Adjust the local contrast or tonal range, Adjust the color. Let’s jump in and find out how. It’s simpler than it looks.
Nice visual guide to using that pesky curves tool!
Tutorial sobre el uso del ajuste de Curvas en photoshop
Lumzy
http://lumzy.com/index.cfm
ブラウザ上でモックアップを作る
Mockup and prototype tool
Lumzy is a Mockup and Prototype creation tool for websites and applications.
jQuery Resources for One-Page Portfolios | Vandelay Design Blog
http://vandelaydesign.com/blog/web-development/jquery-one-page-portfolios/
jQuery Resources for One-Page Portfolios | Vandelay Design Blog - http://vandelaydesign.com/blog/web-development/jquery-one-page-portfolios/
Web Design and Development Blog
Great Web Button Set For Free Download
http://www.tuttoaster.com/great-web-button-set-free-download/
30+ Free High Quality Gadget PSD Files | Naldz Graphics
http://naldzgraphics.net/freebies/30-free-high-quality-gadget-psd-files/
pspやiphone ipad mac xbox等のPSD
PSD de gadgets
携帯電話やゲーム機などを精密に描いたPhotoshopファイルいろいろ。
psd files gadget, mobile, computer, more..
Sammlung von PSD Templates, die einige aktuelle Elektronikgeräte darstellen
A Showcase of 50 Amazing Personal Blog Web Designs - Speckyboy Design Magazine
http://speckyboy.com/2010/02/25/50-amazing-personal-blog-web-designs/
Bloody Marie FTW !
ColorTheory_Screen_White.jpg (JPEG Image, 1224x792 pixels)
http://www.paper-leaf.com/blog/wp-content/uploads/2010/01/ColorTheory_Screen_White.jpg
Project Icon Set | Dezinerfolio
http://www.dezinerfolio.com/freebie/project-icon-set
Here is another simple icon set that covers various aspects of a Project. Here is some more info: * 18 Icons in this set * Transparent PNGs * Vector Fireworks Source files * completely FREE... (even commercial use)
pletely FREE... (even commercial use)
60+ Latest High-Quality Free WordPress Themes | Wordpress | instantShift
http://www.instantshift.com/2010/02/19/60-latest-high-quality-free-wordpress-themes/?utm_source=feedburner&utm_medium=email&utm_campaign=Feed%3A+iShift+%28instantShift%29#lhqfwt-01
WordPress! is an award-winning CMS, which enables you to build Blogs, Web sites and powerful online applications. Many aspects, including its ease-of-use and extensibility, have made WordPress the most popular blog software available. Best of all, WordPress is an open source solution that is freely available to everyone. There are hundreds of WordPress themes online waiting to be paid for. Some of them are worth it, some are not. Just because many of our followers decided to stay with Premium themes, that doesn’t mean Free Themes are ugly, cluttered, and boring. In this showcase below, you’ll find a Excellent Collection of Fresh High-Quality Free WordPress Themes Around because We all know that we’re going to use our blog as a tool to promote our business, so we need to have a clean, professional, corporate look. Please Notice that these themes is not arranged in any particular order so just scroll down and find your inspiration. Also, Please visit their authors’ sites, available
What Every Designer Should Do Right Now | Design Informer
http://designinformer.com/designer-do-right-now/
O que todo designer deveria fazer agora
Some tasks that we often put-off but are so important and necessary to get done.
CSS in Depth: Floats and Positions | Spyre Studios
http://spyrestudios.com/css-in-depth-floats-positions/
20 Gorgeous Web Application Interfaces | Design Shack
http://designshack.co.uk/articles/inspiration/20-gorgeous-web-application-interfaces
Fifteen Classic PC Design Mistakes | Technologizer
http://technologizer.com/2009/06/14/fifteen-classic-pc-design-mistakes/
In the personal computer’s long and varied history, some computers have been decidedly less perfect than others. Many early PCs shipped with major design flaws that either sunk platforms outright or considerably slowed down their adoption by the public. Decades later, we can still learn from these multi-million dollar mistakes.
Explore the world of configurators! — Configurator-Database
http://www.configurator-database.com/
This is the world's biggest configurator database, featuring over 500 web-based configurators.
This site is home to the world's biggest configurator database. Scan over 500 web-based configurators now and follow the up-to-date discussion of these configurators in our blog.
97 Best Practices of Pricing Page Designs / Inspiration / SPLASHnology - Web Design and Web Technology Community
http://www.splashnology.com/blog/inspiration/390.html
Pricing design and layout for SaaS apps.
50 Fantastic Favicons: Episode 9 - Smashing Magazine
http://www.smashingmagazine.com/2010/03/14/50-fantastic-favicons-episode-9/
50 Fantastic Favicons: Episode 9 - Smashing Magazine - http://www.smashingmagazine.com/2010/03/14/50-fantastic-favicons-episode-9/
すてきなFavicon いろいろ。
365psd
http://365psd.com/
#design 一天一个免费高质量 PSD 文件下载。http://365psd.com/
每天一个高质量PSD
クオリティの高いUIパーツのPSDファイルを日替わりで「365psd」。
User Interface Style Guides | Konigi
http://konigi.com/wiki/user-interface-style-guides
About This page describes the authoring and use of style guides created to ensure consistency across a product or web site. The style guide may covers anything from branding, usage of colors, and page layout, to development practices and standards.
User Interface style guides resource
This page describes the authoring and use of style guides created to ensure consistency across a product or web site. The style guide may covers anything from branding, usage of colors, and page layout, to development practices and standards.
38 Mobile (iPhone) Sites
http://www.webdesignerwall.com/trends/38-mobile-iphone-sites/
iPad Templates and Stencils - Emily Chang – Designer
http://emilychang.com/2010/03/ipad-templates-and-stencils/
list of stencils
Out of Print Clothing
http://www.outofprintclothing.com/Shop_a/152.htm
Cool!
Placehold.it - Quick and simple image placeholders
http://placehold.it/
"http://place
A quick and simple image placeholder service http://placehold.it/
How to Build a Lava-Lamp Style Navigation Menu | Nettuts+
http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-lava-lamp-style-navigation-menu/
A couple weeks ago, I created a screencast that demonstrated how to build a three-level navigation menu. In a response email, one of our readers requested a
A couple weeks ago, I created a screencast that demonstrated how to build a three-level navigation menu. In a response email, one of our readers requested a tutorial on how to build a lava-lamp style menu. Luckily, it’s quite a simple task, especially when using a JavaScript library. We’ll build one from scratch today.
12 Useful and Free Downloadable Web Design Books - Speckyboy Design Magazine
http://speckyboy.com/2010/03/19/12-must-have-free-downloadable-web-design-books/
There are a multitude of books (whether in digital format or print) that cover every possible aspect of web design, each one is unique and offers a personalized opportunity for the author to both educate, inspire, and guide the reader through there knowledge. In this post rather than offer all of my favorite web design books, I have listed 12 books that I have either downloaded and read (or at least scanned through), or I have bookmarked with the whole-hearted intention of eventually reading it (Ruby Best Practices), and the best thing of all? All of these books are completely FREE, in digital format anyway (PDF or HTML).
RT @thiemogillissen RT @simplease: 12 Useful and Free Downloadable Web Design Books http://icio.us/uljhkf
18 Search Engines For Designers - Creativity Boost | Minervity
http://www.minervity.com/?p=3094
The Best E-Commerce Icons All In One Place | Freebies
http://webdesignledger.com/freebies/the-best-e-commerce-icons-all-in-one-place
Showcase of Academic and Higher Education Websites - Smashing Magazine
http://www.smashingmagazine.com/2010/03/19/showcase-of-academic-and-higher-education-websites/
some very pretty websites
College and university websites have a lot of roles to fill. They need to provide information for prospective students (both new and transfer), parents of students
College and university websites have a lot of roles to fill. They need to provide information for prospective students (both new and transfer), parents of students and prospective students, current students, and alumni. In many cases, they’re also the gateway to the school’s intranet and the public face for both academics and athletics. They often need to include reams of information in a way that makes everything easy to find. It’s a huge challenge. And the truth is: most college and university websites are horribly designed. Either they look like they were designed fifteen years ago and then forgotten about, or they’re so overloaded with information that it’s almost impossible to find what you’re looking for. But not every college or university website is horrible. There are some excellent sites out there, and below are some of them. If you know others, please share them in the comments to this post!
Web Design: Orange Sites | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/web-design-orange-sites
Font List
http://www.minifonts.com/fontlist.html
여러가지 글자 폰트를 다운, 구매할 수 있는 사이트
pixel fonts
Mini Fonts - a nice collection of subpixel fonts http://j.mp/dhVWD8
Hyper-Realistic Acrylic Body Painting (15 pics) - My Modern Metropolis
http://www.mymodernmet.com/profiles/blogs/hyperrealistic-acrylic-body
Alexa Meade thinks completely backwards. Most artists use acrylic paints to create portraits of people on canvas. But not Meade - she applies acrylic paints on her subjects and makes them appear to be a part of the painting! Meade is an installation artist based in the Washington, DC area. Her innovative use of paint on the three dimensional surfaces of found objects, live models, and architectural spaces has been incorporated into a series of installations that create a perceptual shift in how we experience and interpret spatial relationships. I was lucky enough to catch up with Meade and ask her about her thought process behind this creative work. Here is what she said: "I paint representational portraits directly on top of the people I am representing. The models are transformed into embodiments of the artist's interpretation of their essence. When captured on film, the living, breathing people underneath the paint disappear, overshadowed by the masks of themselves."
Gamasutra - Features - Examining Game Pace: How Single-Player Levels Tick
http://www.gamasutra.com/view/feature/4024/examining_game_pace_how_.php?print=1
I believe there is plenty more that can be discovered about pacing in games -- certainly some more scientific studies of heart rate, etc whilst playing games might unearth some real revelations about what makes the pace in games so emotionally involving and also what simply does not work.
game design possibilities: speed, tempo, threat, carrot/stick, chase
Interesting look at level pacing
60 Best Websites For Awesome Adobe Photoshop Tutorials
http://resources.savedelete.com/60-best-websites-for-awesome-adobe-photoshop-tutorials.html
41 Great Looking Free WordPress Themes
http://digg.com/d1ogrf
para cuando haga mi blog con wordpress
all manner of distractions » Blog Archive » It is like I made it myself!
http://www.flight404.com/blog/?p=135
"I put the shirt on and it fit fine. I couldn’t stop smiling. The whole thing was so damned surreal. Here I am in a Paul Smith changing room trying on a shirt that features a design element stolen from my Flickr site!"
ポールスミスが勝手にflight 404の人のデザインをパクったんじゃないかという嘘のような本当の話。
Best of 2008: Top 25 Design & Architecture Blogs | Trends Updates
http://trendsupdates.com/best-of-2008-top-25-design-architecture-blogs/
Design and architecture are two adjacent walls of the blogging garret, where we are not only blessed with the writers having a bent towards it but also readers cum customers who make the best of products posted here. Go ahead and enjoy the ride on this designer road, furnished with creative architecture that adds to its beauty.
テキストをかっこよく魅せるPhotoshopのチュートリアル集:Part 11 | コリス
http://coliss.com/articles/build-websites/operation/design/photoshop-tutorials-text-effects-part11.html
テキストをかっこよく魅せるPhotoshopのチュートリアルの紹介です。
Functioning Form - Interface Design Blog (Weblog)
http://www.lukew.com/ff/archive.asp?tag&aneventapart
Top 10 Geekiest Decorations for Your Home or Office [PICS]
http://mashable.com/2010/03/06/geek-your-office/
Font Squirrel | Free Font M+ 1c by M+ Fonts
http://www.fontsquirrel.com/fonts/M-1c
The Minimalist Guide To Making Minimalist Websites | Colorfreak
http://colorfreak.com/blog/minimalist-guide-making-minimalist-websites
Ultimate Collection of Free Buttons in PSD Format | Naldz Graphics
http://naldzgraphics.net/freebies/ultimate-collection-of-free-buttons-in-psd-format/
Ultimate Collection of Free Buttons in PSD Format | Naldz Graphics
Scrolling and Attention (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/scrolling-attention.html
RT @kevinmarks:»@tomcoates: Nielsen on the fold: http://bit.ly/90qKYr « tl;dr? 'Scrolling beats paging' 'nice morsel at the very bottom'
Guideline/Ru;e of Thumb: Web users spend 80% of their time looking at information above the page fold. Although users do scroll, they allocate only 20% of their attention below the fold.
10 Blank/Naked Wordpress Themes Perfect for Development - Speckyboy Design Magazine
http://speckyboy.com/2010/03/22/10-blanknaked-wordpress-themes-perfect-for-development/
The Best of Business Card Design
http://www.cardonizer.com/
I AM NOT AN ARTIST - AN ANIMATED GIF PARANOIA ABOUT NONSTOP DESIGN WORKERS
http://www.iamnotanartist.org/index.php
interest
via ssuge
RT @NickBray: New favourite site: http://www.iamnotanartist.org/ << love it!
50 Beautifully Brown Web Designs | Inspiration
http://webdesignledger.com/inspiration/50-beautifully-brown-web-designs
Here are 50 beautiful brown web designs that will inspire you. You will see that brown makes a great base color for a design and works well with many other colors.
interest
50 sites that predominately use the colour brown
Grid Accordion with jQuery | CSS-Tricks
http://css-tricks.com/grid-accordion-with-jquery/
Cool collapsing column trick
Accordions are a UI pattern where you click on a title (in a vertical stack of titles) and a panel of content reveals itself below. Typically, all other open panels close when the new one opens. They are a clever and engaging mechanism for packing a lot of information in a small space.
An accordion grid created using CSS & Jquery
Top 15 Must See Photoshop Tips & Tricks (2010) - slodive
http://slodive.com/photoshop/top-15-must-see-photoshop-tips-tricks-2010/
Design Resources & Inspiration
Color Correction Basics in Photoshop | Tutorial9
http://www.tutorial9.net/photoshop/color-correction-basics-in-photoshop/
칼러
:)
ㄷㅂㅈㄱㅂㅈㄱ
수업시간에 저장한거
35 Best Inspirational Websites For Logo Design
http://resources.savedelete.com/35-best-inspirational-websites-for-logo-design.html
inspiracion para logos
The Heads of State
http://theheadsofstate.myshopify.com/
travel posters
CSS Beginners Do’s and Dont’s Part 2
http://www.sohtanaka.com/web-design/css-beginners-do%E2%80%99s-and-dont%E2%80%99s-part-2/
This is the second part to my previous article “CSS Beginners Do’s and Dont’s Part 1“, if you haven’t checked it out yet now is a good time. In part one, I went over general tips and reminders, in this article I would like to go over more of the technical aspects of CSS.
MoviePeg™ — the no-hand iPhone stand for movies and more
http://www.movie-peg.com/
Outstanding concept!
Forget awkwardly propping up your iPhone with your bag or that complicated tripod contraption. Add MoviePeg to your iPhone, adjust the angle and like magic you’ll be in relaxed viewing heaven. And it’s not just for movies; use it in the kitchen when following recipes, with the guys watching sports, as a night-stand for your alarm clock, in the garage working through those how-to instructions, or keeping the kids entertained without the evidence of sticky little fingers. No matter how you use it, MoviePeg is your super portable iPhone tilting wonder.
The no-hand stand for movies and more Forget awkwardly propping up your iPhone with your bag or that complicated tripod contraption. Add MoviePeg to your iPhone, adjust the angle and like magic you’ll be in relaxed viewing heaven. And it’s not just for movies; use it in the kitchen when following recipes, with the guys watching sports, as a night-stand for your alarm clock, in the garage working through those how-to instructions, or keeping the kids entertained without the evidence of sticky little fingers. No matter how you use it, MoviePeg is your super portable iPhone tilting wonder.
60 Apple Inspired Websites - Why Apple Design Works? | Graphic and Web Design Blog
http://www.1stwebdesigner.com/inspiration/apple-inspired-websites-why-design-works/
Apple inspired websites
example of graphic design using apple websites.
Apple has always been showing what beautiful design means in all their designs, products, icons, websites. But what really make Apple design stand out from the crowd? Why it receives so big attention, so many awards, what’s so special in it? I wanted to find it out so that’s why I created this Apple type inspirational post showcasing all the best Apple inspired website designs and in the meantime I also analyzed Apple website as well trying to drop down important points and explain why their design and approach works. It was very interesting study for myself and also I got reason to put all this stuff in easy to read and transparent way.
フリーで使える商用可能な写真の効率的な5段階の探し方: 世界中の1%の人々へ
http://www.dakiny.com/archives/web/photograph_of_the_public_domain/
# 「Wikimedia Commons」でパブリックドメインの写真を探す # 「stock.xchng」でクレジット記載不要の写真を探す # 「FlickrのCreative Commons」からAttribution Licenseの画像を探す # 「Creative Commons Search」から、Creative Commons Licenseの写真を探す # それでも駄目なら「iStockphoto」ロイヤリティーフリーの写真を購入する
FreshBump - 10 Design Quotes Designed
http://freshbump.com/special/10-design-quotes-designed/
To get you through Monday: "10 Design Quotes visualized" http://bit.ly/ak9udw (freshbump.com) – Jan Jursa (IATV) http://twitter.com/IATV/statuses/10859599276
There's no shortage of uninspiring quotes punishing our eyes and ears on a daily basis. Blame advertising, or HR, or your annoying Facebook 'friend' who won't stop posting on your wall. These pithy statements bombard us by the hour, often in miniscule type, often completely irrelevant to our lives. Freshbump has commissioned 10 designers to stop the madness. Feast your eyes on 10 creative quotes, presented how they should be. Visually.
A Guide To Typography On The Web | Fonts | PelFusion.com
http://pelfusion.com/fonts/a-guide-to-typography-on-the-web/
<p>Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic.</p><p>The web is alive and growing more active with each new day. The increasing number of sites that crop up on the daily shows no signs of slowing, and as the online ranks grow, designers [...]</p>
HTML5 Website Layout Tutorials and Inspiration | AcrisDesign
http://acrisdesign.com/2010/03/html5-website-layout-tutorials-and-inspiration/
HTML5 Website Layout Tutorials and Inspiration | AcrisDesign - http://acrisdesign.com/2010/03/html5-website-layout-tutorials-and-inspiration/
50 Excellent Tutorials for Web Development Using CSS3 | Dzinepress
http://www.dzinepress.com/2010/03/50-excellent-tutorials-for-web-development-using-css3/
50 Excellent Tutorials for Web Development Using CSS3 | Dzinepress - http://www.dzinepress.com/2010/03/50-excellent-tutorials-for-web-development-using-css3/
10 examples of futuristic CSS3 techniques
http://www.catswhocode.com/blog/10-examples-of-futuristic-css3-techniques
CSS3 techniques
Well-Placed Pixels
http://wellplacedpixels.com/
63 of the Best Free Online Tools for Designers and Developers | CreativeFan
http://creativefan.com/63-of-the-best-free-online-tools-for-designers-and-developers/
lots of links for color scheme, icons, design tools
Showcase Of Web Design In China: From Imitation To Innovation - Smashing Magazine
http://www.smashingmagazine.com/2010/03/15/showcase-of-web-design-in-china-from-imitation-to-innovation-and-user-centered-design/
Válogatás kínai designerek munkáiból.
The Lost Principles of Design | Fuel Your Creativity
http://www.fuelyourcreativity.com/the-lost-principles-of-design/
In the instant design age many of us often stray away from the basics in design. If you had a professor in college who taught you the fundamentals of design these may be engrained into your skull. For the self-taught, you may have a book on your desk with these very principles that you refer to on a daily basis. However, the more and more people that flood the internet for design content need to learn the basics before trying to make a stellar gradient in Photoshop. While this is cool and amazing right now, there will come a point where this style is left behind and a new style is made. In history, this lesson has repeated itself with movements like the Bauhaus and Swiss Modernism and will soon label our current trends as part of history. The fundamentals of design will however, never change. They are the glue that holds the industry together and we need to learn & take them to heart.
jQuery MagicLine Navigation Demo
http://css-tricks.com/examples/MagicLine/
sweet magical slider behind the menuitems with jquery
Design & Code a Cool iPhone App Website in HTML5
http://line25.com/tutorials/design-and-code-a-cool-iphone-app-website-in-html5
A very basic example on how to code a site using HTML5
20 Best And Highly Useful jQuery Tutorials For Designers And Beginners
http://savedelete.com/20-best-and-highly-useful-jquery-tutorials-for-designers-and-beginners.html
15 Excellent Free Fonts for Graphic Designer :: koikoikoi.com - Visual Arts Magazine, graphic design, illustration, photography, interviews, inspiration, tutorials
http://koikoikoi.com/2010/03/15-excellent-free-fonts-for-graphic-designer/
フリーなフォント、デザインよりなものが多いかな
Visual Arts Magazine, graphic design, illustration, photography, interviews, inspiration, tutorials
CSS3 Dropdown Menu
http://www.webdesignerwall.com/demo/css3-dropdown-menu//
with rounded CSS3 corners
Page de démo présentant des menus déroulants créés uniquement avec un fichier CSS 3 (sans javascript)
50 Beautiful Business Card Designs - Noupe
http://www.noupe.com/design/50-beautiful-business-card-designs.html
Snake oil? Scientific evidence for health supplements | Information Is Beautiful
http://www.informationisbeautiful.net/visualizations/snake-oil-supplements/
play with the interactive version | find out more about this image | post a comment This image is a balloon race. The higher a bubble, the greater the
scientific evidence for popular health supplements [chart]
A graphical representation of the scientific evidence for or against particular health supplements. Vitamin C seems to be quite far down the list :).
Great Girl Manipulations by Digital Artist Michael O. | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/great-girl-manipulations-digital-artist-michael-o
10 Essential Design Tools for Social Media Pros
http://mashable.com/2010/03/23/social-media-design-tools/
cooll suite! join all asd ad asd
Ready-made Design | 99designs
http://99designs.com/logo-design/store
Mobile Icon Set | Web Icon Set
http://www.webiconset.com/mobile-icon-set/
SEOmoz | Pagination: Best Practices for SEO & User Experience
http://www.seomoz.org/blog/pagination-best-practices-for-seo-user-experience
We've been getting a lot of questions in Q+A and on the road at events like last week's Miva Merchant conference, Online Marketing Summit and the YCombinator conference about h...
Userfly: Usability Testing Made Easy | UX Booth
http://www.uxbooth.com/blog/userfly-usability-testing-made-easy/
22 Useful Online Chart & Graph Generators | Tools
http://www.hongkiat.com/blog/22-useful-chart-graph-diagram-generators/
Useful Online Chart & Graph Generators
22 different chart generators
ウェブデザインにおける効果的なコミュニケーションの取り方 | コリス
http://coliss.com/articles/build-websites/architectonics/communication-in-web-design.html
ユーザビリティ
@ちゃんと読んでないけど、いつか読むかも
あとで読みましょう
The fundamental problems with CSS3 | Matt Wilcox .net
http://mattwilcox.net/archive/entry/id/1031/
This post brings to a head a lot of my thoughts and feelings with regard to CSS3 and the way the W3C is developing it. It does not aim to look at specific topics in detail, but to step back and question some fundamental issues that I feel need to be addressed.
my thoughts a
25 Must-Read Blogs for Freelance Designers | FreelanceFolder
http://freelancefolder.com/25-must-read-blogs-for-freelance-designers/
Design Blogs
Outstanding Free Ebooks on Design » Arbenting Freebies - The Product of Being Creative
http://arbent.net/blog/outstanding-free-ebooks-on-design
Given that one of the most important things any designer can do, is to always be learning, we thought we would take a look through a few free Ebooks to suggest them to our readers. (It is important to note, that none of the publishers or authors aske
20 Stunning Examples of Horizontal Navigation Menus
http://www.balkhis.com/web-designs-resources/20-stunning-examples-of-horizontal-navigation-menus/
Love (and annoying)
http://sethgodin.typepad.com/seths_blog/2009/01/love-and-annoyi.html
@d7y @IamSB reminds me of Seth Godin's post about making a product that people love vs making it less annoying: http://bit.ly/44qE
Памятка дизайнеру сайтов / Веб-дизайн / Хабрахабр
http://habrahabr.ru/blogs/web_design/50497/
е
Основные правила при разработке сайтов
нию на свет более сотни сайтов и около трех десятков интерфейсов. Среди работ есть проекты для таких компаний, как Sunbay Software,
The Green House of the Future - WSJ.com
http://online.wsj.com/article/SB124050414436548553.html
I want one of these. I really liked the "old and new" by Mouzon Design
The Green House of the Future We asked architects to draw up plans for the most energy-efficient houses they could imagine. They imagined quite a bit.
We asked architects to draw up plans for the most energy-efficient houses they could imagine. They imagined quite a bit.
Daniel Mall: Interactive Art Director
http://portfolio.danielmall.com/
good design portfolio
Photography: Take Better Self-Portraits
http://lifehacker.com/5169170/take-better-self+portraits
Smashing Release : 15 Free And High Quality Tree Wood Textures @ SmashingApps
http://www.smashingapps.com/2009/05/11/smashing-release-15-free-and-high-quality-tree-wood-textures.html
Texturas de madera
Opensource, Free and Usefull Online Resources for Designers and Developers
jQuery Spotlight
http://www.gilbertpellegrom.co.uk/demo/jquery-spotlight/
jQuery Spotlight is a jQuery plugin which allows you to highlight elements in your page using a 'spotlight' effect. This plugin is highly customizable and requires no external css or images.
Create, Deliver, & Analyze Web-Based Sales Proposals
http://www.proposable.com/
22 Handy HTML5 & CSS3 Tools, Resources And Guides | Graphic and Web Design Blog
http://www.1stwebdesigner.com/resources/22-handy-html5-css3-tools-resources-and-guides/
Coding Horror: The Opposite of Fitts' Law
http://www.codinghorror.com/blog/2010/03/the-opposite-of-fitts-law.html
Ejector seat switch right next to cabin lights and FM radio. Brilliant.
"If we should make UI elements we want users to click on large, and ideally place them at corners or edges for maximum clickability -- what should we do with UI elements we don't want users to click on? Like, say, the "delete all my work" button?"
this is a really good article about UI design: http://www.codinghorror.com/blog/2010/03/the-opposite-of-fitts-law.html
I agree with this advice.
33 Letterpress Business Cards for Inspiration | Vandelay Design Blog
http://vandelaydesign.com/blog/marketing/letterpress-business-cards/
A Brief Look at Grid-Based Layouts in Web Design
http://sixrevisions.com/web_design/a-brief-look-at-grid-based-layouts-in-web-design/
Take a look at some of the biggest sites out there today that are showcasing top-notch designs. It's very likely they've used a grid of some sort. Grids enable stability and structure in a web layout, giving the designer a logical template to build the site on.
グリッドデザイン
Take a look at some of the biggest sites out there today that are showcasing top-notch designs. It’s very likely they’ve used a grid of some sort. Grids enable stability and structure in a web layout, giving the designer a logical template to build the site on.
Blog the Web | Teach the Web
http://teachtheweb.com/blog/
Leslie Jensen-Inman
Jeffrey Brown
lots of resources. wow.
Fabrica Workshops
http://www.fabrica.it/workshops/sterling_videos.html
Bruce Sterling lecture & interview from 2008. At the beginning of part 3 of the interview he shows (but apparently doesn't attribute) my "grown" letter D (the MDD logotype).
interesting, and dry witted discussion from bruce sterling on generative art and physical forms created using these methods that look and work in ways never seen before. processing and sturgeon's law get a particular mention. via danpaluska.
NYCPP : New York City Polaroid Project - Polaroid Street Photography by Andrew Faris
http://www.nycpp.com/
polaroid photographs.. interesting
NewYork Polaroid
NewYork City Polaroid Project
Top 87 Fonts A Designer Should Download | Design your way
http://www.designyourway.net/blog/resources/top-87-fonts-a-designer-should-download/
reference list of fonts should have for a designer...
50 Stunning Typography Wallpapers For Inspiration - Noupe
http://www.noupe.com/wallpaper/50-stunning-typography-wallpapers-for-inspiration.html
Des wallpapers vraiment top http://bit.ly/addaya (via @datwimz & @nicolas_gall)
50 Stunning Typography Wallpapers For Inspiration
30 Fonts Perfect for Vintage and Retro Style Design | Freebies
http://webdesignledger.com/freebies/30-fonts-perfect-for-vintage-and-retro-style-design
すごいねこのPV!:アルファルファモザイク
http://alfalfa.livedoor.biz/archives/51447683.html
すごいPV
20 Portable Applications Web Designers Should Have On Their USB Sticks | Design Reviver
http://designreviver.com/tips/20-portable-applications-web-designers-should-have-on-their-usb-sticks/
If you’re an on-the-go freelance web designer, then these useful and popular applications that you can always take with you will be useful! Below we’ve taken the time to compile 20 portable applications that we feel should benefit designers one way or another.
Harmony - Procedural drawing tool
http://mrdoob.com/projects/harmony/#sketchy
Fajne rysowanie
Interesting sketching tool that makes otherwise-boring line drawings look very cool.
nice sketches
Whiteyboard - The Original Stick-On Whiteboard
http://www.whiteyboard.com/
14 to 42: New York City Signs
http://www.14to42.net/14to42.html
This site intends to survey all of the signs in New York City from 14th Street to 42nd Street.
YouTube - Content-Aware Fill Sneak Peek
http://www.youtube.com/watch?v=NH0aEp1oDOI
RT @interney: Só agora vi o vídeo do novo recurso do Photoshop CS5, parece magia: http://bit.ly/9FPlqg /via @cmerigo
Sneak peek at photoshop cs5's content-aware fill feature, aka "super magic awesome tool" http://bit.ly/cU8CY1
30 Beautiful Handwritten Fonts
http://www.webdesignbooth.com/30-beautiful-handwritten-fonts/
If you guys need a beautiful font for headers or short notes, go ahead and use one of the free handwritten fonts I put together for you below. These kind of fonts are not the best choice for long text, but they are brilliant if you need to spice up your designs. These shouldn’t be missing in your font collection.
http://www.cs.nyu.edu/courses/fall08/G22.2965-001/geneticalgex
http://www.cs.nyu.edu/courses/fall08/G22.2965-001/geneticalgex
Although the configuration program specified tasks for all 100 cells, it transpired that only 32 were essential to the circuit's operation. Thompson could bypass the other cells without affecting it. A further five cells appeared to serve no logical purpose at all--there was no route of connections by which they could influence the output. And yet if he disconnected them, the circuit stopped working.
genetic fpga evolution/programming
CREATURES FROM PRIMORDIAL SILICON
apply evolution to digital FPGA
Using FPGAs to evolve solutions to problems.
Unreality - The Most Badass Alphabet Ever |
http://unrealitymag.com/index.php/2010/03/25/the-most-badass-alphabet-ever/
alphabet
Unreality - The Most Badass Alphabet Ever | http://ff.im/-ibWKM
Awesome alphabet! Just look at entry "J" to be convinced.
Color Picker — Raphaël
http://raphaeljs.com/picker/
Massive Collection of Photo Editing Tutorials and Photoshop Actions | Spyre Studios
http://spyrestudios.com/photo-editing-tutorials-and-photoshop-actions/
PHP, Web and IT stuff » Blog Archive » Avoid Javascript blocking content download on your website during page load
http://www.webdigi.co.uk/blog/2009/avoid-javascript-blocking-content-download-on-your-website-during-page-load/
What to Do When Someone Steals Your Work - FreelanceSwitch - The Freelance Blog
http://www.freelanceswitch.com/freelancing-essentials/what-to-do-when-someone-steals-your-work/
website may be reproduced, distributed, performed, publicly displayed, or made into a derivative work without the permission of Your Legal
What to do when someone steals your work. Nice post at Freelance Switch. http://ow.ly/6FRC [from http://twitter.com/JasonThibault/statuses/1788143179]
[CSS]100%幅のヘッダとフッタを天地に固定表示するスタイルシート | コリス
http://coliss.com/articles/build-websites/operation/css/css-fixed-header-footer-layout.html
ビギナーズ向けに解説された、100%幅のヘッダとフッタを固定幅のコンテンツの天地に固定表示するスタイルシート
Lifehacker - MagCloud Makes it Easy to Run Your Own Magazine - Printing
http://lifehacker.com/5238996/magcloud-makes-it-easy-to-run-your-own-magazine
Publishing a short run magazine used to be a rather pricey and labor-intensive process. MagCloud is an inexpensive way to bring your specialty magazine to press without hefty upfront fees.
Wired For War Special: The Beautiful, Scary Robots of Shigeo Hirose
http://i.gizmodo.com/5184211/the-beautiful-scary-robots-of-shigeo-hirose
I haven't read this yet.
All Showcases - Web Design Showcase Directory
http://www.allshowcases.com/
All Showcases - Web Design Showcase Directory - http://www.allshowcases.com/
All Showcases is a web design showcase directory including CSS, Flash, Logo and Icon inspiration sites.
All Showcases - Web Design Showcase Directory
New Work: The Atlantic | New at Pentagram | Pentagram
http://blog.pentagram.com/2008/10/new-work-the-atlantic.php
“In a magazine of ideas, writers depend on words to build their arguments, but we didn’t want The Atlantic’s pages to look like homework,”
redesign da revista The Atlantic
The Atlantic Magazine 2008 redesign
Peantagram Luke hayman
Breve descrição sobre a mudança visual da revista The Atlantic Monthly.
jQuery Presentation Plugin: Say NO to Keynote! | Viget Inspire
http://www.viget.com/inspire/jquery-presentation-plugin/
Bonito plugin de jQuery, para realizar presentaciones...
I’m giving my presentation next week and will talk about CSS3 transforms and transitions. Obviously, I will be providing a lot of code samples and examples, so if I were to use Keynote, I would be going back and forth between the browser and Keynote. Yeah, no thanks. So, I wrote this small jQuery plugin that gives you an interface in a browser to give a presentation. If you are getting antsy, take a look at a demo or download it from github.
2009年のウェブデザインのトレンド:レイアウト編 | コリス
http://coliss.com/articles/build-websites/operation/design/current-web-design-trends-for-2009.html
先日、紹介した「2009年、押さえておきたいウェブデザインの10のトレンド」の続き、レイアウト編をSmashing
Sketchbooks of a Web Developer | LOOKS GOOD Design Magazine
http://www.looks.gd/design/sketchbooks-of-a-web-developer
te by Nathan Smith
设计好东西
Applying “A Pattern Language” To Online Community Design - Smashing Magazine
http://www.smashingmagazine.com/2010/03/18/applying-a-pattern-language-to-online-community-design/
Key Elements to Website Design
20 Weird Logos That Work (and Why They Do) | Bite-Dose
http://bite-dose.com/cool-things/20-weird-logos-that-work-and-why-they-do/
I like these logos - well most of them
full
inspiracion
50 Extraordinary Creative Free Fonts for Designers | Smashing Buzz
http://www.smashingbuzz.com/2010/03/50-extraordinary-creative-free-fonts-for-designers
??????????????
The Ultimate Adobe InDesign Toolbox | Dead Wings Designs
http://www.deadwingsdesigns.com/the-ultimate-adobe-indesign-toolbox
The River Current - 23 Essential Resources for Business Card Design
http://blog.graphicriver.net/web-roundups/23-essential-resources-for-business-card-design/
SolarBeat
http://www.whitevinyldesign.com/solarbeat/
太陽系の惑星 音楽
Sistema solar musical
hermoso este sonido
太陽系の惑星を音符とした音楽
Learn Adobe Illustrator: All the Basics for Beginners | Vandelay Design Blog
http://vandelaydesign.com/blog/design/learn-adobe-illustrator/
a lot of great adobe illustrator tutorials from the ground up (use for learning Inkscape??)
Styling
 tags with CSS - CSS  - CSS Code Blocks - CSS 
 Code Snippets Tutorial
http://www.sohtanaka.com/web-design/styling-pre-tags-with-css-code-block/
esse é interessante pra quando for publicar códigos no blog/site. ele ajuda a dar uma arrumada nos snippets
code, preを装飾するcss
Although there are many useful plug-ins out there that dress up code snippets, I would like to share a technique playing with the background of the <pre>
ナビゲーションメニューのデザイン総まとめ - DesignWalker
http://www.designwalker.com/2008/12/navigation-menu.html
2008年も残すところあとわずかですね。 今回は、今年のウェブデザイン総まとめ第一段といたしまして、ナビゲーションメニューのデザインをお送りします。 ウェブデザインには、欠かせないナビゲーションメニュー。とてもきれいなサンプルがいっぱいです。
ナビゲーション、メニューのデザイン
ナビゲーションメニューデザインの参考リンク集
Free Printable Sketching, Wireframing and Note-Taking PDF Templates - Smashing Magazine
http://www.smashingmagazine.com/2010/03/29/free-printable-sketching-wireframing-and-note-taking-pdf-templates/
Free Printable Sketching, Wireframing and Note-Taking PDF Templates
How Accessible is Your Website? 8 Tools to Analyze Your Website’s Level of Accessibility | Spyre Studios
http://spyrestudios.com/website-accessibility-tools/
How Accessible is Your Website? 8 Tools to Analyze Your Website’s Level of Accessibility
Designing a website that's as much successful as it is effective takes time, skills, and a lot of testing. Normally, when we're talking about web design and we hear the word testing, the first thing that comes to mind is usability, and that's fine, but when was the last time you sat down to analyze the level of accessibility of your website? Testing on other aspects of your website are important, however, a lot of us seem to neglect our websites accessibility. This can ultimately lead to the loss of a wide range of users and poor elements of design. But not to fear, below we've compiled a set of tools that will help you combat poor accessibility. Every tool is free to use and has been chosen because it's easy to use and offers quality testing.
8 Tools to Analyze Your Website’s Level of Accessibility
effective
Designing a website that’s as much successful as it is effective takes time, skills, and a lot of testing. Normally, when we’re talking about web design and we hear the word testing, the first thing that comes to mind is usability, and that’s fine, but when was the last time you sat down to analyze the level of accessibility of your website?
Beyond the 10 blue links: how search engines are getting smarter | News | TechRadar UK
http://www.techradar.com/news/internet/beyond-the-10-blue-links-how-search-engines-are-getting-smarter-507228
How search engines are getting smarter Google and Microsoft reveal how search is evolving : TechRadar UK
Google and Microsoft reveal how search is evolving
Essential Practices for Styling Your CSS | Design Reviver
http://designreviver.com/tips/essential-practices-for-styling-your-css/
Essential Practices for Styling Your CSS | Design Reviver - http://designreviver.com/tips/essential-practices-for-styling-your-css/
Fairesadeco.tv le site référence de la décoration d'intérieur et du bricolage sur internet
http://fairesadeco.tv/
Toutes les astuces brico et idées déco pour la décoration de votre maison
Coding a Clean and Professional Web Design
http://sixrevisions.com/tutorials/web-development-tutorials/code-clean-professional-web-design/
In this web development tutorial, you will learn how to code a clean and professional web page template from a Photoshop.
Coden einer Website
Where Is The Fold
http://whereisthefold.com/
Browser Size
Wonderfully useful tool. End the debate!
Great tool
50 Retro and Vintage Web Designs to Inspire You | Inspiration
http://webdesignledger.com/inspiration/50-retro-and-vintage-web-designs-to-inspire-you
42 High Quality Fonts for Professional Web Design | Tools
http://www.hongkiat.com/blog/42-high-quality-fonts-for-professional-web-design/
In today’s post, we attempt to sum up as many free and high quality fonts as possible into one post. These following fonts can be downloaded free and use for any of your projects. Although they are free, it’s always good for you to check with various creators about the licensing if you are going to use it for commercial projects.
Tipografías para el diseño web profesional
HTML Email Newsletter Toolbox – Tutorials, Templates and Inspiration - Speckyboy Design Magazine
http://speckyboy.com/2010/03/29/html-email-newsletter-toolbox-tutorials-templates-and-inspiration/
Trucos y plantillas para enviar emails en html
Die große Sammlung der (gratis) Vektorgrafikpakete
http://www.drweb.de/magazin/sammlung-gratis-vektorgrafik-pakete/
spiralen etc für mpg ...!
70+ Most Artistic and Creative Resumes Of All Time
http://resources.savedelete.com/70-most-artistic-and-creative-resumes-of-all-time.html
Resources
When it comes to job hunting, the first thing which comes to our mind is a resume. And when we think of creating a resume, we mostly think of something that is clean and contains every bit of information to impress the employers.
most are bunk but look thru
Introducing "Aristo", A jQuery UI Theme — Nothing Insightful
http://taitems.tumblr.com/post/482577430/introducing-aristo-a-jquery-ui-theme
Introducing "Aristo", A jQuery UI Theme — Nothing Insightful - http://taitems.tumblr.com/post/482577430/introducing-aristo-a-jquery-ui-theme
y started mocking and building my own jQuery UI them
/ keaggy.com :: The Periodic Table of Periodic Tables /
http://www.keaggy.com/periodictable/
30 Beautiful Expressive Portraits | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/30-beautiful-expressive-portraits
Photo
lindas!
Recherche et inspiration
Less Talk More Rock- Boing Boing
http://www.boingboing.net/features/morerock.html
Not too long ago, Jordan Mechner and Eric Chahi were chatting with Eric Viennot, a French creator and writer. Jordan Mechner single-handedly pioneered a type of cinematic videogame with Karateka in 1984 and Prince of Persia in 1989. Eric Chahi similarly single-handedly created 1991's Another World -- known in the U.S. as Out of this World -- a painterly cinematic videogame in a similar tradition. Jordan Mechner had the following advice to share, I think it's great advice.
The Ultimate Guide To Cloning In Photoshop - Smashing Magazine
http://www.smashingmagazine.com/2010/03/30/the-ultimate-guide-to-cloning-in-photoshop/
10 Excellent Tools for Creating Web Design Wireframes | Tools
http://webdesignledger.com/tools/10-excellent-tools-for-creating-web-design-wireframes
Dark Roasted Blend: Creative Ads, Issue 11
http://www.darkroastedblend.com/2008/10/creative-ads-issue-11.html
INSPIRACIÓN - Recopilación de piezas gráficas para publicidad interesantes.
kreatív reklámok
Fred Wilson’s 10 Golden Principles of Successful Web Apps | Carsonified
http://carsonified.com/blog/business/fred-wilsons-10-golden-principles-of-successful-web-apps/
http://news.ycombinator.com/item?id=1229038
ASCII.jp:Webデザイン劇的ビフォーアフター09年春版
http://ascii.jp/elem/000/000/414/414388/
この4月、新しい事業年度のスタートに合わせ、各社のWebサイトが相次いでリニューアルした。ここでは、3月下旬~4月にかけて大規模なリニューアルを実施したWebサイトを編集部でピックアップし、リニューアル前後の画面写真付きで紹介する。
How to Create Your Own Photoshop Brushes | My Ink Blog
http://www.myinkblog.com/2009/06/10/how-to-create-your-own-photoshop-brushes/
A lot of people don’t realize how easy it is to create your own photoshop brushes. If you find yourself drawing the same elements over and over you can save a lot of time by creating a brush of that particular element. A good example of this is creating grunge elements to dirty up a design. So for the sake of this tutorial, I’ll be walking you through creating a grunge Photoshop brush.
BUZZ NEWSROOM | get the buzz and the latest headline news
http://buzznewsroom.com/
Oooh, that's Clever! (unnatural experiments in web design) | Konigi
http://konigi.com/notebook/oooh-thats-clever-unnatural-experiments-web-design
Unnatural experiments in web design | http://cli.gs/2gyJ5Z **Must see for every #ux designer [from http://twitter.com/MikevHoenselaar/statuses/2109009831]
Paul Annet, from Clear Left
Knowledge management and competitive research community for user experience design on the web.
A List Apart: Articles: Contrast is King
http://www.alistapart.com/articles/contrast-is-king/
Lifehacker - ColorRotate Creates Design Color Palettes - Web Design
http://lifehacker.com/5257949/colorrotate-creates-design-color-palettes
typo/graphic posters
http://www.typographicposters.com/andre-beato/
Muy buenos posters con tipografía
Cartells tipogràfics
Mark Wagner’s Currency Collages | Bextim dot Com
http://www.bextim.com/mark-wagners-currency-collages.html
Mark Wagner’s Currency Collages
Collages made from money
あなたの書いた文字をTrueTypeフォント化する「YourFonts」 : ライフハッカー[日本版], 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア
http://www.lifehacker.jp/2009/02/truetypeyourfonts.html
TureType
yo
作れるのはアルファベットと数字と記号
AfterEffectは文字のエフェクトが充実してるから、これで気軽に絵をフォント化して使える。
50 New Free High-Quality Icon Sets (with Easter Icons!) - Smashing Magazine
http://www.smashingmagazine.com/2010/04/01/50-new-free-high-quality-icon-sets/
DOT Pictograms
provide our readers with a
Inhabitat » The EcoDrain Cuts Water Heater Use by 40%
http://www.inhabitat.com/2009/03/23/the-ecodrain-cuts-water-heater-use-by-40/
A hot shower is relaxing, but is also a huge waste of energy: we heat our water with massive amounts of natural gas, oil or electricity, then transport the heated water to our tubs for a few seconds of sudsing, before washing it down the drain full of raw, wasted heat and energy! What if we could recapture this untapped source of wasted energy by transferring the heat from that shower waste-water to cold incoming water? The EcoDrain, a simple heat exchange unit, does just that, saving water heater use by up to 40%.
Seth's Blog: Pivots for change
http://sethgodin.typepad.com/seths_blog/2009/03/pivots-for-change-swords-and-plowshares.html
When industry norms start to die, people panic. It's difficult to change when you think that you must change everything in order to succeed. Changing everything is too difficult. * Keep the machines in your factory, but change what they make. * Keep your customers, but change what you sell to them. * Keep your providers, but change the profit structure. * Keep your industry but change where the money comes from. * Keep your staff, but change what you do. * Keep your mission, but change your scale. * Keep your products, but change the way you market them. * Keep your customers, but change how much you sell each one. * Keep your technology, but use it to do something else. * Keep your reputation, but apply it to a different industry or problem.
Pivotal points for change - one thing at a time.
When industry norms start to die, people panic. It's difficult to change when you think that you must change everything in order to succeed. Changing everything is too difficult.
Pivots for change /Seth's Blog/ - When industry norms start to die, people panic. It's difficult to change ... http://tinyurl.com/bu4tdr [from http://twitter.com/jorgefsb/statuses/1315341354]
It's difficult to change when you think that you must change everything in order to succeed. Changing everything is too difficult.
Simple... use points from this Seth Godin blog to think about what to keep and what to change.
30 Cool Free Futuristic Fonts To Work With | AEXT.NET
http://aext.net/2010/03/cool-free-futuristic-fonts/
10 Stunning Mac software websites
http://woork.blogspot.com/2009/01/10-stunning-mac-software-websites.html
Skew, The Frontend Engineer's Misery @ Irrational Exuberance
http://lethain.com/entry/2009/apr/28/skew-the-frontend-engineer-s-misery/
"With limited influence, unlimited hands in the pie, a low barrier to critique, and the perception of triviality, frontend engineers are the janitors of software development. Rather than cleaning up trash, the boulder they toil beneath is skew: the distance between team member's conceptions of a project."
使い易いユーザーインタフェースとは何かを勉強しています。 そこで、質問です。 - 使い易いユーザーインタフェースを持ったウェブサイトやソフトウェアを教えてください -.. - 人力検索はてな
http://q.hatena.ne.jp/1238032623
9lessons: Submit a Form without Refreshing page with jQuery and Ajax.
http://9lessons.blogspot.com/2009/04/submit-form-jquery-and-ajax.html
javascript post function
good tutorial
Submit a Form without Refreshing page with jQuery and Ajax. Bagus!
Ultimate guide to table UI patterns
http://designingwebinterfaces.com/ultimate-guide-to-table-ui-patterns
ニテンイチリュウ : yellowBird : VR Video
http://www.nitenichiryu.org/articles/yellowbird-release-vr-video-system
そのムービーをドラッグした瞬間。Google StreetViewよろしく「ムービーのまま」周りを見渡すことができます。
全方位映像をドラッグ可能な技術。
モーションvr
CloudApp
http://www.getcloudapp.com/
wnload Raindrops for iPhoto, iTunes, Photoshop and many mo
Share. Files. Fast.
dropbox type thingie--recommended by neven mrgan
Use jQuery - Blog - Brosho 'Design in the Browser' jQuery Plugin
http://usejquery.com/posts/8/brosho-design-in-the-browser-jquery-plugin
With this Plugin you can style your markup right in your browser with a build-in element selector and CSS editor. Generate the CSS code of altered elements with one click and use it in your own stylesheet.
h one
Into The Abyss: Teal and Orange - Hollywood, Please Stop the Madness
http://theabyssgazes.blogspot.com/2010/03/teal-and-orange-hollywood-please-stop.html
Those of you who watch a lot of Hollywood movies may have noticed a certain trend that has consumed the industry in the last few years. It is one of the most insidious and heinous practices that has ever overwhelmed the industry.
Not only interesting, but also very funny look at the overuse of colour grading in movies.
Todd Miro on "the color grading virus that is teal & orange" - http://bit.ly/9eLvJu
Ajaxian » Using Polygonal CSS for imageless tooltips and more
http://ajaxian.com/archives/using-polygonal-css-for-imageless-tooltips-and-more
Tooltips ohne Bilder
Using Polygonal CSS for imageless tooltips and more
CSSで吹き出し
画像を使わず、css のみで吹き出し。
Ajaxian magazine » Using Polygonal CSS for imageless tooltips and more
25 Web Designs with Amazing Attention to Detail – DesignM.ag
http://designm.ag/inspiration/attention-to-detail/
Autodesk - 2D and 3D Design Software for the Architecture, Engineering ...
http://www.autodesk.com/
2D and 3D Design and Engineering Software for Architecture...
Apartment Therapy Los Angeles | Look! Small Space Living...In a Garbage Truck
http://www.apartmenttherapy.com/la/look/look-small-space-livingin-a-garbage-truck-061030
guy lives in amazing garbage truck redesigned as home
Near Future Laboratory » Blog Archive » Design Fiction: A Short Essay on Design, Science, Fact and Fiction
http://www.nearfuturelaboratory.com/2009/03/17/design-fiction-a-short-essay-on-design-science-fact-and-fiction/
Julian Bleecker : Extending this idea that science fiction is implicated in the production of things like science fact, I wanted to think about how this happens, so that I could figure out the principles and pragmatics of doing design, making things that create different sorts of near future worlds.
Extending this idea that science fiction is implicated in the production of things like science fact, I wanted to think about how this happens, so that I could figure out the principles and pragmatics of doing design, making things that create different sorts of near future worlds. So, this is a bit of a think-piece, with examples and some insights that provide a few conclusions about why this is important as well as how it gets done. How do you entangle design, science, fact and fiction in order to create this practice called “design fiction” that, hopefully, provides different, undisciplined ways of envisioning new kinds of environments, artifacts and practices.
"Design Fiction is making things that tell stories. It’s like science-fiction in that the stories bring into focus certain matters-of-concern, such as how life is lived, questioning how technology is used and its implications, speculating bout the course of events; all of the unique abilities of science-fiction to incite imagination-filling conversations about alternative futures ... It’s meant to encourage truly undisciplined approaches to making and circulating culture by ignoring disciplines that have invested so much in erecting boundaries between pragmatics and imagination."
design essay
20 Beautiful Examples of Photoshopped Smoke Art and Technique Tutorials : Speckyboy Design Magazine
http://speckyboy.com/2009/05/18/20-beautiful-examples-of-photoshopped-smoke-art-and-technique-tutorials/
smoke art and tutorials
In this article we are showcasing beautiful examples of smoke art, the very difficult technique of photographing smoke and with Photoshop creating the amazing shapes and coloring which you can see. As well as showing you the beautiful example, we have also collected a lot of useful tutorials to help you get started.
PESSOA FUMAÇA CIGARRO
今よりちょっとだけクオリティを上げるために。|CSS HappyLife
http://css-happylife.com/log/memo/000728.shtml
HTMLコーディングとCSSの基本
ダメなのは良いのですが解決法が提示されていない項目があるのが気になります。
制作時の備忘録
IE6/7で変だなっていうときは、何も考えずにとりあえず「zoom: 1;」を試してみれば、9割方問題が解決しちゃったり。zoomプロパティはIE独自なので、使いたくない人はwidthプロパティの指定をするとかで乗り切れちゃいます。IE6だけ変だぞ?っていう場合、「display: inline;」やってみると直ったり。如何にIE対策を早い段階で覚えるかってのも作業効率を上げるには重要だと思うっす。
“classとかを減らしたいからって、ガチガチに組まないよーに。”と“繰り返しの背景画像を小さく切り過ぎないよーに。”には虚を突かれた
「木を見て森を見ず」・・・これ多いね。
20 Outrageous, Over the Top, and Incredible Websites | WebDesign.fm
http://www.webdesign.fm/20-outrageous-over-the-top-and-incredible-websites/
Is your site suffering from Hyperdesign? Hyperdesign can be diagnosed by tale tell symptoms. Answer these following questions to find out if you and your site
Fight Div-itis and Class-itis With the 960 Grid System | Webdesigner Depot
http://www.webdesignerdepot.com/2010/03/fight-div-itis-and-class-itis-with-the-960-grid-system/
[CSS]要素をボタン風にスタイリングするスタイルシートのテクニック集 | コリス
http://coliss.com/articles/build-websites/operation/css/css-tutorial-styling-button.html
Analyzing the Design of Websites: Apple, Microsoft & 37 Signals | Our Blog | Box UK
http://www.boxuk.com/blog/analyzing-the-design-of-websites
Analisi del design delle HOME PAGE si Apple, Microsoft e 37 Signals
アップルとマイクロソフトとかのサイトデザイン分析
Apple, MSのサイトデザインを分析比較
Portada | Simplemente pregunta: Integración de la accesibilidad en el proceso de diseño
http://www.uiaccess.com/JustAsk/es/index.html
usabilidad arquitectura libros
Descubre cómo mejorar tus sitios web, software, hardware y productos de consumo para que sean más útiles para más personas en más tipos de situaciones. “Simplemente pregunta: Integración de la accesibilidad en el proceso de diseño” te ayuda a desarrollar de forma adecuada soluciones de accesibilidad efectivas.
Libro online
Do We Need a New Internet? - NYTimes.com
http://www.nytimes.com/2009/02/15/weekinreview/15markoff.html
There is a growing belief among engineers and security experts that Internet security and privacy have become so maddeningly elusive that the only way to fix the problem is to start over. What a new Internet might look like is still widely debated, but one alternative would, in effect, create a “gated community” where users would give up their anonymity and certain freedoms in return for safety.
Problems with privacy are making experts to think about a new inertenet. Question to the class: Is it possible?
"there is a growing belief among engineers and security experts that Internet security and privacy have become so maddeningly elusive that the only way to fix the problem is to start over.""A more secure network is one that would almost certainly offer less anonymity and privacy."
"What a new Internet might look like is still widely debated, but one alternative would, in effect, create a “gated community” where users would give up their anonymity and certain freedoms in return for safety. Today that is already the case for many corporate and government Internet users. As a new and more secure network becomes widely adopted, the current Internet might end up as the bad neighborhood of cyberspace. You would enter at your own risk and keep an eye over your shoulder while you were there"
Charge Your Cellphone Using Wasted Heat
http://www.instructables.com/id/Charge-Your-Cellphone-Using-Wasted-Heat/
We updated the instructable with a new implementation you can build without spending all that money on those expensive...
Companies such as BMW are investing in Thermoelectric Generators to make their cars more efficient by replacing the alt...
28 Useful JQuery Sliders You Need To Download | Design your way
http://www.designyourway.net/blog/resources/28-useful-jquery-sliders-you-need-to-download/
jQueryを使ったいろいろなスライダーの紹介です。
Computer Arts - 40 Photoshop tutorials you must see
http://www.computerarts.co.uk/in_depth/features/40_photoshop_tutorials_you_must_see
40 Photoshop tutorials you must see Get the most from your creative work tools with our guide to 40 of the best pieces of Photoshop knowledge online
Repper Lite | the online pattern creator
http://repper.studioludens.com/repper.html
好きな画像の一部を使って背景パターンを作れる
繰り返し背景パターン作成ジェネレーター
Sell Your By-products - (37signals)
http://www.37signals.com/svn/posts/1620-sell-your-by-products
expanding your biz model --- vertical & horizontal integration
"Think hard about what you do. Look closely at everything you do. There are probably by-product opportunities everywhere. Hell, even your office space could be a by-product. You rent it to work, but what about after hours? Could you rent it out for events? Maybe you could hold stand-up comedy shows like Maryʼs Futons in San Rafael, California does. Sometimes customers return to buy the futon they were sitting on during the show. That’s extra sweet."
DIY Wooden Wax Seal
http://ragehaus.com/?p=1215
for when i am baron von brian the first
25 Inspirational 3D Typography Designs | Creative Nerds
http://creativenerds.co.uk/freebies/25-inspirational-3d-typography-designs/
Inspirational 3D Typography
25 Inspirational 3D Typography Designs
25 Inspirational 3D Typography Designs | Creative Nerds
3D Typography Designs
The Ultimate Guide to Twitter Theme Design | Graphic and Web Design Blog
http://www.1stwebdesigner.com/design/ultimate-guide-twitter-theme-design/
This post will help you become a real Twitter theme design Guru. You will learn how to design the cool theme, where to draw inspiration or where to get/generate some free themes
Best User Interface Design Resources: The Round-up | Dzine Blog
http://dzineblog.com/2010/03/best-user-interface-design-resources-the-round-up.html
web tools
VaultPress
http://vaultpress.com/
An automated backup service for WP
Wordpress Multicloud-Backups. http://vaultpress.com/ – René Stalder (Nachtmeister) http://twitter.com/Nachtmeister/statuses/11632623041
39 Examples of Minimalist Web Designs
http://www.youthedesigner.com/2010/03/30/examples-minimalist-web-designs/
Linear Gradients
http://westciv.com/tools/gradients/
Awesome tool for applying some still-proprietary CSS3 styles to browsers that support them.
Webkit browsers have very different syntax for gradients.
Free interactive tool to quickly code CSS3 gradients.
脱初心者をめざす人のためのホームページ作成講座
http://az-store.nrym.org/archive/mynotes/lecture/
HTML入門系サイトの最優良サイト
使いやすいページや環境に依存しないページの作り方を考えます。
Dribbble - What are you working on?
http://dribbble.com/
http://news.ycombinator.com/item?id=1242764
What are you working on?
デザイナーのスクリーンショット集。
MOONGIFT: » 今時のWebサイトを構築するのに便利そうなCSSフレームワーク「Malo」:オープンソースを毎日紹介
http://www.moongift.jp/2008/12/malo/
MOONGIFT: » 今時のWebサイトを構築するのに便利そうなCSSフレームワーク「Malo」:オープンソースを毎日紹介
Reel Roulette
http://reelroulette.net/
50 Examples of Large Photography Backgrounds within Web Design - Speckyboy Design Magazine
http://speckyboy.com/2010/03/25/50-examples-of-large-photography-backgrounds-within-web-design/
Showcase de webs con grandes fotografías como fondo
45+ Fresh Wordpress Tutorials, Techniques and Hacks - Speckyboy Design Magazine
http://speckyboy.com/2010/04/05/45-fresh-wordpress-tutorials-techniques-and-hacks/
The growth and popularity of Wordpress continues to spiral to a seemingly endless end. It continually proves itself time time and again that it has very few limitations, and is rapidly pushing itself to being, if not the best, but certainly the most versatile CMS available. Out of the box it is certainly not perfect, but in the hands of the huge WP community, it might just be.
In this article we have collected 45 fresh Wordpress tutorials and techniques, with some hacks, guides and best practices thrown in for good measure. Everyone, not just developers, should take something from this round-up.
Más de 45 tutoriales, técnicas y trucos para wordpress.
45+ Fresh #Wordpress Tutorials, Techniques and Hacks - http://bit.ly/agfX8f – Dimox (Dimox_en) http://twitter.com/Dimox_en/statuses/11684687616
How to Make a Screencast for Your Website | Webdesigner Depot
http://www.webdesignerdepot.com/2010/04/how-to-make-a-screencast-for-your-website/
Having a video on your website can vastly improve your conversion rate. Whether the goal is for users to sign up for your web application or simply to get users to contact you via a web form, a video improves the likelihood of this happening. You need only go to the home page of any new Internet-based startup, and you’ll see an embedded video with a very large call to action beckoning you to play its two- or three-minute video introduction. Videos that demonstrate web applications or web-based services are often called screencasts because they usually capture events on the company’s website. These screencasts can sum up in just two minutes what might otherwise take up many pages to explain, so they make for powerful additions to websites. Is it easy to make a screencast? How much does it cost, and what tools are required? Let’s answer these questions.
Cómo realizar un screencast para tu sitio.
wonderful stuff
25 High Quality Gradient Sets for Photoshop – 750+ Gradients - Speckyboy Design Magazine
http://speckyboy.com/2010/04/02/25-high-quality-gradient-sets-for-photoshop/
My life needs more gradient shading.
sets for photoshop
High Quality Gradient Sets for Photoshop
Colorburned | 29 High Resolution Light Effect Brushes for Photoshop
http://colorburned.com/2009/06/29-high-resolution-light-effect-brushes-for-photoshop.html
Have you ever wanted to add cinematic-style light effects to your designs but couldn’t figure out how to do it? Adding light effects to your designs may be
30 Funny Print Ads that’ll Make You Laugh | Inspiration
http://webdesignledger.com/inspiration/30-funny-print-ads-thatll-make-you-laugh
In the world of print advertising, there's a small window to grab the audience's attention. Being restricted to a still image means the message must be very
ユーザー中心の設計をするためのワークフロー - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/01/user_centric_design.html
i think this explains itself
ユーザー中心のための設計やらデザインやらをするための標準的なワークフローがまとまっています。このページ日本語に訳してくれる人いたらいいんですけどねぇ。
A Showcase of Watercolor in Web Design | Webdesigner Depot
http://www.webdesignerdepot.com/2010/03/a-showcase-of-watercolor-in-web-design/
Watercolor is a great way to add depth, interesting subtle textures and colors.
webdesignledger.com: watercolor in web design
All Design Patterns | Open Source Design Pattern Library
http://uidesignpatterns.org/designPatterns
960pxのグリッドシステムを使用する際に役立つサイト集 | コリス
http://coliss.com/articles/build-websites/operation/design/design-960-grid-system-resources-and-tools-and-tutorials.html
"グリッドの設計ツール・確認ツールなどを紹介"
グリッドデザイン
グリッドレイアウトの際の参考に
Instant Blueprint - Create a web project framework in seconds.
http://instantblueprint.com/index.php
3D Text Tower | CSS-Tricks
http://css-tricks.com/3d-text-tower/
Have you seen David Desandro's site? It's pretty slick. His footer is especially fun: The technique is clever in it's simplicity. Let's take a
Nifty text shadow effect with CSS3
Maps In Modern Web Design: Showcase and Examples - Smashing Magazine
http://www.smashingmagazine.com/2010/04/06/maps-in-modern-web-design/
maps maps maps!!!
The use of maps in web design
The Best Design Tools for Improving Your Home - Planning - Lifehacker
http://lifehacker.com/5510056/the-best-design-tools-for-improving-your-home
COMPUTER SOFTWARE TO REDESIGN YOUR HOME OR APARTMENT
Elastic Theme Editor | Change the way you think about WordPress themes
http://elastictheme.org/
55 Inspiring Examples of Gradients in Web Design | Inspiration
http://webdesignledger.com/inspiration/55-inspiring-examples-of-gradients-in-web-design
グラデーションの優れたデザインのサイトいろいろ
Resources | Web Directions
http://www.webdirections.org/resources/
Presentations from previous conferences. Slideshows and podcasts from the speakers.
Presentations from past Web Directions and @media conferences
resources on web design and strategy
Jonathan Jarvis
http://jonnyj.net/m5/
Credit video
- really nice animation particularly the Crisis of Credit explanation
ClickTale Blog » 8 Brilliant Tips That Boost Conversions
http://blog.clicktale.com/2009/06/04/8-brilliant-tips-that-boost-conversions/
So remember: 1. Fantastic visuals grab visitors attention 2. Great headlines encourage action 3. Float your best content to the top 4. Make important content stand out 5. WIIFM 6. Fewer questions boost conversions 7. Run usability tests 8. Test, repair, and retest
Based on the feedback of many of our customers, as well as our own experiences, we have prepared a set of 8 ‘best practices’ to help you boost conversion rates and improve site usability.
UTweet!
http://www.uniqlo.com/utweet/
Visualisierung von Tweets Till Frog Design
Présentation avec Twitter
UTweet! la nuova campagna pubblicitaria Uniqlo
30 Free Web 2.0 Fonts You’ll Love
http://www.youthedesigner.com/2010/04/06/free-web-2-0-fonts/
Amazing CSS3 Techniques You Can't live Without | Graphic and Web Design Blog
http://www.1stwebdesigner.com/css/css3-techniques/
RT @1stwebdesigner Amazing CSS3 Techniques You Can't live Without | Graphic and Web Design Blog http://bit.ly/atbglh
RT @tweetmeme Amazing CSS3 Techniques You Can't live Without | Graphic and Web Design Blog http://bit.ly/atbglh
80 Best Photoshop Text Effects Tutorials, Part III | Photoshop Tutorials
http://www.hongkiat.com/blog/80-best-photoshop-text-effects-tutorials-part-iii/
Coding Up a Web Design Concept into HTML & CSS
http://line25.com/tutorials/coding-up-a-web-design-concept-into-html-css
I've recently been working on a design concept for a Wordpress theme as part of a personal project. In this walkthrough we'll go through the process of
iPad Orientation CSS « Cloud Four
http://www.cloudfour.com/ipad-orientation-css/
Premium Graphic Design Resources | MediaLoot
http://medialoot.com/
graphics, icons, patterns resource
Premium graphic design resources
very cool site... join this for resources?
Service design | guardian.co.uk
http://www.guardian.co.uk/service-design
Special insert
Guardian UK's service design insert from March 2010
Beautiful advanced jQuery background image slideshow
http://www.marcofolio.net/webdesign/advanced_jquery_background_image_slideshow.html
slide show no background
RT @smashingmag: Advanced jQuery background image slideshow - http://bit.ly/bLdKiK
Coin Slider: jQuery Image Slider Plugin with Unique Effects
http://workshop.rs/projects/coin-slider/
# Unique transition effects # Compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+ # Valid markup # Flexible configuration # Auto slide # Navigation box # Lightweight (8kb only) # Linking images # Free to use under MIT licence # Fully customizable using CSS
画像切り替えがユニークな画像スライダー実装jQueryプラグイン「Coin Slider」。 画像の切替を、タイル状に切り替えたりすることができるみたいです。
画像をタイル状に切り替える
Sara Singh
http://www.sarasingh.com/
lindos desenhos - moda e aquarela
Horizontal Attention Leans Left (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/horizontal-attention.html
CSS Specificity And Inheritance - Smashing Magazine
http://www.smashingmagazine.com/2010/04/07/css-specificity-and-inheritance/
Glimmer: a jQuery Interactive Design Tool - Home
http://code.msdn.microsoft.com/glimmer/
Without having to touch a piece of JavaScript code, harness the power of the jQuery. With Glimmer: a jQuery Interactive Design Tool, easily create interactive experiences and use the tool to discover ways to add animation and other effects to your site in new and unexpected places. Glimmer is a Windows application which generates jQuery, XHTML and CSS. If jQuery is the “write less, do more” JavaScript library, then Glimmer is the “write none, do more” jQuery design tool.
An interactive design tool for jQuery.
Preparing Photoshop Files for Web Developers - Noupe
http://www.noupe.com/photoshop/preparing-photoshop-files-for-web-developers.html
50 Beautiful Free Wordpress Themes | The Roxor | Design blog for resources and inspiration
http://theroxor.com/2009/03/01/50-beautiful-free-wordpress-themes/
50 Beautiful Free Wordpress Themes | The Roxor | Design blog for resources and inspiration - http://theroxor.com/2009/03/01/50-beautiful-free-wordpress-themes/
50 Beautiful Free Wordpress Themes
themes
A Basic Look at Typography in Web Design
http://sixrevisions.com/web_design/a-basic-look-at-typography-in-web-design/
Think of all the different uses of typography on the web and you'll soon realize that not only is it a crucial part of a web design, but that it's a pure combination of art and science. We've come a long way since the start of the internet, but the use of typography is as important today as it was back in the day.
Gode eksempler på god brug af online fonts
Ten Things to Demand From Design Thinkers | Design Finds You | Fast Company
http://www.fastcompany.com/blog/mark-dziersk/design-finds-you/ten-things-demand-design-thinkers
Ten Things to Demand From Design Thinkers
Design thinking starts with empathy and perception around what people actually need and do, as opposed to what they say they want. This, in turn, mandates new processes for evaluation and new metrics for measurement. It may even require the courage to make decisions that run counter to metrics. That's the decision Herman Miller designers faced when focus groups told them that people thought the first Aeron chair would be a failure.
Top 10 Html/CSS Web Templates Of March 2010 For Free Download
http://resources.savedelete.com/top-10-htmlcss-web-templates-of-march-2010-for-free-download.html
クールなウェブテンプレートがまとめられた記事。XHTML + CSSでコーディングされたファイルがダウンロードできるほか、いくつかの作例は元となったPSDも配布されています。サイト制作をする上での素体として使うのに役立つほか、ウェブデザイン・レイアウトの参考にもなります。今進行中の案件で、早速アイデアを拝借しました。デザイナー同士はこうしてTipsを共有しないとね。
creativeLIVE - A Live Worldwide Creative Classroom
http://creativelive.com/
ldwide creative classroom
recorded classes not free
60 Beautiful Clean and Light Web Designs for Inspiration
http://sixrevisions.com/design-showcase-inspiration/60-beautiful-clean-and-light-web-designs-for-inspiration/
We bring you this collection of light and clean websites, separated into different categories.
iconSweets » Free icons by Yummygum
http://www.iconsweets.com/
Free icons
12 Excellent And Useful Design Process Tutorials
http://digg.com/d1oARV
8 tools that you can use for twitter
Chase Jarvis Blog: Shake Your Tree Today
http://blog.chasejarvis.com/blog/2009/05/shake-your-tree-today.html
Need a spark? http://bit.ly/LXa8j : Chase Jarvis has some solutions to 'Shake Your Tree'. Doesn't just apply to photography... – James Rickard (frodosghost) http://twitter.com/frodosghost/statuses/1781837328
't need sunshine
GOOD RESOLUTIONS
MUJI rhythm
http://www.muji.com/rhythm/
310k of pure magik
http://www.310k.nl/
Coding Horror: The World's Largest MMORPG: You're Playing it Right Now
http://www.codinghorror.com/blog/archives/001219.html
Recasting the experience as a game means it can be simultaneously complex and easily learnable. That's something we couldn't accomplish through traditional applications, which are designed to be usable but not necessarily fun. They've failed to design for fun. And in an era of ubiquitious web community , that's a big mistake.
Diseñar aplicaciones como si se tratara de juegos. Plantear el aprendizaje de nuevas aplicaciones a través de ir aprendiendo a utilizar las herramientas que se le ofrece. Ejemplo: stackoverflow.
*
do to improve the signal to noise ratio. Perhaps that was actually the point I was really trying to make: that using these game elements is an excellent way to improve the quality of interactions. I'm still convinced there is a way to have a civilized discussion online with complete strangers, but we haven't gotten there yet. The only really viable way I can see is heavy-handed moderation. When I say heavy-handed, I mean don't allow users to post "me too!" replies. Don't allow straying wildly off-topic. Don't post threads just to chat in specialized forums. And for heaven's sake, don't ever let people talk about other forum peop
Thesis: the internet is like a giant MMORPG.
game mechanics in everyday life
Go Retro With These Free Photoshop Brushes | Best Design Options
http://bestdesignoptions.com/?p=905
It is not true that retro or vintage designs are outdated and unattractive. Designers can actually come up with a design that is both usable and decorative using a successful and representative styles from the past. Vintage art has been very successful because it has a wider reach since it is being appreciated by both the young generation and those who were lucky enough to experience living in the 40s, 50s and 60s. Vintage designs also create a feeling of nostalgic and bring back memories from the near past.
Neatorama » Blog Archive » The Evolution of National Flags
http://www.neatorama.com/2008/09/09/the-evolution-of-national-flags/
bandeiras
flags. where did they come from? how did they get here?
bandeiras, simbolismo etc
プロのサイトデザイン方法を作って学べる手順集:phpspot開発日誌
http://phpspot.org/blog/archives/2008/11/post_269.html
まとめ
The FWA - 50 Millionth Site Visit Celebration
http://www.thefwa.com/50million/
facebook connect, thefwa, social media facebook connects to the fwa
FWAのおめでたい的な
Tagxedo - Creator
http://www.tagxedo.com/app.html
Like it better than the other non wordle
WordCloud creator - very nice
The Power of Typography in Design - FreelanceSwitch - The Freelance Blog
http://www.freelanceswitch.com/designer/the-power-of-typography-in-design/
The Power of Typography in Design
the power of typography in design (freelanceswitch)
Your college professor may have placed a lot of importance on type and hierarchy. Your client may be telling you to make specific words “larger” so they’ll stand out more. No matter who it’s coming from, it’s clear that graphic design is a lot more than just colors and layout; it relies heavily on typography as well. It’s no lie that type treatments can make or break a design — have you ever seen a logo where the font does not at all match the actual service or product it stands for? Or maybe the text in a magazine is a mess and difficult to read. I’ve broken down two examples that I feel reflect the importance of quality typography in a design.
10 Great Time-Saving Mac Utilities For Graphic Artists | GoMediaZine
http://www.gomediazine.com/design-tip/product-tip-review/10-great-mac-utilities-graphic-artists/
Need more time in your design day? Put that Mac you bought to good use and let it do the work for you. This post covers some time-saving productivity/utility software gems for graphic designers, illustrators and any other creatives using Mac OS X, including some great plugins and utilities for Adobe Photoshop, InDesign and Illustrator.
ウェブ、DTPに使えるクールなフォント集:phpspot開発日誌
http://phpspot.org/blog/archives/2008/11/post_279.html
かっこいいフォント4
ウェブ、DTPに使えるクールなフォント集。次のようなクールなフォントが紹介されています。
Japanese Bladesmiths
http://fxcuisine.com/default.asp?language=2&Display=241&resolution=hhigh
A unique behind-the-scenes visit of the crafstmen who hammer out the best and most expensive kitchen knives in the world in the city of Sakai, Japan
Picture essay from a tour of Sakai, knifemaker central.
Wonderful image by image guide to Japanese Knife creation.
Simply Ornate: A Free WordPress Theme | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2008/10/01/simply-ornate-a-free-wordpress-theme/
Jason Nazar’s Blog » Blog Archive » The 7 Ways to Get Traffic on the Web
http://www.jasonnazar.com/2009/01/14/the-7-ways-to-get-traffic-on-the-web/
34 Super Cool Photoshop Brushes | Graphic Fetish
http://www.graphicfetish.com/34-super-cool-photoshop-brushes/
photoshopブラシ集
Roundup of CSS Resources - More CSS Resources Than You Can Shake a Stick At : Web Design Resources Blog & Graphics Blog with Lists of Web Site Design Tools
http://www.allwebdesignresources.com/webdesignblogs/graphics/roundup-of-css-resources-more-css-resources-than-you-can-shake-a-stick-at/
This is a large collection of css resources that will help you in your every day web design and development tasks. Below you will find CSS Forums, discussion lists, resources, learning and tutorial sites for css, css blogs, css codes, css snippets, css galleries & showcases, layouts and more.
Writing Decisions: Saving space without losing meaning - (37signals)
http://www.37signals.com/svn/posts/1539-writing-decisions-saving-space-without-losing-meaning
The first thing I do when I want to cut out some words is not read the original version. I just write a new one.
DETTE er copywriting av høg klasse og teksttrimming med riktig fokus: Kort og handlingsorientert, dvs selgande.
“I didn't have time to write a short letter, so I wrote a long one instead.” - Mark Twain An example of rewriting text to be shorter and more focused.
レトロやヴィンテージ風の画像を作成するPhotoshopのチュートリアル集 | コリス
http://coliss.com/articles/build-websites/operation/design/1626.html
Featured Desktop: The Compartmentalized Desktop
http://lifehacker.com/5152235/the-compartmentalized-desktop
Reader Kseve has put together a workspace-oriented desktop with just a few of our favorite add-ons.
Huge Collection of High Quality Patterns
http://www.vectordiary.com/freebies/huge-collection-of-high-quality-patterns/
The use of patterns in art and design projects are varied and well known. There are many sources from where you can find free raster or bitmap patterns, but there are not much when it comes to good high quality free vector patterns. So, in this post, we have listed a compilation of good quality and useful free illustrator vector patterns for download. To edit the patterns in Adobe Illustrator, you can access the Patterns in the Swatches panel.You can customize existing patterns and design patterns from scratch with any of the Illustrator tools. There are many advantages of using seamless vector patterns. It is scalable to any sizes without any loss of resolution and you can change the colors, fill, stroke to suit your project. Thus, making it completely editable, modifiable and flexible.
9 Ways To Improve the SEO of Every Website You Design
http://sixrevisions.com/web_design/improve-seo-website-design/
un articulo sobre SEO
Search Engine Optimization tips made simple.
CSSDesk - Dynamic CSS Sandbox
http://cssdesk.com/
Dynamic CSS sandbox
MAKE: Blog: $0 digital pinhole camera
http://blog.makezine.com/archive/2009/03/0_digital_pinhole_camera.html?CMP=OTC-0D6B48984890
Stupid title
how to make your digital camera into a pinhole camera!
iris. This pinhole ensures that the light which reaches any position on the exposure surface originated from a single direction; as the hole diameter approaches zero, the possible light source for a point on the exposure surface becomes an increasingly narrow cone, approaching a straight line. The result is that if you make the hole small enough, you can capture a very wide depth of field, with objects both near and far in focus. The small hole also reduces the amount of light that reaches the exposure surface, in this case a CCD, so you need to compensate with a very long exposure time. It's a perfect tool for capturing slow movement over time, or taking rich photos of still scenes that require a huge depth
Free Texture Tuesday: Old Film | BittBox
http://www.bittbox.com/freebies/free-texture-tuesday-old-film/
The City Sage
http://www.annesage.com/
10 Really Outstanding and Useful CSS Grid Systems | Spyre Studios
http://spyrestudios.com/css-grid-systems/
Checar los grids para elaborar HTML
Creating a Realistic Looking Button with CSS3 | Inference
http://blog.anomalyinnovations.com/2010/03/creating-a-realistic-looking-button-with-css3/
"Creating a Realistic Looking Button with CSS3" /by @jayair http://j.mp/dilGpV #css #css3 #ux #webdesign
17 Amazing Inspirational Typography Videos - Aetuts+
http://ae.tutsplus.com/articles/17-amazing-inspirational-typography-videos/
w
America's 10 Most Confusing Traffic Signs: America's 10 Most Confusing Traffic Signs
http://jalopnik.com/5044869/americas-10-most-confusing-traffic-signs
Hmmmm
confusing and amusing
20+ Web Applications and Tools for Designers | Tools | PelFusion.com
http://pelfusion.com/tools/20-web-applications-and-tools-for-designers/
Lista de ferramentas para um designer
There are lots of helpful tools and web applications to create different design stuff. I tried to compile free or paid web apps that are really useful for
Top 25 fictional ads in sci-fi movies - Den of Geek
http://www.denofgeek.com/movies/180537/top_25_fictional_ads_in_scifi_movies.html
ads from movies (minority report, ghostbusters, etc)
Awesome sci fi ads for movies
swissmiss: A Guide to Choosing Colors for Your Brand
http://swissmiss.typepad.com/weblog/2008/10/a-guide-to-choo.html
Use CSS Borders for 3D Effects - McArthur GFX
http://mcarthurgfx.com/blog/article/use-css-borders-for-3d-effects
CSS: A tribute to selectors | For A Beautiful Web
http://forabeautifulweb.com/blog/about/css_a_tribute_to_selectors/
About CSS attribute selectors.
advanced selectors
Illustrator Quick Tips #2 - Scatter Brushes | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/illustrator-quick-tips-2-scatter-brushes
Illustrator tricks!
This creates a scatter brush based on one element. The element is randomly scattered at different sizes. Pretty handy.
Brushes are very useful in Photoshop we can create all sorts of effects from clouds to grunge and many more. In lllustrator it is not different, actually it's easier to create and use brushes than in Photoshop because you can preview how they will look an
DIY: Pop-Up Paper CD Case
http://lifehacker.com/5152840/pop+up-paper-cd-case
팝업카드를 응용한 cd케이스 만들기
Strive for low coupling and high cohesion What does that even mean
http://codeodor.com/index.cfm/2009/6/17/Strive-for-low-coupling-and-high-cohesion-What-does-that-even-mean/2902
"A standard bit of advice for people who are learning to design their code better, who want to write software with intention as opposed to coincidence, often parroted by the advisor with no attempt to explain the meaning."
o
Colorburned - Illustrator brushes, tutorials, textures, vectors, patterns and more! - 53 Incredible High Resolution Photoshop Paint Brushes
http://colorburned.com/2009/03/53-high-resolution-photoshop-p.html
Photoshop brushes, they are very effective tools to help add texture, rough up, or distress your designs
I love Photoshop brushes, they are very effective tools to help add texture, rough up, or distress your designs.  I've been looking for a nice set of high
Nice photoshop brushes
How To Build Your Own Wordpress Theme
http://line25.com/tutorials/how-to-build-your-own-wordpress-theme
You don’t need to be a PHP whizz to be able to put together your very own custom Wordpress theme. If you’re clued up with your general web design and development skills and can easily put together a HTML/CSS based website, you’re ready to move onto Wordpress theme development to give your blog its very own design.
Wordpress theme készítés
iA » Designing for iPad: Reality Check
http://informationarchitects.jp/designing-for-ipad-reality-check/
With its high pitched light contrast, iPad is a miracle picture book or photo frame—but it (still) doesn’t replace printed matters. If, executed carefully, text on an iPad comes quite close, but it needs a lot of care and specific screen typographic know-how. Web body text sizes (14-16px) feel kind of small on iPad while bigger sizes clash with the canvas dimensions. This leads to all sorts of basic grid restrictions. iPad’s resolution is higher than a regular LCD but still lower than an iPhone which gives the pixel type an unusual “in between” feel.
when you write a text it doesn’t count words but the right column tells you: how much time someone spend to read your text until the cursor position (top number) the total reading time (bottom number)
Experiences designing apps and websites for the iPad
10 Fantastic Photoshop Tutorials on YouTube
http://mashable.com/2010/04/11/youtube-photoshop-tutorials/
Great for Photoshiop level 1 students: Photoshop has been a mainstay of the design software pantheon for over 20 years, and it remains a great tool for pro artists and social media customizers alike. But the sophisticated image editor has a daunting learning curve. With so many tools, features, and concepts to get a hold of, new users can be discouraged by dry help files and blind fumbling. But fear not, gentle reader, for the collective wisdom of YouTube() is at your disposal. Photoshop tutorials abound on the video network. Some are superb, while others may not be worth your precious clickthrough. For help, check out the resourceful selections below. Whether you’re brand new to Photoshop or a seasoned veteran, there’s always something to learn from the screencasting community.
Photoshop has been a mainstay of the design software pantheon for over 20 years, and it remains a great tool for pro artists and social media customizers alike. But the sophisticated image editor has a daunting learning curve. With so many tools, features, and concepts to get a hold of, new users can be discouraged by dry help files and blind fumbling.
0to255
http://0to255.com/
在线取色
picks different colors
0to255 cures your color manipulation woes. Simply pick the color that you want to start with and 0to255 gives you a range of colors from black to white using an interval optimized for web design. Then, just click the variation you want to use and the hex code is automatically copied to your clipboard.
100+ Photography Enhancing Photoshop Actions | Freebies
http://webdesignledger.com/freebies/100-photography-enhancing-photoshop-actions
Colección de acciones para Photoshop.
Adobe CS5 Launch
http://cs5launch.adobe.com/
About CS5
If i get cs5 i will cutout horses-all-day-long! http://cs5launch.adobe.com/
Cross-Browser CSS Gradient
http://www.webdesignerwall.com/tutorials/cross-browser-css-gradient/
Cómo hacer gradientes usando CSS3 que funcionen en Firefox, Safari, Chrome e Internet Explorer
gradiente por CSS em todos os browsers
Mobile Web and App Development Testing and Emulation Tools - Speckyboy Design Magazine
http://speckyboy.com/2010/04/12/mobile-web-and-app-development-testing-and-emulation-tools/
20 Beautiful Script Fonts for Your Designs | Freebies
http://webdesignledger.com/freebies/20-beautiful-script-fonts-for-your-designs/
Typography Is Important - Well-Made Magazine - Techmic Studios
http://www.techmic.com/magazine/issue-1/typography-is-important
Vasily Vasimov/Techmic Studios, March 11, 2010.
Repeat-x Repeat-y: awesome patterns from awesome people
http://www.repeatxrepeaty.com/
Repeat-x Repeat-y: awesome patterns from awesome people. Patterns, background, fondos.
50 Wonderful Icon Design Tutorials
http://sixrevisions.com/resources/icon-design-tutorials/
50 Wonderful Icon Design Tutorials
The Dying Art Of Design - Smashing Magazine
http://www.smashingmagazine.com/2010/04/08/the-dying-art-of-design/
What the iPad is Missing (No, it’s not a Camera) | The FontFeed
http://fontfeed.com/archives/ipad-typography/
background re typography, UI
RT @azaaza: What the iPad gets wrong with typography. Apple doesn't care about text? http://bit.ly/ab3HRb
an
70 Photoshop Tutorials For Creating Perfect Typography | Creative Nerds
http://creativenerds.co.uk/tutorials/70-photoshop-ttorials-for-creating-perfect-typography/
tipografía en PS
70 Photoshop Tutorials For Creating Perfect Typography http://bit.ly/dhiAgw #ps #tutorials #design #typo
The aim post was not to create an article as such bu t to create a resource, which can be used as a reference point for designers to expand their knowledge on how they can use Photoshop in order to create spectacular text effects. The article features 70 high quality Photoshop tutorials, which if the steps are follow it can to turn a Photoshop and give you an understanding on the features of Photoshop. A lot of time has been put into this roundup in order to find and collect the best Photoshop design tutorials. I hope you enjoy this article and as always your more than welcome to share thoughts and any addition comments about the article it would be welcomed and highly appreciated.
Iconfinder | Download free icons
http://www.iconfinder.com/
Icon arama motoru
Iconfinder provides high quality icons for webdesigners and developers in an easy and efficient way
brizk design – Portfolio of Web Design Freelancer Kai Brach
http://www.brizk.com/
ixels, Creativity & Lorem Ips
p.yusukekamiyamane - Quality free icons and pixel fonts
http://p.yusukekamiyamane.com/
Quality free icons to everyone. The icons are licensed under a Creative Commons Attribution 3.0 license.
The Ultimate Free Web Designer’s Icon Set (750 icons, incl. PSD sources) - Smashing Magazine
http://www.smashingmagazine.com/2010/04/15/the-ultimate-free-web-designer-s-icon-set-750-icons-incl-psd-sources/
There are thousands of free icon sets out there, and every other day we see new sets being released by the design community. In fact, Smashing Magazine has been...
Introducing the Web Safe Font Cheat Sheet | Devon Web Design and Development - MightyMeta
http://www.mightymeta.co.uk/introducing-the-web-safe-font-cheat-sheet/
In all the TypeKit and @font-face excitement, boring old web-safe fonts are getting overlooked. This article attempts to persuade you why you should give them a second chance, and provides you with the Web Safe Fonts Cheat Sheet!
Create Windows 7 start menu using CSS3 only
http://www.jankoatwarpspeed.com/post/2010/04/06/windows-7-start-menu-css3.aspx
34 Various Templates And PSDs To Ease Daily Workflow | Graphic and Web Design Blog
http://www.1stwebdesigner.com/resources/templates-and-psds-ease-workflow/
includes browser chrome and elements, iphone, dvds, cds, business cards, twitter, t-shirts, skateboards, more
In this article you will find templates for web designers and templates for average photoshop users as well. You can exploit, customize and improve those designs easily to suit your specific needs. Templates can help you when you don’t really know how to start your design or don’t know the exact size of, for example, business card. Templates can be useful to show off your DVD, T-shirt etc design very fast – take advantages of already premade templates and files you can find freely over the Internet! In this article you will find templates for web designers and templates for average photoshop users as well. You can exploit, customize and improve those designs easily to suit your specific needs.
Photoshop Templates
65 Best Websites To Download Free High Quality Adobe Photoshop Brushes
http://resources.savedelete.com/65-best-websites-to-download-free-high-quality-adobe-photoshop-brushes.html
As we all know, Photoshop Brushes is the simplest way to give a creative look to your designs and effective tool specially for those who cannot draw good. Even I think that every designer should have lots of Photoshop Brushes installed in his/her toolbar, but sometimes finding right Photoshop Brush for your designs is very difficult.
One More Production
http://www.onemoreproduction.com/
One More Production - Special Effect studio in Paris
Producers of Pixels (Patrick Jean)
Snazzy Hover Effects Using CSS
http://sixrevisions.com/css/snazzy-hover-effects-using-css/
Informacion sobre imagenes con Css:hover
With all these CSS3 effects and tutorials popping up every day that show all the new and wonderful things we can make happen, we sometimes forget about poor little old CSS2.1 and the great potential it still has. With very good browser support, we can do lots of cool things that we know will work in all major browsers. In this tutorial, I will be going over creating flexible advanced hover techniques using CSS2.1 properties.
Photography Websites - Photography Portfolios - Showcase of Photography Portfolio Websites | Webdesigner Depot
http://www.webdesignerdepot.com/2010/03/showcase-of-photography-portfolio-websites/
Photographers, just like designers, often use the Internet to help promote their work. Other than using mainstream photography and design sites such as
The Basics of Business Card Design | Design Informer
http://designinformer.com/basics-business-card-design/
The Basics of Business Card Design | Design Informer - http://designinformer.com/basics-business-card-design/
デザインする人に必要な能力は?:DESIGN IT! w/LOVE
http://gitanez.seesaa.net/article/113681447.html
しっかり読みたい。
あとでよむ
* 知る・感じる・疑問に思う * 解釈する・発想する・組み立てる * 具体化する・検証する・洗練させる * 仕事をはじめ、終わらせる
navflow
http://navflow.com/
Herramienta para test de navegación rápidos en páginas web
モックアップのユーザビリティーをテストできるサイト
test de usabilidad que los diseñadores web
Ultimate Collection of Free Adobe Photoshop Floral Brushes
http://www.youthedesigner.com/2010/03/31/ultimate-collection-of-free-adobe-photoshop-floral-brushes/
Looking to create some spring designs with floral patterns? We got you covered with the Ultimate Collection of Free Adobe Photoshop Floral Brushes.
35 High-Quality Free Vector Packs – DesignM.ag
http://designm.ag/resources/free-vector-packs/
Vectores de diferente tema
Single-Page Websites: Examples and Good Practices - Noupe
http://www.noupe.com/design/single-page-websites-examples-and-good-practices.html
Single-Page Websites: Examples and Good Practices
サイト制作に便利なOmniGraffleステンシル : could
http://www.yasuhisa.com/could/roundup/graffletopia/
実際に買うかはわからないけど、僕がやるべきことはこれでできそうだと思った。
東京在住のWebデザイナー長谷川恭久の個人サイト。記事やリンクなど。
制作お役立ち!
OmniGraffleの使いこなし
Graffletopia
How To Develop A Homepage Layout That Sells
http://www.smashingshare.com/2010/04/12/how-to-develop-homepage-layout-that-sells/
Javascript in Modern Web Design
http://www.webdesignerwall.com/general/javascript-in-modern-web-design/#more-178
รวม javascript plugin
常见的ajax
java vbn jQuery en Mootools
"Here are 47 Javascript plugins that you can use to enhance the user experience and functionality of your website."
Improve Your CSS Skills With Pure CSS UI Components | W3Avenue
http://www.w3avenue.com/2010/04/16/improve-your-css-skills-with-pure-css-ui-components/
improve-your-css-skills-with-pure-css-ui-components
一些常见CSS
Autodesk Homestyler - Free Online Home Design Software
http://www.homestyler.com/home
Twenty Sided » Blog Archive » Dueling Gameplay
http://www.shamusyoung.com/twentysidedtale/?p=188
A game design post pertaining to implementing sword fighting in games
An interesting model for making duelling fun.
Via Wilson Miner (platte).
ロゴデザインの際に参考にできるリソース集:phpspot開発日誌
http://phpspot.org/blog/archives/2008/12/post_287.html
ロゴデザインの際に参考にできるリソース集。
ロゴデザインの際に参考にできるリソース集:phpspot開発日誌
再販以外はOKの、高品質なフリーフォント -The Crud Factory | コリス
http://coliss.com/articles/build-websites/operation/design/freebies-font-the-crud-factory.html
フォントのダウンロード
シンプルで使い勝手がよさそうな高品質なフリーのフォントをThe Crud Factoryから紹介します。
Ajaxian » CSS Gradients in Action
http://ajaxian.com/archives/css-gradients-in-action
มาดูตัวอย่างการเล่เฉดสีสวยๆ ใน CSS3 กัน
Gradients - Webkit only..
Designing Through a Depression - Allison Arieff Blog - NYTimes.com
http://arieff.blogs.nytimes.com/2009/04/08/designing-through-a-depression/
more on luxury or dearth of its necessity
Allison Arieff
Addressing other nations at the G-20 last Wednesday, President Obama suggested that the United States was unlikely to return to its role as a “voracious consumer market.” If Obama’s right — and the experience of Japan, post-recession, suggests he may well be — what might that mean for design?
Two simple ways to create text embossing effect
http://www.jankoatwarpspeed.com/post/2009/06/11/text-embossing-effect.aspx
Embossing is very popular trend in web design (the actual term for this effect is "inset", although many people call it embossing). In the same time it is very simple to create. This short tutorial will show you how to create this effect usng pure CSS and using Artweaver.
text-shadow:#fff 0px 1px 0, #000 0 -1px 0;
e same time it is very simple to create. This short t
How-To: Creating Seamless Textures with Photoshop CS4
http://www.testfreaks.com/blog/information/how-to-creating-seamless-textures-with-photoshop-cs4/
Have you ever needed to tile a picture of some sort of texture – fabric, grass, sand, water, stones – only to find that when you do, you can see the sides of the images repeated throughout? It looks awful! People have to tile images for all sorts of reasons. These reasons range from simple things like tiled computer backgrounds to more complicated endeavors, like texturing a 3D image in a digital rendering, video game or virtual world.
Why pay for a disc of pre-made textures or a pricey Photoshop plugin to get the texture you want? Grab a source image and follow this simple tutorial to make your own seamless texture. Although the author of the tutorial flags it as a tutorial for Photoshop CS4, the tutorial will work in any version of Photoshop with the Offset filter and the clone stamp tool. Find a source image you want to turn into a seamless texture. It helps to choose a source texture that has either a fairly simple and easily blended pattern, or a complex pattern that will make hiding any imperfections easy. Check out the video below to see the technique in action:
TEXTURES BACKGROUNDS
Battle Plans for Newspapers - Room for Debate Blog - NYTimes.com
http://roomfordebate.blogs.nytimes.com/2009/02/10/battle-plans-for-newspapers/
Free Icons Sites : Websites That Offer Free Icons : Web Design Resources Blog & Graphics Blog with Lists of Web Site Design Tools
http://www.allwebdesignresources.com/webdesignblogs/graphics/free-icons-sites-websites-that-offer-free-icons/
Home
http://www.rapidweavercentral.net/
This resource has one sole function - to make your rapidweaving life just a little bit easier by collating as much information as you might possibly need under one central roof.
This resource has one sole function - to make your RapidWeaving life just a little bit easier by collating as much information as you might possibly need under one central roof. Inspiration Station Looking for ideas? Need stimuli? Well, now you can find everything you need to spark your creative plugs and fuel your artistic flow in this one function junction. The Tool Shed A whole shedload of links to the most essential 3rd Party RW Tools and Utilities.
どんな画像もベクター画像に変換してくれる『Vector Magic』がいい感じ - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/02/vector_magic.html
だいぶ前に話題になった技術ですが、かっちりとしたサービスとして展開されはじめたようなのでご紹介。ビットマップ画像をベクター画像に変換してくれるサービスですね。ベクター画像にすると拡大・縮小が自由自在になるのでロゴなんかに向いていますね。
ASCII-O-Matic : SUBPOP RECS
http://www.subpop.com/cybersex
MY EYES!
It's cheeky. It was the example I was explaining before to everybody. I don't like the design, but the idea is a tongue-in-cheek look at our de
Design Theory | Negative Space | Photography | Websites | Print | Layers Magazine
http://www.layersmagazine.com/negative-space.html
Whether it’s a logo, a magazine page, or a website, sometimes the things you don’t design are more powerful than the things you do. This is often achieved by the use of negative space. In this article, we’ll teach you what negative space is, how it works, and what benefits it can add to your own designs along with some examples to help you along the way.
n this article, we’ll teach you what negative space is, how it works, and what benefits it can add to your own designs along with some examples to help you along the way. espaço negativo
Examples of positive and negative spacing
Negative Space
31 Free Clean Icon Sets For Minimal Web Design | Graphic and Web Design Blog
http://www.1stwebdesigner.com/resources/free-clean-icon-sets-minimal-web-design/
Minimal and letterpress effects currently are very popular in webdesigns and many designers will find this collection useful and worth bookmarking!
The Top 15 Google Products for People Who Build Websites
http://sixrevisions.com/tools/the-top-15-google-products-for-people-who-build-websites/
30 Brand New Quality Wordpress Themes - Speckyboy Design Magazine
http://speckyboy.com/2010/04/15/30-brand-new-quality-wordpress-themes/
60 Web Design Photoshop Layout Tutorials From 2010 | Graphic and Web Design Blog
http://www.1stwebdesigner.com/tutorials/web-design-layout-tutorials-2010/
Preview-web-design-layout-tutorials-from-2010 copyWant to get some new web designing skills right now? Ever wondered how latest trends in web design are actually created and want to discover it?
60 Web Design Photoshop Layout Tutorials From 2010
Winscape
http://rationalcraft.com/Winscape.html
virtual windows . DIY
soyouneedatypeface.jpg (JPEG Image, 1983x1402 pixels)
http://inspirationlab.files.wordpress.com/2010/04/soyouneedatypeface.jpg
Infografía tipográfica
RT @tobybarnes: so you need a typeface... http://inspirationlab.files.wordpress.com/2010/04/soyouneedatypeface.jpg via @coudal
Mr. Icons - Icon Search Engine, Free Icons
http://www.mricons.com/
Wer noch icons sucht kann mal http://www.mricons.com/ ausprobieren. #icons
Mr. Icons - Icon Search Engine, Free Icons
How To Create Outstanding Modern Infographics | Vectortuts+
http://vector.tutsplus.com/tutorials/designing/how-to-create-outstanding-modern-infographics/
How To Create Outstanding Modern Infographics http://bit.ly/c7Dx6k #infographics
Move the shape over to the right and add another guide to the centre here.
Autodesk Homestyler - Free Online Home Design Software
http://www.homestyler.com/
Autodesk
Five Minute Upgrade - Variety in Title and Body Fonts | Build Internet!
http://buildinternet.com/2009/03/five-minute-upgrade-variety-in-title-and-body-fonts/
繊細なゴシック柄やオリエンタル柄が美しいシームレスなパターン素材 | コリス
http://coliss.com/articles/build-websites/operation/design/freebies-pattern-seamless.html
ゴシック系なパターン
nmca: magazine cover archive
http://nmca.presspublish.info/
he Nation Magazine Cover Archive (NMCA)
https://twitter.com/leblancduciel/status/12490212849 表紙
Amazing interface of vintage graphic design magazine covers. It smacks of stealing!
Holistic Web Browsing: Trends Of The Future - Smashing Magazine
http://www.smashingmagazine.com/2010/04/10/holistic-web-browsing-4-trends-of-the-future/
The future of the Web is everywhere. The future of the Web is not at your desk. It’s not necessarily in your pocket, either. It’s everywhere. With each new technological innovation, we continue to become more and more immersed in the Web, connecting the ever-growing layer of information in the virtual world to the real one around us. But rather than get starry-eyed with utopian wonder about this bright future ahead, we should soberly anticipate the massive amount of planning and design work it will require of designers, developers and others.
Purely CSS Callouts - Daily Coding - daily coding tips and tricks, C#, .NET, ASP.NET, SQL, css callouts, css tricks, slant border
http://www.dailycoding.com/Posts/purely_css_callouts.aspx
Dotted Arrows in CSS technique with border dotted
CSS Callouts. Used in the Image Annotator
* Subscribe RSS * Subscribe by Email * (What is RSS?) * * Follow us
clever
Da Code / Home
http://dacode.com/
apple4us.com张亮+ganmabook.com飞猪
窓の杜 - 【特集】クリスマスカードや年賀状に! 無料で使えるフォントカタログ
http://www.forest.impress.co.jp/article/2008/12/04/fontlink01.html
非商用・個人利用ならフリーで使えるフォントが全部で80種類以上
窓の杜 - 【特集】クリスマスカードや年賀状に! 無料で使えるフォントカタログ
Error Messages Design Showcase | Elements of Design
http://www.smileycat.com/design_elements/error_messages/
Error Messages Design Showcase
A showcase of the best designed Error Messages from around the web.
TheDieline.com: General Mills Retro Cereal Boxes
http://www.thedieline.com/blog/2009/02/general-mills-retro-cereal-boxes.html
Less-annoying packaging coming to Target
The old-school Kix box is crazy sexy.
らばQ:これはお見事!思わずドキッとしてしまう14のアイデア広告
http://labaq.com/archives/51206532.html
[CSS]クロスブラウザ対応のフリーのナビゲーション集 -Styled Menu | コリス
http://coliss.com/articles/build-websites/operation/css/2607.html
コードも使用画像もフリーでダウンロードできるナビゲーションメニューいろいろ。
Stackin’ Bricks: 10 Free High Resolution Bricks Textures
http://sixrevisions.com/freebies/textures/stackin-bricks-10-free-high-resolution-bricks-textures/
Dark Roasted Blend: Most Powerful Supercomputers: Brains and Beauty
http://www.darkroastedblend.com/2009/01/most-powerful-supercomputers-brains-and.html
"Computers in the future may weigh no more than 1.5 tons." - Popular Mechanics (1949)
The Proper Way to Draw Rounded Corners « Usability Post
http://www.usabilitypost.com/2009/01/26/the-proper-way-to-draw-rounded-corners/
Tips and insights into good design and usability
I’ve been noticing a lot of the same mistake people make when implementing rounded corners in their designs around the Web. For some reason the rounded corner poses a problem when it has another rounded corner inside it — so either there’s a border going around or there is another rounded shape sitting inside a rounded shape.
The Evolution of Apple.com « AppStorm
http://mac.appstorm.net/roundups/graphics-roundups/the-evolution-of-applecom/
Printscreen das lojas da Apple online
The Apple website is somewhat iconic, and over the past few years has become one of the most frequented sites on the internet. According to Alexa, Apple.com is one of the top 100 ranked pages (69th, at the time of writing). Considering the change and evolution undergone by Apple as a company, their website has retained a similar style for almost a decade. This post will take a look at six-monthly snapshots (with a few other notable events) of Apple.com, providing an overview of how the website has evolved over the past 10 years. Prepare for a trip down memory lane!
Adobe Edge: October 2008
http://www.adobe.com/newsletters/edge/october2008/articles/article3/index.html
Le meilleur de Flash Ocy 08
Neat Flash Sites
Black Magic: A Free WordPress Theme | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2008/11/10/black-magic-a-free-wordpress-theme/
We love our readers. We respect the hard work of designers and developers across the globe. And we do our best to make the web design community stronger and the Web a...
WEBで自分が伝えたい事をきっちり相手に伝える為の7のコツ*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-674.html
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
Brian Dettmer: Adaptations
http://www.coolhunting.com/archives/2009/04/brian_dettmer.php
This is an interesting use of books: Brian Dettmer: Adaptations http://ow.ly/6qO9 [from http://twitter.com/10minuteexpert/statuses/1773547736]
Cool Hunting: Brian Dettmer: Adaptations
Artist Brian Dettmer dissects books to expose the beauty of their anatomy. Using an X-acto knife and tweezers, Dettmer pulls away carefully selected layers of books, revealing a complex view of their internal organization.
DIY Charging Station - Video Game Podcast and Geek Culture Blog | The Weekly Geek
http://weeklygeekshow.com/2008/09/diy_charging_station.php
30 Web Design SEO Tips for Web Masters - Daily SEO blog
http://www.dailyseoblog.com/2009/03/30-web-design-seo-tips-for-web-masters/
Very important for any designer to remember, or be reminded of. As I finally get closer to starting the redesign of my blog, this is great info to have around
10 More Places to Find Absolutely Free Vector Graphics | Design Links | Tutorial Blog
http://tutorialblog.org/10-more-places-to-find-absolutely-free-vector-graphics/
Using jQuery The Sexy Way: 7 Great Techniques For a Slick Layout | DevSnippets
http://devsnippets.com/article/using-jquery-the-sexy-way.html
Presentación y muestra de fotos con Jquery. Muy buena para artículos
Whatever content you have to present, you can present them in a more interactive & more responsive ways. In this article we’d like to present 7
Great rich user interfaces powered by javascript.
House of Buttons
http://houseofbuttons.tumblr.com/
A collection of great UI buttons spotted in the wild.
Looked good
Button examples
Portfolio of grahic design student Julian Hansen
http://julianhansen.com/index.php?/alternative-type-finder/
So you need a typeface? So you need a typeface is an alternative way on how to choose fonts (or just be inspired) for a specific project, not just by browsing through the pages of FontBook. The list is (very loosely) based on the top 50 of the "Die 100 besten schriften". Right click for fullsize, please
Start with "Invitation" and take the first "No" ... =]
So you need a typeface is an alternative way on how to choose fonts (or just be inspired) for a specific project, not just by browsing through the pages of FontBook.
Portfolio of grahic design student Julian Hansen
Julian Hansen, graphic design student from Copenhagen, Denmark. Hello.
Showcase Of Beautiful Vertical Navigation Designs - Smashing Magazine
http://www.smashingmagazine.com/2010/04/19/showcase-of-beautiful-vertical-navigation-designs/
Belos modelos de navegação vertical
CSS3 Gradient Buttons
http://www.webdesignerwall.com/tutorials/css3-gradient-buttons/
hover { text-decoration: none; } .button:active { position: relative; top: 1px;
15 CSS Habits to Develop for Frustration-Free Coding - Noupe
http://www.noupe.com/css/15-css-habits-to-develop-for-frustration-free-coding.html
This is one of the best CSS tips/habits list to use, for sure.
14 Fresh and Useful jQuery Plugins | Tools
http://webdesignledger.com/tools/14-fresh-and-useful-jquery-plugins
14 Fresh and Useful jQuery Plugins
infographiclarge_v2.png (PNG Image, 1983x1402 pixels)
http://julianhansen.com/files/infographiclarge_v2.png
So You Need a Typeface
Typeface Search!
asi que necesitas una tipografia?
LukeW | Touch Gesture Reference Guide
http://www.lukew.com/ff/entry.asp?1071
nice reference
Le guide complet de la gestuelle pour les interfaces multitouch
A List Apart: Articles: Design Patterns: Faceted Navigation
http://www.alistapart.com/articles/design-patterns-faceted-navigation/
Also called guided navigation and faceted search, the faceted navigation model leverages metadata fields and values to provide users with visible options for clarifying and refining queries. Faceted navigation is arguably the most significant search innovation of the past decade.[2] It features an integrated, incremental search and browse experience that lets users begin with a classic keyword search and then scan a list of results.
55 Beautifully Blue Web Designs to Inspire You | Inspiration
http://webdesignledger.com/inspiration/55-beautifully-blue-web-designs-to-inspire-you
inspiration blue
PHmF5.jpg 5500×1299 pixels
http://i.imgur.com/PHmF5.jpg
guess where i am
V relevant at Mando Group HQ: The Trustworthiness of Beards http://bit.ly/cNGWbG (via @wspencer, @pleaseenjoy) (via @idsgn)
40 WordPress-Powered Websites With Awesome Designs | Spyre Studios
http://spyrestudios.com/wordpress-powered-websites/
By http://bit.ly/Tweets2Delicious
Autodesk Homestyler - Free Online Floor Plan and Interior Design Software
http://www.homestyler.com/designer/
Create and furnish your floor plan design online with Homestyler free interior design software. Experiment with room design and decorating ideas and share home remodeling plans online with Homestyler (formerly Project Dragonfly).
Modelagem 3D comodos da casa
mt BOMMMMMMMMMMMMM
12 Excellent CSS3 Button and Menu Techniques | Tutorials
http://webdesignledger.com/tutorials/12-excellent-css3-button-and-menu-techniques
iA » iA’s 2006 Facebook Designs, Redesigned
http://informationarchitects.jp/ias-2006-facebook-designs-redesigned/
The Facebook that could have been: mockups from a proposed 2006 redesign. http://bit.ly/bEgZ5s (via @ztf) – GOOD (GOOD) http://twitter.com/GOOD/statuses/12714946454
Our basic idea: To create an mail-application like interface with an elastic three-column layout that clearly separates filter, information-stream, and reaction: Filter: The left side column works as a sorting instrument Information-Stream: The center column shows the filtered results Reaction: The right side column is used for discussing the individual feed items.
@mahrko nein, nein: von informationarchitects.jp - ist verlinkt, hier nochmal http://bit.ly/d4j8sE aber schön wärs....
Showcase Of 30 Sweet Email Newsletter Designs | Spyre Studios
http://spyrestudios.com/showcase-of-email-newsletter-designs/
Showcase Of 30 Sweet Email Newsletter Designs - http://bit.ly/bKplhq
In today’s showcase, I’m going to show off some newsletter designs from 30 websites who really took the time to create an amazing layout for their newsletter content. I don’t know about you, but if I get an email like this, I tend to think a bit more highly of the site compared to a regular text email.
40 Amazing Resources for Design Freebies | Design Shack
http://designshack.co.uk/articles/inspiration/40-amazing-resources-for-design-freebies
The web is a veritable wonderland of free design resources that can enrich and improve your designs. This post contains forty sites to bookmark and keep an eye on for a continual stream of amazingly useful resources. Fonts, Font Squirrel, Urban Fonts, 1001 Free Fonts, DaFont, Textures, Lost and Taken CG Textures Texture King Blogs with Freebie Sections Arbent Smashing Magazine Animhut BittBox NetTuts SmashingShare Web Design Ledger SpoonGraphics You The Designer Templates CSS Tinderbox Open Source Web Design Open Web Design Free CSS Templates Evan Eckard Icons Dry Icons Find Icons Icon Dock Icon Finder Icon Paper Iconspedia We Love Icons Free Stock Photos/Art Flickr Creative Commons Stock.Xchng Stock Vault VectorArt Vecteezy Photoshop Brushes FBrushes Brusheezy Everything Else Adobe Exchange jQuery List Media Loot Design Fruit Freebies Dock
フォント、テクスチャ、アイコンなどフリー素材のサイト
デザイナーのための素材サイトのまとめ。フォント、テクスチャ、テンプレート、アイコン、写真など
CSS Tips I Wish I Knew When I First Started | MyInkBlog
http://www.myinkblog.com/2010/04/19/css-tips-i-wish-i-knew-when-i-first-started/
CSS Tips I Wish I Knew When I First Started http://bit.ly/aqIV3Q rt @richbugger
Useful Design Tips For Your iPad App - Smashing Magazine
http://www.smashingmagazine.com/2010/04/16/design-tips-for-your-ipad-app/
With tools like Appcelerator's Titanium and some JavaScript programming skill, creating native iPhone and iPad apps is simple. The danger is in not being always on
Components of a Great Website Footer | Smiley Cat Web Design
http://www.smileycat.com/miaow/archives/001917.php
ourage prospective customers to get in touch.
Legal
Carol Rivello
http://www.carolrivello.com/
15 Google Chrome Extensions for People Who Build Websites
http://sixrevisions.com/tools/chrome-extensions-developers-designers/
We share with you the top ten Chrome extensions for designers and developers.
15 extensions Google pour les concepteurs de sites Web (Six Revisions) http://bit.ly/cjWXoz – Gilles Klein (GillesKLEIN) http://twitter.com/GillesKLEIN/statuses/12809428459
RT @GillesKLEIN: 15 extensions Google pour les concepteurs de sites Web (Six Revisions) http://bit.ly/cjWXoz
少しのコードで実装可能な20のCSS小技集 | Webクリエイターボックス
http://www.webcreatorbox.com/tech/css-tips20/
なんとなく・・・
便利なCSSのTips 集。目新しいものはありませんが、実践で役に立ちそうなものばかりです。
使える小技
DODOcase - Welcome
http://www.dodocase.com/
"The limited first edition iPad DODOcase is inspired by the Moleskine journals of our favorite artists. Made by hand in San Francisco CA using traditional book binding techniques the DODOcase brings a classic look to protecting your iPad."
ASP.NET for web designers: Introduction
http://www.jankoatwarpspeed.com/post/2009/04/27/ASPNET-for-web-designers-Introduction.aspx
40 Beautiful Free Fonts For Creating Attractive Typography Headlines | Creative Nerds
http://creativenerds.co.uk/freebies/40-beautiful-free-fonts-for-creating-attractive-typography-headlines/
7 Useful CSS3 Code Generators | Coding | PelFusion.com
http://pelfusion.com/tools/7-useful-css3-code-generators/
lista
Seven Must-See Web Design Videos and Presentations - Smashing Magazine
http://www.smashingmagazine.com/2010/04/24/seven-must-see-web-design-videos-and-presentations/
In one of our previous articles, I put together a list of 7 must-see videos related to web design. Since then, I've come across a number of other videos from...
How To Successfully Educate Your Clients On Web Development - Smashing Magazine
http://www.smashingmagazine.com/2010/04/23/educating-your-client-on-web-development-successfully/
A down to earth view on the reality of putting your cool web agency feelings to one side and thinking about how to communicate with clients in a language they understand.
Touch The Future: Create An Elegant Website With HTML 5 And CSS3 | PV.M Garage
http://www.pvmgarage.com/en/2010/04/touch-the-future-create-an-elegant-website-with-hmtl-5-and-css3/
.
» The Best Websites and Blogs of all time for Designers and Developers WebAir Blog
http://www.webair.it/blog/2009/04/29/the-best-websites-and-blogs-of-all-time-for-designers-and-developers/
【deli_post】 » The Best Websites and Blogs of all time for Designers and Developers WebAir Blog http://goo.gl/cRdE #deli_post
a mega collection containing more than 60 addresses of websites and blogs for designers and developers. You can find resources of all kinds, from ruby on rails to ajax, from css to illustrator and much more!
Common Tag Brings Standards to Metadata
http://www.readwriteweb.com/archives/common_tag_brings_standards_to_metadata.php
The project aims to help make content as discoverable and connected as could reasonably be assumed. The creators also hope to make content more engaging. When a web app can determine what a piece of content is actually about, the UX improves exponentially. The website gives the example of a developer creating an app that uses an article about the most recent Star Trek movie and lets users purchase tickets on the same page. The site reads, "Since both the publisher and ticket service use Common Tag, the application is able to easily make the connection without having to guess at what the content of the two services is about." Tags are expressed using RDFa, a standard format for defining data in HTML.
Reading: Common Tag Brings Standards to Metadata http://bit.ly/rhshF [from http://twitter.com/sandroalberti/statuses/2157913493]
Seth's Blog: Why aren't you (really) good at graphic design?
http://sethgodin.typepad.com/seths_blog/2009/03/why-arent-you-really-good-at-graphic-design.html
List of resources on how to learn graphic design-type stuff.
Ten years ago, you had a wide range of excuses for being a lousy visuals person. Starting with no talent, leading to no skill and going from there. But now, in a world where it is expected that professionals will be able to make beautiful powerpoint slides, handsome business cards, clever bio photos and a decent website, it's as important as driving. And easier to learn and do, and requiring less talent.
No, in fact I’m awful at graphic design. If you’re like me and you have trouble with spacial relations, are borderline color blind, etc. and graphical design, creating power points, etc. is your weak spot consider checking out the resources Seth’s put together. Let’s stop making excuses, okay?
Why aren't you (really) good at graphic design? /Seth's Blog/ - Ten years ago, you had a wide range of ... http://tinyurl.com/dm5uf9 [from http://twitter.com/jorgefsb/statuses/1423593339]
graphic design for blogs, books, sites
55 Fresh & High Quality Wordpress Themes | Wordpress
http://www.hongkiat.com/blog/55-fresh-high-quality-wordpress-themes/
It can be pretty tough call to decide whether to invest in a premium Wordpress theme or simply stick with a free one. This could be caused by a common
The CSS 3 Flexible Box Model ✩ Mozilla Hacks – the Web developer blog
http://hacks.mozilla.org/2010/04/the-css-3-flexible-box-model/
The #CSS3 Flexible Box Model (Mozilla Hacks) - http://is.gd/bICzI
良いデザインを決定するのはデータなのか、それとも… - Keep Crazy;shi3zの日記
http://d.hatena.ne.jp/shi3z/20090328/1238247053
「世界で最もユーザーインターフェースデザインの研究に費用を投じている会社を知ってますか?ノキアとマイクロソフトです。もちろんその結果は、ごらんの有様ですよ」
ときどき、「技術的に素人の方が技術者にない斬新な発想がでる」という発言を見ることがあるが、それはハッキリした間違いである。 むしろ素人の方が表面的な制約を「技術の制約」と捉えやすく、技術者の方が表面的な制約を「技術で簡単に乗り越えることが出来る」と看破しやすい。 技術的な素人が技術の発展に役立つ場面は、その素人の言った何気ない言葉を優れた技術者が咀嚼して技術的なジャンプをした場合である。
「世界で最もユーザーインターフェースデザインの研究に費用を投じている会社を知ってますか?ノキアとマイクロソフトです。もちろんその結果は、ごらんの有様ですよ」 それでも一般ユーザの反応というのは、重要だと思う。 ゲームの神と崇められる宮本茂さえもユーザビリティテストの結果に血相を変えて仕様を変更することは沢山あったらしい。
55 Minimal Black and White Web Designs to Inspire You | Inspiration
http://webdesignledger.com/inspiration/55-minimal-black-and-white-web-designs-to-inspire-you
inspiração
We’ve already shown you Yellow Web Designs and Blue Web Designs, but sometimes less color is the best color choice for a web site. In this post, we’re showcasing 55 minimal black and white web designs to inspire you. The B&W combination is great, from photography to interior design. It’s simplistic, elegant, and gets out of the way to let the content shine.
55 Minimal Black and White Web Designs to Inspire You http://bit.ly/aHWObo
30 Pure CSS Alternatives to Javascript - Speckyboy Design Magazine
http://speckyboy.com/2010/04/26/30-pure-css-alternatives-to-javascript/
With all the cool things that surround Javascript (especially with jQuery) its easy to forget that it’s possible to push pure CSS (with a touch of HTML) into an all singing and all dancing interactive site, with absolutely no scripting at all. The pure CSS techniques, outlined in this article, are neither new nor are they ground-breaking. What they do offer is CSS solutions to what would typically and traditionally be associated with Javascript, and as a demonstration that they do exist and could be quite easily used. Having said all that, we are in no way saying that these techniques are in anyway better than there Javscript equivalent, just an optional alternative and as a proof of concept. In this article we have concentrated on showing as many varied CSS techniques that cover the full spectrum of web site interactivity, thus we have intentionally minimized the number of pure CSS navigation methods, of which there are literally hundreds.
css
Colours In Cultures
http://www.informationisbeautiful.net/visualizations/colours-in-cultures/
RT @topfloorstudio: Colours relating to emotion in different Cultures: http://bit.ly/955GxM
Noticias Diseño KaosConcept. Diseño Web - Grafico - Sevilla.
http://kaosconcept.net/
interesanta pagina revisar
Noticias de Diseño
I Love Dust
http://ilovedust.com/ild
foda pracaraio
studio
QuirksBlog: A pixel is not a pixel is not a pixel
http://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html
Now what is the layout viewport? It’s the area (in CSS pixels) that the
Nice breakdown of browser resolutions and web development on mobile browsers / via http://daringfireball.net /
Peter-Paul Koch reder ut begreppen runt skärmbredd, css-pixlar och device-independent pixlar.
48 of the Coolest, Stylish and Creative Lego Creations : Speckyboy Design Magazine
http://speckyboy.com/2009/03/20/48-cool-stylish-and-creative-lego-creations/
Cosa degli adulti folli riescono a fare coi mattoncini Lego. Blog, Giocare, Lego
The future of wireframes? « Made by Many
http://madebymany.co.uk/the-future-of-wireframes-001992
I have a love hate relationship with wireframes. In the last 10 years they’ve been a part of every web project I’ve worked on. There have been times when I can’t imagine how we would have solved a particular problem without them. Yet there are also times when I’ve been completely exasperated at the amount of time and energy they’ve consumed, seemingly to very little reward...
It’s time designers stepped up to the plate and claimed wireframes as their own.
How to Calibrate Color for the Web | Webdesigner Depot
http://www.webdesignerdepot.com/2010/04/how-to-calibrate-color-for-the-web/
When is orange more like red? Web designers, even picky ones, sometimes ignore color shift across monitors. How is a web designer to manage color when the
When is orange more like red? Web designers, even picky ones, sometimes ignore color shift across monitors. How is a web designer to manage color when the screens of their users could be any size or color or could be viewed under any lighting conditions? Unlike fixing HTML errors, which affect browsers as the page is loaded, getting accurate color is part of the designer’s work process. Maintaining colors across projects is possible once the problems are understood. Read on for the challenges—and solutions—to getting consistent color on the web.
木、葉っぱ、雲、水など自然に関するPhotoshopブラシセット:phpspot開発日誌
http://phpspot.org/blog/archives/2009/04/photoshop_132.html
自然素材photoshopのブラシ
自然のブラシ。
Collection: WebFormElements.com
http://www.flickr.com/photos/teleject/collections/72157615059929933/
Web forms interface gallery
Research into how Web browsers apply CSS properties/values onto form elements.
Research into how Web browsers apply CSS properties/values onto form elements. Browsers: Internet Explorer 5.5 - Internet Explorer 6 - Internet Explorer 7 - Internet Explorer 8b2 - Firefox 1.5 - Firefox 2 - Firefox 3 - Opera 8.5 - Opera 9 - Chrome1 - Netscape Navigator 7.2 Operating System: Mac OS - Windows OS CSS Properties: background-color - background-image - border: 0 - border-color - border-style - border-width - color - font-family - font-size - font-weight - height - letter-spacing - line-height - margin - padding - text-align - text-decoration - width - text-indent - word-spacing Form Elements: Input-Radio Buttons- Input-File Upload - Textarea - Input-Text - Input-Checkboxes - Select-Multiple Items - Select-Single Item - Submit Button
Emotional Interface Design: The Gateway to Passionate Users | Carsonified
http://carsonified.com/blog/design/emotional-interface-design-the-gateway-to-passionate-users/
Nice piece detailing the importance of emotional design in interface design.
Emotional Interface Design: The Gateway to Passionate Users
We’re changing. Our relationships online and in real life are shifting as we become more public with our private lives. Online social networks have helped our real world social networks transcend time and space making it easy (and seemingly essential) to share the triumphs, tragedies, and trite moments of life. No longer do you simply tell your best friend that you’ve broken up with your boyfriend. It feels natural to many people to tell hundreds of Twitter followers, and Facebook friends. No matter how you feel about the appropriateness of over sharing, the shift towards a public private life is changing our expectations of the relationships we create online. Remember the websites of the late 1990’s and early 2000’s that used formal language to create a professional, guarded persona and brand? The trend was towards the serious, because it seemed like you couldn’t land clients or entice new users if you weren’t stuffy.
21 Awesome JavaScript / Ajax Effects Every Web Developer Should Know
http://resources.savedelete.com/21-awesome-javascript-ajax-effects-every-web-developer-should-know.html
Geocities-izer - Make Any Webpage Look Like It Was Made By A 13 Year-Old In 1996
http://wonder-tonic.com/geocitiesizer/index.php
fark looks pretty much the same
Try it w/ars technica!!! HA HA!
this is awesome
Designing For A Hierarchy Of Needs - Smashing Magazine
http://www.smashingmagazine.com/2010/04/26/designing-for-a-hierarchy-of-needs/
Usability Do’s And Don’ts For Interactive Design - Smashing Magazine
http://www.smashingmagazine.com/2010/04/27/usability-dos-and-donts-for-interactive-design/
Grip Limited
http://www.griplimited.com/
Great #Flash page with drag&drop navigation (HAHA to all iPad users): Grip Limited http://j.mp/9qciqx
Full Screen Flash interface w/ arrow key driven navigation - sliding panels left and right, columns up and down
30 Examples Of Great Slideshows In Web Design | Graphic and Web Design Blog
http://www.1stwebdesigner.com/inspiration/great-slideshows-web-design/
The State of Web Development 2010 | Web Directions
http://www.webdirections.org/sotw10/
Welcome to this detailed report from our sec­ond “State of Web Development” sur­vey of pro­fes­sional web design­ers and devel­op­ers. It includes details and analy­sis of all the responses to over 50 ques­tions cov­er­ing tech­nolo­gies, tech­niques, philoso­phies and prac­tices that today’s web pro­fes­sion­als employ.
Welcome to this detailed report from our second State of Web Development survey of professional web designers and developers. It includes details and analysis
What technologies are web developers using in 2010?
Detailed report about web development based on interviews with developers
50 Excellent Adobe After Effect Tutorials | Graphics
http://www.hongkiat.com/blog/adobe-after-effect-tutorials-beginners-intermediate-advanced-users/
50 Excellent Adobe After Effect Tutorials | Graphics - http://www.hongkiat.com/blog/adobe-after-effect-tutorials-beginners-intermediate-advanced-users/
50 Excellent Adobe After Effect Tutorials http://bit.ly/aBrInQ
boedesign – canadian based web developer eh » Blog Archive » jSquares for jQuery
http://boedesign.com/blog/2009/10/22/jsquares-for-jquery/
If you’ve viewed my “lab” section, that is a perfect example of what this is. jSquares is a jQuery plugin that pops up an image and a description in an overlay on hover. It is basically identical to the image grid found on www.ted.com. Works like a charm in IE6+, FF 3+, Safari 3+ and Opera 10.
Expandierende Menüs wie auf TED.com zu sehen.
8 Rules for Creating Effective Typography | Design Shack
http://designshack.co.uk/articles/typography/8-rules-for-creating-effective-typography
8 Rules for Creating Effective Typography
8 nguyen tac typo
Presentation Zen: Using Keynote & iMovie to reach "Dot Zen"
http://www.presentationzen.com/presentationzen/2009/05/using-keynote-imovie-to-reach-dot-zen.html
always nice to see keynote used in interesting ways
50+ Ultimate Useful Cheat Sheets for Web Developers and Designers | Dzinepress
http://www.dzinepress.com/2010/04/50-ultimate-useful-cheat-sheets-for-web-developers-and-designers/
Cheat-Sheets - Cábula
50 Best Websites To Download High Quality Free WordPress Themes
http://resources.savedelete.com/50-best-websites-to-download-high-quality-free-wordpress-themes.html
High Quality Free WordPress Themes
RT @wwwhatsnew: Los mejores 50 lugares para bajar temas de wordpress gratis http://bit.ly/ddqt5I
Top WordPress hacks of early 2010
http://www.catswhocode.com/blog/top-wordpress-hacks-of-early-2010
disable themes section of admin and select theme programmatically
ver com atenção
Brent Couchman
http://brentcouchman.com/
ilustras bem bacanas e simples
How to fit your website for the Apple iPad « x7 Labs
http://x7.fi/2010/02/12/how-to-fit-your-website-for-the-apple-ipad/
33 Blogs To Make You Social Media And Marketing Guru | Graphic and Web Design Blog
http://www.1stwebdesigner.com/development/worth-reading-social-media-marketing-blogs/
33 Blogs To Make You Social Media And Marketing Guru
对社会化媒体关注比较高的博客
Advertisment
Creative Sessions | Tuts+
http://sessions.tutsplus.com/creative/
Web Comic Strip Creator - Chogger
http://chogger.com/
Pagina para crear comics (parece facil de usar)
Make your own comic strips with your own images!
a free comic strip creation tool offering a good selection of editing tools. Chogger allows you to draw images from scratch or use your existing images. You can even connect your webcam ...
Chogger lets you create and share web comics online! You can build comic strips by adding drawings, photos, and speech balloons
Picturesurf
http://www.picturesurf.org/gallery/#get/wordpress
Picturesurf Gallery is a free service that allows you to upload, link, and share photo galleries anywhere.
plugin วพ ไว้ทำ gallery
Grid-Based Web Design, Simplified | Design Informer
http://designinformer.com/grid-based-web-design-simplified/
Giz Explains: Why the Windows 7 Taskbar Beats Mac OS X's Dock
http://i.gizmodo.com/5131933/giz-explains-why-the-windows-7-taskbar-beats-mac-os-xs-dock
The challenge of learning a totally new Windows behavior is the cost of getting this huge step forward in UI. The superbar makes Windows way more conducive to running tons of applications, since it's actually possible to find apps and precisely the window you want in a second, no matter how bad the shitstorm on your desktop is. In this sense, it's a better application manager than the Dock, from which, generally speaking, you can't do much more than jump to open applications or close them.
If the Windows 7 Taskbar is a sign of things to come, Microsoft might be dangerously close to building the first operating system since MS-DOS 6 that doesn't make me want to punch my computer screen. I'm still not convinced that Windows 7 won't be a colossal screw-up (these are, after all, the folks who brought you the Red Ring of Death, the new crappy XBox Live user interface, and Windows Vista), but at least it looks like they managed to get *something* right.
26 Free Progressive and Experimental Fonts | Freebies
http://webdesignledger.com/freebies/26-free-progressive-and-experimental-fonts
Design is constantly changing and moving forward. However, typography is one aspect of design that seems to resist progression. When it comes to typography, there are standards and traditions that have been around for many years. These rules are there for a reason – to make sure that letters and words are legible. But to move forward, sometimes rules have to be broken. So for this post we’ve rounded up 26 free progressive and experimental fonts. These fonts might be pushing the limits of traditional type design, but the results are stunning
26 Free Progressive and Experimental Fonts
33 Viciously Cool Graphic Designer Portfolios | Graphic Fetish
http://www.graphicfetish.com/33-viciously-cool-graphic-designer-portfolios/
:: SHARPER FX, INC. ::
http://www.sharperfx.com/
web sites, web development, flash intros, church websites, business web sites, content management, CMS, websites, online database services, graphic design, ecommerce
religious experience design
Gojko Adzic » Improving performance and scalability with DDD
http://gojko.net/2009/06/23/improving-performance-and-scalability-with-ddd/
Distributed systems are not typically a place where domain driven design is applied. Distributed processing projects often start with an overall architecture vision and an idea about a processing model which basically drives the whole thing, including object design if it exists at all. Elaborate object designs are thought of as something that just gets in the way of distribution and performance, so the idea of spending time to apply DDD principles gets rejected in favour of raw throughput and processing power. However, from my experience, some more advanced DDD concepts can significantly improve performance, scalability and throughput of distributed systems when applied correctly.
One of the most important building blocks of DDD that can help in distributed systems are aggregates. Unfortunately, at least judging by the discussions that I’ve had with client teams over the last few years, aggregates seem to be one of the most underrated and underused building blocks of DDD. I’m probably as guilty as anyone else of misusing aggregates and it took me quite a while to grasp the full potential of that concept. But from this perspective I think that getting aggregates just right is key to making a distributed system work and perform as expected.
Photoshop Text Effect Tutorials
http://sixrevisions.com/photoshop/photoshop-text-effect-tutorials/
Galleries / Print / Business Cards | Fubiz™
http://www.fubiz.net/galleries/set/business-cards/
Galleries / Print / Business Cards | Fubiz™ - http://www.fubiz.net/galleries/set/business-cards/
Fotogalerie ausgesuchter Visitenkarten
Daily dose of inspiration / Fubiz
Tarjetas de presentación
フリーベクター素材集の決定版 | CREAMU
http://blog.creamu.com/mt/2009/01/post_95.html
そんなときにおすすめなのが、『The Ultimate Collection Of Free Vector Packs』。Smashing Magazineによる、フリーベクター素材集の決定版だ。 以下にいくつかご紹介。
iPhone and iPad Development GUI Kits, Stencils and Icons - Speckyboy Design Magazine
http://speckyboy.com/2010/04/30/iphone-and-ipad-development-gui-kits-stencils-and-icons/
IA Task Failures Remain Costly (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/ia-failures.html
Bad IA is now the greatest cause of task failures because it's the stumbling block for getting anywhere on a site. Users try to find their way around a site, and if they're particularly motivated, they might even try again if they fail. But if users are repeatedly led in circles or dumped into no-man's land by weak search, they give up and leave for another site. That's why deficiencies in your IA are costing you a lot of money, right now.
Opening article reference for project
Adobe Illustrator Brushes: Best of | Vandelay Design Blog
http://vandelaydesign.com/blog/design/illustrator-brushes/
Johnny Holland - It’s all about interaction » Blog Archive » A Social Interaction Primer
http://johnnyholland.org/?p=308
Article discussing the frame work on social interaction design and how a 2.0 expereince needs a different way of thinking focusing on the users expectations and assumptions instead of the creators intended purpose.
EcoDrain | high performance shower heat exchange
http://www.ecodrain.ca/
Shower heat exchange company, supplied by TerraTek, Vancouver
baseplane - technology platforms » Big O Notation in Design Theory » baseplane - technology platforms
http://baseplane.com/2008/03/22/big-o-notation-in-design-theory/
45+ Beautiful Logo Design Tutorials and Resources for Designers
http://www.balkhis.com/web-designs-resources/45-beautiful-logo-design-tutorials-and-resources-for-designers/
45+ Beautiful Logo Design Tutorials and Resources for Designers http://bit.ly/aNOWnX #design #logo #tutorials
This website would be useful for Journal kids interested in using Illustrator to make interesting images for center spreads
100 of the Best Creative and Grunge Designs About! | Pro Blog Design
http://www.problogdesign.com/resources/100-of-the-best-creative-and-grunge-designs-about/
Good source for several blogs
【書評】 「実践Web Standards Design」が名著すぎる - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/01/web_standards_design.html
良いらしい。
まだ途中ではありますが、いまいちわかっていなかったDOCTYPEやらマージンの相殺やらfloatやらCSSのセレクタの指定方法だとかがすっきりとわかってかなり気持ちいいです。 r0012124 ↑ ところどころカラーでわかりやすいです。 ウェブ標準やらブラウザ対応やらについては建前ちっくなものもありますが、この本では「現場で使える」手法が満載されているのが素敵すぎます。 こういう本は個々人のスキルレベルによるのでおすすめが難しいですが、CSSでのレイアウトにいまいち自信が持てない、という人にはおすすめですよ。
実践Web Standards Design
「実践Web Standards Design
30 Trendy AJAX, jQuery And Image Galleries You May Like | Graphic and Web Design Blog
http://www.1stwebdesigner.com/resources/ajax-jquery-mage-galleries/
30 efectos y utilidades ajax, jquery y galerias de imagenes
30 Trendy AJAX, jQuery And Image Galleries You May Like #1stwebdesigner http://bit.ly/b5Ua5u
13 Excellent Tools and Systems for CSS Grid Based Layouts | Tools
http://webdesignledger.com/tools/13-excellent-tools-and-systems-for-css-grid-based-layouts
Nice overview of the most popular css grid systems.
Tools and Systems for CSS Grid Based Layouts - http://bit.ly/cyfTOn – Smashing Magazine (smashingmag) http://twitter.com/smashingmag/statuses/13206834621
3-D Printing Hits Rock-bottom Prices With Homemade Ceramics Mix
http://www.sciencedaily.com/releases/2009/03/090331153010.htm
"Normally these supplies cost $30 to $50 a pound. Our materials cost less than a dollar a pound," said Ganter. He said he wants to distribute the free recipes in order to democratize 3-D printing and expand the range of printable objects.
ceramics!!
A new, not-so-secret recipe uses artist-grade ceramics powder for 3-D printing. Ceramics objects can now be printed for about three percent the cost of commercial printing mixes.
楽器とかインターフェイスの話 - SLN:blog*
http://blog.slndesignstudio.com/archives/2009/03/post_669.html
機械と人の関係と、操作習得のエンターテイメント性のお話
猛烈に面白い
Details on the 10 Most Helpful Wordpress Design Blogs | Arbenting
http://arbent.net/blog/details-on-the-10-most-helpful-wordpress-design-blogs
第3回 モバイルサイトを見やすくする絵文字活用&テキストレイアウトのポイント | Web担当者Forum
http://web-tan.forum.impressrd.jp/e/2009/04/02/5256
この連載では、PCのWebサイトとは異なるモバイルならではのユーザビリティに特化して、モバイルサイト構築におけるユーザビリティの基本、成果を出すためにはどうすればいいのか。制約の多いモバイル端末だからこそ求められるモバイルサイトのユーザビリティ、そのポイントをお伝えします。
UNIQLO WIRE #01 Hello BRA TOP
http://www.uniqlo.com/wire/
圧倒的に巧い、ストーリーテリング。「ほうっておけるサイト」感がすばらしい
自分の名前を名乗ると・・・
50 Websites to follow if you’re into Web Design | The Interactive Wall
http://interactiveblend.com/blog/online/50-websites-to-follow-if-you’re-into-web-design/
Websites to follow.
[JS]チョー簡単にサイトをAJAX対応にするスクリプト -com.bydust.ajax | コリス
http://coliss.com/articles/build-websites/operation/javascript/1750.html
star-wars-influence-map.gif 1853×1118 pixels
http://www.kottke.org/plus/misc/images/star-wars-influence-map.gif
A timeline/influence map of the Star Wars Empire.
Bejeweled Creator Spills Secrets of Addictive Games
http://www.wired.com/gaming/gamingreviews/magazine/16-11/pl_games
e paper variants going back to the 1800s that hide illustrations in the little curlicues of the margins. And there are new videogame versions like Mystery Case Files. For thousands of years, we've derived satisfaction from searching and uncovering—and we still do each time we turn up lost car keys.
brief description of the top addictive games and why there addictive.
Short takes on some addictive puzzle games.
on tetris: "A timeless classic. Fitting pieces together feeds the same pleasure center of the brain that gets off on packing a suitcase really well or squeezing all your groceries into a single bag."
Cinder | The library for professional-quality creative coding in C++
http://libcinder.org/
Cinder is a community-developed, free and open source library for professional-quality creative coding in C .
Cinder is a community-developed, free and open source library for professional-quality creative coding in C++.
Why Apple is great at interfaces when others are not | TechRadar Team | TechRadar UK
http://www.techradar.com/blogs/article/why-apple-is-great-at-interfaces-when-others-are-not-485979?src=rss&attr=all
It's all right here: "Rather than survey a bunch of users on every decision, the Mac team decided each issue among themselves, invariably going for the option that might amuse a user the most, that would give a user the most pleasure, and therefore imbue the Mac with personality."
How something as simple as a shaking password box helps technology have a personality.
The Differences Between Good Designers and Great Designers
http://www.drawar.com/articles/the-differences-between-good-designers-and-great-designers/178/
Use good typography
[object Object]
立体的でリアルなデザインをしたいなら「5つの光」を理解しよう - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/04/five_lights_and_shadows.html
それっぽく
18 Wireframing, Mockup And Prototyping Tools To Plan Designs | Graphic and Web Design Blog
http://www.1stwebdesigner.com/design/wireframing-mockup-prototyping-tools-plan-designs/
12 Elegant, Free & High Quality HTML5+CSS3 Templates | DevSnippets
http://devsnippets.com/article/12-free-high-quality-html5css3-templates.html
html 5 css3
Learn Web Design: Educational Resources for Beginners | Vandelay Design Blog
http://vandelaydesign.com/blog/design/learn-web-design/
super completisimo
Learn Web Design: Educational Resources for Beginners | Vandelay Design Blog - http://vandelaydesign.com/blog/design/learn-web-design/
In recent weeks we have published a few posts that focused on graphic design basics: Learn Photoshop and Learn Illustrator. Both of those posts generated a lot of interest from readers, so today we’ll continue with a third post in the series, this one focusing on the basics of web design. Here you will find categorized resources and links for learning HTML, CSS, typography, the design process, and more. If you’re just getting started or looking to brush up on your skills, you may want to bookmark many of these resources.
In recent weeks we have published a few posts that focused on graphic design basics: Learn Photoshop and Learn Illustrator. Both of those posts generated a lot of interest from readers, so today we'll continue with a third post in the series, this one focusing on the basics of web design. Here you will find categorized resources and links for learning HTML, CSS, typography, the design process, and more. If you're just getting started or looking to brush up on your skills, you may want to bookmark many of these resources. Introductory Information and General Learning Resources General resources for learning web design The sites listed below are excellent places to find loads of content aimed at people who are looking to learn more about web design and front end development. Much of the content is free but some of it is available for a membership fee, which may be worth the cost to save yourself some time in tracking down the right resources. W3Schools
Guidelines for Writing a Good About Page
http://sixrevisions.com/content-strategy/about-page-guidelines/
Guidelines for Writing a Good About Page - http://bit.ly/9Yeieb – Smashing Magazine (smashingmag) http://twitter.com/smashingmag/statuses/13308551228
Writing an about page
50 Beautiful Retro and Vintage Photoshop Tutorials
http://sixrevisions.com/photoshop/50-beautiful-retro-and-vintage-photoshop-tutorials/
25+ Free Vector World Maps (.ai, .eps and .svg formats) - Speckyboy Design Magazine
http://speckyboy.com/2010/05/03/25-free-vector-world-maps-ai-eps-and-svg-formats/
If you are in search of a high quality vector World map, then your search is now over. Most of the vector maps below are of the highest detail and accuracy, some have been designed specifically for designers and others to be used by everyone for whatever the project.
2quu0qw.jpeg (JPEG Image, 900x562 pixels)
http://i36.tinypic.com/2quu0qw.jpeg
A screen caption of Adobe photoshop made in real life
Color + Design Blog / 90 Two Color Palettes by COLOURlovers
http://www.colourlovers.com/blog/2009/03/14/90-two-color-palettes/
2色パレット90選
30 Gorgeous and Versatile CSS Menus | Design Shack
http://designshack.co.uk/articles/css/30-gorgeous-and-versatile-css-menus
I Hope So Too - Interactive Feature - NYTimes.com
http://www.nytimes.com/interactive/2009/01/15/us/politics/20090115_HOPE.html
cool way to do man on the street type feature
Interactive Vox Pop. Fantastic.
multimedia example -- interactive audio and photo -- ordinary citizens expressing their hopes for President Obama.
The Times asked more than 200 people to share their hopes for the Obama administration. Readers are invited to vote on favorites. avec intégration témoignages audio des interrogées qd ds mot.
What are your hopes for the Obama administration? The New York Times asked more than 200 people in 14 states (half red, half blue) to identify their greatest hopes for what Barack Obama might accomplish during his time as president. We grouped their responses into the 29 “hopes” below. Their answers do not represent any kind of scientific sample — they come from people who shared their thoughts outside supermarkets, at parks, in restaurants. We grouped their responses into the 29 “hopes” below. Click on each speech bubble to hear their voices, and then choose the hopes you agree with by clicking on “I Hope So, Too.” Use the tabs to see which hopes are the most popular. If your hope is not represented below, tell everyone about it by including it in the comment section.
Tutorial Roundup for Getting Started with InDesign
http://www.blog.spoongraphics.co.uk/articles/tutorial-roundup-for-getting-started-with-indesign
Embracing the digital book — Craig Mod
http://craigmod.com/journal/ebooks/
Let's talk about text. Let's talk about the digital book.
On redesigning e-readers or how we read digital text. Of note: "Show me the overlap of 10,000 readers' highlighted passages in a digital book. This is our ‘Cliff Notes.’ We don’t need Derek Sivers' brilliant summaries[14] anymore (sorry Derek!) — we’re collectively summarizing for each other as we read and mark our digital copies. Show me a heat map of passages — ‘hottest’ to ‘coldest’. Which chapters in this Obama biography should I absolutely not miss?(Fig 7) Let Stefan Sagmeister publicly share the passages he’s highlighted in the new Murakami Haruki novel. This is something I want to see. And I bet you do, too. When I’m considering buying a book, show me how far the average reader gets. Do most readers get through the whole novel or give up halfway? How many notes do they take? How many passages do they highlight?"
50 (More) Excellent Mini Icon Sets | Icons
http://www.hongkiat.com/blog/mini-icon-sets/
When it comes to GUI and navigation design, we need our buttons to be relatively small, simple and yet descriptive. There is no room for text or complex design and that’s exactly where mini icon comes in. These small little icons control the flow, ease the navigation and increase better user experience and they are designers’ favorites.
Design weblog for designers, bloggers and tech users. Covering useful tools, tutorials, tips and inspirational photos.
2010 Trends article on LogoLounge.Com
http://www.logolounge.com/articles/default_comments.asp?ArticleID=782
Logo design, web,
Shift
Color Survey Results « xkcd
http://blog.xkcd.com/2010/05/03/color-survey-results/
Here are the color names most disproportionately popular among men: Penis Gay WTF Dunno Baige I … that’s not my typo in #5—the only actual color in the list really is a misspelling of “beige”.
Awesome. I have printed out the results on 24 inch roll paper
XKCD Color Survey results http://bit.ly/dA5feV
The Current State of Web Design: Trends 2010 - Smashing Magazine
http://www.smashingmagazine.com/2010/05/04/web-design-trends-2010/
| ^^ |秒刊SUNDAY | 夏だ一番!アイコン祭り!1000種類以上の高クオリティアイコン祭!
http://www.yukawanet.com/sunday/2009/05/1000_1.html
mySociety » Blog Archive » Say hello to Mapumental
http://www.mysociety.org/2009/06/01/say-hello-to-mapumental/
Built with support from Channel 4’s 4IP programme, Mapumental is the culmination of an ambition mySociety has had for some time – to take the nation’s bus, train, tram, tube and boat timetables and turn them into a service that does vastly more than imagined by traditional journey planners. In its first iteration it’s specially tuned to help you work out where else you might live if you want an easy commute to work.
Map of everything with lots of data being included to make an uber-useful househunting guide
すごく良い感じの英文フォントいろいろ:phpspot開発日誌
http://phpspot.org/blog/archives/2009/03/post_336.html
かっこいいフォント2
いずれ使うかもしれないフォント
From Podcast 38 - Joel on Software
http://www.joelonsoftware.com/items/2009/01/31.html
worried
On Excessive Unit Testing and excessive design
From Podcast 38 - Joel on Software Wanted: Business Analyst (Agile) at redbox (Oakbrook Terrace, IL). See this and other great job listings on the jobs page. Here’s a brief conversation between Jeff and I which I transcribed from... はてなブックマーク - From Podcast 38 - Joel on Software はてなブックマークに追加 dann dann testing, good
Joel Spolsky blog
A Book Apart, Home
http://books.alistapart.com/
RT @abookapart: Our bookstore is open - preorder your copy of HTML5 FOR WEB DESIGNERS now. http://books.alistapart.com
Goo-EE Icon Set - Free For Commercial Use
http://guicons.com/
Google SEO、10のウソ » 海外SEO情報ブログ・メルマガ
http://www.suzukikenichi.com/blog/ten-myths-of-google-seo/
Googleに関するSEOでの「都市伝説」について、それが正しくないという説明が。
検索結果のためのページ制作ではなく、良質のページが良い検索結果を生むということ。不自然はあかん。
SEOに関する都市伝説です。
「正しい(X)HTMLはサイトの順位を上げる」のは大嘘。どこのW3C信者が言い出したのだろう。
「お願いだから、コンテンツにキーワードを詰め込まないでくれ」 ワロタw
‘Mad Men’ Q&A: 'I'm fascinated that people get so much out of it' - Season Pass on Variety.com
http://weblogs.variety.com/season_pass/2008/10/mad-men-qa.html
All of this is just saying that the gender roles were both an intellectual and personal interest of mine because the ideals about - I'm a human being and I've been poured into this body, so who am I? Am I really wired differently? Why do I have such different expectations for my life than a woman has? Why should I? Why should I have a different expectation? I shouldn’t. I feel like we're back in college and we could have a rap session about this. You know, are you born this way? Is it nature/nurture?...
Long interview with Matthew Weiner of Mad Men; lots of new details about how he shapes the series
A Q&A with the creator of Mad Men: "What I’ve tried to do is have some honesty about it, show the jobs that they were in and show my world, which is white. It’s the story of the show. And these people are not glorified but (I’ve tried to) show the parallel universe of it all. And the idea of following one of those characters home is a possibility. I’ve slowly been trying to integrate these worlds together the way it actually happened. There’s no enmity. There’s no blatant racism. You never hear anybody say anything about black people that’s like Jim Crow or anything. It’s New York City. But it was segregated and it was two parallel universes and rather than do the television thing of “Hey they’re best buddies”... Don is a fair person but "Everybody's good buddies and here's my black friend" was not the world of the '60s."
Long interview with the creator of Mad Men - but too many spoilers to read now.
long interview with Matthew Weiner of Mad Men; lots of new details about how he shapes the series
The Designer Who Delivers - Smashing Magazine
http://www.smashingmagazine.com/2010/04/16/the-designer-who-delivers/
information architecture map
9 Essential Social News and Bookmarking Sites for Designers
http://mashable.com/2010/04/26/social-bookmarking-designers/
graphic design resources & ideas
For designers who enjoy social media — or anyone interested in design news and resources — there are a number of sites and services for you to check out and participate in. Here are nine noteworthy social news and bookmarking sites aimed at designers and design enthusiasts.
Hexadecimal / Decimal Colors
http://www.mathsisfun.com/hexadecimal-decimal-colors.html
Color Mixer
Payment Icon Set | Web Icon Set
http://www.webiconset.com/payment-icon-set/
You can use these icons on your E-Commerce Online Store. Payment Icon Set includes VISA Card, Master Card, American Express, Cirrus, PayPal, Cash Payment, Gold Coin, Gold Coin Stacks, Secure Payment, Shopping Cart.
Designing for Social Interaction - Boxes and Arrows: The design behind the design
http://boxesandarrows.com/view/designing-for-social
Designing for Social Interaction Strong, Weak, and Temporary Ties By Paul Adams Senior User Experience Researcher at Google. I'm the research lead for sociability, and I work with teams building products and features for the social web. I've previously worked as a User Experience consultant at Flow (working with the BBC, The Guardian, Vodafone, London Underground, and others), and as an Industrial Designer at Dyson.
RT @timkastelle: Terrific post! Can't find who mentioned it first - Designing for Social Interaction http://bit.ly/axYN9P
30+ Best Texture Tutorials for Photoshop | Graphic and Web Design Blog
http://www.1stwebdesigner.com/resources/best-texture-tutorials-photoshop/
30 tutoriais de textura feitas na unha.
15 Useful CSS3 and HTML5 Templates and Frameworks - Speckyboy Design Magazine
http://speckyboy.com/2010/04/16/15-useful-css3-and-html3-templates-and-frameworks/
Showcase Of Web Design In The Netherlands - Smashing Magazine
http://www.smashingmagazine.com/2010/04/22/showcase-of-web-design-in-netherlands/
Great showcase -- some flash, some not
Showcase de websites holandeses, bem legal
50 Inspiring Examples of Hand Drawn Elements in Web Design | Inspiration
http://webdesignledger.com/inspiration/50-inspiring-examples-of-hand-drawn-elements-in-web-design
Hand drawn elements are a really good way to give your website a cool touch! You can do that by adding a nice hand drawn illustration to your page, a stylish hand draw font, icon, some lines, characters or any other thing you want. Hand drawn elements can give your website an informal look... they can add personality and humor to it.
Beautiful Contact Forms for your Inspiration | Webdesigner Depot
http://www.webdesignerdepot.com/2010/05/beautiful-contact-forms-for-your-inspiration/
Beautiful Contact Forms for your Inspiration
Modern CSS Layouts, Part 2: The Essential Techniques - Smashing Magazine
http://www.smashingmagazine.com/2010/05/06/modern-css-layouts-part-2-the-essential-techniques/
What’s The Best Way To Handle Page Titles?
http://css-tricks.com/whats-the-best-way-to-handle-page-titles/
Qual'è il modo migliore di gestire i titoli di pagina?
Cual es la mejor manera de poner los titulos de las paginas?
Reader Tutorial: Fireworks - Interactive Prototypes in PDF | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/reader-tutorial-fireworks-interactive-prototypes-pdf
making interactive pdf wireframe
i see you post some wireframe things up from time to time. this seems like a pretty neat trick.
thirteen23 :: *chirp :: wpf touch screen design and development
http://thirteen23.com/experiences/desktop/chirp/
@VivienBarousse Chirp ! http://tinyurl.com/athb6f [from http://twitter.com/thomasgoubin/statuses/1338666579]
A twitter app for Windows
Colosseo Letterpress Poster: Reimagining the Roman Coliseum with type
http://colosseotype.com/
Colosseo remake by character (letterpress)
Cool video about the making of a print using type on vandercook press. ART!
Teens and Their Mobile Phones / Flowtown (@flowtown)
http://www.flowtown.com/blog/teens-and-their-mobile-phones?display=wide
How Teens Use Cellphones [INFOGRAPHIC] http://www.flowtown.com/blog/teens-and-their-mobile-phones?display=wide
How are teens using their Cell Phones?
RT @trendplanner: Teens and Their Mobile Phones: An infographic - http://ow.ly/1HCqL
A useful print stylesheet • CSS & (X)HTML • Kilian Valkhof
http://kilianvalkhof.com/2008/css-xhtml/a-useful-print-stylesheet/
Articulo sobre como utilizar css para preparar una pagina para impresion
50 Helpful Typography Tools And Resources - Smashing Magazine
http://www.smashingmagazine.com/2010/05/06/50-helpful-typography-tools-and-resources/
Smashing Magazine
Encore un article dans le genre "the XX ultimate ressources for YYY"... :) Mais Smashing magazine.
Reading '50 Helpful Typography Tools And Resources' (via @smashingmag) http://tinyurl.com/2ut3rky
Very nice set
18 Do’s and Don’ts Of Usability On The Web | Spyre Studios
http://spyrestudios.com/dos-and-donts-of-usability/
18 Dos and Don’ts Of Usability On The Web
If you’re designing websites for a living or running your business online, there are 18 tips in this article that you should definitely read and remember.
All There Is To Know About HTML5 and CSS3 | Design your way
http://www.designyourway.net/blog/resources/all-there-is-to-know-about-html5-and-css3/
HTML5 has definitely become a trend alongside its lil’ brother CSS3 because of their functions and utilities which makes them the next best thing in web design. Better even than Flash, maybe, in some situations. Being the next best thing will not determine you to use it, but the fact that it introduces and enhances a wide range of features including form controls, APIs, multimedia, structure, and semantics will do. The most important thing for you to know is that you can’t learn it just by reading, you have to work with it, step by step, using these new techniques from the tutorials that I’m bringing you here and by the time HTML5 and CSS3 properties will be supported on every browser you’ll be a rockstar coder.
50+ High-Quality Free PSD Web Templates » DJDESIGNERLAB – Find All Your Design Inspirations From This Laboratory
http://djdesignerlab.com/2010/04/05/50-high-quality-free-psd-web-templates/
50 template en PSD
ar trebui sa le download-ezi si sa vezi ce poti folosi!
Google Japan Blog: Googleが目指す最高の検索UI
http://googlejapan.blogspot.com/2009/05/googleui.html
Googleが目指す最高の検索UI
グーグルの検索ユーザーインターフェースの仕事をしていると言うと、友人たちは一様に「いったい何をするんだ?何も変わっていないじゃないか」と言います。そして、疑わしげに私を見て、せっかくの良いものを下手に変えないでくれとも言います。「心配には及ばないよ。グーグルは今までどおり、簡単で早くてわかりやすいページのままだよ」「それは良かった。でも、そのメンテナンスのどこが難しいっていうんだ?」
googleに入るしかない。あとで読む。
* 小さなページ * 複雑なアルゴリズムをシンプルに表示 * どこででも使える機能 * データに基づいた決定-実験、実験、とにかく実験
mikero.com - blog
http://www.mikero.com/blog/2009/02/20/more-darwin
This is the best.
Darwin artwork that parodies the famous Shepard Fairey Obama poster.
CSS Gallery Submission Made Easy
http://www.cssgallerysubmission.com/
I visit your site is good
Automatic CSS Gallery Submission for webmaster
MUJI AWARD 03 | Results
http://www.muji.net/award/03/results.html#en
Du design comme je l'aime
Straw straw - simple and sustainable
[JS]背景画像をアニメーションさせて、サイトの印象をガラッと変えるスクリプト | コリス
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-scrolling-background-effect.html
背景画像をゆっくりスクロール
http://YOU LOVE.USのjQuery実装方法
これは新しい感じがする
グラデーションの背景をJSでスライドさせてる。これは素敵。
YouTube - Monumental VIdeo projection 2009
http://www.youtube.com/watch?v=GD0UMFHhanc
some awesome projection that looks like it alters the surface being projected on
3D Projection
forget the Christmas lights, just set up a projector
projecting images on buildings
Designinterviews
http://www.designinterviews.com/news/15-Original-Menu-Designs-07018.html
Menus de web originals
Designinterviews
Browize | Online Browser Resizer
http://www.browize.com/
Online Browser Resizer
Resize windows online
Browize allows you to resize your browser without using a plugin or addon and only requires javascript to run.
Archigram Archival Project
http://archigram.westminster.ac.uk/
Architecture image
arquitectura teórica
What If Oscars Were Given To Movie Websites? - Smashing Magazine
http://www.smashingmagazine.com/2010/04/14/what-if-oscars-were-given-to-movie-websites/
sites de filmes
เว็บโปรโมตหนัง
Particletree » Beautiful Code Roundup
http://particletree.com/notebook/beautiful-code-roundup/
While reading through lots of code can give you an appreciation of what well-written code looks and feels like, the ability to create it is a skill that is developed from experience and frustration. Luckily, there are a number of excellent articles and books out there to help the aspiring code perfectionist. The following resources are ones that have helped me personally strive to write code worth looking at
typism / index
http://typism.appspot.com/fonts/index
บ้าไปแล้ว สร้างฟอนต์เป็นเวกเตอร์ด้วยเว็บนี้ ซึ่งอินเทอร์เฟสใช้ยากมาก แถมยังไม่เสร็จดีด้วยจ้ะ
Página en beta para crearte tus propias fuentes o usar las de otros
Typism - Creación de fuentes en línea
Para crear tus propias fuentes basta con usar online
ブログをデザインする時に見て欲しい、使いやすくするための工夫10個 :: gerenuk.crazyphoto.org/
http://gerenuk.crazyphoto.org/2009/06/25/873/
2009.06.25
ここに書いてある内容は注意した方がいいと思う。
Excellent Examples of Using Photos in Web Design
http://sixrevisions.com/design-showcase-inspiration/using-photos-web-design/
Using photos as a design element and central piece in a web design is a great way to get a point across to the viewers or to just add more depth into the design.
Four Free Ebooks for Web Developers | yensdesign - Tutorials, Web Design and Coding
http://yensdesign.com/2009/01/four-free-ebooks-web-developers/
As we used to think and say over here, sharing knowledge it's a great way to help others. This time we bring to you four free ebooks about CSS, HTML, Ajax, web
FREE
"Conversion-killing" mistakes | Conversion Rate Experts
http://www.conversion-rate-experts.com/conversion-killing-mistakes/
I liked this article - particularly as Rob and I were looking at the washington post site for other reasons earlier
Send examples of links and buttons that interrupt a website visitor's ability to take an action, specifically "nuke" buttons that kill conversions. Post the URL in the comments area of this blog, or send a screen shot by email to http://www.conversion-rate-experts.com/contact-us/. For instance, why would a "Clear Form" button be next to a "Place Order" button? Does the website owner want visitors to cancel the order accidentally? Or how about buttons with drop down menus that get in the way when a visitor is trying to fill in a search box? Does the website owner want visitors to click away from that page by accident instead of searching the site? Let's see a collection of these bloopers.
Pictos
http://pictos.drewwilson.com/
$29 but nice set
handy handy and cheap
Nice set of icons for $29
I gotta buy this stuff. Werd.
31 mind blowing collection of jQuery light box
http://www.dreamcss.com/2009/03/31-mind-blowing-collection-of-jquery.html
New Plus Tutorial: Convert a Beautiful PSD to HTML and CSS - NETTUTS
http://net.tutsplus.com/articles/news/new-plus-tutorial-convert-a-beautiful-psd-to-html-and-css/
Love Vector Free
http://www.lovevectorfree.com/
free vector gaphics
iPad Usability: First Findings From User Testing (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/ipad.html
Web usability guru Jakob Nielsen thinks your innovative iPad UI is too "weird." I think he should, just maybe, stop worrying about a "back" button.
"iPad apps are inconsistent and have low feature discoverability, with frequent user errors due to accidental gestures. An overly strong print metaphor and weird interaction styles cause further usability problems. "
iPad apps are inconsistent and have low feature discoverability, with frequent user errors due to accidental gestures. An overly strong print metaphor and weird interaction styles cause further usability problems.
The iPad Web Design & Development Toolbox | iPhone.AppStorm
http://iphone.appstorm.net/roundups/developer/the-ipad-web-design-development-toolbox/
How to Create Your First Joomla Template - NETTUTS
http://nettuts.com/tutorials/other/creating-your-first-joomla-template/
Need a Joomla Template? This will help in Creating your First Joomla Template!
55 Inspiring Examples of Slideshows in Web Design | Inspiration
http://webdesignledger.com/inspiration/55-inspiring-examples-of-slideshows-in-web-design
“55 Inspiring Examples of Slideshows in Web Design” by @webdesignledger features routesapp.com. Check it out: http://cl.ly/11Sq – Routes App (routesapp) http://twitter.com/routesapp/statuses/13740478831
TappGala: The Best in Mobile Interface Design
http://www.tappgala.com/
TappGala: The Best in Mobile Interface Design - http://www.tappgala.com/
The Best in Mobile Interface Design
iPhoneアプリのデザインまとめアーカイブサイト!
Android App Developers GUI Kits, Icons, Fonts and Tools - Speckyboy Design Magazine
http://speckyboy.com/2010/05/10/android-app-developers-gui-kits-icons-fonts-and-tools/
for derek kelly
#Android App Developers GUI Kits, Icons, Fonts & Tools http://j.mp/dBwpAS /by @Speckyboy
Links to the GUI kit,lots of stencils and a standard icon pack
Fonts.com Web Fonts
http://www.webfonts.fonts.com/
Web fonts
Create layouts without limitations | Fluidgrid | A CSS based fluid grid system
http://www.fluidgrid.net/
Fluid Grid is a new grid system that works the same way as Blueprint or 960, but with any page width, even fluid layouts. It is based only on CSS.
Development on hold
Fluid Grid is a new grid system that works the same way as Blueprint or 960, but with any page width, even fluid layouts. It is based only on CSS. Fluidgrid is still in development, but you can have a preview of what you can do with it in the following examples:
Create layouts without limitations
33 Excellent Business Card Templates for Your Own Use | Vandelay Design Blog
http://vandelaydesign.com/blog/marketing/business-card-templates/
32 Google Chrome Extensions For Smart Designers | Graphic and Web Design Blog
http://www.1stwebdesigner.com/development/google-chrome-extensions-web-developers-designers/
20 Fresh High Quality Free Fonts - Smashing Magazine
http://www.smashingmagazine.com/2010/05/11/20-fresh-high-quality-free-fonts/
(via @smashingmag)
Custom Dress Shirts | Custom Men's Dress Shirts
http://www.blank-label.com/
Site online onde você pode personalizar diversos tipos de camisas e camisetas nos menores detalhes.
recommended by RWW: http://www.readwriteweb.com/
Custom Dress Shirts - YES PLEASE! http://bit.ly/cT3Sey
Center Multiple DIVs with CSS
http://www.impressivewebs.com/center-multiple-divs/
8 Websites You Need to Stop Building - The Oatmeal
http://theoatmeal.com/comics/websites_stop
8 Websites You Need to Stop Building - The Oatmeal
Absolutely hysterical. Of course, Amplify manages to squeak by not being any of these but by borrowing a little bit from all of them. (at least, that's why I think I like it)
thumba - online image editor
http://www.thumba.net/
drag n drop photo online Internet
Thumba is an online service for editing images, full of great features. You can make simple adjustments to your pictures or even apply great effects. All this in a practical way and directly from your browser.
Awesome Bubble Navigation with jQuery | Codrops
http://tympanus.net/codrops/2010/04/29/awesome-bubble-navigation-with-jquery/
navigation for my company
In the Next Industrial Revolution, Atoms Are the New Bits | Magazine
http://www.wired.com/magazine/2010/01/ff_newrevolution
The door of a dry-cleaner-size storefront in an industrial park in Wareham, Massachusetts, an hour south of Boston, might not look like a portal to the
The door of a dry-cleaner-size storefront in an industrial park in Wareham, Massachusetts, an hour south of Boston, might not look like a portal to the future of American manufacturing, but it is. This is the headquarters of Local Motors, the first open source car company to reach production. Step inside and the office reveals itself as a mind-blowing example of the power of micro-factories.
open source
40 of the Most Stunning iPhone Developer Websites | iPhone.AppStorm
http://iphone.appstorm.net/roundups/design/40-stunning-iphone-developer-websites/
40 of the Most Stunning iPhone Developer Websites | iPhone.AppStorm - http://iphone.appstorm.net/roundups/design/40-stunning-iphone-developer-websites/
15 In-Depth Examples of Addictive User Experience | Design Shack
http://designshack.co.uk/articles/inspiration/15-in-depth-examples-of-addictive-user-experience
15 clever and unique ui solutions from designshack
20 Reasons You Shouldn’t Be a Freelancer | Webdesigner Depot
http://www.webdesignerdepot.com/2010/04/20-reasons-you-shouldnt-be-a-freelancer/
40 More Stylish, Minimal and Clean Free Wordpress Themes - Speckyboy Design Magazine
http://speckyboy.com/2010/05/06/40-more-stylish-minimal-and-clean-free-wordpress-themes/
We love minimalism in web design, we really really do. There is something pure about stripping out all of the unnecessary elements from a design and only being
27 of the Best Real Estate Websites | Vandelay Design Blog
http://vandelaydesign.com/blog/galleries/real-estate-websites/
sites
Embed Videos In Your Web Pages Using HTML5 | Webmonkey | Wired.com
http://www.webmonkey.com/2010/05/embed-videos-in-your-web-pages-using-html5/
Do you want to use some HTML5 video tags on your site right now? No problem. Fasten your seat belts, as we’re about to take a tour of the wonderful world of HTML5 video.
from webmonkey
Designing Without Gradients | Build Internet!
http://buildinternet.com/2010/04/designing-without-gradients/
Designing Without Gradients | Build Internet! http://bit.ly/9MLvzu
The Anatomy of a Website
http://sixrevisions.com/web-technology/anatomy-of-a-website/
The Anatomy of a Website - http://is.gd/c5IiL (via @sixrevisions) – Chris Spooner (chrisspooner) http://twitter.com/chrisspooner/statuses/13852589789
which describes
The 7 ½ Steps to Successful Infographics - Articles - MIX Online
http://visitmix.com/Articles/seven-and-a-half-steps-to-successful-infographics
RT @mixonline The 7 ½ Steps to Successful Infographics http://bit.ly/d9Mjms
The right mix of down-to-earth and reach-for-the-starts.
45 Amazing and Free Photoshop Actions | Vandelay Design Blog
http://vandelaydesign.com/blog/tools/photoshop-actions/
Actions for make effects faster in photoshop
photoshop-actions
GRAPHIC.LY
http://graphic.ly/
New comic book delivery system
9 Ways to Enhance Your Facebook Fan Page | Social Media Examiner
http://www.socialmediaexaminer.com/9-ways-to-enhance-your-facebook-fan-page
9 ways to customize your Facebook fan page with static fbml and improve your business branding.
tips, business guid
Designing an Infographic with HTML, CSS & jQuery
http://line25.com/tutorials/designing-an-infographic-with-html-css-and-jquery
Designing an Infographic with HTML, CSS & jQuery
Design a Clean Web Layout with the 960 Grid | Tutorial9
http://www.tutorial9.net/photoshop/design-a-clean-web-layout-with-the-960-grid/
In this tutorial, we’ll be designing a clean website layout using the 960 Grid System. You’ll see how working with this system can streamline web development workflow, and how to work with a grid system.
30 Collections of Ornate Patterns and Textures | Naldz Graphics
http://naldzgraphics.net/freebies/30-collections-of-ornate-patterns-and-textures/
Patterns vary from a simple repetition of shapes to a more complex blend of colors and designs. Textures in the other hand are often visual features of objects like rocks, wood, leaf, etc. Today, patterns and textures are used by designers to make their websites more attractive and eye-catching to their viewers. Bloggers must see to it they have a splendid design for their website so that it will attract more viewers/readers, otherwise the blog will become dull and boring.
Beautiful CSS3 Search Form
http://www.webdesignerwall.com/tutorials/beautiful-css3-search-form/
isnet
☆☆☆☆☆
48 Hour Magazine
http://48hrmag.com/
ask online folks to help them finish "mission impossible" in 48hr !!! amazing ideas love it!!!
If you're not following 48hrmag, you should be. Here's how to buy issue zero: http://48hrmag.com/ – Dave Coustan (extraface) http://twitter.com/extraface/statuses/13811482504
10 best WYSIWYG Text and HTML Editors for Your Next Project | Graphic and Web Design Blog
http://www.1stwebdesigner.com/resources/10-best-wysiwyg-text-and-html-editors-for-your-next-project/
Good list of editors available
10 WYSIWYG editors that are commonly used, and are worth a look in if its something you need for a project.
Taking Type to the Next Level with Alternate Characters « Media Militia
http://mediamilitia.com/taking-type-to-the-next-level-with-alternate-characters/
These are very pretty and scripty
100 Fresh And Free xHTML Templates Of Year 2010 | Graphic and Web Design Blog
http://www.1stwebdesigner.com/freebies/fresh-free-xhtml-templates-2010/
You will find here just really new templates, mostly created in this year 2010 to ensure quality and templates being trendy!
The Official Manufacturing Company / Work
http://www.omfgco.com/
Created products, signage, etc for the ace hotel
Company in USA
everything beautiful
11 Excellent Solutions for Making Your Website Mobile Friendly | Tools
http://webdesignledger.com/tools/11-excellent-solutions-for-making-your-website-mobile-friendly
infographiclarge_v2.png (PNG Imagen, 1983x1402 pixels)
http://inspirationlab.files.wordpress.com/2010/04/infographiclarge_v2.png
flowchart per la scelta dei font
A series of Q&A gates that lead you to a typeface
100 Seriously Creative Infographics
http://www.freelancereview.net/100-seriously-creative-infographics/
This is the 2nd of 5 gallery-style posts in our week-long inspiration series in which we are collecting 100 awesome examples in a given category. Today we are covering infographics, you know those nifty illustrations that make complicated subjects easy to understand. The infographic (short for information graphic) has become a mainstream fixture thanks, in part, to publications such as Wired Magazine whose commissioned infographics are notoriously complicated and cool and widely respected within the design community.  This collection contains great color combinations, infographics of varying sizes, creative typography and of course, extremely clever illustrations.
100 Seriously Creative Infographics
Ultimate Black Belt Test ’10: Greensboro, AL
http://herohousing.org/UBBT/
web
かわった見せ方
Home : We Love Patterns
http://www.welovepatterns.com/
Out of Print Clothing
http://www.outofprintclothing.com/
Catcher in the Rye t-shirt
Principles Of Minimalist Web Design, With Examples - Smashing Magazine
http://www.smashingmagazine.com/2010/05/13/principles-of-minimalist-web-design-with-examples/
Create Your Own WordPress Theme from an HTML Template
http://articles.sitepoint.com/article/create-your-own-wordpress-theme-from-an-html-template
How to Create a PHP Website Template from Scratch | Graphic and Web Design Blog
http://www.1stwebdesigner.com/tutorials/how-to-create-php-website-template/
Scalable Full Body Backgrounds in Web Design - Noupe
http://www.noupe.com/design/scalable-full-body-backgrounds-in-web-design.html
By http://bit.ly/Tweets2Delicious
Useful (Offline) Utensils and Toolkits for Designers | Tools
http://www.hongkiat.com/blog/useful-offline-utensils-and-toolkits-for-designers/
Vintage and Aging Photo Effect Tutorials – The Ultimate Round-Up | Photoshop Tutorials
http://www.hongkiat.com/blog/vintage-aging-photo-effects-photoshop-tutorials/
50 Social Bookmarking Icon Sets for Bloggers – Part 2 - Speckyboy Design Magazine
http://speckyboy.com/2010/04/14/50-social-bookmarking-icon-sets-for-bloggers-part-2/
Ikony dla społecznościowych serwisów
50 High Quality Themes for Drupal Developers - Noupe
http://www.noupe.com/drupal/50-high-quality-themes-for-drupal-developers.html
lækre drupal themes
ธีมดูเป้า เอาไปพัฒนาต่อจ้ะ
Manual
http://manualcreative.com/
Красивый сайт
tom crabtree
YouTube - Alice for the iPad
http://www.youtube.com/watch?v=gew68Qj5kxw
YouTube - Alice for the iPad http://ow.ly/1L1pf
@hansdorsch shows "Alice in Wonderland" Childrensbook on iPad - great and inspiring - see a video here http://bit.ly/b3TAnm #next10 #pxped – rattomago (rattomago) http://twitter.com/rattomago/statuses/13790914770
@erwblo misschien leuk om http://www.youtube.com/watch?v=gew68Qj5kxw bij je blogpost te plaatsen voor mensen die het nog niet kennen – Jasper van der Meij (jvdmeij) http://twitter.com/jvdmeij/statuses/13711856574
0xFE - 11111110b - 0376 - 254 b9#9: Music Notation with HTML5 Canvas
http://0xfe.blogspot.com/2010/05/music-notation-with-html5-canvas.html
Music Notation with HTML5 Canvas http://ping.fm/UAHPA via @Metaphysicalist
Amazing: Music Notation with HTML5 Canvas http://dlvr.it/zcls
Case-Study: Deconstructing Popular Websites (Opinion Column) - Smashing Magazine
http://www.smashingmagazine.com/2010/05/12/case-study-deconstructing-popular-websites-opinion-column/
In our past articles, we’ve experimented with better ways to engage users on web pages with CSS3. We love getting into the nuts and bolts of web design by showing off some nifty coding tricks. In this article we’ll take a step back to provide some reasoning for designers to embark on that next redesign.
deconstruccion de sitios web populares
Tim Bjørn – Design Studio
http://madebytim.com/
曲線使いがかわいい感じのイラスト・ロゴ
nice use of speech bubbles on images for descriptions
配色パターンからWebデザインを考える | Webクリエイターボックス
http://www.webcreatorbox.com/tech/web-design-color-scheme/
会社のバイトの子に読ませよう
ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。
カラー設計に使えるサイト。色の意図を人に伝えるのにも便利
How to Be Creative - wikiHow
http://www.wikihow.com/Be-Creative
wikiHow article about How to Be Creative.
30 Fresh Icon Sets for Developers and Designers - Speckyboy Design Magazine
http://speckyboy.com/2010/05/14/30-fresh-icon-sets-for-developers-and-designers/
100 Creepy Hand-Picked Horror Wallpapers | Graphics | Smashing Magazine
http://www.smashingmagazine.com/2009/06/18/100-creepy-hand-picked-horror-wallpapers/
Horror Wallpapers
Today's desktop wallpaper collection is all about horror. Wallpaper can convey the depths of emotion and feeling and whatever you want them to convey. You will always...
ZURB – Critique a Web Page in 30 Seconds or Less
http://www.zurb.com/article/356/critique-a-web-page-in-30-seconds-or-less
When you're ready to launch your website, you'll want to give visitors the best user experience possible. Learning to evaluate a website effectively is part art and part science, but it's a skill that can be learned. To develop an eye for what works on a website and what doesn't, there are few simple techniques that help you critique your website in 30 seconds or less.
How To: Build Your Own Letterpress - Boing Boing Gadgets
http://gadgets.boingboing.net/2009/04/07/how-to-build-your-ow.html#more
I don't know how well this works, but it's an interesting idea for the DYI-er
...from plumbing parts.
The finer points of finding free images | Creative Notes | Macworld
http://www.macworld.com/article/137852/2009/01/freeimages.html?lsrc=rss_main
Gute Zusammenfassung von Nutzungsbedingungen für Creative Commons Bildern; ein paar Hintergründe zur Nutzung von "kostenlosen" Bildern aus dem Web
Simple, Practical Color Theory | Tutorial9
http://www.tutorial9.net/resources/simple-practical-color-theory/
Teoria das cores
Rohdesign | Mike Rohde, Designer : SXSW Interactive 2009 Sketchnotes
http://www.rohdesign.com/weblog/archives/003039.html
SXSW Interactive 2009 Sketchnotes
Wowee Zowee!
Usability of iPad Apps and Websites: First Research Findings
http://www.nngroup.com/reports/mobile/ipad/
Jakob Nielsen/Nielsen Norman Group.
ユーザーインターフェースの大御所、ヤコブ・ニールセンが93ページにわたる、iPadのユーザビリティレポート。
40 Free Fonts Ideal For Retro And Vintage Designs
http://bluefaqs.com/2010/05/40-free-retro-and-vintage-fonts/
Vintage and retro style designs can be a beautiful thing. By using a combination of rough textures, grungy patterns and brushes meant to add a scratched or used appearance, designers can easily pull of the antique look. To compliment this aged appearance, it is important to use the proper typography to help match the style you are trying to represent. To help you out, I've rounded up 40 attractive retro and vintage fonts to use in your designs.
4 Steps To a Professional Database Design | ProgrammerFish - Everything that's programmed!
http://www.programmerfish.com/4-steps-to-a-professional-database-design/
Just as you require a blueprint to build a house, you will need a database blueprint in order to implement a database successfully .
Useful jQuery Plugin for UI Developers | denbagus blog
http://www.denbagus.net/jquery-ui-developers/
110+ CSS Gallery To Submit Your Design, Part 2
http://www.webdesignbooth.com/110-css-gallery-to-submit-your-design-part-2/
Last week i shared about 55 CSS Galleries to submit your web design, and now i would like to complete the series by sharing another 55+ CSS Galleries.
110个css站点图库,值得参考,这是第二部分。
The lifestyle business bullshit - (37signals)
http://www.37signals.com/svn/posts/1686-the-lifestyle-business-bullshit
MOONGIFT: » Webシステム開発者に送る便利なテンプレート「Web App Theme」:オープンソースを毎日紹介
http://www.moongift.jp/2009/06/web_app_theme/
Webシステムの管理画面に使えそうなテンプレートの紹介。
Use Over 40 Advanced Keyboard Shortcuts to Create a Reflective Timepiece - Psdtuts+
http://psd.tutsplus.com/tutorials/tools-tips/use-over-40-advanced-keyboard-shortcuts-to-create-a-reflective-timepiece/
SHORT CUT TIPS FOR CREATING CLOCK IN PS
1.为了加强效果可以复制layer,set mode为overlay 2.光影效果,则用style mode 为soft light 3.滤镜.镜头光晕的应用,可以增加光效果。 4.一句话,注意观察模仿优秀作品
Rethinking the Office - Dutch Design (Plus: Pics of My Home Office) - The Blog of Author Tim Ferriss
http://www.fourhourworkweek.com/blog/2008/09/30/rethinking-the-office-dutch-design-plus-pics-of-my-home-office/
Wish could try some of this at work, not really room though.
I want a writing space like this. Free of all visual distractions. While it would be impossible for my entire office to operate like this, managing legal documents, my creative endeavors could certainly be fruitful in this environment. I love it Mr. Ferriss.
Interpolis - unconventional but damn effective. (photo: jsigharas) Through simple redesign of workspaces, Interpolis of Holland increased productivity 20%, and ...
I limit misbehavior by limiting options. Notice that I have no shelves. This discourages accumulating papers and encourages both elimination and immediate digital note-taking. When in doubt, I take a digital photograph of documents (I prefer this to a scanner, which consumes real estate).
hanks to a sophisticated office structure, the headquarters of Interpolis insurance in the Dutch town of Tilburg has freed up 51 percent of their working areas, cut 33 percent of construction and equipment costs, and reduced office usage expenses by 21 percent.
12 Awesome Free Eroded and Grunge Fonts | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/12-awesome-free-eroded-and-grunge-fonts
It's been a longe time since we had some fonts featured here at Abduzeedo! There's no need to say that free fonts are sweet. There are many fonts sites out there, but my favorite's been Dafont.com for a long time. It has got many categories, full of aweso
free fonts!
Design*Sponge » Blog Archive » sweet idea: diy catalog of love
http://www.designspongeonline.com/2009/06/sweet-idea-diy-catalog-of-love.html
reviews, articles, features, rant and raves on all things design related. product, furniture, jewelry and graphic design. specializing in independent and local brooklyn and new york design.
Catálogo do amor!
Obituary For IE6
http://www.webresourcesdepot.com/obituary-for-ie6/
IE6, well, was a browser with fresh features when it first came out but it is currently 8 years old (must be about 160 human years). It is still around, mostly because it came bundled with many distributions of the most popular Windows OS ever: XP & bad luck that users still have that old CD. So, within time, unlike every software, it didn’t disappear, got more powerful & managed to build new communities around it: "designers & developers who try to overcome the IE6 difficulties", "users with bad browsing experiences".. : ).
IE6, well, was a browser with fresh features when it first came out but it is currently 8 years old (must be about 160 human years). It is still around, mostly because it came bundled with many distributions of the most popular Windows OS ever: XP & bad luck that users still have that old CD. So, within time, unlike every software, it didn’t disappear, got more powerful & managed to build new communities around it: "designers & developers who try to overcome the IE6 difficulties", "users with bad browsing experiences".
Denver Advertising Agency Design Marketing Jobs News for Colorado – The Denver Egotist: The Rant: What Makes a Good Creative Director? Part 1 of 2.
http://thedenveregotist.com/editorial/3805/the-rant-what-makes-a-good-creative-director-part-1-of-2
What makes a good Creative Director
Attempting to make Denver suck less, Daily.
What makes a good creative director? Part 1 of 2.
And it’s great. It’s annoyingly terrific. You kick yourself and wonder why you didn’t think of it. You look at the CD with a new-found respect.
Cocoia Blog » iPhone / iPad icon PSD template
http://blog.cocoia.com/2010/iphone-ipad-icon-psd-template/
60 Creative Flash Websites You Should Not Miss | Web 2.0
http://www.hongkiat.com/blog/brilliant-beautiful-flash-websites/
60 Sites creativos feito em Flash.
厳選したFlashサイト60 昔からあるサイトもチラホラ
見ておきたいFlashサイト集
見ておきたいFlashサイト60
Top Job Boards for Web Developers and Designers | Web Resources | WebAppers
http://www.webappers.com/2008/09/03/top-job-boards-for-web-developers-and-designers/
Are you a freelancer? Would you like to find some freelance works related to Web Development or Web Design? There are loads of job boards out there, but how many of them are actually built for web developers and designers? And How many of them are acutally popular? Here is a list of the top job boards for web developers and designers.
Hello Rewind: Recycled t-shirts into custom laptop sleeves to support sex trafficking survivors in NYC
http://www.hellorewind.com/
Tom Wujec: Build a tower, build a team | Video on TED.com
http://www.ted.com/talks/tom_wujec_build_a_tower.html
12 Insanely Awesome Javascript Effects
http://www.queness.com/post/2865/12-insanely-awesome-javascript-effects
Yes, it's insane, I found these javascript effects in chrome experiments website, and I think I should promote and show them to all of you. Enjoy :)
30 Creative and Unique Free Fonts
http://sixrevisions.com/resources/creative-unique-free-fonts/
Creative fonts
Everyone love free fonts. If you want to be a bit different, you can use these creative fonts to make sure that your designs will stand out. Note: Before using any fonts on your projects, it’s important to read the licensing agreement!
Especialmente chula la times news roman graffiti
disambiguity » design by committee vs design by community (things we learned from the Drupal.org project)
http://www.disambiguity.com/designbycommunity/
disambiguity - pretty design pending
Design should never be democratic, and that's easier to accomplish in a community than in a committee.
Beautiful furniture made to order - without the designer price tag | made.com
http://www.made.com/
Designer furniture at 50 to 80% discount. Without middlemen, you save when you buy sofas, armchairs, tables and more.
25 Advanced Photo Effects and Techniques with Photoshop - Speckyboy Design Magazine
http://speckyboy.com/2010/05/06/25-advanced-photo-effects-and-techniques-with-photoshop/
All of the tutorials in this article have been labeled advanced, simply because of the dramatic transformation on each photo after each tutorial, having said that you don’t need to be a professional photographer nor do you need to be a Photoshop expert to recreate these amazing effects.
25 Advanced Photo Effects and Techniques with Photoshop http://bit.ly/cfW0jY
All of the tutorials in this article have been labeled advanced, simply because of the dramatic transformation on each photo after each tutorial, having said
10 New UX Books To Look Out for in 2010 | UX Booth
http://www.uxbooth.com/blog/10-new-ux-books-to-look-out-for-in-2010/
Livros de UX para ler em 2010
60 Minimal and Super Clean Web Designs to Inspire You | Inspiration
http://webdesignledger.com/inspiration/60-minimal-and-super-clean-web-designs-to-inspire-you
60 Minimal and Super Clean Web Designs to Inspire You
Create Beautiful CSS3 Typography :: Echo Enduring Blog
http://blog.echoenduring.com/2010/05/13/create-beautiful-css3-typography/
Create Beautiful #CSS3 Typography http://bit.ly/bBvNbd
It has been suggested that beautiful and usable websites are created on a foundation of beautiful and usable typography. I’ve even read an article that suggests that the web is actually comprised of 95% typography. I’m not convinced that there is any empirical evidence for this figure, but I think that the point is a good one. And, that makes typography a pretty important element that you will want to look at very carefully.
A DIY Web Design Education - Noupe
http://www.noupe.com/how-tos/a-diy-web-design-education.html
Great series of resources to take you through web design from soup to nuts.
User Experience
hammocksandhightea.com
http://hammocksandhightea.com/
napkins, tea towels, place mats, runners
Do you use scented sachets for your drawers?
CSS Infos
http://css-infos.net/
このプロパティはどのバージョンのCSSで使える?!が一覧できる
CSS対応一覧表
DressUp! Avatars Icon Set | Freebies | Smashing Magazine
http://www.smashingmagazine.com/2008/11/05/dressup-avatars-icon-set/
freebies, tutorials, share ur designs
BBC - The Beauty of Maps - Home
http://www.bbc.co.uk/bbcfour/beautyofmaps/index.shtml
Via Henrique (FB).
Seeing the art in cartography.
Charlie Brooker on the BNP and their political broadcast | Comment is free | The Guardian
http://www.guardian.co.uk/commentisfree/2009/may/18/charlie-brooker-bnp-racism
Extremist material of any kind always looks gaudy and cheap, like a bad pizza menu. Not because they can't afford decent computers - these days you can knock up a professional CD cover on a pay-as-you-go mobile - but because anyone who's good at graphic design is likely to be a thoughtful, inquisitive sort by nature. And thoughtful, inquisitive sorts tend to think fascism is a bit shit, to be honest. If the BNP really were the greatest British party, they'd have the greatest British designer working for them - Jonathan Ive, perhaps, the man who designed the iPod. But they don't. They've got someone who tries to stab your eyes out with primary colours.
Charlie Brooker: For the BNP to claim to be more British than the other British parties is as nonsensical as your dad suddenly claiming to have invented the beard
"Don't vote for those nasty slick parties. Vote for a shoddy one! Never mind the extremism, feel the ineptitude"
The BNP represents Britain's workers? They don't even represent basic British craftsmanship
Charlie Brooker skewers the BNP
For the BNP to claim to be more British than the other British parties is as nonsensical as your dad suddenly claiming to have invented the beard.
Extremist material of any kind always looks gaudy and cheap, like a bad pizza menu. Not because they can't afford decent computers - these days you can knock up a professional CD cover on a pay-as-you-go mobile - but because anyone who's good at graphic design is likely to be a thoughtful, inquisitive sort by nature. And thoughtful, inquisitive sorts tend to think fascism is a bit shit, to be honest.
RT @eliza: Charlie Brooker on the BNP http://bit.ly/4fKf2O Bunch of wankers. [from http://twitter.com/standardman/statuses/1835238421]
Lovely piece
Top 10 Free Online CSS Editors For Web Designers
http://resources.savedelete.com/top-10-free-online-css-editors-for-web-designers.html
tiene una pinta interesante
Top 10 Free Online CSS Editors For Web Designers - http://resources.savedelete.com/top-10-free-online-css-editors-for-web-designers.html
Today we are providing the online CSS editors for designers. CSS is the first choice of designers for creating a website more attractive and beautiful. If you
61 High Quality And Free xHTML Templates Part 2: Year 2010 | Graphic and Web Design Blog
http://www.1stwebdesigner.com/freebies/high-quality-free-xhtml-templates-2010/
This is part 2 of really fresh and high quality XHTML templates free for you to download, study and get inspired - all in the same time!
Web Design Trends for 2010 | Webdesigner Depot
http://www.webdesignerdepot.com/2010/05/web-design-trends-for-2010/
[CSS]全幅960+10pxをベースに汎用的に展開するグリッドシステム | コリス
http://coliss.com/articles/build-websites/operation/css/css-the-golden-grid.html
また新たなグリッドシステムのフレームワークです。
全幅960+10pxをベースうつくしす
How to Center an Absolutely Positioned Element Using CSS
http://www.sitepoint.com/blogs/2010/05/04/css-center-position-absolute-div/
centrar objetos en css
Centering an absolutely positioned element is a CSS challenge that occurs now and then. The solutions seem obvious once I’ve done it, but I still find myself googling the problem every few months.
The Right Type: 5 Inspiring Typography Tales | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2008/12/08/the-right-type-5-inspiring-typography-tales/
In this yarn, we’ll take a closer look at inspiring stories behind the design of typefaces that you may have seen or used but didn’t know the history of. We’ll explore the nooks and crannies — both literal and figurative — of the evolving printed word. By the end, we hope you come away with a better appreciation of how things came to be.
26 Useful Tips and Tricks for Freelancers
http://www.freelancermagazine.com/26-useful-tips-and-tricks-for-freelancers/
Freelancing is by no means easy. You are given responsibility of your own future, your own earnings, to choose who and what you want to work for
More great tips for Freelancers!
TechFlaps | Waves of Technology: 56 CSS Tabs & Navigation Menu Scripts and Examples
http://www.techflaps.com/2009/05/56-css-tabs-navigation-menu-scripts-and.html
Tricks, tips and Techniques on blogging, using CSS, HTML and javascript, latest technology updates, software reviews.
How to build a front page - Rory's.
http://unalone.tumblr.com/post/84937340/how-to-build-a-front-page
Your front page is the most important page you’ll make. Without it, you’ve got nothing: nobody signs up, nobody gets to see how cool your product is. It is your most effective advertising tool. Take advantage of it.
Horrible, HORRIBLE advice. Do not listen to this fool folks.
25 Best Icon Sets for Application Design | Web Design Soul
http://www.webdesignsoul.com/25-best-icon-sets-for-application-design/
25 Best Icon Sets for Application Design | Web Design Soul - http://www.webdesignsoul.com/25-best-icon-sets-for-application-design/
ELECTION DAY 08 - What One Word Describes Your Current State of Mind? - Interactive Feature - NYTimes.com
http://www.nytimes.com/interactive/2008/11/04/us/politics/20081104_ELECTION_WORDTRAIN.html?hp
visualizing words
The Beauty Of Typography: Writing Systems And Calligraphy Of The World - Smashing Magazine
http://www.smashingmagazine.com/2010/05/18/the-beauty-of-typography-writing-systems-and-calligraphy-of-the-world/
Very nice article on different writing systems.
The beauty of typography has no borders. While most of us work with the familiar Latin alphabet, international projects usually require quite extensive knowledge
Chinese, Japanese, Korean, Vietnamese, Arabic & Brahmic Characters
Google Font Directory
http://code.google.com/webfonts
Forkbomb Studios - Premium Web & Design Services
http://www.forkbombstudios.com/
Guitar Store on Flickr - Photo Sharing!
http://flickr.com/photos/glenscott/3263916059/
Sehr sehr geiles Graffiti für die Ladenfront eines Gitarrengeschäfts
that is awesme
Plus these go to eleven...
8 Websites Every Microsoft .NET Developer Should Know About | MakeUseOf.com
http://www.makeuseof.com/tag/8-web-sites-every-microsoft-net-developer-should-know-about/
There are currently millions of developers worldwide that are using Microsoft.NET technologies. If you are one of them or want to become one, then each of the
BBC NEWS | UK | Magazine | How to understand risk in 13 clicks
http://news.bbc.co.uk/2/hi/uk_news/magazine/7937382.stm
What are we to make of all those stories that warn of lifestyle dangers and slap a giant percentage sign in the headline? Michael Blastland introduces the Risk-o-meter to his regular column.
nice presentation, and even nicer correlation visualization if you scroll down further.
Ценнейший материал о том, как создавалась и тестировалась на читателях социальная реклама, представляющая сложные факты в виде наглядной инфографики.
What are we to make of all those stories that warn of lifestyle dangers and slap a giant "%" sign in the headline? Michael Blastland introduces the Risk-o-meter to his regular column.
35 Inspirational Software and Application Websites | Spoonfed Design
http://www.spoonfeddesign.com/35-inspirational-software-and-application-websites
Software and Application Websites
Spoonfed Design is a blog for designers and developers to get inspired, learn new techniques, and pick up new ideas or resources.
"tagged design webapp application layout ideas"
Hoe persona’s en user stories bijdragen aan een succesvol designproces - Frankwatching
http://www.frankwatching.com/archive/2009/04/01/hoe-personas-en-user-stories-bijdragen-aan-een-succesvol-designproces/
In dit artikel beschrijf ik het nut van persona’s en user stories en waarom ze onmisbaar zijn in een ontwerptraject. Ook geef ik praktische tips in hoe je ze zelf kunt opstellen en toepassen.
Persona’s, MBTI, user stories. Allemaal tools om tijdens het ontwerpen van een website de gebruiker centraal te stellen. Er zijn veel vragen rond het gebruik van deze tools. In dit artikel beschrijf ik het nut van persona’s en user stories en waarom ze onmisbaar zijn in een ontwerptraject. Ook geef ik praktische tips in hoe je ze zelf kunt opstellen en toepassen. Have fun! En pssst, je kunt vandaag beginnen!
Artikel over hoe persona’s en user stories bijdragen aan een succesvol designproces
アイコンの効果的な使い方を実例から学ぶチュートリアル | コリス
http://coliss.com/articles/build-websites/operation/design/how-to-use-icons-in-web-design.html
アイコンの効果的な使い方を実例から学ぶチュートリアル アイコンは、ユーザーをあなたのウェブサイトの内容に惹きこませるシンプルで、効果的な方法です。アイコンを使用して、ウェブサイトのコンテンツをサポートする素晴らしいサンプルとベストプラクティスを紹介します。
A Tour through the Visualization Zoo - ACM Queue
http://queue.acm.org/detail.cfm?id=1805128
Rich survey of advanced data visualization techniques http://is.gd/chAgi – Maria Popova (brainpicker) http://twitter.com/brainpicker/statuses/14368336820
A survey of powerful visualization techniques, from the obvious to the obscure
Create Seamless Web Background Textures in Minutes | Design Shack
http://designshack.co.uk/articles/css/create-seamless-web-background-textures-in-minutes
It only takes a few minutes and a single Photoshop filter that you’ve probably never used.
Google Code Blog: Introducing the Google Font API & Google Font Directory
http://googlecode.blogspot.com/2010/05/introducing-google-font-api-google-font.html
http://fonts.googleapis.com/css?family=Tangerine
Negative Space in Webpage Layouts: A Guide
http://sixrevisions.com/web_design/negative-space-in-webpage-layouts-a-guide/
- Network World
http://www.networkworld.com/slideshows/2008/111108-amazing-ruby.html
15 分钟做一个APP
Winning entries from the 2008 annual Ruby on Rails coding contest.
15 amazing Web apps built in 48 hours: Earlier this month, the Rails Rumble 2008 announced the eight winners of its programming competition where teams of up to four people had 48 hours to build original (and somewhat complete) Web apps. Ruby on Rails is perhaps best known as the app development platform that built Twitter. But competitions like the Rumble prove how powerful the young platform can be. Here, we showcase the competition winners along with other cool apps of enterprise appeal from the 130 qualifying entries. Winners were selected by an open vote on the Internet and were judged on appearance, completeness, innovation and usefulness.
15 ruby on rails web apps
15 amazing Web apps built in 48 hours
Screencasts Added to Flickr
http://designingwebinterfaces.com/screencasts-added-to-flickr
Screencasts to accompany the book
Official Google Docs Blog: Rapid wireframe sketching in Google Docs
http://googledocs.blogspot.com/2010/05/rapid-wireframe-sketching-in-google.html
Cool tutorial on using Google Docs for creating mock-ups.
Official Google Docs Blog
18 Great Examples of Sketched UI Wireframes and Mockups | Inspiration
http://webdesignledger.com/inspiration/18-great-examples-of-sketched-ui-wireframes-and-mockups
18 Great Examples of Sketched UI Wireframes and Mockups
手書きのワイヤーフレーム。まとめ。
8 простых способов улучшить типографику в вашем дизайне / Web-разработка / Хабрахабр
http://habrahabr.ru/blogs/webdev/56625/
Sweden's Ultra-Modern Underground Data Center - HotHardware
http://hothardware.com/News/Swedens-UltraModern-Underground-Data-Center/
data centre as bomb shelter-come-DJ bar
Very Cool. I want this!
Underneath Stockholm, deep in the bedrock exists a data center better than any high tech lair Hollywood could probably dream up. Bahnhof, one of Sweden's largest ISP's has created a bunker of high tech goodness that is surely to astound.
these people need to start doing centers and offices in the U.S....
35 Fresh and Excellent Photoshop Tutorials from 2010 - Noupe
http://www.noupe.com/tutorial/35-fresh-and-excellent-photoshop-tutorials-from-2010.html
35 Fresh and Excellent Photoshop Tutorials from 2010 - Noupe - http://www.noupe.com/tutorial/35-fresh-and-excellent-photoshop-tutorials-from-2010.html
The Psychologist’s View of UX Design | UX Magazine
http://uxmag.com/design/the-psychologists-view-of-ux-design
Some choice observations on UX including: ‘People can only look at so much information or read so much text on a screen without losing interest. Only provide the information that's needed at the moment (see progressive disclosure...).’
Umfangreicher Guide einer Psychologin zu guter Usability
L'avis d'un psychologue sur la création d'interfaces utilisateurs
Web Design Trends 2010: Real-Life Metaphors and CSS3 Adaptation - Smashing Magazine
http://www.smashingmagazine.com/2010/05/20/web-design-trends-2010-real-life-metaphors-and-css3-adaptation/
In our earlier article about Web design trends for 2010 we covered the strong influence of print design techniques, keypress navigation, horizontal layouts, rich...
Tendencias del diseño web para 2010, metáforas de la realidad y adaptación a CSS3
Web Design Trends 2010
Mesmerizing Monday: 10 Hypnotic Gadgets You Just Can't Stop Looking At
http://gizmodo.com/5065792/10-hypnotic-gadgets-you-just-cant-stop-looking-at
waterfall printer, cloud, nautilus sink, rotopault, flying fish airship, book scanner, drinking bird, jellyfish
10 jQuery Plugins to Help with Web Page Layouts | Tools
http://webdesignledger.com/tools/10-jquery-plugins-to-help-with-web-page-layouts
very helpful!
Every now and then a web project will come up that has special and unique layout requirements, and the current capabilities of CSS just aren’t enough. With projects such as these, jQuery can be your best friend. So here are 10 jQuery plugins to help you out with page layouts.
Structure Synth - 文脈自由文法3Dアート - Radium Software
http://d.hatena.ne.jp/KZR/20090215/p1
プログラミング。
Structure Synth は,文脈自由文法を使って 3D CG を作成するソフトウェア。つまるところ, Context Free の 3D 版だ。単純なプログラムから複雑な CG を生成することができる。 GI レンダラー SunFlow 用のシーンファイル出力にも対応しており,これらを組み合わせることによって,とてもお手軽かつ高品質な幾何 CG アート環境が完成する。 以下,とりあえず作ってみた習作。仕組みはほとんど Context Free と同じなので,Context Free に慣れていればすぐにコードを書けるようになる。 set maxdepth 50 12 * { rx 30 } RC BG rule RC { {} CROSS { rx 10 z 0.7 s 0.98 } RC } rule RC { {} CROSS { ry 10 z 0.7 s 0.98 } RC } rule RC { {} CROSS { rz 10 z 0.7 s 0.98 } RC } rule CROSS { { rx 90 s 2 0.3 0.3 } box { rz 90 s 2 0.3 0.3 } box { s 2 0.3 0.3 } box } rule BG { { s 0.1 100 100 x -10 } box }
Structure Synth Structure Synth は,文脈自由文法を使って 3D CG を作成するソフトウェア。つまるところ, Context Free の 3D 版
あとで使ってみよう
30+ WordPress Theme Releases for May 2009 - WPZOOM
http://www.wpzoom.com/wordpress-themes-sets/30-wordpress-theme-releases-for-may-2009/
Theme Releases for May 2009 - WPZOOM
Free & Premium WordPress Themes
Awesome Wordpress Themes from May 2009
5月リリースのクールなWordPressテーマ集
Resources | Type Directors Club
http://tdc.org/tdc/resources
type font for bag*
We are an international organization for all people who are devoted to excellence in typography, both in print and on screen
Videogame Remakes by Orioto | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/videogame-remakes-orioto
Videogame Remakes by Orioto During a little visit to Fubiz yesterday, I ran into something that really got my attention: Videogame remake wallpapers! These are really incredible and just blew my mind!
AMAZING artwork of famous video games.
Top 50 Best Game Design Blogs - Becoming a Computer Technician
http://becomingacomputertechnician.com/?page_id=47
Top 50 Best Game Design Blogs - http://tr.im/p2dW - Interesting and useful list of resources. (via @smashingmag) [from http://twitter.com/tadej/statuses/2238492287]
Wireframe Graph Paper Notepad | Konigi
http://konigi.com/store/product/wireframe-graph-paper-notepad
Price: $7.50
Lifehacker - Abstract Aurora and Color Spectrum Wallpapers - Wallpaper
http://lifehacker.com/5197379/abstract-aurora-and-color-spectrum-wallpapers
Desktop Edition
一風変わった『ものすごく使いにくそう』なフォント15選*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-676.html
使い方によっては使えそう
Truthful TV Title Cards — Glark
http://glark.org/truthful-tv-title-cards/
If television were honest...
Awesome.
lols!
Very succinct, very clever. I don't really get The Amazing Race one though.
The Blog of John A. De Goes - Journal - Good API Design: Part 1
http://jdegoes.squarespace.com/journal/2009/5/2/good-api-design-part-1.html
「ソフトウェア工学」は矛盾語法か?
http://metatoys.org/oxymoron/oxymoron.html
「ソフトウェア工学」は矛盾語法か?
HTML5 Watch
http://html5watch.tumblr.com/
html examples
Collecting examples of creative, innovative, and unexpected use of emerging web technologies such as HTML5 and CSS3.
30 Essential Online Converters for All Webmasters
http://www.balkhis.com/web-designs-resources/30-essential-online-converters-for-all-webmasters/
lista de conversores
HTML and CSS converters, color converters, PDF converters, Image converters, RSS, converter for developers, CSV converters, cream of the crop
typographia . sandro lopes designer
http://sdr-designer.blogspot.com/
ensaios sobre tipografia
Typo Blog
Blog sobre tipografia e design editorial
How to Spot Quality within Web Design: Examples & Tips
http://digg.com/d1obFG
for learning
Ski Lodge (for iPhone)
http://www.skilodgeapp.com/
""
Infographics news: i from infographics
http://infographicsnews.blogspot.com/2009/05/i-from-infographics.html
Infographics news: i from infographics
i from infographics
Redesign Your Portfolio Site: 4 Tips To Make It Better And Get More Business | Freelance Folder
http://freelancefolder.com/redesigning-your-portfolio-site-4-tips-to-make-it-better-and-get-more-business/
Boas dicas para redesign (ou design) de sites de portfólio, mas que podem ser aplicadas a qualquer site.
The Pizza Box of the Future Has Arrived - Asylum | Men's Lifestyle | Humor, weird news, sex tips, fashion, dating, food and gadgets
http://www.asylum.com/2009/04/28/the-pizza-box-of-the-future-has-arrived/
RT @sudestada Me late: RT @elefantastico The Pizza Box of the Future Has Arrived - http://ow.ly/5kS6 [from http://twitter.com/dariuus/statuses/1713130371]
Don't you love when something so right is also ingeniously simple? Then you'll love this pizza box. And if you happen to be a CEO of a major pizza chain, get on the bus.
The convertible pizza box! Delivery box, plate, storage all in one, and eco-friendly. http://adjix.com/d7p4 [from http://twitter.com/sherrymain/statuses/1656149343]
LOST ART > OSGEMEOS > VERTIGEM > CCBB RJ
http://www.lost.art.br/osgemeos_vertigem.htm
Exposição dos gêmeos...
Registros da exposição OsGemeos no CCBB RJ
Trabalhos dos Gemeos
On Engineering and Design: An Open Letter - BusinessWeek
http://www.businessweek.com/innovate/content/apr2009/id20090429_083139.htm?chan=innovation_innovation+%2B+design_top+stories
On Engineering and Design: An Open Letter Microsoft Research Principal Scientist Bill Buxton calls for engineers and user-experience designers to learn to appreciate one another
ongoing · The Web vs. the Fallacies
http://www.tbray.org/ongoing/When/200x/2009/05/25/HTTP-and-the-Fallacies-of-Distributed-Computing
Here at Sun, the Fallacies of Distributed Computing have long been a much-revered lesson. Furthermore, I personally think they’re pretty much spot-on. But these days, you don’t often find them coming up in conversations about building big networked systems. The reason is, I think, that we build almost everything on Web technologies, which lets get away with believing some of them.
via rtomayko
If you’re building Web technology, you have to worry about these things. But if you’re building applications on it, mostly you don’t. ¶ Well, except for security; please don’t stop worrying about security
Using CSS3 Transitions, Transforms and Animation
http://css3.bradshawenterprises.com/
These demos are showing of CSS transitions, transforms (2D and 3D) and animations.
indieprojector
http://projector.indiemapper.com/
Indieprojector is a free web service that re-projects digital map files and converts them to SVG for use in vector graphics editing software. Map projections are an essential part of map making but we found the existing tools to be too expensive, inflexible or complicated. Indieprojector is the smarter, easier, more elegant way to reproject and convert geographic data. It's a preview of our indiemapper technology that will bring map-making into the 21st century using web-services and a realtime visual approach to cartographic design.
Free geographic projection and data conversion tool with SHP / KML import, geographic projections and SVG export.
free geographic projection and data conversion tool: indieprojector
Site for converting various map formats into svg
70 Unique Examples Of 404 Error Pages For Your Inspiration | Graphic and Web Design Blog
http://www.1stwebdesigner.com/inspiration/unique-404-error-pages-inspiration/
What does 404 error page mean? It’s just a page that shows up when user tries to browse the page that doesn’t seems to exist anymore – link may be broken, moved, or even it has never existed and never will. Popular and good looking pages will always have good 404 error pages both from creative and functional point of view.
pomysłowe błędy 404
Ultimate Roundup With Thousands Of Cool Photoshop Brushes | Graphic and Web Design Blog
http://www.1stwebdesigner.com/freebies/ultimate-roundup-photoshop-brushes/
#ps #bushes for the rest of us: http://www.1stwebdesigner.com/freebies/ultimate-roundup-photoshop-brushes/ #yam #design it's full of stars
resources
Ultimate Roundup With Thousands Of Cool Photoshop Brushes
Carrer Blog: CSS Mini Reset
http://www.vcarrer.com/2010/05/css-mini-reset.html
Beautiful Footers in Modern Web Design for Inspiration
http://sixrevisions.com/design-showcase-inspiration/beautiful-footers-in-modern-web-design-for-inspiration/
Beautiful Footers in Modern Web Design for Inspiration
Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs
http://www.virtuosimedia.com/tutorials/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs#contents
The ultimate cheatsheet on how to fix 25 plus Internet Explorer 6 bugs
RT @draenews: Del Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs: http://bit.ly/bgbFjc
This is the IE6 resource you've been hoping for. Learn pre-emptive best practices and find fixes for over 25 Internet Explorer 6 bugs.
Contents | Top
Dont Tell Ashton - The worlds first Twitter artwork
http://donttellashton.com/
In a recent study social currency was defined as the extent to which people share a brand, or information about a brand, as a part of their everyday lives
Join the worlds first artwork made by Twitter users! The artwork will later be made into a physical piece by Swedish artist Jon Holm. Tweet and get your profile pic inside the frame. More followers = bigger size. Only one person has enough followers to cover the entire frame. Some call him an actor. Others call him a Twitter God Almighty. To us, it doesn't really matter what you call him as long as you just don't tell him.
un proiect realizat de studenti
Sketchbook Secrets: 50 Beautiful Sketchbook Scans
http://designinstruct.com/visual-inspiration/sketchbook-secrets-50-beautiful-sketchbook-scans/
רישומים של מחברות
50 Beautiful Sketchbook Scans
The sketchbook is an artist's BFF. It's a place where artists can most comfortably explore their personal thoughts, practice, maintain a visual history, and keep unpolished sketches that will eventually lead to amazing work. When we're lucky, we get to see behind the scenes. Here 50 beautiful sketchbook scans from 35 talented artists.
sketchbooks fodas..
Django Advent
http://djangoadvent.com/
new version, new story
Button Maker
http://css-tricks.com/examples/ButtonMaker/
スライダー slider
ボタンジェネレータ
The Makings of a Good Business Card
http://www.businesscardsonline.com/the-makings-of-a-good-business-card/
Creative Uses of Stickers in Advertising | Webdesigner Depot
http://www.webdesignerdepot.com/2010/05/creative-uses-of-stickers-in-advertising/
[CSS]スタイルシートで実装するテーブルのデザインパターンとそのポイント | コリス
http://coliss.com/articles/build-websites/operation/css/1395.html
CSSによるテーブルデザインの作例集の紹介。
テーブルデザイン
25 wall textures pack - PSDTUTS
http://psdtuts.com/freebies/texture/25-wall-textures-pack/
Some nice wall textures
テクスチャ
25 texturas de muros y paredes
Textures PSD
Скрипт интернет-магазина Simpla CMS
http://simplacms.ru/
Dinosaurs and Robots: How To Make An Abstract Mobile
http://www.dinosaursandrobots.com/2009/03/how-to-make-abstract-mobile.html
10 Free High Res Cracked and Peeled off Textures | Desizn Tech
http://desizntech.info/2009/06/10-free-high-res-cracked-and-peeled-off-textures/
textures images
Cracked and Peeled off textures are widely used in web design and graphic design. They can bring up the background using overlay. Here you will find 10 free
Cracked and Peeled off textures are widely used in web design and graphic design. They can bring up the background using overlay. Here you will find 10 free cracked and peeled off textures. All of their resolutions are 2048 x 1536 . They are free for personal use.
All of their resolutions are 2048 x 1536
[CSS]クロスブラウザ、マルチカラム対応のフッタを下部に固定表示するスタイルシート | コリス
http://coliss.com/articles/build-websites/operation/css/css-new-stickyfooter.html
主な対応ブラウザは、IE6/7/8, Fx2/3, Op9.6/10, Safari3.2, Crome1となっており、他にも多くのブラウザに対応しています。
クロスブラウザ、マルチカラム対応のフッタを下部に固定表示するスタイルシートを紹介します。
アーネストアーキテクツ|建築設計事務所
http://www.earnest-arch.jp/earnest.php
ペン書きのドローイングを3Dに動かす。
hand-drawn style
奥ゆかしい奥行き。
手書きイラスト、ギャラリーはPV3D
住宅・建築設計事務所・高級注文住宅・デザイン住宅|アーネストアーキテクツ
オープニングのムービーはよい
How to make your user interface CRAP
http://usabilityfriction.com/2008/09/08/how-to-make-your-user-interface-crap/
in making attractive designs, but I think they can (and should!) be applied when designing user interfaces. This post
Graphic design has 4 basic principles that appear to varying degrees in all well designed works; Contrast, Repetition, Alignment and Proximity. They are there to help guide you in making attractive designs, but I think they can (and should!) be applied when designing user interfaces. This post will show you how. Anyway, I like the acronym!
How to make your user interface CRAP: http://tinyurl.com/6o79yz [from http://twitter.com/tadej/statuses/913793683]
对比,重复,对齐,近似
50 Essential Strategies For Creating A Successful Web 2.0 Product [Dion Hinchcliffe's Web 2.0 Blog]
http://web2.wsj2.com/50_essential_strategies_for_creating_a_successful_web_20_pr.htm
CR Blog » Blog Archive » A Designer’s Portfolio, 16th Century-Style
http://www.creativereview.co.uk/crblog/a-designers-portfolio-16th-century-style/
Macclesfield Alphabet Book
hand type
Fold an Origami 'Millennium Falcon' - Wired How-To Wiki
http://howto.wired.com/wiki/Fold_an_Origami_Millennium_Falcon
Fold an Origami 'Millennium Falcon'
Required Reading for Interactive Designers | Design & Innovation | Fast Company
http://www.fastcompany.com/blog/cliff-kuang/design-innovation/required-reading-interactive-designers
Looks like a useful reading list for interaction design.
Required reading list for MFA interaction-design program @ School of Visual Arts, in New York
Thu Feb 12, 2009 at 9:13 AM | Fast Company |BY Cliff Kuang
Good list... need to read a few on here
Ten beautiful computers | Boing Boing Gadgets
http://gadgets.boingboing.net/2009/05/14/beauties.html
They ended their lives as museum pieces, aquariums, couches, and even at the bottom of the sea. But these are the ones that stay with us.
I. Am. So. Old.
5 warning signs: Does A/B testing lead to crappy products? | Futuristic Play by @Andrew_Chen
http://andrewchenblog.com/2009/03/02/does-ab-testing-lead-to-crappy-products/
1. Risk-averse design 2. Lack of cohesion 3. Quitting too early 4. Customer hitchhiking 5. Metrics doesn’t replace strategy
Decent A/B article that discusses the local/global maxima issue I've often talked about
a/b testing has shortcomings- be aware of them when doing product design.
need to read but the title seems interesting
Good warnings for A/B testing
サイト公開前に役立つ25のユーザビリティチェックリスト:phpspot開発日誌
http://phpspot.org/blog/archives/2009/03/post_326.html
元ネタの英文ページでは、PDFをダウンロードできるとともに、もうちょっと細かい解説が載っています。
ユーザビリティチェック!!
読む!
サイト公開前に。。。
js iPod touch
http://gyu.que.jp/jscloth/touch.html
3d:n piirtäminen 2d canvasilla.
Hi-Fructose Magazine
http://www.hifructose.com/index.php?option=com_content&task=view&id=246
a group of artists, designers and projecteers, have created these amazing series of sculptures and films commissioned by 42Below Vodka where they've created chair rainbows on the frozen tundra, a curb-side wrap party, gratuitous nudie pictures for airplanes passing by, a house of crates, and a blow-up doll's vacation paradise.
matéria da revista hi-fructose onde mostra um grupo que faz intervenções urbanas.... graffiti... colagens... pirações
Our Australian friendsThe Glue Society, a group of artists, designers and projecteers, have created these amazing series of sculptures and films commissioned by 42Below Vodka where they've created chair rainbows on the frozen tundra, a curb-side wrap party, gratuitous nudie pictures for airplanes passing by, a house of crates, and a blow-up doll's vacation paradise.
Our Australian friendsThe Glue Society, a group of artists, designers and projecteers, have created these amazing series of sculptures and films commissioned by 42Below Vodka where they've created chair rainbows on the frozen tundra, a curb-side wrap party, gratuitous nudie pictures for airplanes passing by, a house of crates, and a blow-up doll's vacation paradise. The Glue Society's past projects include a very chilling series of "God's Eye View" Google Earth's shots of classic biblical scenes (scroll and see down below) and their "Hot With the Chance of Late Storm" melting ice cream truck which we're featuring in the upcoming Hi-fructose Collected Edition. See the new videos and the other Glue Society's projects and much more below.
Rainbow of chairs in the tundra, nudie photos for passing airplanes, blow-up dolls a la plage, gift-wrapped curbside parking, and more
very cool art. check out the god's eye view
Design Inspiration: Watercolors
http://designm.ag/inspiration/watercolors/
Aquarela
watercolor
100+ Incredible Twitter Backgrounds | cheth Studios
http://chethstudios.blogspot.com/2009/05/100-incredible-twitter-backgrounds.html
100+ Incredible Twitter Backgrounds |
Uma lista de mais de 100 fundos legais de Twitter.
have missed out some great ones, so do co
The Periodic Table of Typefaces - instant fundas
http://www.instantfundas.com/2009/03/periodic-table-of-typefaces.html
The Periodic Table of Typefaces is obviously in the style of all the thousands of over-sized Periodic Table of Elements posters hanging in schools and homes around the world. This particular table lists 100 of the most popular, influential and notorious typefaces today.
Autodesk Labs Technologies Project Dragonfly
http://labs.autodesk.com/technologies/dragonfly/
web applications per la progettazione di un appartamento.
DragonFly un service en ligne qui permet de modéliser des intérieurs et d’en avoir une représentation en 3D isométrique.
テキストをかっこよく魅せるPhotoshopのチュートリアル集:Part 12 | コリス
http://coliss.com/articles/build-websites/operation/design/photoshop-tutorials-text-effects-part12.html
Reality Check, Please! | ThatsSoYummy.com
http://www.thatssoyummy.com/hot-tips/reality-check-please/
how restaurants fiddle with their menus to get you to buy more. mostly nonsurprising but good to tuck away
Menu Design Psychology
Menu design techniques for boosting sales.
How to alter menu design to increase profits
While I was reading The Food Network Magazine, I found a tid-bit I wanted to share with you all. Restaurant Menus are designed to make you eat more and spend big.
Terminator Salvation Poster
http://www.sonypictures.net/movies/terminatorsalvation/poster.html
bonne idée de "poster enrichi"
só pra lembrar como é bacana esse "living poster"
Not sure how the movie will be, but this poster is awesome.
Typeface Inspired by Comic Books Has Become a Font of Ill Will - WSJ.com
http://online.wsj.com/article/SB123992364819927171.html?mod=yhoofront
The guy who created Comic Sans claims it was based on the lettering in "The Dark Knight Returns" and "Watchmen". Don't really buy it.
Barack Obama Campaign Buttons Collection
http://obama2008.s3.amazonaws.com/barack_obama_campaign_buttons_p1.html
Col·lecció de "xapes" per a la campanya presidencial de Barack Obama
That's a whole lotta Barack 'n' Roll
An exhaustive collection of Obama buttons. It's certainly believable that it's a complete collection. Lots of good/interesting design here
Barbican Identity Guides - a set on Flickr
http://www.flickr.com/photos/ajones87/sets/72157608336261832/
Barbican Identity Guides
Flickr set of Barbican print identity guidlines
a set on Flickr
done by north studio uk
1ランク上のブログにステップアップするためのアドバイス | コリス
http://coliss.com/articles/build-websites/architectonics/usability/how-to-blog-design.html
記事のフッタ/サイトのフッタは重要だよな
CSS Best, CSS Top Websites, CSS Web Galleries - Collections of CSS Websites and Designs
http://mabucplus.com/blog-comments?bid=4
Tutorial: Creating an industrial-style wallpaper - gimpusers.com
http://www.gimpusers.com/tutorials/creating-an-industrial-wallpaper.html
This tutorial shows how to create a good-looking high-contrast industrial wallpaper. You can reproduce the tutorial with other images to bring your own style into it.
Interesting wallpaper
10 Types of Bad Clients and How To Avoid Them | Freelance Folder
http://freelancefolder.com/bad-clients-and-how-to-avoid-them/
10 Types of Bad Clients and How To Avoid Them
Corkboard Texture Pack - PSDTUTS
http://psdtuts.com/freebies/texture/corkboard-texture-pack/
コルクボード系は無条件でブクマしてしまう自分。
コルクボードの背景集。
10 very high-res corkboard textures in a pack. Use them for some great effects on your designs!
The Good, the Bad, and the Ugly of Portfolios | UX Booth
http://www.uxbooth.com/blog/the-good-the-bad-and-the-ugly-of-portfolios/
Tips
6 Totally Essential Photoshop Skills Even Your Mom Should Know - Page 1 | Maximum PC
http://www.maximumpc.com/article/features/essential_photoshop_skills?page=0%2C0
MaximumPC.com is the best online resource for PC Features. Visit Maximum PC and read about 6 Totally Essential Photoshop Skills Even Your Mom Should Know.
A Tribute to Fallen Sodas | Gunaxin
http://www.gunaxin.com/a-tribute-to-fallen-dead-discontinued-sodas/11115
A look at some of the great sodas no longer with us.
How to Create a Van Icon in Photoshop - Psdtuts+
http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-create-a-van-icon-in-photoshop/
This is another icon I have created with Negreu Andreas. We wanted to create an icon that can be used for a game maybe or a Mac app of some sort. Before we started we searched the web for photography with similar vans, then made some ideas, and a quick sketch. After that we started working. Let's review the process!
精选15个国外CSS框架_cnBeta 视点·观察_cnBeta.COM
http://www.cnbeta.com/articles/71868.htm
还是让我们从框架说起吧。 框架就是一个你可以用于你的网站项目的基本的概念上的结构体。 css框架通常只是一些css文件的集合,这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。比如:
cnBeta.COM
Alibre Design Xpress 3D Solid Modeler
http://www.alibre.com/xpress/software/alibre-design-xpress.asp
hard
3d modeler for creating mechanical parts and assemblies; for more advanced
The Question That Makes Amazon $2.7 Billion Of Revenue
http://www.businessinsider.com/the-magic-behind-amazons-27-billion-dollar-question-2009-3
Since its release in 2007, the last volume of the Harry Potter series, Harry Potter and the Deathly Hallows, has garnered 3,286 reviews from Amazon.com customers. While response has been overwhelmingly positive for the book, several hundred Amazon customers rated the book as mediocre or worse. Because of a very subtle yet clever feature, Amazon makes the best of both the positive and negative reviews easy to find. And that feature, based on our calculations, is responsible for more than $2,700,000,000 of new revenue for Amazon every year. Not bad for what is essentially a simple question: "Was this review helpful to you?"
eCommerce UI design principles for shopping features
Análise do sistema de qualidade dos reviews de produtos da Amazon, como foi usado para dar maior destaque às melhores reviews, sem influência editorial, de maneira auto-gerenciada.
"Because of a very subtle yet clever feature, Amazon makes the best of both the positive and negative reviews easy to find. And that feature, based on our calculations, is responsible for more than $2,700,000,000 of new revenue for Amazon every year. Not bad for what is essentially a simple question: "Was this review helpful to you?""
Was this review useful to you?
Because of a very subtle yet clever feature, Amazon makes the best of both the positive and negative reviews easy to find. And that feature, based on our calculations, is responsible for more than $2,700,000,000 of new revenue for Amazon every year. Not bad for what is essentially a simple question: "Was this review helpful to you?"
How To Use Icons On Your Web Site
http://www.sitepoint.com/blogs/2009/05/01/how-to-use-iconse/
ウェブサイトをデザインする際、アイコンをどのように使うか。
From the hieroglyphics on the pyramids of ancient Egypt to the orange RSS icon now gracing so many web sites, icons have been used in both print and in web design for the same purpose — to draw the eye quickly to important parts of the document or web page.
RT @problogger: Reading: How To Use Icons On Your Web Site - http://is.gd/vF6D [from http://twitter.com/willdonovan/statuses/1668934690]
"Icons have been used in design since, well, since design began. From the hieroglyphics on the pyramids of ancient Egypt to the orange RSS icon now gracing so many web sites, icons have been used in both print and in web design for the same purpose — to draw the eye quickly to important parts of the document or web page."
Icons have been used in design since, well, since design began. From the hieroglyphics on the pyramids of ancient Egypt to the orange RSS icon now gracing so many web sites, icons have been used in both print and in web design for the same purpose — to draw the eye quickly to important parts of the document or web page.
Guilherme Martins » PAPERduino’s design
http://lab.guilhermemartins.net/?p=817
Paper arduino.
This is a fully functional version of the Arduino. We eliminated the PCB and use paper and cardboard as support and the result is.. the PAPERduino :D
紙の Arduino
Atmel ATMega168
3D円グラフを使うのはやめよう | Okumura's Blog
http://oku.edu.mie-u.ac.jp/~okumura/blog/node/2266
そもそも 2D で表現できる情報を 3D で表現するのはまったくの無駄
タイトルのまんま
なるほど確かに
「そもそも円グラフが良くない」←同感。いつも円グラフを書いて、棒グラフに書き直してる。
Web 开发与设计师速查手册大全(上)_cnBeta 网站推介_cnBeta.COM
http://www.cnbeta.com/articles/87545.htm
あらゆるサイトのカラーにあうフリーのアイコンがダウンロードできる -Iconza | コリス
http://coliss.com/articles/build-websites/operation/design/freebies-icon-iconza.html
使用するサイトのデザインにあわせて、カラーの変更が可能なフリーのアイコン
使用するサイトのデザインにあわせて、カラーの変更が可能なフリーのアイコンがダウンロードできる「Iconza」を紹介します。
Creative Bookmarks: Best of February 2009 - Tutorial9
http://www.tutorial9.net/resources/creative-bookmarks-best-of-february-2009/
Quite a few inspirational posts and freebies around the web were posted in February. We've collected the best of the best and share them here with you.
Creative Bookmarks features the top resources for designers from around the web every month. You’re busy, so we won’t waste your time. If it’s here, it’s the best.
テキストからUML図を生成してくれる『yUML』が良く出来ている - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/05/yuml.html
これすごい。imgタグに埋め込みってのもあつい。
テキストで記述できるってのがいい
フリーの写真素材が見つかるサイト30選 | CREAMU
http://blog.creamu.com/mt/2009/04/30_4.html
Icon Sets for Web Developers - Share your favorites here so we have one big useful page to bookmark! : web_design
http://www.reddit.com/r/web_design/comments/8hwcx/icon_sets_for_web_developers_share_your_favorites/
- Share your favorites here so we have one big useful page to bookmark! : web_design
Featured Desktop: The Giant Flip Clock Desktop
http://lifehacker.com/5097713/the-giant-flip-clock-desktop
desktop customize
Follow the links in this post to cusomize your own desktop.
jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法:phpspot開発日誌
http://phpspot.org/blog/archives/2009/03/jquerycssinput.html
ちょっとしたコードを書くだけで、フォームのラベルの幅を一番文字数の多いサイズに合わせるというテクニック。jQuery使用。
jQueryとCSSを使ってフォームのinput要素を楽に整列させる
一番幅のある要素のwidthを割り出して他もそれにする
Lifehacker - Business Card Star Makes At-Home Card Printing a Snap - Business Cards
http://lifehacker.com/5225949/business-card-star-makes-at+home-card-printing-a-snap
Business Card Star Makes At-Home Card Printing a Snap - http://lifehacker.com/5225949/business-card-star-makes-at+home-card-printing-a-snap
Think about the per-card cost of most commercial business card printers, and you'll likely feel a bit taken. Business Card Star makes designing and printing a professional, eye-catching card at home a viable alternative.
Business Card Star Makes At-Home Card Printing a Snap
Ignacio Macri - Brand Identity - Logo Design
http://www.ignaciomacri.com.ar/
Brand Identity - Logo Design
An Aesthetics Reading List for Programmers - Ideas For Dozens
http://www.urbanhonking.com/ideasfordozens/2009/04/an_aesthetics_reading_list_for.html
So, as an aide to programmers looking to improve their ability to produce and critique aesthetic arguments, I've put together a short reading list of items I find both accessible and helpful. These texts vary from actual art criticism to art history and theory. They also vary in vintage — from the very recent to more than 100 years old — and in format — from serious book-length essays to short art criticism and reportage.
Batch Editing and Automated Processing in Photoshop - PSDTUTS
http://psdtuts.com/tutorials/photo-effects-tutorials/batch-editing-and-automated-processing-in-photoshop/
Batch Editing and Automated Processing in Photoshop Jan 13th in Photo Effects, Tools & Tips by Alvaro Guzman Hi everyone, this time I'll show you some of the basics of Photoshop's Automate options and some practical applications. We'll create a complex action, build a Droplet with it and batch edit a folder with pictures. Then we'll create a custom web photo gallery. Let's get it started!
BaseJS: A Mobile (Safari) Javascript Framework | iPhoneized
http://iphoneized.com/2009/04/basejs-mobile-safari-javascript-framework/
When Paul Armstrong started searching for Javascript frameworks for iPhone optimized web development, he wasn't satisfied with what was available. While the
光を効果的に使用したPhotoshopのチュートリアル集:Part 9 | コリス
http://coliss.com/articles/build-websites/operation/design/1870.html
英語
Popular favorite images tagged with "infographics" on vi.sualize.us
http://vi.sualize.us/popular/infographics
Popular favorite images tagged with "infographics"
Popular favorite images tagged with 'infographics' on vi.sualize.us - a showcase of visual content for inspiration or simply delight of the spectator based on people recommendations
20 questions that clients ask before choosing a designer | David Airey » Graphic designer
http://www.davidairey.com/20-questions-design-clients-ask/
Choosing a designer can seem like a daunting task. You need to know if you can trust this person with the reputation of your company, because what they produce will, in many cases, give a potential customer their first impression of your business.
Life is beautiful: マルチスレッド・プログラミングの落とし穴、その2
http://satoshi.blogs.com/life/2008/09/post-1.html
bookmark してなかったのか… >そう考えると、私にはCreate/Update/Deleteのリクエストに対して、クライアントを待たせながら(つまり、HTTP Requestの処理に必要なスレッド・プロセスを保持したまま)データベースに変更をかけることが根本的に間違っているように思える。 これは同感なんだが、非同期にして comet 的に処理するとしても、他のリクエストとの整合性が必要なケースは存在するので、そこを確実にする配慮が必要になる筈。
問題の分割。実装詳細は詳しいのがほかにいくらでもあると思う
Flickr: Secuencia de fotos de Michael Heilemann
http://www.flickr.com/photos/heilemann/
v. cool mustang photo
had starwars pics, no longer does, still has Modesty Blaise poster, which is great.
This guy has the largest collection of Star Wars concept art I've ever seen. Check it out. This almost makes up for the Wookiee Mrs. Solo
FICC FREELANCE NETWORK | フリーランスWebクリエイターネットワーク
http://www.ficc.jp/free/
中身知らないけどカコイイさいと。タイポきれい
かっこいい
動きがかっこいい。
フリーランスWebクリエイターネットワーク
フラッシュのモーションがやばすぎる
なんだこれ。
FICCによるフリーランスのためのネットワーク。かっこいいオープニング。
First Look: Tim Burton Takes Alice to Weird, Wild Wonderland | Underwire | Wired.com
http://www.wired.com/underwire/2009/06/first-look-tim-burton-takes-alice-to-weird-wild-wonderland
Tim Burton's Alice in Wonderland.
New Tim Burton Alice in Wonderland 2010
Stunning new concept art offers a first look at Alice in Wonderland as seen through the eyes of director Tim Burton. The images, released by Disney as
Currently Browsing: http://0zyc2.tk [from http://twitter.com/maxilprof/statuses/2331776034]
[CSS]シンプルでクールなデザインのパンくずを実装するスタイルシート | コリス
http://coliss.com/articles/build-websites/operation/css/css-simplescalable-breadcrumbs.html
Appleのサイトで使われているような感じのパンくずリストを作る方法の紹介。
パンくず
ハイクオリティな30+のフリーのベクター素材 | コリス
http://coliss.com/articles/build-websites/operation/design/2053.html
Web Resources Depotのエントリー「ハイクオリティな30+のフリーのベクター素材」からいくつか紹介します。
memo
No Media Kings » Free Anarchomic Released
http://nomediakings.org/time_management_for_anarchists/free_anarchomic_released.html
Time Management for Anarchists
Time Management for anarchists - comic
WordPress › Blog » The Visual Design of 2.7
http://wordpress.org/development/2008/10/the-visual-design-of-27/
Dashboard design
looks nice, long live wordpress, the standard bearer for open source design efforts.
H&FJ News | Hoefler & Frere-Jones
http://www.typography.com/ask/showBlog.php?blogID=184
un artículo ilustrado con especímenes tipográficos.
The Hamilton Manufacturing Co. traces its roots back to the very first wood types made in the United States. Darius Wells produced the first American wood type in 1828; his business was reorganized into Wells & Webb, then acquired by William Page, later passing back to the Wells family, and finally sold to Hamilton sometime before 1880. The product of this consolidation was a type specimen book issued in 1900, Hamilton’s Catalogue No. 14, which offers a good survey of American display typography of the nineteenth century.
1枚8ドル~で納期は24時間?!プロによる写真修正サービス『Tucia』 | 100SHIKI.COM
http://www.100shiki.com/archives/2009/01/1824tucia.html
ネット上で完結する、プロによる写真修正サービス
my favarite
New Plus Tutorial: WordPress, Beginner to Master - Nettuts+
http://net.tutsplus.com/articles/news/new-plus-tutorial-wordpress-beginner-to-master/
Throughout this six-part beginner-to-master series, we'll be using the advanced features of WordPress to create our own portfolio & blog, complete with an
Lifehacker - The LiteStep at Night Desktop - Desktops
http://lifehacker.com/5242793/the-litestep-at-night-desktop
Reader YBoris's desktop completely replaces the Windows interface with LiteStep&mdash;a minimalist, functional, and infinitely hackable shell replacement.
デスクトップカスタマイズ
プロレベルのバックグラウンド画像作成Photoshopチュートリアル集:phpspot開発日誌
http://phpspot.org/blog/archives/2008/09/photoshop_93.html
背景画像の引き出しはいくらあってもいい
プロレベルのバックグラウンド画像作成Photoshopチュートリアル集 次のような超クールな背景画像の作成の流れが分かります。こんな大量の教材があれば、もう他に教材は要らないというぐらいの充実ぶり。
21 Cool and Unusual USB Powered Devices » The Hottest Gadgets
http://thehottestgadgets.com/2008/08/21-cool-and-unusual-usb-powered-devices-001241/
「Twitterの鳥」画像は600円:クラウドソーシングはデザイナーの敵? | WIRED VISION
http://wiredvision.jp/news/200903/2009031622.html
Twitterのホームページ上にある、可愛くて面白い小鳥のグラフィックは多くの人々に知られている。この小鳥はコミュニケーションと期待を象徴しており、Twitterにぴったりのグラフィックだと言う人もいるかもしれない。ただし同社は、このグラフィックをデザインしたデザイナーに6ドル以下の報酬しか支払わず、誰のデザインかも明らかにしていなかった。
「(クラウドソーシングがデザイナーにとってマイナスかどうかは)わからない。デザイナーが『ダメージを受ける』のは、たえず新しいひらめきを求め、経験を積んで新しいものを生み出すことをせずに、ただ列に並んで順番待ちをするようになった場合のみだと思う」
デザイナーが『ダメージを受ける』のは、たえず新しいひらめきを求め、経験を積んで新しいものを生み出すことをせずに、ただ列に並んで順番待ちをするようになった場合のみだと思う
iStockPhotoや他のStockPhotoサービスでもロゴとして(またはロゴの一部)としての利用に関しては認めない/拡張ライセンスで対応ってスタンスのところが多かったような。でもtwitterの鳥に関してはすでにそれに比する認識のされ方をしているような気もするんだけどなあ。
Marissa Mayer on the future of Google | News | TechRadar UK
http://www.techradar.com/news/internet/marissa-mayer-on-the-future-of-google-496016
Marissa Mayer on the future of Google | TechRadar UK
Maye [...] believes that personalisation – "What can we understand about the user and how can we tailor the results to them?" – will be an important part of search. Search engines will be better because they'll understand more about the user. "Maybe the search engine of the future will know where you're located," Mayer suggests. "Maybe they'll know what you know already, or what you learned earlier today. Or maybe they'll fully understand your preferences because you've chosen to share that information with us. We aren't sure which personal signals will be most valuable, but we're investing in research and experimentation on personalised search now because we think this will be very important later."
As the self-proclaimed search addict points out, there's still a lot of opportunity for innovation, change and progress in search. Although typically tight-lipped about future products, she does hint at the direction Google is going to take. "We think it's really important to move beyond just keywords and allow people to ask questions, and maybe access things more easily from their mobile phone," she says. "We're also looking at how to weave new media into it and how we can bring books, videos and news right into the search experience. And then there are various pieces of personalisation."
Pretty much every product that Google works on has to go through gatekeeper Marissa Mayer, who decides whether it's ready to be released or needs more work. She even approves every single Google Doodle that adorns the search giant's homepages around the world. From being hired as the first female engineer nine and a half years ago to becoming one of the key decision makers at Google, she's come a long way.
3-1-2009
"I look for the insight and innovation that's baked into the idea," Mayer explains. "I also look at the overall energy and strength of the team that's presenting it. Then I develop an overall sense of confidence that it's both a good product idea and that we have a good team who are interested in moving it forward. If those two things come into alignment, it's going to be a successful product."
It's really important to move beyond just keywords"
"She's absolutely devoted to the needs of the 'end user' and often uses her mom as a reference point to check whether an idea is simple enough. But what other criteria does she take into account when she decides whether a product is a goer? "I look for the insight and innovation that's baked into the idea," Mayer explains. "I also look at the overall energy and strength of the team that's presenting it. Then I develop an overall sense of confidence that it's both a good product idea and that we have a good team who are interested in moving it forward. If those two things come into alignment, it's going to be a successful product."
[TechRadar]
Presentation Zen: 10 rules for making good design
http://www.presentationzen.com/presentationzen/2008/12/i-picked-up-a-book-recently-called-design-elements-a-graphic-style-manual-by-timothy-samara-that-is-quite-good-samara-start.html
10 design rules to keep in mind (1) Communicate — don't decorate. (2) Speak with a visual voice. (3) Use two typeface families maximum. OK, maybe three. (4) Pick colors on purpose. (5) If you can do it with less, then do it. (6) Negative space is magical — create it, don't just fill it up! (7) Treat the type as image, as though it's just as important. (8) Be universal; remember that it's not about you. (9) Be decisive. Do it on purpose — or don't do it at all. (10) Symmetry is the ultimate evil.
Is the Supremacy of Object-Oriented Programming Over?
http://blog.objectmentor.com/articles/2009/04/20/is-the-supremacy-of-object-oriented-programming-over
I never expected to see this. When I started my career, Object-Oriented Programming (OOP) was going mainstream. For many problems, it was and still is a natural way to modularize an application. It grew to (mostly) rule the world. Now it seems that the supremacy of objects may be coming to an end, of sorts.
talking about object oriented programming and functional programming...leads you to believe the best designs leverage both.
Hybrid languages = OOP FP. CouchDB Map-Reduce Concurrency
In the comments: "On the computer science front, pure OO, based on late-binding and message sends has always built on functional ideas and encourages a declarative programming style. Lisp and Smalltalk have much in common. The best way to look at it is that a function can be an object too. So I see no or very little conflict between OO and functional programming. The real issue is that pure OO has been viewed (rightly so) as a disruptive technology. The incumbent technology base, built on C and Unix have found ways to neutralise the potential disruptive effect and hold on to their market. As a consequence we have spent the last 20 years using curly bracket languages that are ‘OO’ in name only. [...] Pure OO is still in obscurity. Languages like Ruby and Python show what is possible with Pure OO ideas and late-binding, but they do not extend these ideas or take them even as far as Smalltalk did."
The fact is, for a lot of these applications, it’s just data. The ceremony of object wrappers doesn’t carry its weight. Just put the data in a hash map (or a list if you don’t need the bits “labeled”) and then process the collection with your iterate, map, and reduce functions. This may sound heretical, but how much Java code could you delete today if you replaced it with a stored procedure?
JSでアニメーションするならコレかもというぐらい多機能な「GX」ライブラリ:phpspot開発日誌
http://phpspot.org/blog/archives/2009/03/jsgx.html
jQuery用のアニメーションフレームワーク「GX」の紹介とサンプル。
JSでアニメーションするならコレかもというぐらい多機能な「GX」ライブラリ。 jQueryと組み合わせて使うアニメーションライブラリです。
カラーアニメーションにも対応。
Mecano - Your world is their playground
http://mecano.ca/en/
I don't think Mecano would be the same without Flash.
Your world is their playground. And so you gain to entertain. Especially in an oversaturated world where new medias rule. Mecano creates playful marketing strategies for the new digital culture.
mecano portfolio
Inline Multiscale Image Replacement — RTFM / Daniel Gasienica
http://gasi.ch/blog/inline-multiscale-image-replacement/
Inline Multiscale Image Replacement — RTFM / Daniel Gasienica
Daniel Gasienica has clever ideas that degrade gracefully.
Welcome. My name is Daniel Gasienica and this is my blog. I live in Zürich, Switzerland, where I currently study Computer Science. I like to write about interesting topics I stumble upon in the the world of Flash, Flex & Computer Science.
to-read-later
WEBデザイナーな方向けのPHP入門によさそうな、CSS内でPHPで使うサンプル:phpspot開発日誌
http://phpspot.org/blog/archives/2009/04/webphpcssphp.html
[CSS]画像に枠線やウォーターマーク、キャプションをつけるスタイルシート | コリス
http://coliss.com/articles/build-websites/operation/css/2459.html
画像に枠を入れる
画像に枠と影をつけるのを、CSSでやる。
使えるillustratorのチュートリアル集 | CREAMU
http://blog.creamu.com/mt/2008/09/illustrator.html
illustratorの腕を上げたい。 そんなあなたにおすすめなのが、『Adobe Illustrator Tutorials』。使えるillustratorのチュートリアル集だ。 以下にいくつかご紹介。
illustratorの腕を上げたい。そんなあなたにおすすめなのが、『Adobe Illustrator Tutorials』。使えるillustratorのチュートリアル集だ。
孫社長、発売時囲み取材でiPhone交渉経緯を語る | iPhone 3G Wiki blog
http://blog.sohaya.com/2009/06/27/softbank-iphone3gs-launch-event/
こんな事でソフトバンクの持つネガティブなイメージは拭えないが、孫氏の好感度は少し上がった。
Fabulosas gotas en PSD | Diego Mattei Blog
http://www.diegomattei.com.ar/2009/05/04/fabulosas-gotas-en-psd/
Fabulosas gotas en PSD
Si bien existen en la red numerosos tutoriales sobre como crear gotas, nada mal viene una buena colección de este recurso…. sobre todo si la calidad es
assertTrue( ): Two techniques for faster JavaScript
http://asserttrue.blogspot.com/2009/04/two-techniques-for-faster-javascript.html
The two most important pieces of advice I can give on speeding up browser scripts, then, are: 1. Never hand-parse a string. 2. Don't do DOM operations in loops (and in general, don't do DOM operations!).
1. Never hand-parse a string. 2. Don't do DOM operations in loops (and in general, don't do DOM operations!).
I like things that go fast, and that includes code that runs fast. With JavaScript (and Java, too), that can be a challenge. So much the better, though. I like challenges too. When someone asks me what's the single best way to speed up "a slow script," naturally I want to know what the script is spending most of its time doing. In browser scripting, it's typical that a "slow" script operation either involves tedious string parsing of some kind, or DOM operations. That's if you don't count programmer-insanity sorts of things, like creating a regular expression object over and over again in a loop.
assertTrue( )
House Industries - Neutraface Slab
http://www.houseind.com/fonts/neutrafaceslab
Neutraface Slab
Friendly slab serif
ウェブ制作に役立つ、Adobe AIRのアプリケーション集 | コリス
http://coliss.com/articles/build-websites/operation/design/adobe-air-for-web-developer.html
air
ウェブ制作に役立つ、Adobe AIRのアプリケーション集
CHMKT - Marketing | Cultura | Propaganda | Tendências | Comportamento: Brifando: Parte 1
http://chmkt.blogspot.com/2009/04/brifando-parte-1.html
briefs usados por agências de todo o mundo
Modelos de brief de grandes agências.
Modelo de briefing das agências
Briefing de agencias do mundo =D
Jeffrey Zeldman Presents : What are web standards?
http://www.zeldman.com/2009/04/08/what-are-web-standards/
What are web standards? And why should I care? A fun new clip from the BigThink marathon Zeldman interview.
from Cathie. What are web standards? And why should I care? A fun new clip from the BigThink marathon Zeldman interview. See also this and that. Or just click the “CHANNELS” button in the video above.
Web Design: Collage Sites | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/web-design-collage-sites
Collage is a cool style that deserves attention. Assembling random images to built a good looking site is one though task, but there are those who manage to do a fantastic job, worth of being showcased here.
collage layout
MacBook and MacBook Pro review - Engadget
http://www.engadget.com/2008/10/21/macbook-and-macbook-pro-review/
Skin Deep Usability « Momentum
http://kinesismomentum.wordpress.com/2009/04/16/skin-deep-usability/
"The whole experience was probably best summed up by Amanda who, when asked why it was taking us so long to get the machine up and running, and why we all looked so unhappy, replied 'Oh, it’s just so…Microsofty.'"
Basking in the glow from our brand-new tabletop touch screen computer, we are greeted with…. not a glossy “welcome” montage, but a standard, legal disclaimer that asks if we accept the terms & conditions.
On using a Microsoft Surface for the first time.
this guy thinks the way I do
On setting up a new Microsoft Surface touch-screen, "no keyboard or mouse" computer, and discovering (among other issues, like where the power cord goes, or what color 'rhodamine' is), that one 'undocumented feature' is that a keyboard and mouse are required to boot the thing: "The whole experience was probably best summed up by Amanda who, when asked why it was taking us so long to get the machine up and running, and why we all looked so unhappy, replied 'Oh, it's just so...Microsofty.'"
Gordon Miller går gjennom den frustrerende opplevelsen det er å sette opp Microsoft Surface.
The Ultimate Web Design Resource List | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/roundups/the-ultimate-web-design-resource-list
The Ultimate Web Design Resource List | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver - http://www.webdesigndev.com/roundups/the-ultimate-web-design-resource-list
Diseño Web tutoriales
The Ultimate Web Design Resource List | Web Design Tutorials
Inhabitat » Kyocera Unveils Kinetic Flexible OLED Cell Phone
http://www.inhabitat.com/2009/04/16/kyocera-unveils-kinetic-flexible-oled-cell-phone/
Kyocera Unveils Kinetic Flexible OLED Cell Phone
It'll be interesting to see how practical this turns out to be.
Charting the future of cell phone technology, Kyocera recently unveiled a kinetic energy-powered phone that is capable of folding up like a wallet.
Inhabitat »
A Green Design Blog, Sustainable Design Blog, Future-forward design for the world you inhabit - your daily source for innovations in sustainable architecture and green design for the home.
Fuck the iPhone, I want one of these.
10 Checks to the Perfect WordPress theme - WP Engineer
http://wpengineer.com/perfect-wordpress-theme/
themes
5 Ways To Break Your Design Habits - Just for Fun | Spyre Mag - resources and inspiration for web-designers and developers
http://spyremag.com/5-ways-to-break-your-design-habits-just-for-fun/
We need to question our design style sometimes, even if we end up in the same place that we started from. It’s a matter of taking something and turning it around so we can grasp what it is all about.
A Journey Round My Skull: Extraordinary early 20th century magazine covers from Japan
http://ajourneyroundmyskull.blogspot.com/2009/06/extraordinary-early-20th-century.html
Vintage Japanese magazine cover designs
These covers come from Bookcover Design in Japan 1910s-40s (ISBN 4-89444-426-7) edited by Masayo Matsubara. Published in 2005 by PIE Books, this incredible book is already out-of-print and becoming hard to find (it was actually hard for me to find and I spend hours per day searching for rare books). This book is in Japanese only, but of course you need it for the 650 illustrations. Many of the images in the book are small, so it was fun blowing them up through hi-res scanning. Click for much larger versions.
Japanese posters
フォームに入力した内容をリアルタイムでプレビューに反映するjQueryのプラグイン『magicpreview』 | IDEA*IDEA
http://www.ideaxidea.com/archives/2008/11/querymagicpreview.html
使用するケースは思い浮かびませんが、フォームに入力した内容をその場でページ内に表示するためのjQueryプラグインの紹介。
Googleウェブサイトオプティマイザーで効果的なデザインを提供する方法 | DesignWalker
http://www.designwalker.com/2009/05/ab-test.html
Googleウェブサイトオプティマイザーで効果的なデザインを提供する方法
Webサイトオプティマイザー
GoogleウェブサイトオプティマイザーでABテストをやってみた記事
Dragon Labs » Rainbows » The Demo
http://labs.dragoninteractive.com/rainbows_demo.php
I downloaded the Demo Folder = DL Rainbows Demo . Companion to CSS-Trick button maker. May have more options but not an app.
テキストにグラデーション効果を付加
w to u
The Labs showcases some of our research and development with web technologies like JavaScript and CSS. We also release tutorials and resources to help other web developers enrich the web.
Texto em degrade
Treehouse by Tham & Videgard Hansson is Almost Invisible : TreeHugger
http://www.treehugger.com/files/2009/02/swedish-mirrored-treehouse.php
Treehouse by Tham & Videgard Hansson is Almost Invisible : TreeHugger - http://www.treehugger.com/files/2009/02/swedish-mirrored-treehouse.php
Treehouse by Tham & Videgard Hansson is Almost Invisible : TreeHugger http://ow.ly/1TxNd
It is an old architectural trick used since the invention of mirrored glass: covering buildings with the reflective material and declaring that they blend in with the surroundings. Most architects use it to convince wary citizens that it is OK
invisible treehouse
New FriendFeed: Simpler, Faster, Better (Maybe Too Fast)
http://www.techcrunch.com/2009/04/06/new-friendfeed-simpler-faster-better-maybe-too-fast/
ble to see a demo
[CSS]印刷用のスタイルシートがグッとよくなる、3つのポイント | コリス
http://coliss.com/articles/build-websites/operation/css/tips-for-creating-a-print-css-stylesheet.html
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
印刷用のスタイルシートの3つのTips
Web Development For The iPhone And iPad: Getting Started - Smashing Magazine
http://www.smashingmagazine.com/2010/05/28/web-development-for-the-iphone-and-ipad-getting-started/
iphone ipad tools
I know that most discussion about the iPhone OS platform centers on native applications. But you can still create powerful, native-looking applications using HTML, JavaScript and CSS. This article focuses on three phases of building and optimizing your website: design, coding and testing.
Mundial 2010 en MARCA.com
http://www.marca.com/deporte/futbol/mundial/sudafrica-2010/calendario.html
A List Apart: Articles: Responsive Web Design
http://www.alistapart.com/articles/responsive-web-design/
Ethan Marcotte schreibt auf A List Apart über verantwortungsvolles Web-Design und seinen Versuch eines Flexible Grids. Umfrangreich, aber lesenswert.
from Event Apart Boston
About creating flexible web layouts that adapt to screen size.
An excellent article by Ethan Marcotte that's very relevant for designing for mobile devices and flexibility ...
Bizarre Websites On Which You Can Kill Time With Style - Smashing Magazine
http://www.smashingmagazine.com/2010/05/25/bizarre-websites-on-which-you-can-kill-time-with-style/
Kaleidoscope — File comparison for Mac
http://www.kaleidoscopeapp.com/
Kaleidscope — File comparison for Mac.
RT @draenews: Del Kaleidoscope — File comparison for Mac: http://bit.ly/bPYzms
images & texts file comparison
WTF is HTML5 (Infographic)
http://www.focus.com/images/view/11905/
WTF is HTML5 and Why We Should All Care (Infographic)
20 Elegant Fonts for Clean Design | Freebies
http://webdesignledger.com/freebies/20-elegant-fonts-for-clean-design
fonts
webdesignledger | Freebies
The No. 1 Habit of Highly Creative People | Zen Habits
http://zenhabits.net/creative-habit/
Creativity is essentially a lonely art
Habit of Highly Creative People | Zen Habits
roomle.com - the online room planning platform - GET THE IDEA!
http://www.roomle.com/index.jsp
fore house plan
CSS Three — Connecting The Dots - Smashing Magazine
http://www.smashingmagazine.com/2010/05/27/css-three-connecting-the-dots/
CSS Three — Connecting The Dots - Smashing Magazine http://ow.ly/1Wvgv
sweet css tips n tricks
CSS3で何ができるのか?基本的な説明と例。
The Principles Of Cross-Browser CSS Coding - Smashing Magazine
http://www.smashingmagazine.com/2010/06/07/the-principles-of-cross-browser-css-coding
THE TUTORIAL GOLDEN!!!
ブラウザ間によるCSSの解釈のまとめ。最後まで読んでないけどCSS3についての解説もある?
It is arguable that there is no goal in web design more satisfying than getting a beautiful and intuitive design to look exactly the same in every currently-used...
Tiny Fluid Grid
http://www.tinyfluidgrid.com/
The happy & awesome way to build fluid grid based websites.
gerador de grids em css
Tiny Fluid Grid ships with a index.html with demo code, and the grid.css containing the CSS for the grid you created.
20 Awesome jQuery Enhanced CSS Button Techniques - Speckyboy Design Magazine
http://speckyboy.com/2010/05/26/20-awesome-jquery-enhanced-css-button-techniques/
PC.DE - Download Free Icons for Windows and Macintosh @ pc.de
http://pc.de/icons/
60 Free Handwritten & Script Fonts
http://www.webdesignerwall.com/general/60-free-handwritten-script-fonts/
a huge list of free handwritten and script fonts that work well
People mostly use either serif or sans-serif fonts and often miss out the handwritten fonts. They are as important as the main font classifications. I particularly like to use handwritten fonts to highlight significant items in screen captures. They add the personal touch in my design and also provide great typographic contrast. However, not all handwritten fonts are legible. I’ve put together a huge list of free handwritten and script fonts that work well.
60 Free Handwritten & Script Fonts http://ow.ly/1WasZ -eric – MediaStorm (MediaStorm) http://twitter.com/MediaStorm/statuses/15783185676
50 Informative and Well-Designed Infographics | Inspiration
http://www.hongkiat.com/blog/50-informative-and-well-designed-infographics/
Design weblog for designers, bloggers and tech users. Covering useful tools, tutorials, tips and inspirational photos.
some good some bad, but great source
1枚の図で表わしてある。これはステキ。
10 Free Printable Web Design Wireframing Templates | Freebies
http://webdesignledger.com/freebies/10-free-printable-web-design-wireframing-templates
RT @ppixels: Useful: 10 Free Printable Web Design Wireframing Templates http://j.mp/cT1ruS
Výběr
How to Design Your Business Card | Webdesigner Depot
http://www.webdesignerdepot.com/2010/06/how-to-design-your-business-card/
650+ Free Photoshop Patterns - Web Design Blog – DesignM.ag
http://designm.ag/resources/650-free-photoshop-patterns/
Patterns
A huge collection of background patterns for use with Adobe Photoshop
A List Apart: Articles: Web Fonts at the Crossing
http://www.alistapart.com/articles/fonts-at-the-crossing/
Wireframe Showcase - Home
http://www.wireframeshowcase.com/
RT @ppixels: #Webdesign Wireframe Showcase http://j.mp/9PPurS
Getting Started With E-Commerce: Your Options When Selling Online - Smashing Magazine
http://www.smashingmagazine.com/2010/06/02/getting-started-with-e-commerce-your-options-when-selling-online/
The world of online sales, whether of products or services, can be daunting at first; the options seem confusing and the information conflicted. Yet as the designer
Good Web Fonts for Online Text
http://www.goodwebfonts.com/
Fontdeck: Real fonts for your website
http://fontdeck.com/
Web Fonts
40 Fresh Free Texture Packs - Noupe
http://www.noupe.com/freebie/40-fresh-free-texture-packs-from-2010.html
http://bit.ly/b7CbYA #textures #inspiration # photoshop
How To Spot A Sketchy Client (Plus A Contract Template) - Smashing Magazine
http://www.smashingmagazine.com/2010/06/07/how-to-spot-a-sketchy-client-plus-a-contract-template/
The question arose on a blog about how to screen a client. Perhaps talking about it in terms of how to spot a sketchy client would be a bit much, but like any freelancer, I need to dump my anxieties on those who sign my paychecks. From corporate clients to the single-owner businesses, clients are our lifeblood… and they can be a cruel, cruel mistress. No wonder we drink.
“Meet the Team” Pages: Examples and Trends - Smashing Magazine
http://www.smashingmagazine.com/2010/06/01/meet-the-team-pages-examples-and-trends/
In any industry where the people behind a company are as important as the company itself, you're likely to find a kind of expanded about page that includes
Chrises
Safari Technology Demos - Safari Dev Center - Apple Developer
http://developer.apple.com/safaridemos/
View the examples below and learn how to use web standards such as HTML5, CSS3, and JavaScript to deliver rich experiences in your website.
cool HTML 5 effect
Appleによる、 HTML5とCSS3とJavaScriptでこれだけのリッチなものが作れるというデモ集。Safariでしか動きません。でもiPad用(あるいは iPhone用)のコンテンツなら、今すぐこういったものが作れるということですよね。
11 UI Kits for iPhone and iPad Development | Freebies
http://webdesignledger.com/freebies/11-ui-kits-for-iphone-and-ipad-development
Last week we posted a collection of printable wireframing templates which included some for iPhone and iPad app design. These are great for communicating early
Complete Beginner’s Guide to Design Research | UX Booth
http://www.uxbooth.com/blog/complete-beginners-guide-to-design-research/
A Guide to Google Font API
http://sixrevisions.com/web_design/google-font-api-guide/
Take a plunge into the untapped potential of Google's Font API.
iA » WIRED on iPad: Just like a Paper Tiger…
http://informationarchitects.jp/wired-on-ipad-just-like-a-paper-tiger/
iPad
45 Photoshop Actions To Enhance Your Photos And Stand Out | Graphic and Web Design Blog
http://www.1stwebdesigner.com/tutorials/photoshop-actions-enhance-photos/
Designing for iPhone: The Ultimate Roundup of Resources | Graphic and Web Design Blog
http://www.1stwebdesigner.com/resources/designing-iphone-ultiate-roundup-resources/
Sasha
http://fichtre.net/yop.html
asscii
Ctrl + A ( R-18 )
ctrl+a
Website Archives Design: Good Practices and Examples - Smashing Magazine
http://www.smashingmagazine.com/2010/05/24/website-archives-best-practices-and-showcase/
The archive is one of those often-overlooked parts of a website that doesn’t get the attention it deserves. Too often it’s thrown on a page that’s no different from any other page on the website, or it’s ignored altogether. The archive offers a lot of room for creativity, though. Whether you opt for an abbreviated one in the sidebar or footer or devote an entire page to it, the archive an opportunity to make your design stand out.
40 Fantastic Pricing Tables for Your Inspiration | Graphic and Web Design Blog
http://www.1stwebdesigner.com/inspiration/fantastic-pricing-tables-inspiration/
100 Fantastically Free Business Fonts
http://www.freelancereview.net/100-fantastically-free-business-fonts/
Luckily for you, we’ve taken the liberty of putting together this list of 100 free professional fonts for both Mac and PC. Herein you’ll find some great serif and sans-serif fonts that are perfect for use in situations involving small to medium sized business clients (in other words, we didn’t include any fonts that make you want to cringe or that you’d be embarrassed to work with).
The Brandeluxe blog covering all things design and freelancing.
100 Fantastically Free Business Fonts - http://www.freelancereview.net/100-fantastically-free-business-fonts/
How to Customize Your Facebook Page Using Static FBML | Social Media Examiner
http://www.socialmediaexaminer.com/how-to-customize-your-facebook-page-using-static-fbml/
Beginning Staes of pimping out the fbook page
How to use Static FBML to customize your Facebook Fan page and add a clickable image and embed a YouTube video.
RT @tracitoguchi: How to Customize Your Facebook Page Using Static FBML http://ow.ly/1W034 (via @ericesilva) #bm
Good tutorial on using Static FBML to customize your Facebook Page
30 Unique Logo Designs That Actually Say Something | DevSnippets
http://devsnippets.com/article/30-unique-logo-designs-that-actually-say-something.html
Unique Logos
30 Unique Logo Designs That Actually Say Something http://bit.ly/9et73v #Design – Dan Martell (danmartell) http://twitter.com/danmartell/statuses/15943421235
40 Free PSD Files | hv-designs
http://hv-designs.co.uk/2010/05/17/40-free-psd-files/
photoshopのフリー素材
Top 10 Ways to Tweak Your WordPress Theme
http://mashable.com/2010/06/10/wordpress-tweaks/
themes
from basic to more advanced
WP tweaks
Top 10 Ways to Tweak Your WordPress Theme: http://ow.ly/1WZ10 – Webdesigner Depot (DesignerDepot) http://twitter.com/DesignerDepot/statuses/15956057568
A Designer’s Guide To Effective Proposals And Invoices - Noupe
http://www.noupe.com/freelance/a-designer-s-guide-to-effective-proposals-and-invoices.html
ollow up. Whether you want to email or telephone is up to you, and may depend on the type of client you’re dealing with. But get in touch to make sure they received the proposal, and to see if they have any questions. If they haven’t made a decision by this point, try to find out when they’re likely to do so. Then, plan to follow up again af
Freelance contracts and invoices
30+ Best PSD to HTML/CSS Conversion Tutorials | Graphic and Web Design Blog
http://www.1stwebdesigner.com/resources/psd-htmlcss-conversion-tutorials/
אתרים שהופכים פיאסדי לקבצי רשת
Is This Really The Future of Magazines or Why Didn’t They Just Use HTML 5?
http://interfacelab.com/is-this-really-the-future-of-magazines-or-why-didnt-they-just-use-html-5
So why didn’t they choose HTML5 and build a custom viewer application around WebKit?
I just downloaded the Wired iPad application, and like most iPad applications (and most magazines for that matter), I found myself bored with it within the first 20 minutes. I’m sure the content is engaging, I’m sure the articles are worth reading – but I am stumped as to why I would chose this over the physical magazine itself, or their website for that matter. In fact, for reasons I’ll get into below, I’m starting to believe that the physical magazine’s “interface” is vastly superior to it’s iPad cousin. However, what strikes me most about the Wired app is how amazingly similar it is to a multimedia CD-ROM from the 1990’s. This is not a compliment and actually turns out to be a fairly large problem… 1990’s Here We Come … Again
at you can’t do application specific
A really good take on how iPad is not really delivering "Value" with their iPad magazines..
Creating 10 Most-Used Javascript Techniques Using Pure CSS Styling | DevSnippets
http://devsnippets.com/article/techniques-using-pure-css-only.html
Complete Guide to Cross-Browser Compatibility Check | Tools
http://www.hongkiat.com/blog/complete-guide-to-cross-browser-compatibility-check/
20 Best WordPress Ecommerce Themes | Resources
http://webdesignledger.com/resources/20-best-wordpress-ecommerce-themes
Quote Robot - Fast & Easy Website Proposals
http://quoterobot.com/
RT @imrogb A friend released a new web app for you to make quotes and proposals http://bit.ly/9Wf5Fr check out @quoterobotapp
Our Solar System — An experiment with CSS3 border-radius, transforms & animations.
http://neography.com/experiment/circles/solarsystem/
An experiment with CSS3 border-radius, transforms & animations. Love it.
Попробуйте открыть это и в Internet Explorer 8 — у него свое видение нашей солнечной системы :)
A Solar System infoviz using CSS3 features: border-radius, transforms & animations.
Une belle réalisation en CSS3 Impressionnant...
Kokoro & Moi
http://www.kokoromoi.com/
estudio de design finlandês finnish design studio
bright.....helsinki?
Fantastic finland studio. Fun and best use of color I have seen ;)
Design & Build a Grid Based Web Design with CSS
http://line25.com/tutorials/design-build-a-grid-based-web-design-with-css
Vendr
http://www.vendr.com/
Sell your stuff.
til dato bedste webshop, åbenbart!
Typedia: Learn: Anatomy of a Typeface
http://typedia.com/learn/only/anatomy-of-a-typeface/
partes de la letra en inglés
The Psychology of Web Design | Webdesigner Depot
http://www.webdesignerdepot.com/2010/05/the-psychology-of-web-design/
Great rationale points and starting tidbits.
Designers often don’t take the time they should to learn about how basic psychological principles can effect the experience their visitors have on the sites they build. Psychological principles are either looked upon as unnecessary, or too complicated. But the truth is that they’re neither.
"Psychological principles are either looked upon as unnecessary, or too complicated. But the truth is that they’re neither"
Allow the negative space on your site to direct your visitors to the areas you want them to focus on. By combining empty space and properly styled and proportioned elements, you can encourage your visitors to look at a certain thing and take a desired action.
How To Engage Customers In Your E-Commerce Website - Smashing Magazine
http://www.smashingmagazine.com/2010/06/08/engage-customers-in-your-business/
40 Handy Photoshop Custom Shape Sets: Save Time | Graphic and Web Design Blog
http://www.1stwebdesigner.com/freebies/handy-photoshop-custom-shapes/
Kyle Meyer / Portfolio
http://meyerkyle.com/
Interactive designer with a passion for simplicity
Really nice one-page portfolio website.
80 Fresh Photoshop Tutorials For Creating Awesome Websites | Creative Nerds
http://creativenerds.co.uk/tutorials/80-fresh-photoshop-tutorials-for-creating-awesome-websites/
RT @draenews: Del 80 Fresh Photoshop Tutorials For Creating Awesome Websites | Creative Nerds: http://bit.ly/9sKT7D
Ball Pool
http://mrdoob.com/projects/chromeexperiments/ball_pool/
ボールが物理が中村的な
Javascriptalicious.
25 Best Websites To Download Free Vector Images
http://resources.savedelete.com/25-best-websites-to-download-free-vector-images.html
Today we are providing 25 websites to download free vector images. I think these websites are very useful for designers and clients who are looking for vector images.
ฟรีภาพ Vector
免费矢量图下载
Designing The “World Of Programming” Infographic - Smashing Magazine
http://www.smashingmagazine.com/2010/06/06/designing-the-world-of-programming-infographic/
This infographic exhibits pioneers in the field of programming, along with the history and current statistics of various programming languages. Also included are some random facts and algorithm diagrams to make the infographic more visually appealing.
Data artwork (or infographics) are employed to screen info with techniques which are more innovative than the usual text. Today, they encompass people in media, released operates, path indicators along with guides.
pagina con info interesante
34 Inspiring iPad Application Websites | Inspiration
http://webdesignledger.com/inspiration/34-inspiring-ipad-application-websites
34 Inspiring iPad Application Websites /by @GisMullr via @abduzeedo http://j.mp/90kR4u #mobile #webdesign #ipad
美しいiPadアプリサイト集
howlawsmadeWIRTH2.jpg (JPEG Image, 2450x1207 pixels)
http://www.mikewirthart.com/wp-content/uploads/2010/05/howlawsmadeWIRTH2.jpg
Nice flow chart for the Bill to Law process
A Beginner’s Guide to the Business Side of Freelancing
http://sixrevisions.com/project-management/a-beginners-guide-to-the-business-side-of-freelancing/
Good summary of tasks every freelancer should take care of
Free iPad CSS layout with landscape/portrait orientation modes
http://matthewjamestaylor.com/blog/ipad-layout-with-landscape-portrait-modes
FreePSDTheme
http://freepsdtheme.com/
FreePSDTheme is a collection of free premium themes designed by Dany Duchaine.
download themes psd
25 Examples of Super Creative Resume Design | WorkAwesome
http://workawesome.com/your-job/25-examples-of-super-creative-resume-design/
Icons
http://raphaeljs.com/icons/
These are icons I drew for my personal needs. They are all in vector and drawn on this page with Raphaël (don’t forget to zoom the page). I was thinking that they could be useful for other people and, although the design quality of icons is average, I am releasing them here under MIT licence.
"These are icons I drew for my personal needs. They are all in vector and drawn on this page with Raphaël ... I am releasing them here under MIT licence."
What the Hex?
http://yizzle.com/whatthehex/
They give you a hexadecimal number and you have to guess which of five colours it applies to.
Gissa färgen! :)
Fantastic Footers: 25 Examples And Best Practices | Spyre Studios
http://spyrestudios.com/fantastic-footers-25-examples-and-best-practices/
25 ejemplos y consejos sobre el pié de las páginas wessss. Muy interesante...
John Underkoffler points to the future of UI | Video on TED.com
http://www.ted.com/talks/john_underkoffler_drive_3d_data_with_a_gesture.html
人機介面 三度空間
The future of #UI presented by John Underkoffler http://j.mp/cNmiED #tedtalk
Minority Report science adviser and inventor John Underkoffler demos g-speak -- the real-life version of the film's eye-popping, tai chi-meets-cyberspace computer interface. Is this how tomorrow's computers will be controlled?
50 Red Web Designs to Inspire You | Inspiration
http://webdesignledger.com/inspiration/50-red-web-designs-to-inspire-you
How We Improved Our Conversion Rate by 72% | Dan McGrady · dMix - Toronto Startup, Ruby Developer and Designer
http://dmix.ca/2010/05/how-we-increased-our-conversion-rate-by-72/
good
changing text content and changing button color
If San Francisco Crime were Elevation | Doug McCune
http://dougmccune.com/blog/2010/06/05/if-san-francisco-crime-was-elevation/
I’ve been playing with different ways of representing data (see my previous night lights example) and I decided to venture into 3D representations. I’ve used a full year of crime data for San Francisco from 2009 to create these maps. The full dataset can be download from the city’s DataSF website.
RT @brainpicker: San Francisco crime rates, visualized as topographic elevation http://bit.ly/bOlQAi
methinks, My Android Toolbox
http://pk11.tumblr.com/post/625998310/my-android-toolbox
methinks, My #Android Toolbox http://j.mp/adSy2C #java
Tutorial de desenvolvimento para Android.
40 Excellent Adobe Illustrator Icon Tutorials | Naldz Graphics
http://naldzgraphics.net/tutorials/40-excellent-adobe-illustrator-icon-tutorials/
A good starting point for making your own icons.
Get Started With Photoshop – 15 Basic Detailed Guides - SloDive
http://slodive.com/photoshop/get-started-with-photoshop-15-basic-detailed-guides/
Does Photoshop fascinates you but the road to master it seems difficult. Don’t worry,everything can be achieved by having a clear sense of purpose and direction. Its well said that beginning is half way done. Thus clearing your basics are utmost important to master this art. Photoshop can do wonders. So today we have come up with some Basic detailed guides to brush up our skills and thus making you confident enough to jump to advanced level with ease.
Design Resources & Inspiration
The Startup Toolkit
http://thestartuptoolkit.com/
WEBで入力していくと起業アイデアを絞りこめるサービス
Visual worksheet for startups. Document and communicate your business model #startdo
My Favorite Icon Sets | Design Informer
http://designinformer.com/my-favorite-icon-sets/
Great set of icon libraries
Beautiful and Useful 404 Error Pages for Inspiration
http://sixrevisions.com/design-showcase-inspiration/beautiful-and-useful-404-error-pages-for-inspiration/
Here is a collection of 30 beautiful and creative 404 Not Found error message pages.
Errors don’t need to be ugly. On the Web, any links that are broken result in a 404 Not Found error message. There are two ways you can address this issue when your user navigates towards a broken link. Option 1: Present the user with an old and boring default error page, which displays no information other than "There’s an error." Option 2: The second solution is to present them with a custom error page design that can suggest alternative things they can see or do in order to resolve their problem.
Sign Up form design - best practices & design review | Unmatched Style
http://www.unmatchedstyle.com/news/sign-up-form-design-best-practices-design-review.php
Boas praticas de design
a new post just doesn’t seem so simple a process to me. I ha
The Beauty of Paper Art - Smashing Magazine
http://www.smashingmagazine.com/2010/05/29/the-beauty-of-paper-art/
It's not really origami as such, some really creative ways to make cool stuff out of paper
The times when paper was considered to be the primary medium for artistic expression is long gone. Many writers and designers use digital media to improvise and...
Nice post on @smashingmag - The Beauty of Paper Art - http://bit.ly/boSk0B #art
Download a Free Magento Theme: HelloWired - Smashing Magazine
http://www.smashingmagazine.com/2010/06/03/download-a-free-magento-theme-hellowired/
Magento, an open source e-commerce web application, is often a good choice for an e-commerce website. The system is quite powerful and the community around the
How to Display Twitter Updates on Websites
http://mashable.com/2010/06/09/twitter-update-display-resources/
How to Display Twitter Updates on Websites - http://mashable.com/2010/06/09/twitter-update-display-resources/
20 resources for displaying Twitter
12 Events That Will Change Everything, Made Interactive: Scientific American
http://www.scientificamerican.com/article.cfm?id=interactive-12-events
Eventi che cambieranno il mondo
This Web-only article is a special rich-media presentation of the feature, " 12 Events That Will Change Everything ," which appears in the June 2010 issue of Scientific American . The presentation was created by  Zemi Media . Find all our other interactive offerings here .
Today's Guardian
http://guardian.gyford.com/
This site shows all the articles from today’s issue of the Guardian or, on Sundays, Observer newspapers. It is run by Phil Gyford and uses the Guardian Open Platform.
Spännande artikelbläddring byggd på Guardians Open Platform
nice guardina interface
Free Open Source UML Tools
http://www.devcurry.com/2010/06/free-open-source-uml-tools.html
Nice overview, some candidates missing
オープンソースのUMLツール
35 Outstanding GIMP Tutorials | Vandelay Design Blog
http://vandelaydesign.com/blog/design/gimp-tutorials/
35 tutoriales de gimp
GIMP users do have a number of quality tutorials to help in their own learning. In this post we’ll showcase 35 of the best tutorials for GIMP. Some of them are adaptations of popular Photoshop tutorials that show how to replicate the process in GIMP.
100 Years Of Propaganda: The Good, The Bad and The Ugly - Smashing Magazine
http://www.smashingmagazine.com/2010/06/13/100-years-of-propaganda-the-good-the-bad-and-the-ugly/
RT @DesignerDepot: 100 Years Of Propaganda: The Good, The Bad and The Ugly: http://ow.ly/1Y0up
Design interface application Framework | France
http://www.webalys.com/design-interface-application-framework.php
Crispy and pixel precise icons
A pixel precise icon collection created for interface designers and web designers. Theses icons are easy to adapt to your own needs. ...
Imagine A Pie Chart Stomping On An Infographic Forever - Smashing Magazine
http://www.smashingmagazine.com/2010/05/10/imagine-a-pie-chart-stomping-on-an-infographic-forever/
A certain category of design gaffes can be boiled down to violations of audience expectations. Websites that don’t work in Internet Explorer are a heck of a nasty surprise for users who, bless their souls, want the same Internet experience as everyone else. Websites that prevent copying, whether through careless text-as-image conversions or those wretched copyright pop-ups from the turn of the century, cripple a feature that works nearly everywhere else on the Internet. Avoiding this category of blunders is crucial to good design, which is why I am upset that one particular pitfall has been overlooked with extreme frequency.
Some cool examples of info graphics.
A critique of some poor infographics
A importância de apresentar dados de forma clara e um showcase de infográficos ruins
Beginners Guide to Using the Power of Color in Web Design - Speckyboy Design Magazine
http://speckyboy.com/2010/05/19/beginners-guide-to-using-the-power-of-color-in-web-design/
Guia para usar paletas de colores armonicas en diseño web
Ejemplos de webs hechas basandose en el circulo cromatico
Referencia de como usar as cores para o desenvolvimento de interfaces
CSS Sprites w/out Using Background Images | HTML/CSS Tutorials | Web Design Tutorials and Front-end Development Blog by Soh Tanaka
http://www.sohtanaka.com/web-design/css-sprites-wout-background-images/
ここまでできる!CSS3を使ったチュートリアルまとめ | DesignWalker
http://www.designwalker.com/2010/05/css3.html
ボタンから挑戦するのがいいかも。
48 Examples of Excellent Layout in Web Design | Inspiration
http://webdesignledger.com/inspiration/48-examples-of-excellent-layout-in-web-design
http://www.webdesignledger.com
48 Examples of Excellent Layout in Web Design | Inspiration
48 Examples of Excellent Layout in Web Design | Inspiration - http://webdesignledger.com/inspiration/48-examples-of-excellent-layout-in-web-design
User Centred Design - Infographic Poster by Pascal Raabe
http://www.paznow.com/ucd/
Check out this infographic poster about user centred design: http://bit.ly/UCDposter
"This is an information graphic poster illustrating the underlying lifecycle, methods, principles and techniques in a user centred design process where the visual part is only the tip of the iceberg."
This is an information graphic poster illustrating the underlying lifecycle, methods, principles and techniques in a user centred design process where the visual part is only the tip of the iceberg. This project is the result of my work experience at City ID, an information design studio with international reputation. The poster sums up many of the things that I’ve learnt during my time working with them. It also draws inspiration from practitioners who I admire and from a Digital Media module that I took at the Zurich University of the Arts in Switzerland which was taught by visiting lecturer and user experience designer Eva-Lotta Lamm.
is a good and beautiful infographic Poster by Pascal Raabe, summarizing what is to design with the user in mind.
40 Real Time Saver Photoshop Actions
http://www.youthedesigner.com/2010/06/10/40-real-time-saver-photoshop-actions/
Actions para tratamento de fotos no PS
Photoshop Actions let you apply multiple automated processes on as many images you need, all in one go. This makes them godsends for batch processing, as you can save a lot of time and effort by using them instead of editing each image manually. Since we’re always out to give helpful tips and techniques to all designers, we’ve come up with 40 Real Time Save Photoshop Actions that you can download for free. I hope you find these actions extremely useful the next time you work in Photoshop, and help you create new cool effects without breaking a sweat!
Build a HTML5/CSS3 Website Layout Without Images – Part 1 | Onextrapixel - Showcasing Web Treats Without A Hitch
http://www.onextrapixel.com/2010/06/02/build-a-html5-css3-website-layout-without-images%E2%80%93part-1/
Build a HTML5/CSS3 Website Layout Without Images – Part 1 | Onextrapixel - Showcasing Web Treats Without A Hitch - http://www.onextrapixel.com/2010/06/02/build-a-html5-css3-website-layout-without-images%E2%80%93part-1/
Landing Pages That Convert | Chance Barnett
http://www.chancebarnett.com/landing-pages-that-convert/
30 of the Best Web Typography Resources Online | Webdesigner Depot
http://www.webdesignerdepot.com/2010/06/30-of-the-best-web-typography-resources-online/
It seems there are two camps among web designers: those who embrace web typography, experiment with it, and try new things in virtually all of their designs;
25 Beautiful and Free Thin Fonts | Vandelay Design Blog
http://vandelaydesign.com/blog/design/thin-fonts/
25 Beautiful and Free Thin Fonts | Vandelay Design Blog
Valuable Cheat Sheets for Web Designers and Developers
http://www.webdesignish.com/valuable-cheat-sheets-for-web-designers-and-developers.html
June 11, 2010 In this post, you can find cheat sheets of Browsers, Color, CSS, Dreamweaver, HTML, Illustrator, Javascripts ( jQuery and mootools ), Photoshop, SEO, Typography, WordPress.
Ultimate list of Cheat Sheets for Web Designers and Developers with wordpress, photoshop, html, css, color codes, JavaScript , jquery & mootools..
60 Excellent Examples of Illustration in Web Design | Inspiration
http://webdesignledger.com/inspiration/60-excellent-examples-of-illustration-in-web-design
webdesign
The great thing about web design is that we have an enormous range of styles, techniques and ideas to implement when designing. You can go from Super Clean and Minimal Layouts to Colorful Layouts, and you can use Huge Typography or Hand Drawn elements – as long as you keep your style and give your website your own personality. As illustration is somewhere in between those options and is something that can be used to give your website a very unique touch, we decided to gather 60 excellent examples of illustration in web design. There should be plenty here to inspire you.
30 Useful Abstract Photoshop Design Tutorials - Noupe
http://www.noupe.com/tutorial/30-useful-abstract-photoshop-design-tutorials.html
By Janos Racz Abstract works have many uses in design: they can serve as a vibrant desktop background, a mysterious webdesign header or they can be beautiful art...
AeroWindow - Plugin für jQuery - Windows Aero Style für Websites - SOYOS Labs
http://www.soyos.net/aerowindow-jquery.html
onfiguration
AeroWindow erstellt Popup-Fenster im Aero Stil, angelehnt an den Style von Window7. Die Popup-Fenster bieten die gewohnten Möglichkeiten und volle Funktionalität analog zu Windows Fenstern. Features * Besonderheit: Live animierter Glossy Aero Look (siehe Header beim Verschieben) * Gewohnte Fenster Buttons: Minimieren, Verkleinern, Maximieren und Schließen * Doppelklick Unterstützung wie in Windows (Maximieren, Verkleinern) * Aktives Fenster wird visuell hervorgehoben, wie in Windows * Vom Anwender stufenlos skalierbare Fenstergröße * Verschiebbare Fenster durch Maus dragging * Gewohntes Z-Order-Management wie in Windows * + Animierte Veränderung der Fenstergröße * + Vielfältige Konfigurationsmöglichkeiten
Huge Infographics Design Resources: Overview, Principles, Tips and Examples | Onextrapixel - Showcasing Web Treats Without A Hitch
http://www.onextrapixel.com/2010/05/21/huge-infographics-design-resources-overview-principles-tips-and-examples/
Some good resources, including software links and other references.
Design A Print-Ready Promotional Ad Using Photoshop and Illustrator - Smashing Magazine
http://www.smashingmagazine.com/2010/05/14/design-a-print-ready-promotional-ad-using-photoshop-and-illustrator/
Today, we'll look at what it's like to develop print material in cooperation with a major marketing company for top-name brands and retailers using Adobe Photoshop
develop print material in cooperation with a major marketing company for top-name brands and retailers using Adobe Photoshop and Illustrator
Ultimate Collection of Free Brush Fonts | Naldz Graphics
http://naldzgraphics.net/freebies/ultimate-collection-of-free-brush-fonts/
Ultimate Collection of Free Brush Fonts | Naldz Graphics - http://naldzgraphics.net/freebies/ultimate-collection-of-free-brush-fonts/
Ultimate Collection of Free Photoshop Gradients
http://www.youthedesigner.com/2010/05/04/ultimate-collection-of-free-photoshop-gradients/
Ultimate Collection of Free Photoshop Gradients - http://www.youthedesigner.com/2010/05/04/ultimate-collection-of-free-photoshop-gradients/
You the Designer is a Graphic Design Blog Featuring Graphic Design Jobs, Tips, Tutorials, Resources, Freebies and Much More. Join the Design Community Today!
40 Tools To Spice Up Your Twitter Background | Tools
http://www.hongkiat.com/blog/free-online-tools-to-spice-up-twitter-background/
Tips and tutorials
herramientas para mejorar tu fondo de twitter, fondos gratuitos y aplicaciones para crearlos
@techinfocus this will help u http://bit.ly9r1mpB http://bit.ly/aBSWRu
Quick Tip: Google Fonts API: You’re Going to Love This | Nettuts+
http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-google-fonts-api-youre-going-to-love-this/
Google webfonts explained.
Fontes do GOOGLE
Google have made two huge announcements today. One of these concerns the Google Fonts API. Simply by linking to a particular font, stored on Google's servers
Quick Tip: Google Fonts API: You’re Going to Love This
Use Google Fonts Api to change the font simply
Google have made two huge announcements today. One of these concerns the Google Fonts API. Simply by linking to a particular font, stored on Google’s servers (save on bandwidth + caching benefits), we now have access to a wide array of custom fonts. Quite literally, you can integrate these fonts into your project in about 20 seconds. It’s as simple as that. Further, due to the operations being performed behind the scenes, these custom fonts will even be recognized back to Internet Explorer 6. I, for one, and am extremely excited about the possibilities, and the font catalog is surely to continue expanding over the coming years.
Download Lobster font. Impallari.com
http://www.impallari.com/lobster/
Opentype with automatic ligatures and glyphs.
Proyecto-fuente, utilizada para CCH_PCH02
Getting Started - Google Font API - Google Code
http://code.google.com/apis/webfonts/docs/getting_started.html
This guide explains how to use the Google Font API to add web fonts to your pages. You don't need to do any programming; all you have to do is add a special stylesheet link to your HTML document, then refer to the font in a CSS style.
Showcase of Blogs with Unique Post Designs | Webdesigner Depot
http://www.webdesignerdepot.com/2010/05/showcase-of-blogs-with-unique-post-designs/
it's almost like the idea of zen garden--each post has the same elements but uses different properties in the css file
The trend of creating unique designs for each post on a blog is growing.
50 Examples of Black in Web Design – Black is Beautiful! - Speckyboy Design Magazine
http://speckyboy.com/2010/04/28/50-examples-of-black-in-web-design-black-is-beautiful/
From specky boy.com - as title describes
50 ejemplos de diseño web en blanco y negro
Launchlist - Your one stop website checklist!
http://launchlist.net/
Launchlist is intended to help and encourage web designers and developers to check their work before exposing it to the world at large.
Pre site launch checklist
Timothy McSweeney's Internet Tendency: I'm Comic Sans, Asshole.
http://www.mcsweeneys.net/links/monologues/15comicsans.html
by mike lacher.
via jmb. perfectly expressed font essay
Spicing Up Your Website With jQuery Goodness - Smashing Magazine
http://www.smashingmagazine.com/2010/06/15/spice-up-your-website-with-jquery-goodness/
JQuery Upload y otras técnicas
Ten of the greatest maps that changed the world | Mail Online
http://www.dailymail.co.uk/home/moslive/article-1272921/Ten-greatest-maps-changed-world.html
1) Dimitri Moor propaganda map of the USSR during the civil war, 2) circa 1490 world map used by Columbus to garner support for his expedition, 3) earliest known Chinese globe from 1623, 4) Waldseemuller world map, first naming the American continent, 5) Google Earth ("Google Earth presents a world in which the area of most concern to you can be at the centre, and which - with mapped content overlaid - can contain whatever you think is important. Almost for the first time, the ability to create an accurate map has been placed in the hands of everyone, and it has transformed the way we view the world."), 6) 1889 map of London poverty, 7) post-Revolutionary War map establishing USA-Canada border, 8) Harry Beck's London tube map, 9) the Peters equal-area projection world map, and 10) a late medieval world map that "marks the birth of English patriotism".
CHINESE GLOBE
35 Examples of Using Typography in Web Design
http://www.youthedesigner.com/2010/05/06/35-examples-of-using-typography-in-web-design/
typography on website
A collection of sites that use type on the web very well.
Advice on CSS you'll wish your mother told you
http://www.simple-talk.com/content/article.aspx?article=1035
css reset
Techi - Fresh daily technology news
http://www.techi.com/
A Showcase of Letterpress Invitations for Inspiration | Inspiration
http://webdesignledger.com/inspiration/a-showcase-of-letterpress-invitations-for-inspiration
Letterpress printing has been around since the 1400's, but we've seen a revival and renewed interest in the art form in recent years. People have fallen in love
Create GitHub-Style Buttons with CSS and jQuery, MooTools, or Dojo JavaScript
http://davidwalsh.name/github-css
I’m what you would consider a bit of a GitHub fanboy. We all know that GitHub is the perfect place to store repositories of open source code, but I think my love of GitHub goes beyond that. GitHub seems to understand that most repo sites are usually boring so they’ve spiced their site up with some catchy CSS and great JavaScript features. One tiny piece of the GitHub design I love are the basic buttons. Lets examine how we can create our own GitHub-style buttons with a bit of HTML, CSS, and JavaScript.
Unbelievable Pencil Art by Paul Lung
http://www.beautifullife.info/art-works/unbelievable-pencil-art/
Not a fan of cats, but this guy is damn good.
صور ماكانت اتوقع انها عبارة عن رسمات بقلم الرصاص لفنان صيني http://www.beautifullife.info/art-works/unbelievable-pencil-art/ – سعود الهواوي (saud264) http://twitter.com/saud264/statuses/16199610015
Design Better And Faster With Rapid Prototyping - Smashing Magazine
http://www.smashingmagazine.com/2010/06/16/design-better-faster-with-rapid-prototyping/
9 Photoshop Editing Tips Web Developers Should Know
http://sixrevisions.com/photoshop/9-photoshop-editing-tips-web-developers-should-know/
9 Photoshop Editing Tips Web Developers Should Know http://ow.ly/1ZA1a // #n00b
Here are common tasks and processes that web developers often need to deal with when working on a web design/web interface using Photoshop.
Top 10 Creative Ways to Store Your Stuff
http://lifehacker.com/5550122/top-10-creative-ways-to-store-your-stuff
30 Free Web Design UI Kit Resources | VisonwidGet
http://visionwidget.com/toolz/8-web-development/538-free-web-design-ui-kit-resources.html
网页设计的工具包,有的是设计类的框架
PilotHandwriting.com
http://pilothandwriting.com/en/
Turn your handwriting into a digital font and send handwritten e-mails to your friends! Transforma tu letra a mano en una digital y envía e-mails manuscritos a tus amigos!
30 Innovative And Creative Text Effect Tutorials | SpyreStudios
http://spyrestudios.com/30-innovative-creative-text-effect-tutorials/
Nivo Zoom - jQuery Image Zoomer
http://nivozoom.dev7studios.com/
Why and how to create Microsoft Office Minibar with jQuery and CSS3
http://www.jankoatwarpspeed.com/post/2010/05/23/microsoft-office-minibar-jQuery-CSS3.aspx
Why and how to create Microsoft Office Minibar with jQuery and CSS3 http://ow.ly/17BKaZ – Javascript News (del_javascript) http://twitter.com/del_javascript/statuses/15377993283
Best Sites For Getting Free Vector Art Images – 35 Of Them - SloDive
http://slodive.com/design/best-sites-for-getting-free-vector-art-images/
30 Professional Free Icon Sets For Your Next Project
http://resources.savedelete.com/30-professional-free-icon-sets-for-your-next-project.html
アイコンセットへのリンク集
Web App Client Questionnaire | Carsonified
http://carsonified.com/blog/design/web-app-client-questionnaire/
Questions to ask a prospective client for web application projects
DesignM.ag – 33 Places to Find High-Quality Vectors
http://designm.ag/resources/vectors/
Last month we published a post that showcased 35 free vector packs. If you're in need of quality vectors but those particular packs are not what you're looking for, we thought it would be helpful to point out some of the best places to find vectors. This post includes 16 of the best sources of free vectors and 17 sources of high-quality, premium vectors. Best Sources of Free Vectors: Vecteezy
50+ Amazing Free Abstract Photoshop Brushes | Graphic and Web Design Blog
http://www.1stwebdesigner.com/resources/free-abstract-photoshop-brushes/
笔刷
Advertisment
Beginners Guide to OpenType -- MAGNETSTUDIO
http://www.magnetstudio.com/words/2010/opentype-guide
Multi-Layered Design: Guidelines and Examples - Noupe
http://www.noupe.com/design/multi-layered-design-guidelines-and-examples.html
By Cameron Chapman There have been tons of posts about minimalist and simple web design. It's something every designer should consider and study, as minimalist and...
Salt & Fat
http://saltandfat.com/
This is an overnight sandwich.
Notes on cooking and enjoying food. Portland, Oregon.
Free Designer’s Portfolio Icon Set (12 High Quality Icons) - Smashing Magazine
http://www.smashingmagazine.com/2010/05/24/free-designer-s-portfolio-icon-set-12-high-quality-icons/
Excellent jQuery Navigation Menu Tutorials - Noupe
http://www.noupe.com/jquery/excellent-jquery-navigation-menu-tutorials.html
If you are a web designer, you will agree that to keep the interst of the visitors, design of the website must be clear and intuitive. And, of course, the key to
30 Minimalist Web Designs for Your Inspiration - Web Design Blog – DesignM.ag
http://designm.ag/inspiration/30-minimalist-web-designs-for-your-inspiration/
30 Minimalist Web Designs for Your Inspiration - Web Design Blog – DesignM.ag - http://designm.ag/inspiration/30-minimalist-web-designs-for-your-inspiration/
30 Minimalist Web Designs for Your Inspiration - Web Design Blog – DesignM.ag http://ow.ly/20i4c
A Roundup of 15 Mobile Web Design Tutorials - SloDive
http://slodive.com/web-development/a-roundup-of-15-mobile-web-design-tutorials/
mobile para agenda2
Design Resources & Inspiration
30 Useful Web-Based Applications for Designers | Most Inspired: Design Inspiration Blog
http://www.mostinspired.com/blog/2010/04/27/30-useful-web-based-applications-for-designers/
RT @rkiker: http://bit.ly/ak0IZE 30 Useful Web-Based Applications for Designers with menu, font, css, and color tools
A web application is an application that is accessed via a web browser over a network. They may also mean a computer software application that is hosted in a browser-controlled environment or coded in a browser-supported language (such as JavaScript,
CSS3 Watch
http://css3watch.com/
Project Thirty-Three
http://www.projectthirtythree.com/
ステレオ
40 Sites for Finding Web Design Jobs | Vandelay Design Blog
http://vandelaydesign.com/blog/business/web-design-jobs/
In the current economy there are a lot of designers and developers looking for work, whether it is full-time employment, contract work, or freelance opportunities. Fortunately, there are a number of great places to find these types of positions. In this post we'll look at 40 sites that include specialized job boards that include web/graphic design and web development opportunities. Best Places to Find Web/Graphic Design Jobs: Authentic Jobs A very active job board used by a lot of recognized and respected agencies. Includes freelance and full-time opportunities.
Griddy: Simple Grid Overlay Plugin for JQuery | DevGrow
http://devgrow.com/griddy-overlay/
ブラウザ上でグリッド表示
Best HTML5 And CSS3 Frameworks
http://www.webdesignish.com/best-html5-and-css3-frameworks.html
HTML5 & CSS3 frameworks http://bit.ly/aIbs8J – fgrmt (fgrmt) http://twitter.com/fgrmt/statuses/16498114549
HTML5 And CSS3 Frameworks is what can make your job easier with structuring and presenting content on the World Wide Web. Features like video playback and drag-and-drop that have been previously dependent on third-party browser plug-ins such as Adobe Flash, Microsoft Silverlight, and Google Gears are being incorporated in HTML5. Although the full recommendation of HTML5 is very far away (2022), but browsers are being making there moves already. As a designer myself I really am watching closely on developments, articles on HTML5 and CSS3, and today I would like to present the frameworks for HTML5 and CSS3.
WordPress › Blog » WordPress 3.0 “Thelonious”
http://wordpress.org/development/2010/06/thelonious/
watch the video to see what's new for wordpress 3.0
"Major new features in this release include a sexy new default theme called Twenty Ten. Theme developers have new APIs that allow them to easily implement custom backgrounds, headers, shortlinks, menus (no more file editing), post types, and taxonomies. (Twenty Ten theme shows all of that off.) Developers and network admins will appreciate the long-awaited merge of MU and WordPress, creating the new multi-site functionality which makes it possible to run one blog or ten million from the same installation. As a user, you will love the new lighter interface, the contextual help on every screen, the 1,217 bug fixes and feature enhancements, bulk updates so you can upgrade 15 plugins at once with a single click"
By http://bit.ly/Tweets2Delicious
All the sizes of iOS app icons - Neven Mrgan's tumbl
http://mrgan.tumblr.com/post/708404794/ios-app-icon-sizes
Let’s say you’re working on an icon for an iOS app. The app is universal, so it should run on all iPhones (and iPod touches), and on the iPad. As a designer, you’re used to drawing icons at various sizes; this is a big part of what “icon design” is (as opposed to other types of illustration).
Overview of the various icon sizes for iOS applications
Top 10 Beautiful Minimalist Icon Sets
http://mashable.com/2010/06/17/minimalist-icon-sets/
What you can learn from Panic's approach to email marketing - Blog - Campaign Monitor
http://www.campaignmonitor.com/blog/post/3116/what-you-can-learn-from-panics-email-marketing/
How to send html email that is optimized for mobile email clients.
Google Font API - Google Code
http://code.google.com/intl/ja/apis/webfonts/
Web Fonts用のAPIをGoogleが用意。
Google Font Directory provides high-quality web fonts that you can include in your pages using the Google Font API.
Corporate Design-Manuals | Design Tagebuch
http://www.designtagebuch.de/wiki/corporate-design-manuals/
Corporate Design-Manuals
ドイツ語で「Corporate Design-Handbücher」は「コーポレートデザインマニュアル」だった。 こんなの載っけていいのかな・・・。でもすごく役に立ちそう。 あ、でもそのまえに、ドイツ語がわからなかった・・・。
15 Uniform Payment Options Icon Sets for Ecommerce Design - Speckyboy Design Magazine
http://speckyboy.com/2010/04/19/15-uniform-payment-options-icon-sets-for-ecommerce-design/
amazing payment / card icons
7 Types of “Coming Soon” Page Design (With Examples) | Design
http://www.hongkiat.com/blog/coming-soon-page-design-with-examples/
クリエイティブな「カミングスーン!」ページまとめ。
12 Portable Apps for Web Designers
http://sixrevisions.com/tools/portable-apps-designers/
Some of the best portable apps for web designers that are a must-have.
覚えて良かったCSSテクニック « zaru blog
http://zaru.tofu-kun.org/2010/04/22/%E8%A6%9A%E3%81%88%E3%81%A6%E8%89%AF%E3%81%8B%E3%81%A3%E3%81%9Fcss%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF/
CSSテクニックは時代とともに変わっていくけれど、ここ1年ほどスタメンレベルで使うCSSテクニックが絞られてきたので、ここらでちょっと個人的にもまとめておこうかと。
覚えて良かったCSSテクニック
Beautiful Examples of 3D Elements in Web Design
http://sixrevisions.com/design-showcase-inspiration/3d-elements-web-design/
3D elements used in web design can make a website more impressive and memorable. The purpose of 3D elements is to create a feeling of depth. In this collection, you will find 45 modern website designs that use 3D elements.
3Dが美しいビジュアル
3d
60+ Excellent Premium-Like Free WordPress Themes | One Stop Design Resources
http://www.designsbuzz.com/index.php/wordpress/60-excellent-premium-like-free-wordpress-themes/6869
A Compilation of Vintage Textures for Designers
http://www.youthedesigner.com/2010/06/10/a-compilation-of-vintage-textures-for-designers/
You the Designer is a Graphic Design Blog Featuring Graphic Design Jobs, Tips, Tutorials, Resources, Freebies and Much More. Join the Design Community Today!
Effective Search Engine Optimization for Web Designers | Vandelay Design Blog
http://vandelaydesign.com/blog/seo/effective-search-engine-optimization/
30+ iPad Apps For Designers, Developers And Creative Types | SpyreStudios
http://spyrestudios.com/30-ipad-apps-for-designers-developers-and-creative-types/
This post features over 30 iPad apps that I think designers, developers and creatives will find useful. You’ll find drawing, sketching and wireframing apps, note-taking apps, website editors, painting apps and publishing and analytics apps.
There's some goodies I love in there like Evernote. I haven't tried the external monitor one, but defintely sounds like my kind of trick.
35 Professional Clean Fonts For Your Designs
http://sixrevisions.com/resources/professional-clean-fonts-designs/
Icons « 19eighty7
http://www.19eighty7.com/icons/
free for use (personal/commercial)
The spirit20 icon set consists of almost 500 transparent PNGs at 20×20 pixels, and is completely free to use for both personal and commercial projects. No attribution is required. It includes icons documents, media, system, internet, mail, hardware, users, actions and misc.
Do It Yourself eBooks | Carsonified
http://carsonified.com/blog/business/do-it-yourself-ebooks/
Creating Your own eBook
15 Fresh and Useful Photoshop Tutorials | Tutorials
http://webdesignledger.com/tutorials/15-fresh-and-useful-photoshop-tutorials
15 Fresh and Useful Photoshop Tutorials
Part of being a designer is keeping your skills sharp and up-to-date. Skills may span a broad range of tools, but probably the most used tool of all designers
photoshop
iPhone GUI PSD Version 4 – Now accurate, still free | Teehan+Lax
http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/
Now in its fourth iteration, this version of the template has been completely redesigned from the ground up. Based on iOS4, it includes all the elements you need to design proof-of-concepts or production ready assets. Previous versions of this file we’re riddled with issues like blurry edged buttons and incorrect “bevels”. These issues have been addressed as best they can using Photoshop’s shape layers and layer styles. If you’re modifying any of the vector elements be sure the shapes are sitting on full pixels or your assets will begin to look blurry.
Pure CSS Twitter Fail Whale - By Steve Dennis
http://www.subcide.com/experiments/fail-whale/
RT @tweedlebop: CSS animated Fail Whale: http://www.subcide.com/experiments/fail-whale/
steve dennis made the twitter whale only with css
CSSで作られたアニメーションするFail Whale(Chrome/Safari専用)
Falsehoods Programmers Believe About Names: MicroISV on a Shoestring
http://www.kalzumeus.com/2010/06/17/falsehoods-programmers-believe-about-names/
This blog is about the business aspects of running Bingo Card Creator, a small software company. A brief summary of the last few years is available here. If you like what you see, I encourage you to sign up for the RSS feed. Thanks for visiting!
Top 10 Sites To Download High Quality Free Vector Images
http://savedelete.com/top-10-sites-to-download-high-quality-free-vector-images.html
Showcase Of Big Online Stores - Noupe
http://www.noupe.com/inspiration/showcase-of-big-online-stores.html
Обзор крупных интернет-магазинов мира: http://bit.ly/92XgjD – Дмитрий Киселев √ (kiselyov) http://twitter.com/kiselyov/statuses/16548293102
By Tomas Laurinavicius The main task of any store is to sell its products, so there is an important usability and user experience factor, making conversion rates and...
By http://bit.ly/Tweets2Delicious
Best of Breadcrumbs and How They Enhance Your Website | SpyreStudios
http://spyrestudios.com/best-of-breadcrumbs-and-how-they-enhance-your-website/
Friday Links 18/06/10
an article and examples about breadcrumbs
Information Architecture: Enhancing the User Experience | Webdesigner Depot
http://www.webdesignerdepot.com/2010/06/information-architecture-enhancing-the-user-experience/
RT @draenews: Del Information Architecture: Enhancing the User Experience | Webdesigner Depot: http://bit.ly/afWXUZ
Getting Started with Tumblr & Custom Theme Design
http://line25.com/articles/getting-started-with-tumblr-and-custom-theme-design
HTML+CSS Templating
http://dl.dropbox.com/u/268240/presentations/htmlCssTemplating/index.html
Takazudoさん謹製。テンプレ。モジュールの考え方など。
これはなかなか良いまとめ。
コーディング
10 Best PSD Web Templates Of May 2010 For Free Download
http://resources.savedelete.com/10-best-psd-web-templates-of-may-2010-for-free-download.html
10 Best PSD Web Templates Of May 2010 For Free Download " Resources
45 Free Wood Textures | Vandelay Design Blog
http://vandelaydesign.com/blog/design/wood-textures/
MADERA
The use of textures can be an easy way to add character to a design. Wood textures are particularly common in web design, and in this post we'll featuring 45 free wood textures. If you're looking for a texture to use in your own work hopefully this will be helpful. As always when you are dealing with freebies, be sure to read the license before using it.
Keynote Wireframe Toolkit - Get your Keynote Kung-Fu on
http://keynotekungfu.com/
How to make wireframes using keynote.
线框图工具包
80+ Swirly, Curly And Floral Vector Resources | SpyreStudios
http://spyrestudios.com/80-swirly-curly-floral-vector-resources/
Floral Vector.
Top 10 Icon Search Engines and Libraries - Speckyboy Design Magazine
http://speckyboy.com/2010/06/17/top-10-icon-search-engines-and-libraries/
RT @draenews: Del Top 10 Icon Search Engines and Libraries - Speckyboy Design Magazine: http://bit.ly/atn2Si
Finding the perfect icon for any design project can be very difficult, especially when you have to to sift through the thousands upon thousands off icon-sets that are freely available. Not only will this waste you a huge amount of productive time, actually finding the icon you need is pretty darn close to being impossible.
Good Noows
http://goodnoows.com/
the best alternative to Google Reader. The sleek online RSS reader offers a lot of the features you can find in Google Reader, and adds a few extra interesting gems that we haven’t seen elsewhere. Good Noows is a Google Reader alternative that gives you more control over the layout, with enough choices that everyone is bound to find something that appeals to them. It enables the sharing of links and stories easily on major social media sites, and it’s all presented in a sleek and streamlined manner. With the overwhelming amount of information that is thrown at us online everyday, from every possible source, Good Noows give its users a pleasant way to keep up with the latest stories from their favourite websites.
Change the way you read the news.
Good Noows Is a Newspaper-Styled and Socially-Oriented Feed ReaderIf you'd like your feed reader to have a little more style and flash to it than you've found elsewhere, Good Noows is a polished feed reader with an emphasis on presentation and social networking.
CSS+HTMLのみで実装出来る、クロスブラウザ対応のWebデザインテクニック集 - かちびと.net
http://kachibito.net/web-design/cross-browser-css.html
css
Design*Sponge » Blog Archive » sewing 101: roller blinds
http://www.designspongeonline.com/2010/06/sewing-101-roller-blinds.html
Denise would love these
Today's Guardian (Phil Gyford’s website)
http://www.gyford.com/phil/writing/2010/06/09/todays-guardian.php
I’ve blogged before about my dissatisfaction with news sources (eg, 1, 2), and earlier in the year I realised that one of the major problems online was delivery of text-based news. There was no online news source that I could browse and read as easily as I could a print newspaper. I identified three main issues that a better online news-reading solution should address: Friction Readability Finishability
Interesting article on the design of a modern day web newspaper.
This meant, for me, ditching any kind of conventional news website front page, or contents page. No lists of headlines, no decisions about which article to visit. Unusually, perhaps uniquely, for a news website the front page is a single story. Ideally this is the most important news of the day, although sometimes it’s the newspaper’s “other” front page item — it’s based on the order of articles here. Having a single story on the front page is terrible if a site wants to maximise page views and advertising etc. You might see that one article, think it’s boring, and go elsewhere. But that’s not my concern. I’m trying to make a site that makes it easy to read a newspaper, not support an entire company.
I’ve made a new thing, Today’s Guardian, a website that features today’s edition of the Guardian (or the Observer on Sundays). Hopefully it’s as easy to browse through today’s newspaper as it would be with the print edition. It’s made using the Guardian’s Content API. Read on for the thoughts behind it…
Today’s Guardian
10 Web Design Bloggers You Should Follow
http://mashable.com/2010/06/18/design-blogger/
10 Web Design Bloggers You Should Follow
込められた意味がよく分かるクリエイティブなロゴいろいろ - かちびと.net
http://kachibito.net/web-design/creative-logos-has-the-intention.html
見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式
http://toshiiy.blog22.fc2.com/blog-entry-95.html
Graphic Design Theory: 50 Resources and Articles - Noupe
http://www.noupe.com/design/graphic-design-theory-50-resources-and-articles.html
Graphic Design Theory: 50 Resources and Articles - Noupe
Web Design Inspiration: 55 Beautifully Made Single Page Designs | Naldz Graphics
http://naldzgraphics.net/inspirations/web-design-inspiration-55-beautifully-made-single-page-designs/
Single page websites may be described as websites that constitutes all of its features in one page. In this kind of design visitors need not to load different pages just to find what they are looking for and this can give your website an advantage to the rest. But to make this effective, it is of importance to have a creative design to your website to make it more fun and lively.In our next post, we will be showcasing examples of Beautiful Single Page Design. We have collected different creatively made single page design websites to give you an overview on this interesting concept. Come, take a peek, and be inspired.
Single page websites may be described as websites that constitutes all of its features in one page. In this kind of design visitors need not to load different pages just to find what they are looking for and this can give your website an advantage to the rest. But to make this effective, it is of importance to have a creative design to your website to make it more fun and lively.
Made Single
Web Design Inspiration: 55 Beautifully Made Single Page Designs | Naldz Graphics - http://naldzgraphics.net/inspirations/web-design-inspiration-55-beautifully-made-single-page-designs/
things@kureno : Lorem Ipsum Tool
http://things.kureno.com/Lorem-Ipsum-tool
Genera texto y código de ejemplo
Lorem Ipsum with real text and markup
Lorum Ipsum alternatief met echte tekst
Top 10 Beautiful Minimalist Icon Sets
http://mashable.com/2010/06/17/minimalist-icon-sets/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Mashable+%28Mashable%29
2010
Endorse
http://endor.se/
te testen
Helping people connect through recommendations and endorsements.
Have an overflow of job requests and looking to pass on the work to your network? Or are you looking to find a reputable contact who is an expert at a specific skill? Connecting with Endorse allows you to do all that and more...
LukeW | Gradual Engagement Boosts Twitter Sign-Ups by 29%
http://www.lukew.com/ff/entry.asp?1128
agenda2 signup
Rediseño de registro en twitter implicando más al usuario= aumento de nuevos usuarios
Gutes Praxisbeispiel für die Optimierung von Registrierungs-Prozessen. Besonders wichtig: Nutzer müssen so früh wie möglich einen Mehrwert für sich sehen, dann erst Daten eingeben. Twitter hat jetzt zwar mehr Formularschritte und längere Registrierungsdauer aber bessere Conversion
Twitter signup process walkthrough
30 Awesome Collection Of DIV/CSS Websites For Design Inspiration
http://resources.savedelete.com/30-awesome-collection-of-divcss-websites-for-design-inspiration.html
30 Awesome Collection Of DIV/CSS Websites For Design Inspiration - http://resources.savedelete.com/30-awesome-collection-of-divcss-websites-for-design-inspiration.html
RT @deliciouspb: 30 Awesome Collection Of DIV/CSS Websites For Design Inspiration http://bit.ly/9qBBlK
Clever designs.
Hidden posters of Notting Hill Gate Tube station, 2010 - a set on Flickr
http://www.flickr.com/photos/36844288@N00/sets/72157624079183751/
"Discovered in Notting Hill Gate tube station, 2010 - wholly inaccessible so please don't ask the staff! These are official photographs so please credit London Underground. "
Hidden posters of Notting Hill Gate Tube station, 2010 - a set on Flickr
Discovered in Notting Hill Gate tube station, 2010 - wholly inaccessible so please don't ask the staff! These are official photographs so please credit London Underground.
Cocoia Blog » iPhone 4 icon PSD file
http://blog.cocoia.com/2010/iphone-4-icon-psd-file/
For reference.
Photoshop template for designing icons suitable for iPhone, iPad and the iTunes Store.
Cocoia Blog » iPhone 4 icon PSD file
Mensch -- A coding font
http://robey.lag.net/2010/06/21/mensch-font.html
The latest MacOS release (10.6, or “Snow Leopard”) comes with a new monospace font. It’s called “Menlo” and it’s a slightly modified form of the standard Linux font (with appropriately weightly Linux name) “DejaVu Sans Serif Mono”, which is itself an updated form of Bitstream Vera Sans Mono. Apple’s modifications are a definite improvement to my eyes, mostly because they thicken up some of the wispier glyphs from DejaVu, like the underline and period. There’s a great comparison over here. One thing that bothered me, though, is that they turned the zero into a 1980s-style “slashed circle”. Unhip, daddy-o! Naturally I searched for a font editor, and the best one I found was Font Forge, an old Linux app ported to the Mac but still requiring X11. So that’s two ways OS X is borrowing from Linux for font support. What’s up with that? Was there an elite cadre of fontistas working on Linux machines in a secret bunker? Linux is, um, not usually known for its great designers.
The latest MacOS release (10.6, or “Snow Leopard”) comes with a new monospace font. It’s called “Menlo” and it’s a slightly modified form of the standard Linux font (with appropriately weightly Linux name) “DejaVu Sans Serif Mono”, which is itself an updated form of Bitstream Vera Sans Mono. Apple’s modifications are a definite improvement to my eyes, mostly because they thicken up some of the wispier glyphs from DejaVu, like the underline and period. There’s a great comparison over here. One thing that bothered me, though, is that they turned the zero into a 1980s-style “slashed circle”. Unhip, daddy-o! I couldn’t limit my tweaking to the zero glyph, so in the end I made about a dozen changes. Bitstream released these fonts with a very open license that only requires that you change the name if you change anything about the font, so I'm releasing my changes with the same license, as the font “Mensch”.
Mega Collection Of Cheatsheets for Designers And Developers | SpyreStudios
http://spyrestudios.com/mega-collection-of-cheatsheets-for-designer-developers/
things@kureno : Lorem Ipsum Tool
http://things.kureno.com/Lorem-Ipsum-tool#contentStop
A nice alternative to Lorem Ipsum using real words intead of greeking
things@kureno :
怪異・妖怪画像データベース
http://www.nichibun.ac.jp/YoukaiGazouMenu/
Base de données des monstres de la mythologie japonaise.
怪異・妖怪画像データベース 怪異・妖怪画像データベース Copyright (c)2010- International Research Center for Japanese Studies, Kyoto, Japan. All rights reserved. はてなブックマーク - 怪異・妖怪画像データベース はてなブックマークに追加 gin-oi2 gin-oi2 データベース, **お役立ち, *webサービス いつか、役に立つときが来るかも…
Applying Interior Design Principles To The Web - Smashing Magazine
http://www.smashingmagazine.com/2010/06/21/applying-interior-design-principles-to-the-web/
By http://bit.ly/Tweets2Delicious
Best Web Design Tools For Creating a Complete Website
http://www.webdesignish.com/best-web-design-tools-for-creating-a-complete-website.html
Excellent list of web design, web dev and project management tools
【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1|CSS HappyLife
http://css-happylife.com/log/css-template/000766.shtml
HMTL5になった事で、html5doctor.com のリセットスタイル(v1.4.1)を使っています。 また、フォントサイズは、YUIのv2.8.1を使っております。
使う
これきた。
【HTML5】新規でサイトを作るのに使えそうなの一式
HTML5入門セット。
aboutprogramming04.jpg (JPEG Image, 1200x3000 pixels)
http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/aboutprogramming04.jpg
aboutprogramming04.jpg (imagem JPEG, 1200×3000 pixels)
the world of programming infographic
Web Designs that Use Textures Beautifully
http://sixrevisions.com/design-showcase-inspiration/web-designs-that-use-textures-beautifully/
textures
Using textures in a web design gives it a unique look that roughens the sharpness and crispness that you can find in most other site designs. When used properly, the results of utilizing textures in a web layout can be stunning.
YouTube - A Tiny Apartment Transforms into 24 Rooms
http://www.youtube.com/watch?v=Lg9qnWg9kak
This transformer apartment makes me drool: http://bit.ly/d7Vvvm (tx @souris) – danah boyd (zephoria) http://twitter.com/zephoria/statuses/16414475411
CSS image replacement with pseudo-elements (NIR) – Nicolas Gallagher — Blog & Ephemera
http://nicolasgallagher.com/css-image-replacement-with-pseudo-elements/
"An accessible image replacement method using pseudo-elements and generated-content. Works with images/CSS off; semi-transparent images; doesn’t hide text from screen-readers or search engines; and provides fallback for IE6 and IE7."
"An accessible image replacement method using pseudo-elements and generated-content. This method works with images and/or CSS off; works with semi-transparent images; doesn’t hide text from screen-readers or search engines; and provides fallback for IE6 and IE7."
Great idea
An accessible image replacement method using pseudo-elements and generated-content. This method works with images and/or CSS off; works with semi-transparent images; doesn’t hide text from screen-readers or search engines; and provides fallback for IE6 and IE7.
ou need to support them you’ll have to rely on the Phark method. This can be do
Interesting idea: CSS image replacement with pseudo-elements (NIR) - http://bit.ly/aLSBtX #css (via @Malarkey) – Smashing Magazine (smashingmag) http://twitter.com/smashingmag/statuses/16412194331
CSS image replacement with pseudo-elements (NIR) /by @necolas http://j.mp/9cX1IB #css #webdesign
疑似要素を使った CSS による画像置換。
A List Apart: Articles: Taking Advantage of HTML5 and CSS3 with Modernizr
http://www.alistapart.com/articles/taking-advantage-of-html5-and-css3-with-modernizr/
Saturday Design Inspiration – 50+ Examples of Criterion Box Art- unstage
http://www.unstage.com/2010/06/saturday-design-inspiration-50-examples-of-criterion-box-art/
Saturday Design Inspiration – 50+ Examples of Criterion Box Art- unstage - http://www.unstage.com/2010/06/saturday-design-inspiration-50-examples-of-criterion-box-art/
unstage is a daily updated blog dedicated to showcasing the best artists, graphic designers, illustrations, short and longform films, architecture, photography, fashion, music and gadgets.
Long regarded as some of the highest quality DVD’s available, the Criterion Collection is also known to release DVD’s with fantastic box art. For your Saturday design inspiration, here are 58 of the coolest Criterion Collection DVD box covers.
Saturday Design Inspiration – 50+ Examples of Criterion Box Art- unstage
Awesome graphic packaging design
by unstage
How To Critique An Interface « Aza on Design
http://www.azarask.in/blog/post/how-to-critique-an-interface/
The Ultimate CSS3 Toolbox: 50+ Resources, Tutorials and Articles | CreativeFan
http://creativefan.com/the-ultimate-css3-toolbox-50-resources-tutorials-and-articles/
HOW TO : Make Your Web Typography Better
http://www.webdesignish.com/how-to-make-your-web-typography-better.html
UX Myths
http://uxmyths.com/
UX Myths http://uxmyths.com/ (via @igloodigital)
Tumblr about misconceptions of UX.
A lot of this is common knowledge for most UX designers, but there are still some interesting nuggets of information.
E-commerce: Fundamentals of a Successful Re-Design - Noupe
http://www.noupe.com/how-tos/e-commerce-fundamentals-of-a-successful-re-design-2.html
E-commerce: Fundamentals of a Successful Re-Design - http://bit.ly/9y7kL9 – Smashing Magazine (smashingmag) http://twitter.com/smashingmag/statuses/15996416405
The Graphs 2 - One graph collection to rule them all
http://graphs.nicer2.com/
After the huge success of the first release made exclusively for Smashing Magazine, we give you the second release of "The Graphs"! With 169 vector icons "The Graphs 2" is the largest and the most flexible graph icon collection on the web.
Your App’s Website Sucks » Matt Legend Gemmell
http://mattgemmell.com/2010/06/20/your-apps-website-sucks
Tipps für App-Advertising Websites
If you have an app available, you probably have an accompanying website for it. As someone who tries and buys a lot of software, I see many such websites during the average week. Some are great, but most make the same few mistakes again and again. I want to share some tips for making software product websites that don’t turn customers away.
Free Professional PSD Template: BlueMasters - Smashing Magazine
http://www.smashingmagazine.com/2010/06/22/free-portfolio-psd-template-bluemasters/
In this post we release a yet another freebie: BlueMasters, a free PSD template, designed by Wendell Fernandes and released for Smashing Magazine and its readers. As...
Bounce – A fun and easy way to share ideas on a website
http://www.bounceapp.com/
Finally | a fluid Hicksdesign | The Hickensian | Hicksdesign
http://hicksdesign.co.uk/journal/finally-a-fluid-hicksdesign
I’ve been wanting a fluid layout on this site for about 5 years. I had a brief redesign back in 2005 where I flirted with it for a few months, but it was soon switched back to fixed as I couldn’t get it right. Last year, I discovered CSS media queries while working on the internal pages of the Opera Browser, and tried to implement it here. It was half-assed and was removed, again after a few months. It took Ethan Marcotte’s excellent article for A List Apart Responsive Web Design to motivate me to do it properly, as well as know HOW to do it properly. I don’t think I’ve read anything as exciting and inspirational for a long time. So I started from scratch, working on the basic skeleton of the layout, getting the various resolution dependant layouts in place, before re-implementing the design (making a few changes long the way of course). So now, you’ll see the layout and type size change depending on the available width.
55 Examples of Beautifully Integrated Social Media Links in Web Design | Inspiration
http://webdesignledger.com/inspiration/55-examples-of-beautifully-integrated-social-media-links-in-web-design
Des exemples d'intégration des icônes des médias sociaux
The Evolution of the World Cup Ball - Interactive - NYTimes.com
http://www.nytimes.com/interactive/2010/06/06/magazine/20100606-world-cup-balls.html
cool infographic on world cup ball
A look at game balls from 1930 to 2010.
Build Blog » Couch Cushion Architecture; A Critical Analysis
http://blog.buildllc.com/2010/04/couch-cushion-architecture-a-critical-analysis/
photographed coffee table book of children's sofa forts?
from Build Blog.
Create an iPhone optimised website using jQTouch | TutToaster
http://www.tuttoaster.com/create-an-iphone-optimised-website-using-jqtouch
73 Blog Designs From Deviantart You'll Never Forget
http://www.1stwebdesigner.com/inspiration/blog-designs-deviantart/
73 Blog Designs From Deviantart You'll Never Forget - http://www.1stwebdesigner.com/inspiration/blog-designs-deviantart/
細部に凝った一度見たら忘れなさそうなブログデザイン73
Diseño de blogs muy cvres
layouts maravilhosos pra você se inspirar e mudar o do seu blog
Opacity + Photoshop Blend Modes = Pattern Magic | Webdesigner Depot
http://www.webdesignerdepot.com/2010/06/opacity-photoshop-blend-modes-pattern-magic/
Photoshop pattern technique
Forget the clone stamp, paint bucket and pattern presets. When it comes to creating patterns, the ability to duplicate a layer is one of Photoshop's greatest
Photoshopのブレンドモードと、パターン作成の解説
Top 10 Resources for Design Inspiration
http://mashable.com/2010/06/24/design-inspiration-resources/
Inspiring stuff...
On a daily basis, designers are challenged to constantly be inspired by the world around them. It’s hard to be on top of your game every day, and sometimes you’re just left completely and utterly uninspired. Thankfully, there are plenty of visual resources on the web where designers and creatives can turn for inspiration.
The Ultimate Guide To A/B Testing - Smashing Magazine
http://www.smashingmagazine.com/2010/06/24/the-ultimate-guide-to-a-b-testing/
RT @Jake_Hird: Light reading for a Friday afternoon: The ultimate guide to A/B testing http://ow.ly/23gk2 #yam
How to Create a Custom Twitter Background Design | Social Media Examiner
http://www.socialmediaexaminer.com/how-to-create-a-custom-twitter-background-design/
BACKGROUND SIZE
Mojebus’ jStackmenu By Seamus P. H. Leahy
http://moronicbajebus.com/blog/jstackmenu/files/
jQuery Stack menu like Apple Snow Leopard Dock.
40 Superb Photoshop Tutorials For Attractive Photo Effects - Noupe
http://www.noupe.com/tutorial/40-superb-photoshop-tutorials-for-attractive-photo-effects.html
"yeah thats not what I was looking for at all."
http://27bslash6.com/missy.html
Laughing at: ""yeah thats not what I was looking for at all."" ( http://bit.ly/azLpiD )
Hilarious email thread about missing cat poster
Like dontevenreply.com
RT @Anniemole: Don't ask a designer who doesn't like cats to make a 'lost cat' poster http://bit.ly/ceU5GN I cried LOL'ing via @b3ta_links
Google TV
http://www.google.com/tv/developer/
Designing websites for Google TV
30 Typography Focused Logo Designs | Inspiration
http://webdesignledger.com/inspiration/30-typography-focused-logo-designs
We frequently talk about typography here at WDL. Whether it be in web design or print design, typography plays a big part in making or breaking a design, especially if the design’s main focus is typography. In this post we are showcasing 30 typography focused logo designs. In these logos you won’t find any icons or symbols. It’s all about type.
Futuristic mega-projects by Shimizu ::: Pink Tentacle
http://pinktentacle.com/2010/06/futuristic-mega-projects-by-shimizu/
[Pink Tentacle] Floating cities, mega-structures. space hotels - it's all here.
フォームの見栄え・使い勝手を強化するjQueryプラグインいっぱい | DesignWalker
http://www.designwalker.com/2010/06/jquery-forms.html
jquery form
jQueryを使ったフォーム集 いいデザインいっぱい
The Beauty Of Typography: Writing Systems And Calligraphy, Part 2 - Smashing Magazine
http://www.smashingmagazine.com/2010/06/22/the-beauty-of-typography-writing-systems-and-calligraphy-part-2/
The beauty of writing systems is that each has something unique from which to draw inspiration. Two weeks ago, in the first part of this article, we covered Arabic and East-Asian languages (Chinese, Japanese, Korean and Vietnamese) and a few Indic scripts (Devanagari, Thai and Tibetan).
Johanna Blakley: Lessons from fashion's free culture | Video on TED.com
http://www.ted.com/talks/johanna_blakley_lessons_from_fashion_s_free_culture.html
Johanna Blakley: Lessons from fashion's free culture http://bit.ly/cB8z8x
TED video
30 Professional And Creative Fonts For Free Download
http://savedelete.com/30-professional-and-creative-fonts-for-free-download.html
30 Professional And Creative Fonts For Free Download - http://savedelete.com/30-professional-and-creative-fonts-for-free-download.html
Awesome fonts
フリーなフォント30個。可読性の高い良フォント多し
high quality free fonts, which are almost suitable to be used for any design project
:: Effektive. Graphic Design & Communication ::
http://www.effektivedesign.co.uk/#476578/Grid-App-for-iPhone-iPad
- Effektive is an independent design studio based in Glasgow. We create design which is relevant, engaging and effective for our clients. We specialise in identity & brand development; printed communication; art direction & web design.
Fonts: 26.04.2010 | Blog | FontShop
http://www.fontshop.com/blog/?p=2436
5 awesome HTML5 demos
http://www.designer-daily.com/5-awesome-html5-demos-6715
RT @draenews: Del 5 awesome HTML5 demos: http://bit.ly/cNoE38
http://www.designer-daily.com/5-awesome-html5-demos-6715
Pimp Your Tables with CSS3 | Codrops
http://tympanus.net/codrops/2010/05/03/pimp-your-tables-with-css3/
Complete Collection of Blank T-Shirt Mockup Templates - Speckyboy Design Magazine
http://speckyboy.com/2010/06/07/complete-collection-of-blank-t-shirt-mockup-templates/
Tシャツをデザインするときのテンプレート集
In this post you will find a complete collection of templates and mockups that would make a perfect frame for your creative t-shirt designs. The templates
YouTube - playbiennial's Channel
http://www.youtube.com/play
http://www.youtube.com/play #YouTube, #HP, #Intel y la Fundación #Guggenheim unidos para mostrarnos los mejores videos del mundo
i mean play button in stone
グッゲンハイム美術館がYouTubeとコラボして、映像コンテストやっている!
A collaboration between YouTube and Guggenheim Museum. To recognise and showcase the most remarkable online videos from around the world. The work will be judged by experts that will decide which 200 leading videos that will be shown at the Guggenheim museum in New York. The firs biannual Event.
The Ultimate Guide for An Online Portfolio Using WordPress | Onextrapixel - Showcasing Web Treats Without A Hitch
http://www.onextrapixel.com/2010/06/14/the-ultimate-guide-for-an-online-portfolio-using-wordpress/
an online portfolio can also bridge you to your job opportunities with no limitation. Everyone on the internet can see all of your projects. Can you imagine if your next valuable client saw your online portfolio
Create Beautiful 3D Graphs and Charts in Illustrator | Tutorial9
http://www.tutorial9.net/illustrator/create-beautiful-3d-graphs-and-charts-in-illustrator/
There is something gorgeous in aesthetically pleasing, visual representation of data. In this tutorial I'll show you how to put some style into graphs generated in Adobe Illustrator.
Customer Experience Mapping & «
http://desonance.wordpress.com/2010/06/16/customer-experience-mapping/
ial plot refer to the six dimensions and three components in detail to ensur
There are six dimensions and three components of experience the map should capture. These represent important reference points for features of the service design – e.g. how the service is found, who uses it, what they’re looking for, what information they use, who and what is of most help etc. By capturing these experiential aspects we ensure the customers’ voice is represented as the service is designed and implemented.
Modern Element Trends In Minimal Webdesign of 2010
http://www.1stwebdesigner.com/inspiration/modern-trends-minimal-webdesign/
Since you may noticed, There are recently been working on web site redesign for some time already and today I am deeply researching modern day factors inside small webdesign - I made a decision to share with you my investigation using all of you.
ส่วนประกอบโมเดิร์นๆ ที่พบเห็นในเว็บสไตล์ Minimal ในปี 2010
As you may seen, There are recently been focusing on website redesign for a long period previously and after this I will be seriously exploring modern-day elements inside minimal webdesign * Choice to share my personal study with almost everyone.
How To Use Photos To Sell More Online - Smashing Magazine
http://www.smashingmagazine.com/2010/06/25/how-to-use-photos-to-sell-more-online/
As a photographer and UX designer, I pay particular attention to the effectiveness of photography when I’m testing with users. Regardless of the context, users rarely fail to comment on or be influenced by photography when shopping online. This article pulls together principles from psychology, marketing, UX design and photographic theory. It provides a set of principles to follow when commissioning and editing photography and when planning and designing profitable e-commerce user experiences.
How To Use Photos To Sell More Online http://bit.ly/bq3EFS – dubayan (dubayan) http://twitter.com/dubayan/statuses/17148328300
Kult House - Selected Works of Josh Rhode
http://kulthouse.com/
5 Fantastic Notebooks and Sketchbooks for Designers | Design Shack
http://designshack.co.uk/articles/inspiration/5-fantastic-notebooks-and-sketchbooks-for-designers
I've been a huge fan of Moleskins for quite some time now
This article will briefly examine 5 physical notebooks that are perfectly suited for a number of designer workflows.
2010 World Cup – The Ultimate Graphic and Data Resources Guide | Inspired Magazine
http://www.inspiredm.com/2010/06/06/2010-world-cup/
2010 World Cup – The Ultimate Graphic and Data Resources Guide | Inspired Magazine
The Ultimate Graphic and Data Resources Guide | Inspired Magazine
월드컵 관련 Infograhics모음
RT @inspiredmag Copa Mundial 2010 - el último gráfico y Guía de Recursos de Datos http://bit.ly/9eUQvr
2010 World Cup – The Ultimate Graphic and Data Resources Guide http://bit.ly/9eUQvr
5 Overlooked Plants That Can Survive The Dark (Almost) | Apartment Therapy Los Angeles
http://www.apartmenttherapy.com/la/gardening/5-interesting-plants-that-can-survive-the-dark-almost-119497
Annotated link http://www.diigo.com/bookmark/http%3A%2F%2Fwww.apartmenttherapy.com%2Fla%2Fgardening%2F5-interesting-plants-that-can-survive-the-dark-almost-119497
What Does “width: 100%” Do in CSS?
http://www.impressivewebs.com/width-100-percent-css/
Top 10 Stop Motion Videos on YouTube
http://mashable.com/2010/05/29/stop-motion-videos/
Stop motion film-making is a labor of love, so consider this collection of 10 amazing mini stop motion movies a love song to the format.
<3
The Best White Minimal WordPress Themes | Devlounge
http://www.devlounge.net/design/the-23-best-white-minimal-wordpress-themes
The best themes are the minimal white ones
HOW TO: Make the Most of Your Twitter Profile Page
http://mashable.com/2010/05/10/organize-twitter-profile/
The Use of Grids in Website Design
http://www.designer-daily.com/the-use-of-grids-in-website-design-6639
How to Change the World: The 10/20/30 Rule of PowerPoint
http://blog.guykawasaki.com/2005/12/the_102030_rule.html#axzz0mTnr7Xs4
-------------------------------------- Mariana Bukvic -------------------------------------
http://www.marianabukvic.com/
Maxvoltar - What does 320dpi mean to designers? (2)
http://maxvoltar.com/archive/what-does-320dpi-mean-to-designers-2
Designing for the new iPhone 4 resolution.
Here’s a list of tricks and techniques I learned so far. Over time we’ll see more design conventions, but for now it’s just a lot of guesswork.
I Got 99 Problems, but Developing Ain't One
http://www.focus.com/fyi/information-technology/99-problems-developing-aint-one/
Wired: With intelligent thoughts on tech industry, conventions and even Martha Stewart, Wired is a must-read for any well-rounded Web developer.
10 iPhone Apps Every Web Designer Should Know About
http://sixrevisions.com/web_design/10-iphone-apps-every-web-designer-should-know-about/
The Complete Web Design Style Series (700 Designs in 14 Categories) - Speckyboy Design Magazine
http://speckyboy.com/2010/06/27/the-complete-web-design-style-series-700-designs-in-14-categories/
Over the past year or so we have periodically published web design collections and inspirational showcases from the most popular and important design categories. In total there are 14 different and varied categories or styles and within each category there are 50 carefully chosen web designs (that is a total of 700 web designs). We have called this ‘complete’ inspirational collection the Web Design Style Series. In total the entire collection has had just over 5,000 Delicious saves, and as such this post was created. Due to its popularity we felt it may be useful to have a central hub for the entire collection and make it easier for you to find the inspiration you are looking for quickly and painlessly. The Web Design Style Series includes the following design categories: Blogs, Ecommerce, Personal Portfolios, Web Design Agencies & Companies, Magazine & Newspaper, Web Application, Dark, Minimal, Illustrative, Vintage & Retro, Typography, Large Background, Bright & Colorful and, final
Creative Logo Design: 30 Negative Space Logos | Naldz Graphics
http://naldzgraphics.net/inspirations/creative-logo-design-30-negative-space-logos/
Swedish subway system - leenks.com
http://www.leenks.com/gallery1213.htm
Fotos toll gestaleter schwedischen U-Bahnstationen
RT @petapixel: The Swedish subway system: http://j.mp/cZUzWE
RT @catarino: Swedish subway system http://bit.ly/aWR0kM :|
77 Latest Examples Of Creative Single Page Website Designs | Inspiration | instantShift
http://www.instantshift.com/2010/05/05/77-latest-examples-of-creative-single-page-website-designs/
Roger
30 of the Best Web Development and Design MINI Icon Sets - Speckyboy Design Magazine
http://speckyboy.com/2010/06/20/30-of-the-best-web-development-and-design-mini-icon-sets/
30 of the Best Web Development and Design MINI Icon Sets - Speckyboy Design Magazine - http://speckyboy.com/2010/06/20/30-of-the-best-web-development-and-design-mini-icon-sets/
Classic Pop Icons Seen In A Different Light (PICS) | I Can Has Internets
http://www.icanhasinternets.com/2010/06/pop-icons-in-a-different-light/
RT @Pobla: Pop Icons In A Different Light | I Can Has Internets http://bit.ly/cnwByW
Feature Table Design | CSS-Tricks
http://css-tricks.com/feature-table-design/
Feature Table Design | CSS-Tricks
como crear una tabla de caracteristicas con html y css
I ran into the feature table design from Shopify over on Pattern Tap and I was like DAMN SHOPIFY, that is one sexy table. I was inspired to try and replicate
Targeting the iPhone 4 Retina Display with CSS3 Media Queries - WaltPad
http://blog.iwalt.com/2010/06/targeting-the-iphone-4-retina-display-with-css3-media-queries.html
Targeting the iPhone 4 Retina Display with CSS3 Media Queries - WaltPad
One area of Web design that is going to become more important in the coming years is high DPI
the iPhone 4 Retina Display with CSS3 Media Queries
Blog | Graphicpeel — iOS Icons Made in Pure CSS
http://blog.graphicpeel.com/post/740928981/ios-icons-made-in-pure-css
iOS icons made in pure css. http://is.gd/d8TI2 no images involved.
"11 iOS icons made in only CSS, no images whatsoever."
Musicians – This Is How You Create A Great Looking Facebook Page
http://techcrunch.com/2010/06/27/facebook-musicians-page/
Like most of you, I too LIKE Facebook, and ever since my last TechCrunch post (How to Build Engaging One-of-Kind Facebook Fan Pages), I've been exploring and trying to find new ways to improve the creation process of a Page. This time, I'd like to focus on a how-to for the musicians among you.
If you are one of the talented musicians on Facebook, this simple guide should be of great use to you.
Discover Amazing Vectors World: 76 Amazing Vector Resources
http://www.1stwebdesigner.com/resources/vector-webdesign-resources/
Discover Amazing Vectors World: 76 Amazing Vector Resources
Customize Your Facebook Fan Page: Tips, Tricks, Applications
http://www.1stwebdesigner.com/development/customize-facebook-fan-page/
Customize your #Facebook fan page: tips, tricks, applications http://dld.bz/jBDU
Cross-browser kerning-pairs & ligatures
http://www.aestheticallyloyal.com/public/optimize-legibility/
Improved handling of kerning pairs and ligatures in modern browsers using the text-rendering: optimizeLegibility; declaration.
Improved handling of kerning pairs and ligatures in modern browsers using the text-rendering: optimizeLegibility
It's all about a declaration. Try: text-rendering: optimizeLegibility; and you're done.
CSS statement supported by Webkit and Firefox.
15 Must-Have Minimalist Icon Sets | Freebies
http://webdesignledger.com/freebies/15-must-have-minimalist-icon-sets
iconos
Home - Pencil Project
http://pencil.evolus.vn/en-US/Home.aspx
a very good diagramming tool inside the browser
Personal Collection
The Pencil Project's unique mission is to build a free and opensource tool for making diagrams and GUI prototyping that everyone can use.
50 Powerful Time-Savers For Web Designers - Smashing Magazine
http://www.smashingmagazine.com/2010/06/28/50-powerful-time-savers-for-web-designers/
50 Powerful Time-Savers For Web Designers
Creating Retro Folded Typography Using Photoshop
http://designinstruct.com/text-effects/creating-retro-folded-typography-using-photoshop/
letras con efecto rasgado de fondo
Tutorial crear tipografía retro estlo aquarela
折り紙風タイポのチュートリアル
Onbile - Free mobile website templates
http://www.onbile.com/
Onbile - Free mobile website templates http://ow.ly/24Zhh
allows you to easily modify your site to be mobile friendly
just saw this in recent tabs
250 Quick Web Design Tips (Part 1)
http://sixrevisions.com/web_design/250-quick-web-design-tips-part-1/
You may or may not know some of the tips below — and you may or may not agree with everything listed — but hopefully it will give you some ideas for your own sites. This is the first part of a 2-part series.
50 Sketching Resources for User Experience Designers | inspireUX - User Experience quotes and articles to inspire and connect the UX community
http://www.inspireux.com/2010/06/28/50-sketching-resources-for-user-experience-designers/
How To Control Flow Within Your Web Designs - Speckyboy Design Magazine
http://speckyboy.com/2010/06/18/how-to-control-flow-within-your-web-designs/
WebサイトをiPhoneで見やすくする5つの方法 | Webクリエイターボックス
http://www.webcreatorbox.com/tech/make-website-iphone-layout/
まとまってて参考になりそう
iOS Icons in Pure CSS | Graphicpeel
http://graphicpeel.com/cssiosicons
Shut up ! Only CSS ! That is ridiculous
90+ Clean and Minimal Web Designs for Design Inspiration | Inspiration | instantShift
http://www.instantshift.com/2010/06/04/90-clean-and-minimal-web-designs-for-design-inspiration/
シンプルイズベストなサイト事例。
90 Sites Clean
RT @carolHoffmann: Esse é para guardar nos favoritos :-) Clean and Minimal Web Designs for Design Inspiration http://bit.ly/bsMU2Y
DesignM.ag – 10 Excellent About Pages from Designer Portfolios
http://designm.ag/inspiration/about-pages/
Portfolio sites are primarily intended to showcase the work of the designer, but they also provide an opportunity for potential clients to get to know more about the designer and to feel a personal connection. Clients generally prefer to work with someone that they like personally, not just someone who has the technical skills to get the job done. Having an About Page that does an effective job of connecting with potential clients can go a long way towards having a steady flow of new work. In this post we'll take a look at 10 examples of About Pages from designer portfolio sites. Mr. Joe Payton Joe Payton's About Page includes illustrations to go along with the different stages of his bio.
ipad vector GUI elements: tabs buttons menus icons | Icon Library
http://iconlibrary.iconshock.com/icons/ipad-vector-gui-elements-tabs-buttons-menus-icons/
ipad vector GUI elements: tabs buttons menus icons | Icon Library http://ow.ly/259su
Great freebie from iconshock, this set contains almost all ipad UI elemments, including buttons, tabs, menus, keyboard, balloms, etc etc… very useful for designers and developers, it includes scalable and totally editable vector versions (adobe illustrator)
b
Another great freebie from iconshock, this set contains almost all ipad UI elemments, including buttons, tabs, menus, keyboard, balloms, etc etc… very useful for designers and developers, it includes scalable and totally editable vector versions (adobe illustrator), enjoy it and spread the word twitting and stumbling
http://migre.me/QWw7 - elementos do Ipad em vetor! :D – Leandro Varanda (leandrovaranda) http://twitter.com/leandrovaranda/statuses/16698504351
40 Creative 404 Error Pages to Inspire You | Inspiration
http://webdesignledger.com/inspiration/40-creative-404-error-pages-to-inspire-you
These are times when the 404 page will receive a few visits, but visiting an error page isn’t necessarily part of a pleasant user experience
Make more of your mockups - Mocksup
http://mocksup.com/
nice application which turns static designs into clickable prototypes.
Planning your E-Commerce Website
http://sixrevisions.com/web-development/planning-your-e-commerce-website/
Whether theming an e-commerce website or doing a full-scale build, one of the most important parts in the whole process is the planning.
Planning your e-commerce website http://dld.bz/jyNV
Make more of your mockups - Mocksup
http://mocksup.com/
nice application which turns static designs into clickable prototypes.
Photoshop Vip » iPhone 3G, 4, iPadアプリ制作にばっちりなUIデザインキット12個まとめ
http://photoshopvip.net/archives/16526
RT @deliciouspb: Photoshop Vip » iPhone 3G, 4, iPadアプリ制作にばっちりなUIデザインキット12個まとめ http://bit.ly/baK0Oo
10 Mind-Blowing Experimental CSS3 Techniques and Demos - Speckyboy Design Magazine
http://speckyboy.com/2010/05/21/10-mind-blowing-experimental-css3-techniques-and-demos/
HTML5で構築されたテンプレート・フレームワークいろいろ | DesignWalker
http://www.designwalker.com/2010/06/html5-template.html
Drexler
http://drxlr.com/
Digital agency. Great website.
nice horizontal navigation
Home // Think Vitamin Membership
http://membership.thinkvitamin.com/
A brand new online training service that delivers amazing, cutting-edge video right to your desktop every day.
Centenas de cursos de formação de vídeo
Sexy Image Hover Effects using CSS3 | Nikesh Hayaran's Blog
http://www.nikesh.me/blog/2010/05/sexy-image-hover-effects-using-css3/
Write The Future on Vimeo
http://vimeo.com/11896489
RT @draenews: Del Write The Future on Vimeo: http://vimeo.com/11896489
Watch Write The Future on Vimeo! http://vimeo.com/11896489
Increible video sobre el mundial de futbol, sobre el futbol en si y sobre lo que le rodea. Nike. http://j.mp/dDA4g4
Great video / commercial: Write the Future by Nike http://bit.ly/adpLLe via @zen_habits
"Write The Future" on Vimeo ( http://bit.ly/ckyrYN )
Transparency in Web Design | CSS-Tricks
http://css-tricks.com/transparency-in-web-design/
La trasparenza nel web design
How is it done? Let's take a gander at four different ways. Each of them handling the illusion in a different way, and each completely appropriate depending on
小さくてもくっきり、商用利用も無料のミニアイコン290種 | コリス
http://coliss.com/articles/freebies/freebies-icon-interface-design-icons.html
Top 45 Wordpress Plugins & Tools For The Administration Area | Design your way
http://www.designyourway.net/blog/resources/top-45-wordpress-plugins-tools-for-the-administration-area/
Top 45 Wordpress Plugins & Tools For The Administration Area | Design your way - http://www.designyourway.net/blog/resources/top-45-wordpress-plugins-tools-for-the-administration-area/
45 สุดยอดปลั๊กอินสำหรับหน้า Admin Wordpress
huge list of useful plugins for WP admins
Typekit and Google Announce Open Source Collaboration « The Typekit Blog
http://blog.typekit.com/2010/05/19/typekit-and-google/
More: http://bit.ly/bckNoh and "I'm surprised that most of the stuff in the current Google font directory made the cut": http://typophile.com/node/70557#comment-412118
Better to work with, than against, a giant.
Typekit announces that it has teamed up with Google to build the Web Font Loader API, which more smoothly enables web designers to load custom fonts into their pages. Additionally, Typekit has added Goolgle’s new collection of free web fonts to it's own offering.
More Than 620 Bokeh Background Textures | Psdtuts+
http://psd.tutsplus.com/articles/web/more-than-620-bokeh-background-textures/
background textures for download
As I'm sure you already know, textures can come in very handy; whether you're using them to subtly add interest to your work, or in full-blown, award-winning
efeito de luz
The Web Strategy Pyramid: A Well-balanced Web Strategy
http://sixrevisions.com/content-strategy/the-web-strategy-pyramid-a-well-balanced-web-strategy/
Remember when mom always told you to eat your vegetables? Little did you know she was giving you fantastic advice for managing your Web strategy. In these days of Twitter, Facebook, forums, blogs and more, it can be tempting to skip over the basics and dive headfirst into an oh-so-tempting dish of social media or SEO "tricks." Businesses of all sizes are pigging out on social media without putting an equal amount of effort into forging a solid foundation built on a user-friendly Web experience and great content. To deliver a site that gives users the experience they are looking for, we need to set it upon a solid foundation of content, usable navigation, and strong SEO practices. With this in mind, let’s take a look at what I call the "The Web Strategy Pyramid" (a tip of the hat to the FDA’s Food Pyramid for the inspiration).
Jason Schubring
Let's take a look at what I call the The Web Strategy Pyramid.
50 Corporate Website Examples | Naldz Graphics
http://naldzgraphics.net/inspirations/50-corporate-website-examples/
Of all the man-made development today, the web is indeed one of the most influential technology that has been created. Currently, most business organization turn to web development in either advertising or developing the company.. In this stage, web designers and developers play an important role in providing the company an effective web design to take control of the progress of the project. We now bring you 50 Corporate Website Examples that you can look into for future projects that may involve corporate web designs. The collection has been made to provide inspiration to web designers in the proper approach in designing web sites on the same project in the future. Come and browse through this collection and let the inspiration get you!!!
Of all the man-made development today, the web is indeed one of the most influential technology that has been created. Currently, most business organization turn to web development in either advertising or developing the company.. In this stage, web designers and developers play an important role in providing the company an effective web design to take control of the progress of the project. We now bring you 50 Corporate Website Examples that you can look into for future projects that may involve corporate web designs. The collection has been made to provide inspiration to web designers in the proper approach in designing web sites on the same project in the future. Come and browse through this collection and let the inspiration get you!!! You may want to take a look at the following related articles: • 45+ Inspiring Examples of Vintage in Web Design • 30 Beautiful and Illustrative Website Footers • 40+ Examples of Horizontal Scrolling Websites • 44 Examples of Nature Inspired We
Top 16 Free Online Tools for Designers – Designzzz
http://www.designzzz.com/top-16-free-online-tools-for-designers
Taking Photoshop’s Curves Beyond Highlights and Shadows | Webdesigner Depot
http://www.webdesignerdepot.com/2010/06/taking-photoshops-curves-beyond-highlights-and-shadows/
Photoshop’s Curves is a flexible control that can brighten or darken parts of a layer based on the layer’s luminosity. Editing tones in an image—not just grays and not always photos—can do more than fix highlights and shadows. Curves can be used to edit photos, masks, graphics and even hues. But using it requires a little know-how and imagination. Read on for more details about what Photoshop curves are, as well as how to use them properly for your designs.
Taking Photoshop’s Curves Beyond Highlights and Shadows | Webdesigner Depot
Windows 8 Plans Leaked: Numerous Details Revealed | Windows 8, Windows Phone 8, Office 15 | Stephen Chapman @ MSFTKitchen
http://msftkitchen.com/2010/06/windows-8-plans-leaked-numerous-details-revealed.html
Over the weekend, the Italian Windows site “Windowsette” got a hold of some super secret squirrel Microsoft presentations apparently laying around on the internet somewhere. I took a look through every single one of these, slide-by-slide, so I’m quite confident these are the real deal. I Windows 8 Developer Market No surprise here that Microsoft’s addressable developer market for Windows 8 spans from hobbyist/non-professional developers to professional developers to science, technology, engineering, and math developers:
A big thanks to @floo1989 for the heads-up! Over the weekend, the Italian Windows site Windowsette got a hold of some super secret squirrel
Está suuuper interesante esta presentación "filtrada" sobre planes para Windows 8: AppStore, Reset de apps, etc. http://is.gd/d8duw [from http://twitter.com/dariuus/statuses/17287173249]
10 Beautiful Social Media Infographics
http://mashable.com/2010/07/01/social-media-infographics/
Digital love from Mashable. Gorgeous graphics for your viewing pleasure.
Grace Smith, writing on Mashable.com, introduces 10 infographics that make sense of social media's impact on our lives, and are beautiful to look at, too!
infographics,
Engage: The Complete Guide for Brands and Businesses to Build, Cultivate, and Measure Success in the New Web,
Bookshelf Porn: Archive
http://bookshelfporn.com/archive
estanterias!!
Bookshelf Porn
Boolean: The Pixel Icon City by ~PraX-08 on deviantART
http://prax-08.deviantart.com/art/Boolean-The-Pixel-Icon-City-166457851
great icon set
Good basic web/UI set.
55 jQuery Form Plugins To Download And Use | Design your way
http://www.designyourway.net/blog/resources/55-jquery-form-plugins-to-download-and-use/
Default forms are boring and that’s for certain. Styling your form with a jQuery plugin is the solution for your aesthetic issues with basic and old forms. There are here 55 jQuery plugins for forms covering everything that you would think of related to form styling with the powerful jQuery.
Default forms are boring and that’s for certain. Styling your form with a jQuery plugin is the solution for your aesthetic issues with basic and old forms.
Free icons!
http://www.iconfinder.com/free_icons/?ultimate
Free icons!
Fonts Live
http://www.fontslive.com/
technik zum einbinden von fonts mittels @font-face, microsoft, kostenpflichtig
Premium quality web fonts using CSS @font-face * Use real fonts, eliminate images for your headlines * Hand-tuned by the font experts at Ascender * Cloud-hosted service for fast implementation * Support for all major web browsers
PSD/HTML Conversion: Code a Clean Business Website Design
http://sixrevisions.com/tutorials/web-development-tutorials/psdhtml-conversion-code-a-clean-business-website-design/
turorial
PSD/HTML Conversion: Code a Clean Business Website Design - http://sixrevisions.com/tutorials/web-development-tutorials/psdhtml-conversion-code-a-clean-business-website-design/
Catalog Living
http://catalogliving.tumblr.com/
Showcase Of Web Design In Lithuania - Smashing Magazine
http://www.smashingmagazine.com/2010/06/03/showcase-of-web-design-in-lithuania/
сайт с очень многим о дизайне прост озаебись сайт есть чему поучится!!! Имеются обои ccs таблицы, psd, шрифты, различные иллюстрации примеры сайтов и тд и тп.
Smashing Magazine
FAQ Pages: Best Practices and Examples - Noupe
http://www.noupe.com/how-tos/faq-pages-best-practices-examples.html
345 Free PowerPoint templates, themes and backgrounds
http://www.presentationmagazine.com/free_powerpoint_template.htm
WEBデザインをプロっぽく仕上げるPhotoshopのグラデーションファイルの厳選まとめ | 日刊ウェブログ式
http://toshiiy.blog22.fc2.com/blog-entry-90.html
グラデーション
WEBデザインをプロっぽく仕上げるPhotoshopのグラデーションファイルの厳選まとめ | 日刊ウェブログ式フォトショップのグラデーションファイルは作業を早めるのに役立ちますし、テンプレートだと色の参考にもなります。PhotoshopやGIMPの色合いが美しいグラデーションを厳選してまとめました。Photoshop GradientsNice photoshop gradient setDownload SourceUber Glos
8 Ways FarmVille Designs for Engagement | Making sense of good and bad content
http://www.philmichaelson.com/user-generated-content/8-design-tactics-farmville/
Interssante #socialgaming insights uit #Farmville “@ProximityWW: Insights on social gaming provided by Zynga http://bit.ly/dePTnk”
Every web experience designer can learn from the tactics deployed in FarmVille to engage members over the long term. Here are 8 tactics you should include...
Designing compelling user experiences
RT @philmichaelson 8 Ways FarmVille Designs for Engagement | Making sense of good and bad content http://bit.ly/bqa9BM
Wrapping Long URLs and Text Content with CSS • Perishable Press
http://perishablepress.com/press/2010/06/01/wrapping-content/
Check, Please: A Typographic Checklist | CreativePro.com
http://www.creativepro.com/article/check-please-typographic-checklist
In the best of all possible worlds, we’d have type-savvy proofreaders or copy editors to check every project before it goes out the door. More often than not, though, quality assurance falls to the designer, page-layout artist, or compositor. Having spent years as a proofreader in a commercial type shop, I’ve created the following checklist of typographic details to make that final once-over easier.
When is a job really done? Here's a checklist of typographic issues you should verify before you say, "Ship it."
Usable Efficiency - Improving websites and the way you build them
http://www.usable-efficiency.com/
Usabilitat explicada en videos
10 Best Search Engines For Graphic Designers
http://resources.savedelete.com/10-best-search-engines-for-graphic-designers.html
Android Developers Blog: Twitter for Android: A closer look at Android’s evolving UI patterns
http://android-developers.blogspot.com/2010/05/twitter-for-android-closer-look-at.html
UI Patterns for small form factor devices, with the use case of the Twitter app.
OSを選ばないウェブデザイナーのための使えるウェブアプリ15*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-784.html
Most Creative People In Business 2010 | Fast Company
http://www.fastcompany.com/100/2010
I like @fastcompany's Top 100 Creative People in Business list http://bit.ly/9pVauN, though I wish it was easier to navigate
business
Mister – Graphic Design & Communication. Branding & Design for Online / Screen / Print & Publications. Glasgow, UK
http://www.studiomister.com/
damn, son -- look at that fucken grid
ret
Best Resources for Learning WordPress Development | Design Shack
http://designshack.co.uk/articles/css/best-resources-for-learning-wordpress-development
Best Resources for Learning WordPress Development
Odds are, if you’re a web developer, learning WordPress is either on your todo list or something that you’ve already committed yourself to. Learning to build WordPress themes is an excellent professional move that will open you to a wealth of new clients and personal opportunities. To follow up our article last week on tutorials for learning web design, below is a list of books and free tutorials specifically targeted at learning to develop for WordPress. Whether you’ve never heard of WordPress or are just looking to update your current WordPress skill set, there are plenty of resources below to get you on your way.
WordPress 3.0 for Web Designers | Carsonified
http://carsonified.com/blog/design/wordpress-3-0-for-web-designers/
ThinkVitamin - Carsonified's blog about the web
jQuery TRNSFR - Sexy Progress Bars
http://gf3.github.com/TRNSFR/
Beautiful Web Designs That Use Nature Themes
http://sixrevisions.com/design-showcase-inspiration/web-designs-use-nature/
nature inspired webdesigns
Giving your web design a natural look can make your website friendlier as well as show your appreciation of the environment. Here is a showcase of over 40 exceptional web designs that use nature themes.
Features
http://ilovetypography.com/OpenType/opentype-features.html
El formato Type1 en 256 caracteres se asignan a las teclas de nuestro teclado, se está convirtiendo en una cosa del pasado . Ahora el diseño y la producción de fuentes OpenType que puede constar de miles de caracteres - ligaduras adicionales , diversos conjuntos figura, valores de pequeña capitalización , estilístico suplentes, ...
The Type1 format where 256 characters are assigned to keys on our keyboard, is becoming a thing of the past. We now design and produce OpenType fonts which can consist of thousands of characters — additional ligatures, various figure sets, small caps, stylistic alternates, … — referred to as glyphs. With these many sets of glyphs integrated in a single font, we are faced with the challenge of including definitions instructing the applications we're using when to show which glyph. Simply adding a glyph with a ligature to your font doesn’t mean the program you’re using knows when or how to apply it. Whether you want your typeface to change the sequence of f|f|i into the appropriate ligature or want to use old-style figures instead of tabular, you’ll need to add features to your font — glyph substitution definitions — to make it happen. In this article we’ll give you a look behind the scenes of OpenType substitution features — a general rather than comprehensive overview as the subject is
10 Cool Free Computer Fonts That Will Make You Stand Out
http://www.makeuseof.com/tag/10-cool-free-computer-fonts-stand/
Catch the ‘Font Conference’ video that’s playing at the foot of the 5 Excellent Sources To Download Free Text Fonts. Times New Roman has his hands full
10 Cool Free Computer Fonts That Will Make You Stand Out
Web Design Concepts For Non Web Designers
http://choppingblock.com/presentations/201006_HOW_WebDesign/#slide1
inspiration concepts for web design
Présentation HTML5
Awesome Recent Website Redesigns | Webdesigner Depot
http://www.webdesignerdepot.com/2010/06/awesome-recent-website-redesigns/
It’s always so interesting when you go to a website you’ve been visiting for months or years to find they’ve been redesigned.
It’s always so interesting when you go to a website you’ve been visiting for months or years to find they’ve been redesigned. Some redesigns are immediately evocative of the old design, and can even leave you wondering if they have....
Web デザイン: もっと素敵に!リデザインしたサイトいろいろ
Awesome Recent Website Redesigns
Awesome recent website redesigns http://dld.bz/jyQK
20 New High-Quality Fonts for Your Designs | Freebies
http://webdesignledger.com/freebies/20-new-high-quality-fonts-for-your-designs
Decision-Making Models In Web Development - Smashing Magazine
http://www.smashingmagazine.com/2010/06/23/decision-making-models-in-web-development/
While some people naturally make good decisions, others struggle and need the support of a model or framework, in the same way that some people naturally make balanced Web designs and others prefer the help of a layout grid.
25 Fresh High Quality Fonts For Free Download
http://resources.savedelete.com/25-fresh-high-quality-fonts-for-free-download.html
2010.06.10
A History of the Site : Design Is History
http://www.designishistory.com/
History of graphic design. Site is thesis project of Dominic Flask.
Advertising, Identity and Branding, Illustration, Editorial Design, Typography, Infographics, Packaging, Posters, Motion Graphics, Interactive Design, Socially Responsible, and a Legend.
Top 10 Sites to Download Free High-Resolution Textures
http://savedelete.com/top-10-sites-to-download-free-high-resolution-textures.html
Textures are always very important element of any graphic design project. There was a time when graphic designers used to buy CD’s to get a collection of textures for their design projects. But gone are the days when you had to pay for textures. With the immense power of internet, you can find high-resolution textures and download them freely for your projects. There are thousands of websites that offer to download free textures for commercial use, but only some of them are really worth checking out. So, in this article, I am gathering best websites to download free textures so that you don’t have to waste your time on finding them and you can fully devote your time on your projects. All textures listed here will be free for commercial use but to be sure, please read copyright and legal documents before using it. For now, have a look on SaveDelete’s compilation of Top 10 Sites to Download Free High-Resolution Textures. You can also read best websites to download free vector images
Textures are always very important element of any graphic design project. There was a time when graphic designers used to buy CD
10 Marketing Resources Every App Should Provide | Web.AppStorm
http://web.appstorm.net/roundups/design-roundups/10-marketing-resources-every-app-should-provide/
Was man beachten soll, wenn eine App vermarktet wird
30 Best Websites To Download Free Texture
http://resources.savedelete.com/top-free-texture-download-sites.html
10 Tips for Designing HTML Emails | Design Shack
http://designshack.co.uk/articles/css/10-tips-for-designing-html-emails
e
6 Apps for Collecting Digital Inspiration | Design Shack
http://designshack.co.uk/articles/inspiration/6-apps-for-collecting-digital-inspiration
Hexagon Bokeh Effect in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/hexagon-bokeh-effect-photoshop
In 2008 I came up with a technique using the Brush Tool in Photoshop to create a digital bokeh effect. Then I mixed it with some gradient colors blended all together. The effect has become quite popular so I decided to upgrade a little bit the effect.
Type Folly—Google Font API web fonts preview
http://www.typefolly.com/
Get CSS3 or HTML code for custom font/text layouts.
Cool!
With TypeFolly you can create, save and export your type projects. All projects can be saved in our database or exported as compliant css / html.
かわいい上にハイクオリティなフリーのアイコン集 | コリス
http://coliss.com/articles/freebies/freebies-icon-by-icondock.html
ブログ用からEコマース用まで、極小サイズ、手書き風、折り紙風などシンプルでかわいいフリーのアイコンをIconDockから紹介します。
Prologue: Iron Man 2 | Motionographer | Motion graphics, design, animation, filmmaking and visual effects
http://motionographer.com/features/prologue-iron-man-2/
Article on iron man 2 motion graphics design.
Mood Board Creator by Olioboard
http://www.olioboard.com/
put interior design items on a "board' to see if they go together
MoodBoard-creation web tool
online design board!!!
iPad Walls - Your number one source for iPad Wallpapers, iPad Backgrounds, & iPad Images. Updated Daily!
http://www.ipadwalls.com/
Good looking free iPad wallpapers
Art-Spire, Source d’inspiration artistique / Les 100 meilleures agences digitales au monde
http://www.art-spire.com/webdesign/the-best-100-digital-agencies-in-the-world/
Art-Spire, Source d’inspiration artistique / Les 100 meilleures agences digitales au monde - http://www.art-spire.com/webdesign/the-best-100-digital-agencies-in-the-world/
100 melhores agencias digitais do mundo
Les 100 meilleures agences digitales au monde (Via @JeanDubearnes ) http://icio.us/atpssx – Youcef ES-SKOURI (Technologix) http://twitter.com/Technologix/statuses/17591971685
Why Design-By-Committee Should Die - Smashing Magazine
http://www.smashingmagazine.com/2010/06/29/why-design-by-commitee-should-die/
初心者さんのためのWebサイト制作に役立つリンク集 | Webクリエイターボックス
http://www.webcreatorbox.com/tech/web-links-for-beginners/
Webサイトを作る流れ まずはWebサイトを作る目的を考える 誰のため?何のため?Webサイトを作り始める前に。 サイトマップと呼ばれる構成図を作成 Webサイトの構成図を簡単に作れる便利ツール ワイヤーフレーム(Webサイトのレイアウト)を作成 Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する Photoshopなどでサイトのデザイン ここでやっとコーディング! 今回はこの5番目にあたるコーディングに関するチュートリアルサイトを中心に紹介します。基本は大事です。基本は。ちなみに私がWebの勉強を始めた時に毎日のように見ていたおすすめサイトは、海外では誰もが知っている(はず)の「W3 Schools」です。HTML、CSS、JavaScript、PHPなどなどかなりわかりやすくまとめられています
「Webサイト勉強するのにおすすめのサイトを教えてください!」との声が多いので初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。
あとで読む。初心者にマストな内容が自分に抜けてるのが怖いから!
Fresh and Excellent Photoshop Tutorials For Designing Posters (From 2010) - Noupe
http://www.noupe.com/tutorial/fresh-and-excellent-photoshop-tutorials-for-designing-posters-from-2010.html
HTML5__.jpg (JPEG Image, 1200x1312 pixels)
http://media.focus.com/images/uploaded/fyi/wtf-html5-infographic/HTML5__.jpg
What is HTML5?
LukeW | 10 Things I Learned In Web School
http://www.lukew.com/ff/entry.asp?1133
RT @draenews: Del LukeW | 10 Things I Learned In Web School: http://bit.ly/bBw8Mu
商用でも無料で利用できる高級感のある細字のフォント集 | コリス
http://coliss.com/articles/freebies/freebies-light-weight-font-from-fontsquirrel.html
英文フォント。
☆☆☆☆☆☆☆☆☆☆
30 Must Have Floral Brushes for Photoshop | Graphic and Web Design Blog
http://www.1stwebdesigner.com/resources/floral-brushes-photoshop/
30 Must Have #Floral #Brushes for #Photoshop http://bit.ly/9IXdo7
PHOTOSHOP
Liminal Existence: Beautiful Lines
http://blog.romeda.org/2010/06/beautiful-lines.html
An unobtrusive approach to presenting properly sized text for any reading device that might happen upon your carefully written text. First, if you're not already, drop everything and size all your text in ems. Your text should be 1.0 em, everything else in ems as appropriate.
Core77 speaks with Jonathan Ive on the design of the iPhone 4: Material Matters - Core77
http://www.core77.com/blog/object_culture/core77_speaks_with_jonathan_ive_on_the_design_of_the_iphone_4_material_matters_16817.asp
Jonathan Ive on the Design of the iPhone 4 http://j.mp/97OmTj – Stefan Tilkov (stilkov) http://twitter.com/stilkov/statuses/17781942888
"Materials matter." Oh yes they do.
Jonathan Ive on the Design of the iPhone 4 http://j.mp/97OmTj
"While [design schools today may have] sophisticated virtual design tools, the danger in relying on them too much is that we can end up isolated from the physical world," he says. "In our quest to quickly make three-dimensional objects, we can miss out on the experience of making something that helps give us our first understandings of form and material, of the way a material behaves--'I press too hard here, and it breaks here' and so on. Some of the digital rendering tools are impressive, but it's important that people still really try and figure out a way of gaining direct experience with the materials."
It is this sort of materials obsession and constant experimentation that led to a decision to use scratch-resistant aluminosilicate glass for the front and back of the phone, as well as developing their own variant of stainless steel to edge the device. When you see the breaks, the three little black reveals that interrupt the band, in photographs, you could be forgiven for assuming you're seeing three separate strips of metal with gaps in between; but in fact it's all one piece.
Not quite as in depth as I might have liked, but interesting nonetheless.
""The best design explicitly acknowledges that you cannot disconnect the form from the material--the material informs the form," says Ive. "It is the polar opposite of working virtually in CAD to create an arbitrary form that you then render as a particular material, annotating a part and saying 'that's wood' and so on. Because when an object's materials, the materials' processes and the form are all perfectly aligned, that object has a very real resonance on lots of levels. People recognize that object as authentic and real in a very particular way.""
"For a designer to continually learn about materials is not extracurricular, it's absolutely essential." http://j.mp/9XUJPe – Jennifer Brook (jenniferbrook) http://twitter.com/jenniferbrook/statuses/17603828601
Is Your Artwork Ready for Print? :: Echo Enduring Blog
http://blog.echoenduring.com/2010/05/04/is-your-artwork-ready-for-print/
Google Font API で手軽に始めるフォント遊び : could
http://www.yasuhisa.com/could/article/google-font-api/
Webで書体を自由に選べる時代も近いのだなと思った。
Wicked CSS3 3d bar chart
http://www.marcofolio.net/css/wicked_css3_3d_bar_chart.html
How to create a very cool 3D barchart with CSS3.
伊藤内科医院
http://ito-naika.net/
おもしろいな、これ。
Flashじゃなくてもリッチさが表現できるサイト。デザインの色味が素敵です。
大分市大石町 伊藤内科医院のWebサイトです。大分県大分市大石町4丁目1組の2 / 診療科: 内科・循環器科・呼吸器科・消化器科・小児科 / 診療時間: 午前8時半~正午・午後1時半~午後5時半 / 休診日: 日曜・祭日・木曜午後・土曜午後
mootoolsを使った可変グリッド。
コンテンツが可変だったり、移動できたりします。
デザイン的に良いか悪いかは、別にして新しい表現だと思う。
40 Tasty Restaurant Websites to Inspire You | Inspiration
http://webdesignledger.com/inspiration/40-tasty-restaurant-websites-to-inspire-you
Nice: "40 Tasty Restaurant Websites to Inspire You" http://bit.ly/duA1qL (webdesignledger.com) – Jan Jursa (IATV) http://twitter.com/IATV/statuses/17836486957
30 Useful Frameworks for Designers | Webdesigner Depot
http://www.webdesignerdepot.com/2010/07/30-useful-frameworks-for-designers/
10 Common Mistakes Made by Novice Web Designers
http://www.sitepoint.com/blogs/2010/06/15/top-10-web-design-mistakes/
RT @LevelTen_Colin: 10 Common Mistakes Made by Novice Web Designers - http://b2l.me/3vynb
日本語版 WordPress チートシート | Webクリエイターボックス
http://www.webcreatorbox.com/tech/japanese-wordpress-cheat-sheet/
WordPressのよく使うコードなどをまとめたチートシートです。印刷用もあり。
とりあえず出力した
Code Free Font | Fontfabric™
http://fontfabric.com/code-free-font-3/
Code free font is applicable for any type of graphic design – web, print, motion graphics etc and perfect for t-shirts and other items like posters, logos.
Franco-Provencal, Fre
Description: Code free font is applicable for any type of graphic design – web, print, motion graphics etc and perfect for t-shirts and other items like posters, logos.
Grandpeople
http://grandpeople.no/
Color reminder - Design inspiration
http://coloreminder.com/
Coloreminder is a web tool, that helps designer, webmasters... to find colors easily and inspiration http://coloreminder.com/ #design
Web Speaks: 25 Incredibly Useful CSS Tricks You Should Know
http://www.webspeaks.in/2010/07/25-incredibly-useful-css-tricks-you.html
News | The Times
http://www.thetimes.co.uk/tto/news/
mega menus
-- Your PC's Font Viewer!! --
http://font.colorfull.jp/
Muito Bom - Gera fonts
PCにインストールされているフォントの一覧が見れる
自分のPCに入っているフォントの一覧。
フォント一発でわかるとか便利すぎじゃねー!?
pcのフォント情報をレンダリングして確認できるツール
サイトにアクセスするだけで自分のパソコンにインストールされているフォントを一覧表示してくれるオンラインサービス。
Examples of CSS3 in the Wild
http://sixrevisions.com/css/examples-of-css3-in-the-wild/
30 Photoshop Tutorials To Create Website Layouts
http://www.bestfreewebresources.com/2010/07/photoshop-tutorials-website-layouts.html
The Basics for Email Template Design - Web Design Blog – DesignM.ag
http://designm.ag/resources/the-basics-for-email-template-design/
The Basics for Email Template Design - Web Design Blog – DesignM.ag - http://designm.ag/resources/the-basics-for-email-template-design/
Designing Email templates has proven to be a tricky thing. Between the many possible variables with different email clients and an effective message that communicates with the end user, email has basic elements that must be followed for success. Below I have outlined the difference and strategies of design and functionality. Enjoy! Design: I always encourage simplicity with design. You must consider how your template is going to be given to your end user. Chances are these days that your end user will be quickly reading their emails on their phones while in the car, in the middle of working, or while there are screaming kids in the background. Because of this, you must make your design sell in a matter of seconds. Below are great and effective examples of email templates:
Wikidot & CSS3: Infobox with Pure CSS 3D Ribbon
http://css3.wikidot.com/blog:infobox-with-pure-css-3d-ribbon
Иконки. Скачать иконки для сайта. Бесплатные иконки. Иконки в формате PNG
http://www.iconsearch.ru/
Поиск по бесплатным иконкам. Также см. http://favicon.ru/ для преобразования картинок в .ico файлы
Design a Facebook page for Free!
http://www.pagemodo.com/
Pagemodo, design a tab, design a welcome page, facebook
Facebook - to help set up Facebook pages.
Design a Welcome page for Facebook so people see this page before they see your wall, etc.
40 Beautiful Examples of Minimal Design for Inspiration | Graphic and Web Design Blog
http://www.1stwebdesigner.com/inspiration/beautiful-examples-minimal-design-inspiration/
美しいミニマルデザイン40
40 Beautiful Examples of Minimal Design for Inspiration - http://www.1stwebdesigner.com/inspiration/beautiful-examples-minimal-design-inspiration/
This concept of creating a web page tends to emphasize the idea that “less is sometimes more”. Nowadays all the websites are using big headers, enormous footers all full of colors and amazing pictures; much more an important page should have at least a Flash application.
White space helps content breathe.
About Pages: Good, Bad, and Missing | UX Booth
http://www.uxbooth.com/blog/about-pages-good-bad-and-missing/
Users rarely begin their relationship with a company though its About page. More often than not, they learn about us based on what we do, the product or service that we offer. Why, then, should they want to learn more? About pages help users discover who lives behind the websites we create.
Mea Culpa
http://alarmingdevelopment.org/?p=422
любопытная критическая статья о программировании как роде занятий и программистах как человеческих особях (можно разбирать на цитаты)
надо прочитать статью по программированию
The only weapons we have are simplicity and convention. Tattoo that on your forehead in reverse so that you always see it reflected in the screen.
"Cleverness cannot win. The only weapons we have are simplicity and convention" -- Jonathan Edwards http://bit.ly/bN6uNc – Kent Beck (KentBeck) http://twitter.com/KentBeck/statuses/14886605168
"cleverness cannot win": http://is.gd/cNTaE — крайне труднодоносимая до ярких крутых кодеров истина. – Иван Сагалаев (isagalaev) http://twitter.com/isagalaev/statuses/16088129633
How To Make The Right Keyword Analysis For Your Website (Part-2)
http://www.1stwebdesigner.com/development/right-keyword-analysis-2/
title of the page is the second characteristics Google will see when indexing your page after its name.
9 Usability And UX Pitfalls, And How To Avoid Them
http://www.1stwebdesigner.com/development/usability-ux-pitfalls-howto-avoid/
RT @draenews: Del 9 Usability And UX Pitfalls, And How To Avoid Them: http://bit.ly/cVVwO2
画像に使用されているフォントの名前が分かるオンラインサービス -What Font is | コリス
http://coliss.com/articles/web-services/online-whatfontis.html
画像に使用されているフォントの名前が分かるオンラインサービス -What Font is | コリス
なにこれ凄い。
画像に使用されているフォントの名前が分かるオンラインサービス
Chocomize Personalized Chocolate Bars, Wedding Chocolate Favors. Design Chocolate Bars, Choose from over 90 Ingredients
http://www.chocomize.com/
birthday gift idea
99 Icon Sets To Use In Commercial Design Projects | Creative Nerds
http://creativenerds.co.uk/freebies/99-icon-sets-for-use-in-commercial-design-projects/
99 setow do wykorzystania komercyjnie
クオリティ高いなぁ。
A List Apart: Articles: Supersize that Background, Please!
http://www.alistapart.com/articles/supersize-that-background-please/
Create properly scaling backgrounds.
Good use of background cover property and @media queries
Instead of using one fixed background size, a better solution would be to scale the image to make it fit within different window sizes. Unfortunately, CSS 2.1 has no means of scaling background images. There are a couple of workarounds, however these all rely on the HTML img element (instead of CSS backgrounds). They also use absolute positioning for layering and tables or scripting to enable resizing. Additionally, not all of these techniques preserve the image’s ratio, which results in unrealistically stretched backgrounds.
Designing A Facebook Fan Page: Showcases, Tutorials, Resources - Smashing Magazine
http://www.smashingmagazine.com/2010/07/07/designing-a-facebook-fan-page-showcases-tutorials-resources/
How To Create Impressive Welcome Page For Your Facebook Fan Page Absolutely Free
http://savedelete.com/how-to-create-impressive-welcome-page-for-your-facebook-fan-page-absolutely-free.html
Six Super Helpful Typography Cheat Sheets | Resources
http://webdesignledger.com/resources/six-super-helpful-typography-cheat-sheets
Some may argue that typography is the single most important aspect of web design, but yet it's often one of the most neglected and overlooked. There's a lot
Some may argue that typography is the single most important aspect of web design, but yet it’s often one of the most neglected and overlooked. There’s a lot involved in typography, and becoming a master can be difficult. A lot of it requires much experience, practice, and knowing the rules and do’s and dont’s. Nevertheless, there’s a lot to remember. So to provide a little typography aid, we’ve rounded up Six Super Helpful Typography Cheat Sheets.
20 Websites with Carefully Crafted and Convincing Copy | Design Shack
http://designshack.co.uk/articles/inspiration/20-websites-with-carefully-crafted-and-convincing-copy/
http://www.stevenlittledesign.com/
via Lisa Bledsoe
Good Practices for Delivering Print Files – fontografist.com
http://www.fontografist.com/tips-tricks/good-practices-for-delivering-print-files/#more-116
Currently there is an overabundance of web designers out there that are extremely talented and can create some really cool stuff. But in my twelve years of experience designing for print, on both the Printer and Agency side of things, I have encountered multiple cases where people fall short in the delivery of their creative when it comes to print work, sometimes causing unnecessary charges from the printer to fix their mistakes. Add to that the fact that I have been approached by more than a few of my friends and colleagues with a “deer-in-headlights” demeanor when it comes to creating or delivering stuff for print. For this, I have compiled a list of good practices and basic guidelines to ensure that your jobs are delivered efficiently. This is, of course, assuming that you are using InDesign as your final delivery vehicle (which I recommend) regardless of which application you used to design the piece.
The Evolution of The Logo - Smashing Magazine
http://www.smashingmagazine.com/2010/07/06/the-evolution-of-the-logo/
Smashing magazine on the evolution and future of the logo in a post-brand era. Very interesting. http://ow.ly/280jL – Simon Mainwaring (simonmainwaring) http://twitter.com/simonmainwaring/statuses/17971112135
Although it covers the history of logo development, the final paragraphs cover the future of brands and branding
Logo design has been a controversial subject in the design press lately. One branding professional recently claimed that logo design is not that hard to do and another said that logos are dead; some rebutted while others concurred. Why all the fuss?
10 Things CEOs Need to Know About Design
http://www.slideshare.net/novaurora/10-things-ceos-need-to-know-about-design
RT @draenews: Del 10 Things CEOs Need to Know About Design: http://bit.ly/blN9sT
10 Things CEOs Need to Know About Design
1. Design can change businesses 2. Design is more than pretty pictures 3. Talks benefits not features 4. Thinks in flows not screens 5. Doesn’t make the user think 6. Starts with a great story 7. Uses design as a lever 8. Gets out of the office 9. Has a bible 10. Repeats & refines
35 Fresh and Useful Photoshop Tutorials
http://smashinghub.com/fresh-and-useful-photoshop-tutorials.htm
Part of being a designer, you need yourself up-to-date and sharp skills. Skills can be spanning a broad range of expanding your range of techniques. Photoshop is most useful for designers.
Onde atuam os 736 jogadores da Copa 2010 : Especial - Esportes - Copa 2010 - Estadão.com.br ...
http://www.estadao.com.br/especiais/2010/06/copa_jogadores.shtm
RT @mejutto: @trecet Impresionante gráfico sobre donde juegan los jugadores de cada equipo del mundial. http://is.gd/djHEr
Psychological Study of Web Designs | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/psychological-study-web-designs
Psychological Study of Web Designs | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials - http://abduzeedo.com/psychological-study-web-designs
25 of the Best Calligraphy Fonts for Designers | Vandelay Design Blog
http://vandelaydesign.com/blog/design/calligraphy-fonts/
25 of the Best Calligraphy Fonts for Designers
Does SharePoint Destroy Intranet Design? (Jakob Nielsen's Alertbox)
http://www.useit.com/alertbox/sharepoint.html
Does SharePoint Destroy Intranet Design?
Great article on the difference between intranets and internet websites from the design standpoint.
Visual Bits
http://visual.neography.com/
Non Hover | Trent Walton
http://trentwalton.com/2010/07/05/non-hover/
Working around hover states for touchscreens
interesting piece on differences between pointer and touchscreen devices: 'non hover' - diff b/t gallery and web for us http://is.gd/dknDz
50 High Quality Funky and Groovy Fonts for Your Designs | Graphic and Web Design Blog
http://www.1stwebdesigner.com/freebies/free-high-quality-funky-groovy-fonts/
Must Have Dark Textures Pack for Designers - Web Design Blog – DesignM.ag
http://designm.ag/resources/must-have-dark-textures-pack-for-designers/
Dark design is always appealing to the viewers whether you are creating a website or poster design. Adding dark textures can take your design to next level because textures always makes your design pop and aesthetic. In this post we have collected some of the best dark textures packs on the web. In total there are more than 50 textures included in the post.
Complete Toolbox: 55 CSS Menu And Button Coding Tutorials
http://www.1stwebdesigner.com/tutorials/css-menu-button-tutorials/
The Importance of Copywriting in Web Design | Design Shack
http://designshack.co.uk/articles/business-articles/the-importance-of-copywriting-in-web-design
ideas for making the home page content and article teasers better
Copywriting
"design and copywriting are two sides of the same coin; inseparable in every way"
Get Inspired: 35+ Warm VS Cool Color Website Designs
http://www.1stwebdesigner.com/inspiration/warm-cool-color-website-designs/
paginas muuyyyyy chulassss
The Power of jQuery with Ajax
http://sixrevisions.com/javascript/the-power-of-jquery-with-ajax/
(...) As the web evolves, new technologies are emerging and uniting in remarkable ways. The combination of Ajax and jQuery, in particular, is one of the most powerful unions to date.
The Importance of Copywriting in Web Design | Design Shack
http://designshack.co.uk/articles/business-articles/the-importance-of-copywriting-in-web-design
【deli_post】The Importance of Copywriting in Web Design | Design Shack http://goo.gl/NBAf #deli_post
ideas for making the home page content and article teasers better
Copywriting
Get Inspired: 35+ Warm VS Cool Color Website Designs
http://www.1stwebdesigner.com/inspiration/warm-cool-color-website-designs/
暖色&寒色を使ったサイト35こまとめ。
A List Apart: Articles: Prefix or Posthack
http://www.alistapart.com/articles/prefix-or-posthack/
problems of browser specific css
A really good article about how CSS evolved and how it should have evolved. Pretty good read and I agree with the conclusion.
Great article by Eric Meyer on the need of vendor-prefixed CSS properties.
Prefix or Posthack /by @meyerweb via @alistapart http://j.mp/cSR0ty #css #css3 #webdesign
The Power of jQuery with Ajax
http://sixrevisions.com/javascript/the-power-of-jquery-with-ajax/
(...) As the web evolves, new technologies are emerging and uniting in remarkable ways. The combination of Ajax and jQuery, in particular, is one of the most powerful unions to date.
The Importance of Copywriting in Web Design | Design Shack
http://designshack.co.uk/articles/business-articles/the-importance-of-copywriting-in-web-design
【deli_post】The Importance of Copywriting in Web Design | Design Shack http://goo.gl/NBAf #deli_post
ideas for making the home page content and article teasers better
Copywriting
Get Inspired: 35+ Warm VS Cool Color Website Designs
http://www.1stwebdesigner.com/inspiration/warm-cool-color-website-designs/
暖色&寒色を使ったサイト35こまとめ。
Why never to ask favours from the designers
http://www.familybiking.com.tw/lost_cat.html
"Story goes : Shannon (the secretary) has lost her cat and has asked David (the graphic designer) to help with a lost poster. This is their email correspondence..."
Create A Clean and Stylish CSS3 Contact Form | Voosh Themes
http://www.vooshthemes.com/blog/design-tutorial/create-a-clean-and-stylish-css3-contact-form/
Building stylish contact forms typically requires the use of images (and maybe some JavaScript) to create something that looks professional. However, with CSS3 it’s now much easier to create some nice effects that don’t require the use of any images, yet can still look clean and stylish. In this tutorial we’re going to look at a range of different CSS3 effects – in particular, we’ll be creating background gradients, adding shadows to elements, applying some rounded corners, and adding a couple of simple animation effects.
A List Apart: Articles: Prefix or Posthack
http://www.alistapart.com/articles/prefix-or-posthack/
So the next time you find yourself grumbling about declaring the same thing four times, once for each browser, remember that the pain is temporary. It’s a little like a vaccine—the shot hurts now, true, but it’s really not that bad in comparison to the disease it prevents.
problems of browser specific css
A really good article about how CSS evolved and how it should have evolved. Pretty good read and I agree with the conclusion.
Great article by Eric Meyer on the need of vendor-prefixed CSS properties.
The Power of jQuery with Ajax
http://sixrevisions.com/javascript/the-power-of-jquery-with-ajax/
The Importance of Copywriting in Web Design | Design Shack
http://designshack.co.uk/articles/business-articles/the-importance-of-copywriting-in-web-design
【deli_post】The Importance of Copywriting in Web Design | Design Shack http://goo.gl/NBAf #deli_post
ideas for making the home page content and article teasers better
Copywriting
Get Inspired: 35+ Warm VS Cool Color Website Designs
http://www.1stwebdesigner.com/inspiration/warm-cool-color-website-designs/
Get Inspired: 35+ Warm VS Cool Color Website Designs
暖色&寒色を使ったサイト35こまとめ。
35 Excellent Adobe Fireworks Tutorials | Vandelay Design Blog
http://vandelaydesign.com/blog/design/fireworks-tutorials/
Fireworks视频教程
あとでやる!!!
Why never to ask favours from the designers
http://www.familybiking.com.tw/lost_cat.html
Create A Clean and Stylish CSS3 Contact Form | Voosh Themes
http://www.vooshthemes.com/blog/design-tutorial/create-a-clean-and-stylish-css3-contact-form/
Create A Clean and Stylish CSS3 Contact Form
A List Apart: Articles: Prefix or Posthack
http://www.alistapart.com/articles/prefix-or-posthack/
So the next time you find yourself grumbling about declaring the same thing four times, once for each browser, remember that the pain is temporary. It’s a little like a vaccine—the shot hurts now, true, but it’s really not that bad in comparison to the disease it prevents.
problems of browser specific css
A really good article about how CSS evolved and how it should have evolved. Pretty good read and I agree with the conclusion.
Great article by Eric Meyer on the need of vendor-prefixed CSS properties.
The Power of jQuery with Ajax
http://sixrevisions.com/javascript/the-power-of-jquery-with-ajax/
The Importance of Copywriting in Web Design | Design Shack
http://designshack.co.uk/articles/business-articles/the-importance-of-copywriting-in-web-design
【deli_post】The Importance of Copywriting in Web Design | Design Shack http://goo.gl/NBAf #deli_post
ideas for making the home page content and article teasers better
Copywriting
Get Inspired: 35+ Warm VS Cool Color Website Designs
http://www.1stwebdesigner.com/inspiration/warm-cool-color-website-designs/
Get Inspired: 35+ Warm VS Cool Color Website Designs
暖色&寒色を使ったサイト35こまとめ。
Beyond Frustration: Three levels of happy design | UX Magazine
http://uxmag.com/design/beyond-frustration-three-levels-of-happy-design
she
7 lines of code, 3 minutes: Implement a programming language
http://matt.might.net/articles/implementing-a-programming-language/
Implementing a programming language is an experience no programmer should go without; the process fosters a deep understanding of computation, and beside that, it's fun!
!
Writing a new programming Language
A Beginner’s Guide to Design Patterns | Nettuts+
http://net.tutsplus.com/articles/general/a-beginners-guide-to-design-patterns/
This is more for programmers than Designers lol - (unless you do both)
50 Examples of Drop-Down Navigation Menus in Web Designs
http://sixrevisions.com/design-showcase-inspiration/50-examples-of-drop-down-navigation-menus-in-web-designs/
Beyond Frustration: Three levels of happy design | UX Magazine
http://uxmag.com/design/beyond-frustration-three-levels-of-happy-design
From the article: " * Mindfulness * Flow * Meaning If you have these woven into a design, it will be pretty remarkable."
Web制作に役立つ、何度お勧めしても足りないくらい素敵なツール10選 - かちびと.net
http://kachibito.net/software/10-amazing-tools.html
使えるツール10選 Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。
12 Valuable CSS Cheat Sheet For Upcoming Web Designers
http://resources.savedelete.com/12-valuable-css-cheat-sheet-for-upcoming-web-designers.html
12 Valuable CSS Cheat Sheet For Upcoming Web Designers
Getting Ready for a Website Redesign: Advice, Resources and More - Noupe
http://www.noupe.com/design/getting-ready-for-a-website-redesign-advice-resources-and-more.html
jor focus in any design, but here we are more talking about your established readers, not just every user. The main difference is that when you are talking about every user you are
Een post waarin kort wordt uitgelegd waar je op moet letten bij een redesign van een reeds bestaande website
indic
By Robert Bowen There is a season for all things, and this holds true in the world of web design too. Naturally with the technologies and languages evolving at the...
Using Landmarks Makes Page Layout Easy | Webdesigner Depot
http://www.webdesignerdepot.com/2010/07/using-landmarks-makes-page-layout-easy/
A design may have impact. It may have style. But having these isn’t enough. To work well, a design has to have elements that play off each other’s
配置をマスターして「機能するレイアウト」を作る大切なポイント http://coliss.com/articles/build-websites/operation/design/using-landmarks-makes-page-layout.html
Web制作に役立つ、何度お勧めしても足りないくらい素敵なツール10選 - かちびと.net
http://kachibito.net/software/10-amazing-tools.html
10 maravilhosas ferramentas
使えるツール10選 Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。
12 Valuable CSS Cheat Sheet For Upcoming Web Designers
http://resources.savedelete.com/12-valuable-css-cheat-sheet-for-upcoming-web-designers.html
cábulas
12 Valuable CSS Cheat Sheet For Upcoming Web Designers
Googleが出してきたFont APIのすごさを体感したいなら…『Font Previewer』 - IDEA*IDEA ~ 百式管理人のライフハックブログ
http://www.ideaxidea.com/archives/2010/05/font_previewer.html
いいなこれ!
Wild Apricot Blog : Make Your Own Infographic
http://www.wildapricot.com/blogs/newsblog/archive/2010/05/25/make-your-own-infographic.aspx
muy buena pagina de como hacer infografias
If you’re not sure where to start to create your first infographic, remember that annotated maps, flow charts, graphs, many of the diagrams you may already be creating on the job can help your audience to see the meaning behind your data. Not sexy and artistic, you might think, but even a simple graphic is far more effective than asking your prospective supporters to study a spreadsheet – if done right! Here’s a little help for figuring out what information you want to communicate, which data points to select, and how to present the numbers in a way that will be both accurate and accessible to numerically challenged viewers:
25 Most Beautiful Website Footer Designs For Inspiration
http://resources.savedelete.com/25-most-beautiful-website-footer-designs-for-inspiration.html
Wild Apricot Blog : Make Your Own Infographic
http://www.wildapricot.com/blogs/newsblog/archive/2010/05/25/make-your-own-infographic.aspx
RT @wwwhatsnew: Consejos para crear infografías http://wwhts.com/c7Rfsg
Best Of: CSS Grid Tools | Cookie Labs
http://www.cookielabs.com/web-design/best-of-css-grid-tools
Lo mejor de las herramientas para rejillas CSS.
40+ Cool Typographic Logo Designs | Naldz Graphics
http://naldzgraphics.net/inspirations/40-cool-typographic-logo-designs/
Logotipos
35 Fresh CSS3 Articles & Tutorials / CSS / SPLASHnology - Web Design and Web Technology Community
http://www.splashnology.com/blog/css/438.html
This is cool collection of most wanted, usefull tutorials and articles by CSS3. In this article you find out how make cool CSS3 Gradient Buttons, Sliding or bouncing Navigation without JavaScript, Slide effect menu with the Apple-Style and much more.
35 Fresh CSS3 Articles & Tutorials / CSS / Splashnology - Web Design ...
Coleccion de tutoriales de css3
Best Of: CSS Grid Tools | Cookie Labs
http://www.cookielabs.com/web-design/best-of-css-grid-tools
CSS Starbursts with CSS3 transforms and transitions
http://matthewjamestaylor.com/blog/css3-starbursts
huh: http://matthewjamestaylor.com/blog/css3-starbursts #css #dev #yam
woow!!
starbursts
CSS3 Starbursts - http://bit.ly/dsJaLF By @mattjamestaylor (via @ImpressiveWebs) – W3Avenue (w3avenue) http://twitter.com/w3avenue/statuses/16070010555
5 Things to Consider When Designing Your Mobile App
http://mashable.com/2010/07/07/designing-mobile-apps/
Android blackberry iPhone UI guidelines
5 Things to Consider When Designing Your Mobile App http://ow.ly/29thR – iphoneness (iphoneness) http://twitter.com/iphoneness/statuses/18216615868
Sculptris is insanely cool, free 3D modeling software
http://www.downloadsquad.com/2010/06/09/sculptris-is-insanely-cool-free-3d-modeling-software/
http://www.downloadsquad.com/2010/06/09/sculptris-is-insanely-cool-free-3d-modeling-software/
In simple terms, it's sculpting software. It's free, and it's accessible
Adding background images to your email in two simple steps - Blog - Campaign Monitor
http://www.campaignmonitor.com/blog/post/3170/adding-background-images-to-your-email-in-two-simple-steps/
Add a background image to your email in two simple steps - Blog - Campaign Monitor - http://www.campaignmonitor.com/blog/post/3170/adding-background-images-to-your-email-in-two-simple-steps/
e turned to a crafty techniq
35 High-Quality and Free Paper Textures | Vandelay Design Blog
http://vandelaydesign.com/blog/design/paper-textures/
35 High-Quality and Free Paper Textures | Vandelay Design Blog - http://vandelaydesign.com/blog/design/paper-textures/
35 High-Quality and Free Paper Textures
resizeMyBrowser - Web application
http://resizemybrowser.com/
A new online Browser window resize app for Web developers.
10 Fresh Galleries for Web Design Inspiration
http://sixrevisions.com/web_design/10-fresh-galleries-for-web-design-inspiration/
10 Fresh Galleries for Web Design Inspiration - http://sixrevisions.com/web_design/10-fresh-galleries-for-web-design-inspiration/
10 Fresh Galleries for Web Design Inspiration
wireframe, web apps, web widgets/components showcase
5 Things to Consider When Designing Your Mobile App
http://mashable.com/2010/07/07/designing-mobile-apps/
Here are five tips you should keep in mind when designing and developing your mobile application, regardless of platform.
Android blackberry iPhone UI guidelines
Sculptris is insanely cool, free 3D modeling software
http://www.downloadsquad.com/2010/06/09/sculptris-is-insanely-cool-free-3d-modeling-software/
By default, a line crosses the sphere
Adding background images to your email in two simple steps - Blog - Campaign Monitor
http://www.campaignmonitor.com/blog/post/3170/adding-background-images-to-your-email-in-two-simple-steps/
Add a background image to your email in two simple steps - Blog - Campaign Monitor - http://www.campaignmonitor.com/blog/post/3170/adding-background-images-to-your-email-in-two-simple-steps/
e turned to a crafty techniq
35 High-Quality and Free Paper Textures | Vandelay Design Blog
http://vandelaydesign.com/blog/design/paper-textures/
The 960 Grid System Made Easy
http://sixrevisions.com/web_design/the-960-grid-system-made-easy/
images are simply a gathering of rectangles, the layout at the top seems fundamentally better
BAD POSTCARDS
http://bad-postcards.tumblr.com/
A postcard each day.Some of the things you will see:✽ Tourist traps✽ Bad advertising✽ Awful food✽ Stupid jokes✽ Girly girls & manly men✽ Exceedingly cute pets✽ Dinosaurs✽ Dead fish...and other cool stuff.
Vintage American Postcards, 1950 to 1975.
100 Must Read Design Blogs | Design Shack
http://designshack.co.uk/articles/inspiration/100-must-read-design-blogs
RT @draenews: Del 100 Must Read Design Blogs | Design Shack: http://bit.ly/cw3YYR
100 Must Read Design Blogs
Design for iPad
http://www.ipadatelier.com/design-for-ipad.html
#Design for #iPad http://www.ipadatelier.com/design-for-ipad.html
All kinds of resources for designing for the ipad
Content Management Systems – A Need to Know Overview
http://www.designer-daily.com/content-management-systems-a-need-to-know-overview-7479
Content Management Systems – A Need to Know Overview
Breaking the Rules: How to Effectively Break the “Rules” of Good Web Design - Noupe
http://www.noupe.com/design/breaking-the-rules-how-to-effectively-break-the-rules-of-good-web-design.html
Below are a bunch of commonly-accepted web design rules, along with the reasons you might want to break them, and how to do so effectively. We’ve also included examples for each and the one unbreakable rule.
CSS3 Design Contest Results - Smashing Magazine
http://www.smashingmagazine.com/2010/07/12/css3-design-contest-results/
Loq se puede hacer con el CSS3
CSS3 Design Contest and encouraged designers to experiment and get creative with CSS3. As expected, we have received many creative and original submissions. To choose the winners of the contest, we considered the originality of the technique or approach and its uniqueness. The idea mattered more than the execution
CSS3 Design Contest Results - Smashing Magazine
Style Your Site According to the Weather with jQuery
http://line25.com/articles/style-your-site-according-to-the-weather-with-jquery
Style Your Site According to the Weather with jQuery
40 Inspiring Blog Designs | Inspiration
http://webdesignledger.com/inspiration/40-inspiring-blog-designs
site design 40 blog designs
40 Inspiring Blog Designs | Inspiration - http://webdesignledger.com/inspiration/40-inspiring-blog-designs
awesome ass design blogs
This is Centratissimo: all centered and auto-resizable layout with some jQuery experiments by musings.it
http://centratissimo.musings.it/
jQueryとjQueryプラグインを使った中央表示、自動リサイズレイアウトのデモ?
This is Centratissimo: all centered and auto-resizable layout with some jQuery experiments by musings.it - v
Centratissimo is a web template with smooth scrolling features between pages and auto-resize capabilities relative to the actual screen-size, so that it results always perfectly centered. It's an all-centered and auto-resizable layout with some jQuery experiments.
This is Centratissimo: all centered & auto-resizable layout w/some jQuery experiments by musings.it http://bit.ly/dBZ34B RT @musingspuntoit
JRA | CINEMA KEIBA ON WEB JAPAN WORLD CUP
http://www.jra-jwc.jp/
競馬シミュレーションゲーム + スキージャンプペアの人。 普通におもしろい。実は競馬はやったことないんだけど、馬券の説明もオッズ表の見方もちゃんと教えてもらえた。たぶんターゲット層って、競馬ブーム後の若者世代だろうし、まさにドンピシャっぽい効果じゃないのかなと。これ考えて実現させたプラン力に脱帽ですね。ちなみにCGの外注費用ってどのくらいなんだろう・・・?
スキージャンプペア × 競馬。CINEMA KEIBA Japan World Cup http://jra-jwc.jp
JRAの提供するカオスとの噂の競馬ゲーム
CINEMA KEIBAをウェブコンテンツとして体験する事の出来るスペシャルサイト。スキージャンプペアでお馴染みの真島・茂木コンビがお届けする一味違った競馬の世界観をお楽しみ下さい。
JRAのプロモサイト。口コミ型キャンペーン。「スキージャンプ・ペア」の真島×茂木コンビ最新作。
Content Management Systems – A Need to Know Overview
http://www.designer-daily.com/content-management-systems-a-need-to-know-overview-7479
Content Management Systems – A Need to Know Overview http://bit.ly/bX6ZWV
Setting sail on the content management sea? Well here’s a navigational chart that’ll help avoid the ragged rocks and hidden shoals. Don’t leave shore without it!
Knowing in advance what the CMS is going to be used for is critical to selecting the correct one. And the use of content on the web is extraordinarily varied. Consequently so are the content management systems that are out there. Let’s start with some simpler ones. There are two main types of website. Most larger websites are dynamic websites where, after receiving a request from a user, generate the HTML on the fly. For these you need to have your CMS embedded on the server side. But simpler websites, ones that have static HTML documents can have their content managed by much simpler CMS’. And some of the simplest CMS’ out there are entirely web based.
Content Management Systems – A Need to Know Overview - http://www.designer-daily.com/content-management-systems-a-need-to-know-overview-7479
Breaking the Rules: How to Effectively Break the “Rules” of Good Web Design - Noupe
http://www.noupe.com/design/breaking-the-rules-how-to-effectively-break-the-rules-of-good-web-design.html
Breaking grounds in Web Design
15 Websites That Break The Rules A great gallery of sites that break at least some of the so-called rules
時間の節約になるWeb制作関連ツール 12+1 | Webクリエイターボックス
http://www.webcreatorbox.com/tech/timesaver-website-tools/
かなり色々使えそう。 試す。
時間の節約になるWeb制作関連ツール 12+1 | Webクリエイターボックス 時間の節約になるWeb制作関連ツール 12+1 | Webクリエイターボックス Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう!今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ!」と思ったWeb制作に関する便利ツールを紹介します。Photoshopテンプレートまずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ... はてなブックマーク - 時間の節約になるWeb制作関連ツール 12+1 | Webクリエイターボックス はてなブックマークに追加 gin-oi2 gin-oi2 *webサービス, *webデザイン
Smoking Hot Mac Interface Design: 30 Stunning Apps | Mac.AppStorm
http://mac.appstorm.net/roundups/graphics-roundups/smoking-hot-mac-interface-design-30-stunning-apps/
Mac applications are known for their superb design, and in the past few years UI designers have really embraced this trend by creating some really remarkable
Urbanape - Some Non-Busy iPhone Wallpapers
http://blog.urbanape.com/post/684440225/some-non-busy-iphone-wallpapers
CSS3 Design Contest Results - Smashing Magazine
http://www.smashingmagazine.com/2010/07/12/css3-design-contest-results/
大量CSS3应用
Style Your Site According to the Weather with jQuery
http://line25.com/articles/style-your-site-according-to-the-weather-with-jquery
40 Inspiring Blog Designs | Inspiration
http://webdesignledger.com/inspiration/40-inspiring-blog-designs
diseño de blogs
This is Centratissimo: all centered and auto-resizable layout with some jQuery experiments by musings.it
http://centratissimo.musings.it/
jQueryとjQueryプラグインを使った中央表示、自動リサイズレイアウトのデモ?
This is Centratissimo: all centered and auto-resizable layout with some jQuery experiments by musings.it - v
Centratissimo is a web template with smooth scrolling features between pages and auto-resize capabilities relative to the actual screen-size, so that it results always perfectly centered. It's an all-centered and auto-resizable layout with some jQuery experiments.
JRA | CINEMA KEIBA ON WEB JAPAN WORLD CUP
http://www.jra-jwc.jp/
競馬シミュレーションゲーム + スキージャンプペアの人。 普通におもしろい。実は競馬はやったことないんだけど、馬券の説明もオッズ表の見方もちゃんと教えてもらえた。たぶんターゲット層って、競馬ブーム後の若者世代だろうし、まさにドンピシャっぽい効果じゃないのかなと。これ考えて実現させたプラン力に脱帽ですね。ちなみにCGの外注費用ってどのくらいなんだろう・・・?
スキージャンプペア × 競馬。CINEMA KEIBA Japan World Cup http://jra-jwc.jp
JRAの提供するカオスとの噂の競馬ゲーム
CINEMA KEIBAをウェブコンテンツとして体験する事の出来るスペシャルサイト。スキージャンプペアでお馴染みの真島・茂木コンビがお届けする一味違った競馬の世界観をお楽しみ下さい。
Content Management Systems – A Need to Know Overview
http://www.designer-daily.com/content-management-systems-a-need-to-know-overview-7479
# Multilingual # Delegation, permissions # Roll-back, versioning # User generated content # Asset management # Templates for new pages # Meta-data management # WYSIWYG Preview # Workflow management # Design and layout # Extensibility # End use
Missing Drupal and Joomla but still a need to know overview - Content Management Systems http://bit.ly/bX6ZWV /via @websenat
Content Management Systems – A Need to Know Overview http://bit.ly/bX6ZWV /via @websenat – Alice (Muttiishere) http://twitter.com/Muttiishere/statuses/18423370061
RT @Muttiishere: Content Management Systems – A Need to Know Overview http://bit.ly/bX6ZWV /via @websenat
Content Management Systems – A Need to Know Overview http://bit.ly/bX6ZWV /via @websenat
Content Management Systems – A Need to Know Overview http://bit.ly/bX6ZWV – Ramón (websenat) http://twitter.com/websenat/statuses/18420339336
Article outlining some different CMSs of differening levels. so of the key CMSs have been missed but they are highlighted in the comments.
Breaking the Rules: How to Effectively Break the “Rules” of Good Web Design - Noupe
http://www.noupe.com/design/breaking-the-rules-how-to-effectively-break-the-rules-of-good-web-design.html
Breaking grounds in Web Design
15 Websites That Break The Rules A great gallery of sites that break at least some of the so-called rules
Grain & Gram — The New Gentleman's Journal
http://grainandgram.com/
まずは基本から・HTML5のCanvasについて参考になったサイトまとめ - かちびと.net
http://kachibito.net/web-design/html5-canvas.html
Tileables - Never Ending Patterns
http://tileabl.es/
100% Completely Tileable Seamless Patterns
Excellent patterns for your next best design
great bg patterns to download free
Photoshop Vip » 誰もが欲しがる、極上テクスチャ40セット集めました。
http://photoshopvip.net/archives/16432
テクスチャいっぱい。
A Round up of Free Pixel Icons for Designers | Naldz Graphics
http://naldzgraphics.net/freebies/a-round-up-of-free-pixel-icons-for-designers/
Pixel Arrows Pack みたいのがいっぱい欲しい。
ไอคอนแจกฟรี!
Iconografia en pixeles greatis para diseñadores
Tileables - Never Ending Patterns
http://tileabl.es/
布地のパターンファイル。
Never Ending Patterns
1024 Square | Beautiful iPad wallpaper
http://1024sq.com/
Wallpapers for the ipad.
A collection of beautiful wallpapers perfect for iPad, curated by your Internet pal Josh Holloway.
Great iPad wallpapers.
Seamless Colour Patterns
http://www.colourpatterns.com/
Sweet.
a wealth of seamless patterns All patterns on this site are * created with Repper Lite by our talented users * available for non-commercial use under the Creative Commons Non-Commercial 1.0 license. Repper, the instant pattern maker Repper gives you the power to create eye-catching patterns in seconds. It's a great way to boost any creative process, including * fashion & textile design * interior design * computer graphics * graphic design
All patterns on this site are - created with Repper Lite by our talented users - available for non-commercial use under the Creative Commons Non-Commercial 1.0 license.
Repper gives you the power to create eye-catching patterns in seconds.
Open Source Icons - gcons
http://www.greepit.com/open-source-icons-gcons/
roomle.com - the online room planning platform - GET THE IDEA!
http://www.roomle.com/start.jsp
Floor planner, layout, architecture planning.
roomle is the new, super-easy online tool that enables intuitive 3D-visualization of rooms, furniture and decoration. GET THE IDEA!
I ♥ BLUR - Once again, I got distracted... | simurai
http://simurai.com/post/684792689/text-blur
"I ♥ BLUR - Once again, I got distracted experimenting with CSS3. ;-) So far I just knew how to make text look blurry by adding a lot of text-shadows like in this example by David. But it’s more a glow, because the text still stays in front. But what if you wanna turn text into smoke? Luckily you can set the text-fill-color to transparent and that gives your text a really nice smoky blur. color: transparent; text-shadow: #fff 0 0 100px;"
I ♥ BLUR - Once again, I got distracted experimenting with CSS3. ;-) So far I just knew how to make text look blurry by adding a lot of text-shadows like in this example by David. But it’s more a glow, because the text still stays in front. But what if you wanna turn text into smoke? Luckily you can set the text-fill-color to transparent and that gives your text a really nice smoky blur.
color: transparent; text-shadow: #fff 0 0 100px;
Text blur using CSS - amazingly simple.
ignore the code: Gestures
http://ignorethecode.net/blog/2010/05/25/gestures/
@flo_muc problem 1 is no common vocabulary, problem 2 is UI that doesn't show verbs. @LKM just wrote about just that http://ignco.de/290 – Duncan Wilcox  (duncanwilcox) http://twitter.com/duncanwilcox/statuses/14697678481
Annotated link http://www.diigo.com/bookmark/http://ignorethecode.net/blog/2010/05/25/gestures
Way back when, computers used to only have command line interfaces. To get a PC to do anything at all, people had to memorize commands, and type them in correctly. But forcing people to memorize commands is not particularly user friendly. As a result, few people knew how to use computers, or wanted to learn. When graphical user interfaces became popular, people didn’t have to memorize commands anymore. Instead, everything they could do was shown on their screen. «Memorizing» was replaced with «recognizing». No longer did people have to memorize «cp» if they wanted to duplicate a file; they just had to look through the «File» menu and recognize the «Duplicate» command.
"In a way, gestural user interfaces are a step back, a throwback to the command line. Gestures are often not obvious and hard to discover; the user interface doesn’t tell you what you can do with an object. Instead, you have to remember which gestures you can use, the same way you had to remember the commands you could use in a command line interface."
30 Examples of Excellent Website Navigation | Inspiration
http://webdesignledger.com/inspiration/30-examples-of-excellent-website-navigation
A website's navigation allows visitors to get from page to page and discover content. That makes it pretty important, I would say. However, some designers feel
30 Examples of Excellent Website Navigation | Inspiration http://bit.ly/cSrik5
Free High Quality Textures - Startextures.com
http://startextures.com/
Awkward Stock Photos
http://awkwardstockphotos.com/
Tumblr of the dday: http://awkwardstockphotos.com/ (h/t @imjared)
Can't believe no one did this sooner. http://awkwardstockphotos.com/ /RT @graphicsgirl #awkward
Terrible.
Using Charts and Graphs for Content
http://sixrevisions.com/content-strategy/using-charts-and-graphs-for-content/
Nice essay on using chart and graphs in design
Don Norman at Business of Software 2009 - Business of Software Blog
http://blog.businessofsoftware.org/2010/06/don-norman-at-business-of-software-2010.html
"Five minutes *isn’t* a long time. And even if I’m wrong and you did watch five minutes, I bet you didn’t watch the whole video. I didn’t. For all I know, the editor accidentally spliced porn in at minute 34. Like you, I’m just too busy to spend an hour watching it. But we should have watched it and, deep down, we know that. If you’d watched the whole hour, you would be able to create better software. You’d have learned new things, you’d have had been entertained, and you’d be – just possibly – a better person because of it."
Great talk... good quotes on tapping into the emotion of users to deliver a service...
Imagine you’re on the first slide of your powerpoint presentation and want to move to the next slide. Your remote control has two buttons. They are unmarked, but one button points up and one button points down. Which button do...
Great talk by a guru of design.
Imagine you’re on the first slide of your powerpoint presentation and want to move to the next slide. Your remote control has two buttons. They are unmarked, but one button points up and one button points down. Which button do you press?
jQuery & CSS Sprite Animation Explained In Under 5 Minutes | AddyOsmani.com | Where Web Businesses Grow
http://addyosmani.com/blog/jquery-sprite-animation/
Showcase of Sweet Chocolate Websites - Smashing Magazine
http://www.smashingmagazine.com/2010/07/15/showcase-sweet-chocolate-websites/
Awkward Stock Photos
http://awkwardstockphotos.com/
GOLD MINE
Where awkward stock photos finally have a purpose
RT @radiofreegeorgy: Website of the day: http://awkwardstockphotos.com/ - thanks, @dankennedy_nu
Som navnet antyder... Til gengæld er man sikkert de eneste, der bruger billederne, hvis man vælger dem!
Using Charts and Graphs for Content
http://sixrevisions.com/content-strategy/using-charts-and-graphs-for-content/
@danielpink RT @Larryferlazzo: Using Charts and Graphs for Content http://bit.ly/dAtuL8
Don Norman at Business of Software 2009 - Business of Software Blog
http://blog.businessofsoftware.org/2010/06/don-norman-at-business-of-software-2010.html
"Five minutes *isn’t* a long time. And even if I’m wrong and you did watch five minutes, I bet you didn’t watch the whole video. I didn’t. For all I know, the editor accidentally spliced porn in at minute 34. Like you, I’m just too busy to spend an hour watching it. But we should have watched it and, deep down, we know that. If you’d watched the whole hour, you would be able to create better software. You’d have learned new things, you’d have had been entertained, and you’d be – just possibly – a better person because of it."
Great talk... good quotes on tapping into the emotion of users to deliver a service...
Imagine you’re on the first slide of your powerpoint presentation and want to move to the next slide. Your remote control has two buttons. They are unmarked, but one button points up and one button points down. Which button do...
Great talk by a guru of design.
Build a HTML5/CSS3 Website Layout Without Images – Part 2 | Onextrapixel - Showcasing Web Treats Without A Hitch
http://www.onextrapixel.com/2010/06/03/build-a-html5-css3-website-layout-without-images-part-2/
สร้าง Websote ด้วย html5/css3 โดยไม่ใช้ภาพเลย #ตอนที่ 2
Great 2-page tutorial on building a website with html5 and css3 without images - http://bit.ly/dfxqfs + http://bit.ly/a25AES #html5 #css3 – quplo (quplo) http://twitter.com/quplo/statuses/17854147116
YouTube Chromeless Video Player – jQuery Plugin | Viget Inspire
http://www.viget.com/inspire/youtube-chromeless-video-jquery-plugin/
YouTubeのAPIでカスタムプレーヤーを
Panic Blog » Saving Icons for Snow Leopard
http://www.panic.com/blog/2010/06/saving-icons-for-snow-leopard/
Workaround for the fact that Icon composer on 10.6 makes your icons look washed out
You may have noticed: icons made in Mac OS X 10.6 are often washed-out/lighter
The Perrier Mansion
http://perrierbydita.com/
Com a Dita Von Teese é facil vender qlqr coisa, até água http://perrierbydita.com/ vi no @acriativos
How the CIA define problems & plan solutions: The Phoenix Checklist « BBH Labs
http://bbh-labs.com/how-the-cia-define-problems-plan-solutions-the-phoenix-checklist
Good for planning (and general common sense)
13 Sexy Sign-up Forms - Web Design Blog – DesignM.ag
http://designm.ag/resources/13-sexy-sign-up-forms/
When it comes to online strategies you should never overlook the design of your sign up page.  Some of the given examples are sites than many of you I'm sure are familiar with, although, I feel there are some growing gems among the group.  Take a look around! Gist
13 Sexy Sign-up Forms - http://bit.ly/auG4Ft [via: designm.ag] – Stylesheet (stylesheet) http://twitter.com/stylesheet/statuses/18672847480
Start In The Middle « yield thought
http://coderoom.wordpress.com/2010/05/18/start-in-the-middle/
"Newspaper reporters are taught to write fractal articles ... We should approach programming projects in the same way."
J'ai déjà reconnu la valeur de commencer par la fin. Voici qu'un gourou des startups, à l'instar des méthodes dites agiles, suggère de commencer par le milieu !
25 Best Examples of jQuery and CSS Drop-down Menu Tutorials
http://graphicalerts.com/25-best-examples-of-jquery-and-css-drop-down-menu-tutorials/
25 Beautiful Examples of jQuery and CSS Drop-down Menu Tutorials
jQueryとCSSで実装されたドロップダウンメニューのチュートリアル集
プルダウンメニュー25選。
Clueless Secretary Prompts Hilarious Office Email Thread
http://jezebel.com/5582562/clueless-secretary-makes-for-hilarious-office-email-thread
No, seriously. Just read this in its entirety, from the top. Because if you haven't yet seen this brilliant exchange from David Thorne*, you need to. Right now.
haha :D lest das!
10 tips for designing mobile websites | These Days Labs
http://labs.thesedays.com/2010/07/16/10-tips-for-designing-mobile-websites/
mobile html5 css3
写真画像に「すりガラスのバー」を描くPhotoshopのチュートリアル | コリス
http://coliss.com/articles/build-websites/operation/design/photoshop-tutorial-frosted-background-to-photo-captions.html
Top 10 Flash Content Management Systems
http://sixrevisions.com/web-development/top-10-flash-content-management-systems/
The Best Website Designs of the 2010 World Cup | Webdesigner Depot
http://www.webdesignerdepot.com/2010/06/the-best-website-designs-of-the-2010-world-cup/
The World Cup is currently taking place in South Africa and people all over the world are glued to television sets at home, in bars and in town squares, to watch their country play.
The Best Website Designs of the 2010 World Cup
8 Faces
http://8faces.com/
MAN I wish I had the print version of this.
The first issue sold out quickly but you can still get it in PDF format.
Google Font API - Google Code
http://code.google.com/intl/de-DE/apis/webfonts/
Fonts online in die Website laden! Google API
写真画像に「すりガラスのバー」を描くPhotoshopのチュートリアル | コリス
http://coliss.com/articles/build-websites/operation/design/photoshop-tutorial-frosted-background-to-photo-captions.html
すりガラスのバー加工
Top 10 Flash Content Management Systems
http://sixrevisions.com/web-development/top-10-flash-content-management-systems/
The Best Website Designs of the 2010 World Cup | Webdesigner Depot
http://www.webdesignerdepot.com/2010/06/the-best-website-designs-of-the-2010-world-cup/
The World Cup is currently taking place in South Africa and people all over the world are glued to television sets at home, in bars and in town squares, to watch their country play.
The Best Website Designs of the 2010 World Cup
adidas Football
http://www.adidas.com/campaigns/football/content/matchtracker.aspx
real time meta tagging
An interesting interface for tracking and charting soccer matches.
Free Images on French - French Paper - America's family-run paper mill
http://www.frenchpaper.com/free-images-french-paper.asp
This vast selection of rights managed black & white images are perfect for solid-color offset, letterpress, or silkscreen printing. Free CSA High Resolution Tiff Images capture the authenticity and detail of hand-drawn illustration and the beautifully tactile look of ink printed on paper, allowing you to keep the printing simple and let French paper provide the color.
conditional free
30 Best Photoshop Text Effects Tutorials
http://resources.savedelete.com/30-best-photoshop-text-effects-tutorials.html
30 Best Photoshop Text Effects Tutorials
Tutoriais PhotoShop, os 30 melhores. eheh
adidas Football
http://www.adidas.com/campaigns/football/content/matchtracker.aspx
real time meta tagging
An interesting interface for tracking and charting soccer matches.
Using CSS to create a tabbed content area, no JS required | HTMLRockstars - You Design, We Code.
http://htmlrockstars.com/blog/using-css-to-create-a-tabbed-content-area-no-js-required/
This is only relevant in the latest (as of April 2010) FireFox, Safari, and Chrome, and is not something you'd want to rely on in a production site. :target is
demo links are broken, use css-tricks version instead
65 Beautiful Free Fonts for Web and Graphic Designers | Artatm
http://artatm.com/2010/06/65-beautiful-free-fonts-for-web-and-graphic-designers/
free fonts for web and graphic design
Photoshop Vip » 2010年のウェブデザインのトレンド21個を徹底解剖
http://photoshopvip.net/archives/15967
Free Images on French - French Paper - America's family-run paper mill
http://www.frenchpaper.com/free-images-french-paper.asp
フランスっぽいデザインのアイコン
This vast selection of rights managed black & white images are perfect for solid-color offset, letterpress, or silkscreen printing. Free CSA High Resolution Tiff Images capture the authenticity and detail of hand-drawn illustration and the beautifully tactile look of ink printed on paper, allowing you to keep the printing simple and let French paper provide the color.
conditional free
30 Best Photoshop Text Effects Tutorials
http://resources.savedelete.com/30-best-photoshop-text-effects-tutorials.html
海外サイトのロゴっぽい加工のチュートリアル。
30 Best Photoshop Text Effects Tutorials
adidas Football
http://www.adidas.com/campaigns/football/content/matchtracker.aspx
real time meta tagging
An interesting interface for tracking and charting soccer matches.
Redesign vs. Realign | Webdesigner Depot
http://www.webdesignerdepot.com/2010/06/redesign-vs-realign/
It's been nearly five years now since the redesign vs. realign debate began. Many designers are still approaching website changes as redesigns, with little
Drop Shadows with CSS3 | Nimbupani Designs
http://nimbupani.com/drop-shadows-with-css3.html
Cool drop shadows, wrapped.
[CSS]実例から学ぶCSS3の効果的な使い方 | コリス
http://coliss.com/articles/build-websites/operation/css/examples-of-css3-by-sixrevisions.html
[CSS]実例から学ぶCSS3の効果的な使い方
Get More Done: 10 Tips for a More Productive Web Design Process - Noupe
http://www.noupe.com/freelance/get-more-done-10-tips-for-a-more-productive-and-effective-web-design-process.html
10 Best And Useful CSS Tutorials For Web Designers
http://resources.savedelete.com/10-best-and-useful-css-tutorials-for-web-designers.html
10 Best And Useful CSS Tutorials For Web Designers
Every designer want to improve their knowledge in web designing by learning new skills in CSS.
10 buenos y útiles tutoriales CSS para diseñadores.
How To Use CSS3 Media Queries To Create a Mobile Version of Your Website - Smashing Magazine
http://www.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/
40 Excellent Examples of Single Page Websites | Inspiration
http://webdesignledger.com/inspiration/40-excellent-examples-of-single-page-websites
Back in January we published a list showcasing 40 Inspiring Single Page Websites, and as we had a lot of comments and several readers really liked the post, we decided to gather a new list, showing some new and fresh examples to inspire you. The single pages websites are still a bit hit this year, and we are able to find new great single pages every day and it's very good that we can find some galleries organizing them for us.
SHIRO Cheers System
http://cheers-system.jp/
Sake advert - well, very pretty video.
FB嵌入影片+連續機關+UNQLO式少女群舞 (監督:児玉裕一)
Get More Done: 10 Tips for a More Productive Web Design Process - Noupe
http://www.noupe.com/freelance/get-more-done-10-tips-for-a-more-productive-and-effective-web-design-process.html
2010-07-01, by Cameron Chapman, "Getting more done doesn’t have to lead to longer hours. All you need to do is maximize your productivity and efficiency in the time you want to spend working. The tips above can help you do just that. If you have other tips you’d like to share, please do so in the comments!"
10 Best iPad Apps for Web Designers | Tools
http://webdesignledger.com/tools/10-best-ipad-apps-for-web-designers
RT @deliciouspb: 10 Best iPad Apps for Web Designers | Tools http://bit.ly/cvh4IF
Annotated link http://www.diigo.com/bookmark/http://webdesignledger.com/tools/10-best-ipad-apps-for-web-designers
na ja. Ein paar davon hab ich schon, aber ob ich die anderen brauche ...
How to prototype iPad applications in 30 minutes or less using Apple keynote | Amir Khella
http://blog.amirkhella.com/2010/06/16/how-to-prototype-interactive-ipad-applications-in-30-minutes-or-less-using-apple-keynote/
RT @iphoneness: Creating an iPad Prototype fast: http://ow.ly/2d9kN it's possible
How long does it take to go from idea to prototype that you can test with potential customers? A month? A week? Few days? How about 30 minutes?What if you can move from idea to prototype at the speed of thoughts, without using any special wirefra
A quick guide to using Apple keynote for rapid prototyping of iPad applications, which can be tested directly on the iPad in 30 minutes or less. No code! FREE template included.
10 Best And Useful CSS Tutorials For Web Designers
http://resources.savedelete.com/10-best-and-useful-css-tutorials-for-web-designers.html
Every designer want to improve their knowledge in web designing by learning new skills in CSS. So, this time we are here compiling a list of best CSS tutorials that helps you to gain knowledge in CSS. I am sure these tutorials will help you to create some awesome designs.
How To Use CSS3 Media Queries To Create a Mobile Version of Your Website - Smashing Magazine
http://www.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/
In this article I’ll explain how, with a few CSS rules, you can create an iPhone version of your site using CSS3, that will work now. We’ll have a look at a very simple example and I’ll also discuss the process of adding a small screen device stylesheet to my own site to show how easily we can add stylesheets for mobile devices to existing websites.
40 Excellent Examples of Single Page Websites | Inspiration
http://webdesignledger.com/inspiration/40-excellent-examples-of-single-page-websites
SHIRO Cheers System
http://cheers-system.jp/
Sake advert - well, very pretty video.
FB嵌入影片+連續機關+UNQLO式少女群舞 (監督:児玉裕一)
Get More Done: 10 Tips for a More Productive Web Design Process - Noupe
http://www.noupe.com/freelance/get-more-done-10-tips-for-a-more-productive-and-effective-web-design-process.html
2010-07-01, by Cameron Chapman, "Getting more done doesn’t have to lead to longer hours. All you need to do is maximize your productivity and efficiency in the time you want to spend working. The tips above can help you do just that. If you have other tips you’d like to share, please do so in the comments!"
30+ Inspiring Website Navigation Menus | Naldz Graphics
http://naldzgraphics.net/inspirations/30-inspiring-website-navigation-menus/
Insipiração
Fonts2u.com
http://ja.fonts2u.com/index.html
フォントを探せるサービス ライセンスの明記も日本語でわかりやすい
The Best Icon Sets for Portfolio Sites - DesignM.ag Web Design Blog
http://designm.ag/resources/portfolio-icon-sets/
Web Designer as The Artist, Scientist And Philosopher - Smashing Magazine
http://www.smashingmagazine.com/2010/07/09/web-designer-as-the-artist-scientist-and-philosopher/
Artist, Scientist And Philosopher
Web Designer as The Artist, Scientist And Philosopher - Smashing Magazine
It's a stretch as presented here, but it's still a good thought.
50 Useful JavaScript and jQuery Techniques and Plugins - Noupe Design Blog
http://www.noupe.com/javascript/50-useful-javascript-and-jquery-techniques-and-plugins.html
Content Management System (CMS) Icon Set (12 Free Icons) - Smashing Magazine
http://www.smashingmagazine.com/2010/07/19/content-management-system-cms-icon-set-12-free-icons/
especially for Smashing Magazine and its readers
Reading 'Content Management System (CMS) Icon Set (12 Free Icons)' (via @smashingmag) http://tinyurl.com/357hrcr
Web Designer as The Artist, Scientist And Philosopher - Smashing Magazine
http://www.smashingmagazine.com/2010/07/09/web-designer-as-the-artist-scientist-and-philosopher/
Web Designer as The Artist, Scientist And Philosopher - Smashing Magazine - http://www.smashingmagazine.com/2010/07/09/web-designer-as-the-artist-scientist-and-philosopher/
Artist, Scientist And Philosopher
Dark Roasted Blend: Battleship Island & Other Ruined Urban High-Density Sites
http://www.darkroastedblend.com/2010/06/battleship-island-other-ruined-urban.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+TheThrillingWonderStory+%28Dark+Roasted+Blend%29&utm_content=Google+Reader
ocalyptic drama of Hashima, we can very easily imagine what the lives of the residents of the famous Walled City of Kowloon were like – in fact we can ask them, as their city was torn down in 1993. The reason why the Walled City gets so frequently mentioned as a ruin is, while it was there, it was as if the people who lived in it were living their lives in the guts of some great, monstrous, maze.
Famous Walled City of Kowloon: Living Inside the Maze
FontFonter
http://fontfonter.com/
Try Web FontFonts on any website.
RT @behoff: Try web #FontFonts on any website http://bit.ly/bAZrrq - like a web version of #Font Combos app, for web: http://bit.ly/95rs7n
Getting Started with Interface Design | Nettuts+
http://net.tutsplus.com/articles/general/getting-started-with-interface-design/
interface design and information architecture
In this article we look at five fields that you should aim to learn more about in order to rock at interface design. These fields include Experience Design, Interaction Design, Information Architecture, User-Centered Design, and Graphic User Interface (GUI) Design.
50 Useful JavaScript and jQuery Techniques and Plugins - Noupe Design Blog
http://www.noupe.com/javascript/50-useful-javascript-and-jquery-techniques-and-plugins.html
Content Management System (CMS) Icon Set (12 Free Icons) - Smashing Magazine
http://www.smashingmagazine.com/2010/07/19/content-management-system-cms-icon-set-12-free-icons/
especially for Smashing Magazine and its readers
Web Designer as The Artist, Scientist And Philosopher - Smashing Magazine
http://www.smashingmagazine.com/2010/07/09/web-designer-as-the-artist-scientist-and-philosopher/
Web Designer as The Artist, Scientist And Philosopher - Smashing Magazine - http://www.smashingmagazine.com/2010/07/09/web-designer-as-the-artist-scientist-and-philosopher/
Artist, Scientist And Philosopher
Excellent Examples Of Icons In Navigation Menu Design | SpyreStudios
http://spyrestudios.com/20-great-examples-of-icons-in-navigation-design/
アイコン付きメニュー20選
アイコン付きメニューサイトまとめ。
When done right, adding visual cues to your main menu can prove very useful in making things just a tad more appealing to visitors. Let's have a look at some sites that make great use of icons in their navigation menus.
July 16, 2010 Navigation design is one of those things you simply cannot overlook. When looking for specific information on a website, a lot of people will look at the main or sub navigation or use the search bar (if present).
30 Truly Inspiring Examples of Minimal Web Design | TutZone
http://tutzone.net/2010/07/30-truly-inspiring-examples-of-minimal-web-design.html
RT @CoreyRonnie: 30 Truly Inspiring Examples of Minimal Web Design: http://dld.bz/m9Xd
ミニマルな印象のクールサイトを集めたエントリー。
BBC News - Do typefaces really matter?
http://www.bbc.co.uk/news/magazine-10689931
Selecting a font is like getting dressed, Ms Strawson says. Just as one chooses an outfit according to the occasion, one decides on a font according to the kind of message you are seeking to convey.
(yes).
Инструменты для рисования UML-диаграмм - Alex Krakovetskiy blog - Microsoft User Group Винница
http://msug.vn.ua/blogs/akrakovetsky/archive/2010/06/13/uml-tools.aspx
UML (Unified Modeling Language - Unified Modeling Language ) - linguagem de descrição gráfica para modelagem de objetos no desenvolvimento de software . UML é a linguagem do perfil de largura, é um padrão aberto que usa símbolos gráficos para criar um modelo abstrato do sistema, chamado de modelo UML. UML foi criado para identificar , visualizar , design e documentação de sistemas de software principais. UML não é uma linguagem de programação , mas um meio para implementar modelos UML como o código pode ser interpretado de geração de código .
Dark Roasted Blend: Battleship Island & Other Ruined Urban High-Density Sites
http://www.darkroastedblend.com/2010/06/battleship-island-other-ruined-urban.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+TheThrillingWonderStory+%28Dark+Roasted+Blend%29&utm_content=Google+Reader
FontFonter
http://fontfonter.com/
"Try Web FontFonts on any website." (For instance, you can see NYTimes.com in FF Meta or Google.com in FF Tisa, or any other site.)
http://fontfonter.com/ shows you what web fontfonts will look like on your site. Great tool! – Matt McInerney (mattmc) http://twitter.com/mattmc/statuses/19034366749
Getting Started with Interface Design | Nettuts+
http://net.tutsplus.com/articles/general/getting-started-with-interface-design/
interface design and information architecture
50 Useful JavaScript and jQuery Techniques and Plugins - Noupe Design Blog
http://www.noupe.com/javascript/50-useful-javascript-and-jquery-techniques-and-plugins.html
Content Management System (CMS) Icon Set (12 Free Icons) - Smashing Magazine
http://www.smashingmagazine.com/2010/07/19/content-management-system-cms-icon-set-12-free-icons/
especially for Smashing Magazine and its readers
Web Designer as The Artist, Scientist And Philosopher - Smashing Magazine
http://www.smashingmagazine.com/2010/07/09/web-designer-as-the-artist-scientist-and-philosopher/
Web Designer as The Artist, Scientist And Philosopher - Smashing Magazine - http://www.smashingmagazine.com/2010/07/09/web-designer-as-the-artist-scientist-and-philosopher/
Artist, Scientist And Philosopher
Create a Print Ready Business Card Design in Illustrator
http://www.blog.spoongraphics.co.uk/tutorials/create-a-print-ready-business-card-design-in-illustrator
create a business card
Nice business card design tutorial for illustrator
15 New and Awesome Developer Icon Sets | Free and Useful Online Resources for Designers and Developers
http://www.smashingapps.com/2010/07/20/15-new-and-awesome-developer-icon-sets.html
20 Free Web UI Element Kits and Stencils :Speckyboy Design Magazine
http://speckyboy.com/2010/07/21/20-free-web-ui-element-kits-and-stencils/
Composition with JavaScript
http://www.compositionwithjavascript.com/
an interactive work made using HTML, CSS, Javascript and jQuery, based on Piet Mondrian's “Composition with Yellow, Red, Black, Blue and Grey” (1920)
RT @ludwigmuseum: Create your own Mondrian http://www.compositionwithjavascript.com/ via @MuseumModernArt
Joli. Créez votre propre Mondrian http://www.compositionwithjavascript.com/ #art
RT @MuseumModernArt: Create your own Mondrian! http://bit.ly/bW1Tk6
#yam RT @hyunwook: [ JavaScript] html, css, javascript, jQuery 를 이용한 인터렉티브 작품인 피에트 몬드리안 프로젝트 | 웹 기술의 아트화를 엿볼 수 있는 사례 http://fb.me/xQy6G5tU
Composition with Javascript is an interactive work made using HTML, CSS, Javascript and jQuery, based on Piet Mondrian's “Composition with Yellow, Red, Black, Blue and Grey” (1920). It allows everybody deconstruct the original painting and form it again in whatever he or she wants. Lines are shiftable (just drag it with your mouse) and colours changeable (click on it). Texture of the painting was preserved for authentic look. One can play with composition, forms and colours, alter the harmony of the piece or even destroy it and compose something pictorial.
10 Best And Useful jQuery Tutorials Of June 2010
http://resources.savedelete.com/10-best-and-useful-jquery-tutorials-of-june-2010.html
Nice Entity — "Find your character!"
http://nice-entity.com/
Quick references of most common XHTML entities.
Quick References of Most Common Entities
St Marie on the Behance Network
http://www.behance.net/gallery/St-Marie/551975
St Marie Thin is a preview for the upcoming release of a new typefamily, but this time i want to go further with that freefont-thing. There will be one normal Open-Type-Font and an optimzed Webfont, so you can design online and offline with a hiqh quality freefont from Stereotypes.
BBC - GEL (Global Experience Language) - Home
http://www.bbc.co.uk/guidelines/gel/index.shtml
We are evolving a global experience language for the BBC’s digital services. The GEL guidelines are a reference point for all designers creating BBC websites (future iterations will also incorporate mobile and IPTV recommendations).
Guideline da BBC para construção de sites. Tem também alguns design patterns. style guide
Building a Global Experience Language for the BBC We are evolving a global experience language for the BBC’s digital services. The GEL guidelines are a reference point for all designers creating BBC websites (future iterations will also incorporate mobile and IPTV recommendations).
The GEL guidelines are a reference point for all designers creating BBC websites (future iterations will also incorporate mobile and IPTV recommendations).
Designing Style Guidelines For Brands And Websites - Smashing Magazine
http://www.smashingmagazine.com/2010/07/21/designing-style-guidelines-for-brands-and-websites/
Designing Style Guidelines For Brands And Websites
Designing Style Guidelines For Brands And Websites - Smashing Magazine - http://goo.gl/Ww8d
15 New and Awesome Developer Icon Sets | Free and Useful Online Resources for Designers and Developers
http://www.smashingapps.com/2010/07/20/15-new-and-awesome-developer-icon-sets.html
15 New and Awesome Developer Icon Sets
20 Free Web UI Element Kits and Stencils :Speckyboy Design Magazine
http://speckyboy.com/2010/07/21/20-free-web-ui-element-kits-and-stencils/
Composition with JavaScript
http://www.compositionwithjavascript.com/
an interactive work made using HTML, CSS, Javascript and jQuery, based on Piet Mondrian's “Composition with Yellow, Red, Black, Blue and Grey” (1920)
RT @ludwigmuseum: Create your own Mondrian http://www.compositionwithjavascript.com/ via @MuseumModernArt
Joli. Créez votre propre Mondrian http://www.compositionwithjavascript.com/ #art
RT @MuseumModernArt: Create your own Mondrian! http://bit.ly/bW1Tk6
10 Best And Useful jQuery Tutorials Of June 2010
http://resources.savedelete.com/10-best-and-useful-jquery-tutorials-of-june-2010.html
Today jQuery is the hottest design related topic among the web designers. A number of tutorials comes in every month so web designers always wait for this type
Pattern App | User Interface Design Patterns for Ideas and Inspiration
http://patternapp.com/
User Interface Design Patterns
We recently completely revamped our site, and at the same time changed its name to Pattern App. The new name expresses better the nature of our new user interface design pattern library. Pattern App will be something more than just a collection of design patterns or a design gallery.
completely revamped our site, and at the same time changed its name to Pattern App. The new name expresses better the nature of our new user interface design pattern library. Pattern App will
Pattern App | User Interface Design Patterns for Ideas and Inspiration
http://patternapp.com/
UI Pattern Factory is now Pattern App We recently completely revamped our site, and at the same time changed its name to Pattern App. The new name expresses better the nature of our new user interface design pattern library. Pattern App will be something more than just a collection of design patterns or a design gallery.
50 Useful Articles and Resources You May Have Missed - Noupe Design Blog
http://www.noupe.com/how-tos/50-useful-articles-and-resources-you-may-have-missed.html
Personal Branding for Web Designers
Home
http://patterns.endeca.com/content/library/en/home.html
Describes principled ways to solve common user interface design problems related to search, faceted navigation and discovery.
The Endeca User Interface Design Pattern Library (UIDPL) is the result of the collective work of Endeca's User Experience Team and numerous others at Endeca. We began creating and using an internal UIDPL approximately three years ago to capture and share lessons learned from our work and the experiences of our customers and partners on a wide variety of search and discovery problems and applications. Our ultimate goal was to create this publically accessible and living UIDPL to openly share our ideas and promote community dialogue about how to design great search and discovery experiences. While several other excellent UI pattern libraries exist today, our focus is on defining principled ways to solve common user interface design problems and opportunities related to search, faceted navigation, and information discovery.
20 Big and Bold Free Fonts for Beautiful Typography | CreativeFan
http://creativefan.com/20-big-and-bold-free-fonts-for-beautiful-typography/
Design lol 全球设计精华分享 | 为设计欢呼
http://designlol.net/
作者西乔的九卦,画神秘程序员的那个mm
Designing a Facebook landing page: 12 of the best! - Web Design Blog – DesignM.ag
http://designm.ag/design/designing-a-facebook-landing-page-12-of-the-best/
Designing a Facebook landing page: 12 of the best! http://ow.ly/2fB5W
PixeloPhilia2 by *omercetin on deviantART
http://omercetin.deviantart.com/art/PixeloPhilia2-166570194
PixeloPhilia2
44 free PNG icons that could be a perfect fit for a Web or user interface design in an online or desktop application. The set contains both general icons (address book, map, mail, download, target) and rather obscure ones (comic book, license, mug, USB), all in a resolution of 32×32 pixels.
How to Create your own BuddyPress theme (Part-1)
http://www.1stwebdesigner.com/tutorials/create-buddypress-theme/
How to Create your own BuddyPress theme (Part-1) - http://www.1stwebdesigner.com/tutorials/create-buddypress-theme/
In this 2st guide of the series we'll be making a buddypress child theme, which will only contain 2 files, this is to ensure your theme is as future proofed for BuddyPress as possible.
Photoshop Vip » オシャレデザインの極太フリーフォント、31個あつめました。
http://photoshopvip.net/archives/17229
極太フォント
font
インパクトがでて、デザインのアクセントにもなる太字スタイルフォントは、ウェブデザインに限らず、雑誌などのプリントデザインにおいても利用されており人気の字体スタイルのひとつです。 海外デザインブログCreativefanで、オシャレな印象を与える極太フリーフォントを20個まとめたエントリー「20 Big and Bold Free Fonts for Beautiful Typography」が公開されていたので、今回はこちらをベースによく利用する太字スタイルフォントを41個まとめました。 紹介したフォントの多くはすでに紹介していますが、個人的に太字フォントを利用することが多いのでよい機会かと思い羅列エントリーしています。 なおすべてのフォントは無料でダウンロードすることができますが、各フォントによって使用に関するライセンスは異なりますので、ご確認のうえご利用ください。
ハイクオリティーなフリーフォントまとめ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
Showcase of Well-Designed Banking and Investment Websites - Noupe
http://www.noupe.com/showcases/showcase-well-designed-banking-and-investment-websites.html
Aantal voorbeelden van goed ontworpen bankensites
金融系ウェブサイトのまとめ。しっかりとしたビジネスサイトのデザインの参考
海外金融系かっちりデザインサイト。まとめ。
Inspiration - 25 Different, Creative Site Designs | Think Design
http://thinkdesignblog.com/inspiration-25-different-creative-site-designs.htm
Think Design collection of beautiful website layouts.
Inspiration - 25 Different, Creative Site Designs
ウェブデザインに使うフリーの写真リソースサイト10選 | Blitz
http://www.xiii-xiii.com/2010/07/03/%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AB%E4%BD%BF%E3%81%86%E3%83%95%E3%83%AA%E3%83%BC%E3%81%AE%E5%86%99%E7%9C%9F%E3%83%AA%E3%82%BD%E3%83%BC%E3%82%B9%E3%82%B5%E3%82%A4/
7 Basic Rules for Making Charts and Graphs
http://flowingdata.com/2010/07/22/7-basic-rules-for-making-charts-and-graphs/
RT @flowingdata 7 Basic Rules for Making Charts and Graphs http://bit.ly/cGat5u
Primer or Reminder RT @JuiceAnalytics 7 basic rules for creating charts http://bit.ly/930RG7 #MR
25 High-Quality And Creative Fonts For Free Download
http://savedelete.com/download-high-quality-free-fonts.html
Download high-quality free fonts for graphic designers and web designers.
女性向けサイトを作る時に使いたくなる かわいいフォトショップブラシ特集 | 日刊ウェブログ式
http://toshiiy.blog22.fc2.com/blog-entry-109.html
女性向けサイトを作る時に使いたくなる かわいいフォトショップブラシ特集 | 日刊ウェブログ式
ECサイトをデザインする時の8つのポイント | Webクリエイターボックス
http://www.webcreatorbox.com/tech/ecsite-design-tips/
1. 商品のデザインと合わせる 2. シンプルに、わかりやすく 3. Flashを使用する場合は注意深くテストを 4. 魅力的な商品写真を掲載 5. 購入ボタンに一工夫を 6. 買い物かごの中身を表示 7. 購入プロセスを表示 8. 無料ECサイト用アイコン
ECサイトをデザインする時の8つのポイント
The Tangible Web: Thoughts on Designing Websites for Touchscreens | Inspired Magazine
http://www.inspiredm.com/2010/06/16/designing-websites-touchscreens/
Below, I’ve jotted down a few thoughts on design practices that we’ll likely be seeing a lot more of as site owners begin reorganizing and redesigning to welcome our touchy-feely visitors.
Thoughts on Designing Websites for Touchscreens http://inspiredm.com/G4f6 * can we get some stumbles pls :] – Inspired Magazine (inspiredmag) http://twitter.com/inspiredmag/statuses/16391660753
RT @EricssonLabs: The Tangible Web: Thoughts on Designing Websites for Touchscreens (via @inspiredmag) http://icio.us/c2d0mb
It’s probably safe to say that touchscreens as a method of interacting with the web aren’t going away. In fact, it appears quite the opposite: most new smartphones have one now, Google’s making their own tablet, and I think ol’ Steve Jobs has managed to shift a couple…million.
The Tangible Web: Thoughts on Designing Websites for Touchscreens - http://bit.ly/aLL0YY – Smashing Magazine (smashingmag) http://twitter.com/smashingmag/statuses/16683582178
50 Fantastically Clever Logos | Design Shack
http://designshack.co.uk/articles/graphics/50-fantastically-clever-logos
Beginner’s Guide to SEO: Best Practices – Part 3/3
http://www.hongkiat.com/blog/beginners-guide-to-seo-best-practices-part-33/
SEO guide series
Three part series
we love PROPAGANDA - a set on Flickr
http://www.flickr.com/photos/x-ray_delta_one/sets/72157622160036906/
Album Flickr de Cartazes Antigos
Windows Phone 7 in-depth preview -- Engadget
http://www.engadget.com/2010/07/19/windows-phone-7-in-depth-preview/
Does look cool. Glad to see them innovating rather than just copying Apple.
crap! windows phone 7 doesn't sound horrible :( http://www.engadget.com/2010/07/19/windows-phone-7-in-depth-preview/
MS 윈도우폰7 리뷰
@mehuldadhania WinMo7 still has problems http://thegvrv.com/s/e Android rocks with Enterprise app syncing. Effortless.
300+ Free Grunge Textures - Web Design Blog – DesignM.ag
http://designm.ag/inspiration/300-free-grunge-textures/
we love PROPAGANDA - a set on Flickr
http://www.flickr.com/photos/x-ray_delta_one/sets/72157622160036906/
Album Flickr de Cartazes Antigos
Concerning Fidelity in Design | UX Booth
http://www.uxbooth.com/blog/concerning-fidelity-and-design/
Design methods are not mutually exclusive. Rather, each method exists on a continuum of fidelity, ranging from low fidelity sketches to high fidelity HTML prototypes. Each method is well-suited for a particular phase of the design process, with one level of fidelity often leading into the next.
With all of these different methods to choose from, should you be sketching, wireframing, mocking-up, or prototyping? The answer, simply put, is yes you should. Design methods are not mutually exclusive. Rather, each method exists on a continuum of fidelity, ranging from low fidelity sketches to high fidelity HTML prototypes. Each method is well-suited for a particular phase of the design process, with one level of fidelity often leading into the next.
Concerning Fidelity in Design | UX Booth
http://www.uxbooth.com/blog/concerning-fidelity-and-design/
Design methods are not mutually exclusive. Rather, each method exists on a continuum of fidelity, ranging from low fidelity sketches to high fidelity HTML prototypes. Each method is well-suited for a particular phase of the design process, with one level of fidelity often leading into the next.
A guide to 3D display technology: its principles, methods, and dangers
http://www.crunchgear.com/2010/06/19/a-guide-to-3d-display-technology-its-principles-methods-and-dangers/
A primer in case you’re not familiar with how 3D works in general.
Even if it feels silly, just indulge me here: close just your right eye. Now just your left. Now your right. It’s like in Wayne’s World: camera one, camera two. You must have noticed that things change position a bit. This, of course, is because your eyes are a few inches apart; this is called the “interocular distance” and it varies from person to person. Note also that when you look at something close, objects appear in double in the background. Look at the corner of the screen. See how the chair or window back there is doubled? It’s because you’re actually rotating your eyes so they both point directly at what you’re focusing on. This is called “convergence,” and it creates a sort of X, the center of the X being what’s being focused on. You’ve probably seen a diagram like this one before:
some info around the 3d tech currently
Whether you buy into the hype or not, it’s plain fact that 3D is everywhere these days. From movies and games to laptops and handhelds, pretty much every screen in the house is going to be 3D-capable in a year or so, even if you opt not to display any 3D content on it. Those of you who choose that path may stop reading now, and come back a little later when you change your mind. Because if you have kids or enjoy movies and games, there will be a point where you’re convinced, perhaps by a single standout piece of media, that 3D is worth it at least some of the time.
TMsprl | Advertising | Shop</a><br> <a class='g' href='http://www.tmsprl.com/shop.html'>http://www.tmsprl.com/shop.html</a><br> <blockquote>cadernos com linhas diferentes (irregulares)</blockquote> <blockquote>inspiration pad</blockquote> <a href='http://webdesignledger.com/freebies/10-free-online-books-for-web-designers'>10 Free Online Books for Web Designers | Freebies</a><br> <a class='g' href='http://webdesignledger.com/freebies/10-free-online-books-for-web-designers'>http://webdesignledger.com/freebies/10-free-online-books-for-web-designers</a><br> <blockquote>10 Free Online Books for Web Designers http://bit.ly/a2FEkr #webdesign</blockquote> <blockquote>Recopilación de libros gratuitos sobre diseño web</blockquote> <blockquote>web design ebook javascript</blockquote> <a href='http://aext.net/2010/07/wordpress-3-and-what-you-can-do/'>WordPress 3 and What You Can Do! | AEXT.NET MAGAZINE</a><br> <a class='g' href='http://aext.net/2010/07/wordpress-3-and-what-you-can-do/'>http://aext.net/2010/07/wordpress-3-and-what-you-can-do/</a><br> <blockquote>’s the way to show the description on each menus? Very good question. What’s the use of menu description as seen on menu management picture if we couldn’t d</blockquote> <blockquote>WordPress 3 and What You Can Do!</blockquote> <blockquote>Wordpress 3.0 Features and Guide | AEXT.NET MAGAZINE - http://aext.net/2010/07/wordpress-3-and-what-you-can-do/</blockquote> <blockquote>come togliere a get_the_term_list il link della categoria ;)</blockquote> <a href='http://www.smashingmagazine.com/2010/07/26/50-useful-tools-and-resources-for-web-designers/'>50 Useful Tools and Resources For Web Designers - Smashing Magazine</a><br> <a class='g' href='http://www.smashingmagazine.com/2010/07/26/50-useful-tools-and-resources-for-web-designers/'>http://www.smashingmagazine.com/2010/07/26/50-useful-tools-and-resources-for-web-designers/</a><br> <a href='http://www.kukunu.com/'>Kukunu Trip Planner | Create Your Travel Itinerary with 300000+ Hotels, Restaurants and Activities Worldwide</a><br> <a class='g' href='http://www.kukunu.com/'>http://www.kukunu.com/</a><br> <blockquote>Plan your next trip with Kukunu: build your itinerary, share with your friends, add hotels, restaurants and activities. Get the best price and book.</blockquote> <blockquote>to plan your next trip. A free and friendly tool to create your itinerary, save hotels or activities you don't want to miss.</blockquote> <blockquote>planificacion de viajes</blockquote> <blockquote>Create Your Travel Itinerary with 300000+ Hotels, Restaurants and Activities Worldwide</blockquote> <a href='http://www.tmsprl.com/shop.html'><title>TMsprl | Advertising | Shop</a><br> <a class='g' href='http://www.tmsprl.com/shop.html'>http://www.tmsprl.com/shop.html</a><br> <blockquote>cadernos com linhas diferentes (irregulares)</blockquote> <blockquote>inspiration pad</blockquote> <a href='http://webdesignledger.com/freebies/10-free-online-books-for-web-designers'>10 Free Online Books for Web Designers | Freebies</a><br> <a class='g' href='http://webdesignledger.com/freebies/10-free-online-books-for-web-designers'>http://webdesignledger.com/freebies/10-free-online-books-for-web-designers</a><br> <blockquote>While you may have to shell our some money for a good web design book, there are a number of them out that have online versions that are totally free.</blockquote> <blockquote>There’s a never ending supply of information out there for us web designers. If there’s something we need to learn, we can find it in one form or another. Sometimes it may be on a blog or it could be in a book. While you may have to shell our some money for a good web design book, there are a number of them out that have online versions that are totally free. Here are 10 you should find very useful.</blockquote> <a href='http://aext.net/2010/07/wordpress-3-and-what-you-can-do/'>WordPress 3 and What You Can Do! | AEXT.NET MAGAZINE</a><br> <a class='g' href='http://aext.net/2010/07/wordpress-3-and-what-you-can-do/'>http://aext.net/2010/07/wordpress-3-and-what-you-can-do/</a><br> <blockquote>A deeper look at new features of Wordpress 3 and see what we can do.</blockquote> <blockquote>Overzicht met Wordpress3.0 mogelijkheden</blockquote> <blockquote>’s the way to show the description on each menus? Very good question. What’s the use of menu description as seen on menu management picture if we couldn’t d</blockquote> <blockquote>WordPress 3 and What You Can Do!</blockquote> <blockquote>Wordpress 3.0 Features and Guide | AEXT.NET MAGAZINE - http://aext.net/2010/07/wordpress-3-and-what-you-can-do/</blockquote> <a href='http://mmcgrana.github.com/2010/07/develop-deploy-clojure-web-applications.html'>Developing and Deploying a Simple Clojure Web Application</a><br> <a class='g' href='http://mmcgrana.github.com/2010/07/develop-deploy-clojure-web-applications.html'>http://mmcgrana.github.com/2010/07/develop-deploy-clojure-web-applications.html</a><br> <blockquote>The post walks through the process of developing and deploying a simple web application in Clojure. After reading this you should be able to build your own app and deploy it to a production server.</blockquote> <blockquote>Clojureベースのウェブアプリケーション開発と展開方法</blockquote> <a href='http://jasonsantamaria.com/articles/a-real-web-design-application/'>A Real Web Design Application | Jason Santa Maria</a><br> <a class='g' href='http://jasonsantamaria.com/articles/a-real-web-design-application/'>http://jasonsantamaria.com/articles/a-real-web-design-application/</a><br> <blockquote>A real web design application: http://jasonsantamaria.com/articles/a-real-web-design-application/</blockquote> <blockquote>A Real Web Design Application</blockquote> <blockquote>The web and its related disciplines have grown organically. I think it’s safe to say the web is not the domain of just the geeks anymore—we all live here. And those of us who work here should have sophisticated, native tools to do our jobs.</blockquote> <blockquote>I'm no pro. The most ambitious design I did was @clusterflock, using firebug and hand coding, but this feels right: http://is.gd/dKShI</blockquote> <blockquote>A different way of working.</blockquote> <a href='http://mmcgrana.github.com/2010/07/develop-deploy-clojure-web-applications.html'>Developing and Deploying a Simple Clojure Web Application</a><br> <a class='g' href='http://mmcgrana.github.com/2010/07/develop-deploy-clojure-web-applications.html'>http://mmcgrana.github.com/2010/07/develop-deploy-clojure-web-applications.html</a><br> <blockquote>The post walks through the process of developing and deploying a simple web application in Clojure. After reading this you should be able to build your own app and deploy it to a production server.</blockquote> <blockquote>Clojureベースのウェブアプリケーション開発と展開方法</blockquote> <a href='http://www.1stwebdesigner.com/resources/learn-typography/'>Learn the Basics: 25+ Sites And Resources To Learn Typography</a><br> <a class='g' href='http://www.1stwebdesigner.com/resources/learn-typography/'>http://www.1stwebdesigner.com/resources/learn-typography/</a><br> <blockquote>Typography has been practiced and used in our daily life. Range from handwriting in a pocket notebook to the big advertising billboard. It’s sometimes typed using Times New Roman in 12 points for newspaper. Others use Edwardian in 26 points for their wedding invitations. When a designer decide to use the right font for the right job, the typography itself become an art.</blockquote> <a href='http://www.smashingmagazine.com/2010/07/26/50-useful-tools-and-resources-for-web-designers/'>50 Useful Tools and Resources For Web Designers - Smashing Magazine</a><br> <a class='g' href='http://www.smashingmagazine.com/2010/07/26/50-useful-tools-and-resources-for-web-designers/'>http://www.smashingmagazine.com/2010/07/26/50-useful-tools-and-resources-for-web-designers/</a><br> <blockquote>Related Posts You may be interested in the following related posts: 50 Powerful Time-Savers For Web Designers 50 New Useful CSS Techniques, Tools and Tutorials 45...</blockquote> <a href='http://www.kukunu.com/'>Kukunu Trip Planner | Create Your Travel Itinerary with 300000+ Hotels, Restaurants and Activities Worldwide</a><br> <a class='g' href='http://www.kukunu.com/'>http://www.kukunu.com/</a><br> <blockquote>planifica viajes con calenario etc</blockquote> <blockquote>Create Your Travel Itinerary with 300000+ Hotels, Restaurants and Activities Worldwide</blockquote> <blockquote>Plan your next trip with Kukunu: build your itinerary, share with your friends, add hotels, restaurants and activities. Get the best price and book.</blockquote> <blockquote>to plan your next trip. A free and friendly tool to create your itinerary, save hotels or activities you don't want to miss.</blockquote> <a href='http://www.tmsprl.com/shop.html'><title>TMsprl | Advertising | Shop</a><br> <a class='g' href='http://www.tmsprl.com/shop.html'>http://www.tmsprl.com/shop.html</a><br> <blockquote>cadernos com linhas diferentes (irregulares)</blockquote> <blockquote>inspiration pad</blockquote> <a href='http://webdesignledger.com/freebies/10-free-online-books-for-web-designers'>10 Free Online Books for Web Designers | Freebies</a><br> <a class='g' href='http://webdesignledger.com/freebies/10-free-online-books-for-web-designers'>http://webdesignledger.com/freebies/10-free-online-books-for-web-designers</a><br> <blockquote>web design books</blockquote> <blockquote>Kan vara ganska bra att ha för gymnasiet</blockquote> <a href='http://aext.net/2010/07/wordpress-3-and-what-you-can-do/'>WordPress 3 and What You Can Do! | AEXT.NET MAGAZINE</a><br> <a class='g' href='http://aext.net/2010/07/wordpress-3-and-what-you-can-do/'>http://aext.net/2010/07/wordpress-3-and-what-you-can-do/</a><br> <blockquote>A deeper look at new features of Wordpress 3 and see what we can do.</blockquote> <blockquote>Overzicht met Wordpress3.0 mogelijkheden</blockquote> <a href='http://www.uize.com/examples/animate-size-in-javascript.html'>Animate Size in JavaScript | JavaScript Examples | UIZE JavaScript Framework</a><br> <a class='g' href='http://www.uize.com/examples/animate-size-in-javascript.html'>http://www.uize.com/examples/animate-size-in-javascript.html</a><br> <blockquote>Animate Size in JavaScript http://zi.mu/l44 效果不错, 蛮流程的</blockquote> <blockquote>excellent example of different easing techniques</blockquote> <a href='http://www.job-search-and-careers.com/engineeringjobs.html'>Engineering Jobs, all fields of Engineering</a><br> <a class='g' href='http://www.job-search-and-careers.com/engineeringjobs.html'>http://www.job-search-and-careers.com/engineeringjobs.html</a><br> <a href='http://www.effectgames.com/demos/canvascycle/?sound=0'>Canvas Cycle: True 8-bit Color Cycling with HTML5</a><br> <a class='g' href='http://www.effectgames.com/demos/canvascycle/?sound=0'>http://www.effectgames.com/demos/canvascycle/?sound=0</a><br> <blockquote>Reminds me of some of my favourite games :-) RT @monsieurmorris: #HTML5 8-bit colour cycling http://bit.ly/d3MLRz</blockquote> <blockquote>#HTML5 8-bit colour cycling http://bit.ly/d3MLRz</blockquote> <a href='http://www.smashingmagazine.com/2010/07/13/what-is-the-last-thing-you-do-before-you-launch-a-website/'>What Is The Last Thing You Do Before You Launch A Website? - Smashing Magazine</a><br> <a class='g' href='http://www.smashingmagazine.com/2010/07/13/what-is-the-last-thing-you-do-before-you-launch-a-website/'>http://www.smashingmagazine.com/2010/07/13/what-is-the-last-thing-you-do-before-you-launch-a-website/</a><br> <a href='http://www.noupe.com/how-tos/better-ui-design-proper-use-of-tables.html'>Better UI Design: Proper Use of Tables - Noupe Design Blog</a><br> <a class='g' href='http://www.noupe.com/how-tos/better-ui-design-proper-use-of-tables.html'>http://www.noupe.com/how-tos/better-ui-design-proper-use-of-tables.html</a><br> <a href='http://www.bogost.com/blog/cow_clicker_1.shtml'>Ian Bogost - Cow Clicker</a><br> <a class='g' href='http://www.bogost.com/blog/cow_clicker_1.shtml'>http://www.bogost.com/blog/cow_clicker_1.shtml</a><br> <blockquote>The making of cow clicker, and a look at the trend of social games</blockquote> <blockquote>In which he describes the hows and whys.</blockquote> <blockquote>Une excellente crique et analyse sur les "jeux" sociaux.</blockquote> <blockquote>Compulsion explains the feeling of struggling to return to something in spite of ourselves. Its flipside involves the disrespect of time that we might otherwise spend doing more valuable things—or even just pondering the thoughtful and unexpected ideas that an asynchronous game might raise. Social games so covet our time that they abuse us while we are away from them, through obligation, worry, and dread over missed opportunities.</blockquote> <blockquote>"You get a cow. You can click on it. In six hours, you can click it again. Clicking earns you clicks. You can buy custom "premium" cows through micropayments (the Cow Clicker currency is called "mooney"), and you can buy your way out of the time delay by spending it. You can publish feed stories about clicking your cow, and you can click friends' cow clicks in their feed stories. Cow Clicker is Facebook games distilled to their essence." -- Reminds me of the game where you do the dishes.</blockquote> <blockquote>The dialectic between theory and practice often collapses into a call and response panegyric. This in mind, I thought it might be productive to make an example that would act as its own theory.</blockquote> <a href='http://quplo.com/'>Web-based prototyping software for interaction designers: quplo</a><br> <a class='g' href='http://quplo.com/'>http://quplo.com/</a><br> <a href='http://www.addictivefonts.com/basic/bold/bold-fonts-big-headlines/'>50 Captivating Bold Fonts For Killer Headlines | Addictive Fonts</a><br> <a class='g' href='http://www.addictivefonts.com/basic/bold/bold-fonts-big-headlines/'>http://www.addictivefonts.com/basic/bold/bold-fonts-big-headlines/</a><br> <blockquote>One of the most critical and important step in web designing is the selection of right fonts especially for the main headlines and titles which are the focal point of any website and mostly delivers the major messages about your website. They play a very important role in achieving attractive look for your website. Best font choice for this purpose is big and bold fonts that’s why today we have compiled a list of 50 attractive and graceful bold fonts specially designed for big headlines and titles. Finding these kind of FREE high-quality fonts can be a major issue but we have solved your problem by collecting this huge number of fonts which can be used freely.</blockquote> <a href='http://toshiiy.blog22.fc2.com/blog-entry-112.html'>ココを押えておけばCSS3がだいたい分かるツール集 | 日刊ウェブログ式</a><br> <a class='g' href='http://toshiiy.blog22.fc2.com/blog-entry-112.html'>http://toshiiy.blog22.fc2.com/blog-entry-112.html</a><br> <blockquote>ココを押えておけばCSS3がだいたい分かるツール集 | 日刊ウェブログ式 http://bit.ly/bIDWgE #css #web – CSSニュース (css_j) http://twitter.com/css_j/statuses/18953972944</blockquote> <a href='http://www.the-web-book.com/index.php'>The Web Book</a><br> <a class='g' href='http://www.the-web-book.com/index.php'>http://www.the-web-book.com/index.php</a><br> <blockquote>Want to build Web sites with HTML, CSS, Javascript, PHP and MySQL? The Web Book contains all the information you need to create a Web site from scratch. It covers everything from registering a domain name and renting some hosting space, to creating your first HTML page, to building full online database applications with PHP and MySQL. It also tells you how to market and promote your site, and how to make money from it.</blockquote> <a href='http://2ttf.com/'>iFontMaker – The First & Fastest Font Editor for iPad</a><br> <a class='g' href='http://2ttf.com/'>http://2ttf.com/</a><br> <blockquote>Create your own handwriting font in 5 minutes on the iPad with iFontMaker: http://2ttf.com – Jason Fried (jasonfried) http://twitter.com/jasonfried/statuses/19654745234</blockquote> <blockquote>RT @milrayas: Gran descubrimiento del día!! iFontMaker para iPad. Crea tus propias tipografias de forma sencilla. http://2ttf.com #milrayas</blockquote> <blockquote>Looks awesome. I've always wanted my own font -- looks like now I actually can have it!</blockquote> <blockquote>iFontMaker™ is the first font editor exclusive for iPad™. With iPad touch interface, your 100% original hand typeface can be done in 5 minutes¹.</blockquote> <blockquote>Create your handwriting font in 5 min with iPad</blockquote> <a href='http://nicepaul.com/icons'>BBC GEL Social Media Icons – the set // nicepaul.com</a><br> <a class='g' href='http://nicepaul.com/icons'>http://nicepaul.com/icons</a><br> <a href='http://www.bestfreewebresources.com/2010/06/30-cool-one-letter-logo-designs.html'>30 Cool One-letter Logo Designs</a><br> <a class='g' href='http://www.bestfreewebresources.com/2010/06/30-cool-one-letter-logo-designs.html'>http://www.bestfreewebresources.com/2010/06/30-cool-one-letter-logo-designs.html</a><br> <a href='http://kachibito.net/marketing/businesscards-design-gallery.html'>名刺デザインのインスピレーション向上によさ気なギャラリーいろいろ+α - かちびと.net</a><br> <a class='g' href='http://kachibito.net/marketing/businesscards-design-gallery.html'>http://kachibito.net/marketing/businesscards-design-gallery.html</a><br> <a href='http://newadventuresconf.com/'>New Adventures In Web Design conference | Nottingham | 20th January 2011</a><br> <a class='g' href='http://newadventuresconf.com/'>http://newadventuresconf.com/</a><br> <blockquote>interactive explanations</blockquote> <a href='http://interactiondesign.sva.edu/classes/datavisualization/2010/07/08/introduction/'>Introduction</a><br> <a class='g' href='http://interactiondesign.sva.edu/classes/datavisualization/2010/07/08/introduction/'>http://interactiondesign.sva.edu/classes/datavisualization/2010/07/08/introduction/</a><br> <blockquote>intro on data visualization</blockquote> <blockquote>Introduction to, and history of, datavisualization</blockquote> <blockquote>Data visualization is a pretty literal term that means, quite simply, the visual representation of quantitative data. In this course we’ll learn common techniques for visualizing data, as well as some strategies for managing information digitally. But first, a brief history.</blockquote> <blockquote>A brief history of visualization http://bit.ly/a2YB4q #datavisualization #dataviz</blockquote> <blockquote>Data Visualization</blockquote> <blockquote>Although visualization hasn’t been widely recognized as a discipline in and of itself until fairly recently, today’s most popular forms date back nearly two centuries. Geographical exploration, mathematics, and popularized history spurred the creation of early maps, graphs, and timelines as far back as the 1600s; but William Playfair is widely credited as the inventor of the modern chart, having created the first widely distributed line and bar charts in his Commercial and Political Atlas of 1786, and what is generally considered to be the first pie chart in his Statistical Breviary, published in 1801.</blockquote> <a href='http://bpd.ist.utl.pt/'>Banco de Padrões de Design · Instituto Superior Técnico</a><br> <a class='g' href='http://bpd.ist.utl.pt/'>http://bpd.ist.utl.pt/</a><br> <blockquote>Creative Commons License</blockquote> <blockquote>Padrões de design são soluções testadas e verificadas para problemas comuns de design que podem ser aplicados em contextos específicos. Cada padrão corresponde a um problema que ocorre frequentemente no processo de design e descreve uma solução prática para o solucionar.</blockquote> <a href='http://www.bestfreewebresources.com/2010/06/30-cool-one-letter-logo-designs.html'>30 Cool One-letter Logo Designs</a><br> <a class='g' href='http://www.bestfreewebresources.com/2010/06/30-cool-one-letter-logo-designs.html'>http://www.bestfreewebresources.com/2010/06/30-cool-one-letter-logo-designs.html</a><br> <blockquote>30 Cool One-letter Logo Designs - http://www.bestfreewebresources.com/2010/06/30-cool-one-letter-logo-designs.html</blockquote> <a href='http://kachibito.net/marketing/businesscards-design-gallery.html'>名刺デザインのインスピレーション向上によさ気なギャラリーいろいろ+α - かちびと.net</a><br> <a class='g' href='http://kachibito.net/marketing/businesscards-design-gallery.html'>http://kachibito.net/marketing/businesscards-design-gallery.html</a><br> <a href='http://futureselfservicebanking.com/'>http://futureselfservicebanking.com/</a><br> <a class='g' href='http://futureselfservicebanking.com/'>http://futureselfservicebanking.com/</a><br> <blockquote>Awesome IDEO ATM redesign documentary. Lot's of good thinking in here. Via Pablo.</blockquote> <blockquote>RT @HashemBajwa: IDEO redesigns the ATM. Interesting video on the design process. http://futureselfservicebanking.com/</blockquote> <blockquote>"virtual to real transitions" – quite amazing work around the future of self-service banking http://j.mp/9A75lj #ideo</blockquote> <blockquote>Proyecto de IDEO para rediseño de cajeros automáticos del BBVA en España.</blockquote> <br> <br> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-50683-2"; urchinTracker(); </script> </body> </html>