Complete Websites Webdesigntuts+
Design Magazine | Archive | Weekly News
Building An Effective ‘Coming Soon’ Page For Your Product - Smashing Magazine I recently had to design a couple of teaser pages for a client and a personal project, and this led me to think about what exactly makes for a good teaser page — or to be more precise a “coming soon” page that companies often put up before they’re ready to launch their product.
35 Effective Examples of Minimalism in Web Design
A popular trend knowadays is for websites and services to use integrated social networking logins to rapidly reduce the time it would take a typical user to signup (no more filling in forms and remembering another password). 20 Free Social Login and Bookmark Buttons Source Files
Developing Visual Rhythm in Web Design In design, rhythm is created by simply repeating elements in predictable patterns.
Creating Reusable & Versatile Background Patterns I haven't written any Photoshop tutorials for a while.
The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post , if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint , among others.
Video: The YUI CSS Foundation In this 42-minute tech talk from October 2007, YUI senior engineer and CSS component author Nate Koechley provides a holistic introduction to this and all of the YUI CSS components. [ iPod/iPhone compatible download also available .] Getting Started To use Reset, include the following source file in your web page with the link element: <! YUI 2: Reset CSS
Wireframing is one of the most valuable parts of any web design project. It can save a designer tons of time by hashing out the details of a site’s architecture, functionality, and content prior to actually starting a visual design. But if done inefficiently, it can end up costing more time and can even create bigger headaches for both the client and the designer. Below are more than 35 resources for creating better wireframes, including tutorials on different methods and a variety of tools available.
The Bethel Strategy Background Every web redesign project we get comes with an essential strategy document. This strategy document is a tailored roadmap laying out specifics for a successful relaunch including wireframes to help visualize how new web templates will take shape, a review of competitor sites, key messages to be surfaced in the new creative stylings of a site, a streamlined information architecture, rollout schedules, and more. Two clients of ours from Bethel University , Mark Erickson (Director of Web Communications) and Michael Vedders (Director of Web Technology), came to mStoner’s Chicago office for two days earlier in the month to work directly with us on the Bethel strategy document. Pwireframing: Paper Wireframing - mStoner - Blog
25+ Free Gorgeous HTML Templates We all know that today is the era of online business; web presence is crucial.
A Craft Of Consequences: Reader, Writer And Emotional Design Before the very first page of a book has been read, you've already analyzed it in countless ways without even noticing.
Great Web Design in Comforting Hues of Brown Brown is a color often associated with the earth, with home and with nature in general. It helps make one feel sentimental, safe or comfortable.
Mark Boulton Design | Web Design
Designing Faster with a Baseline Grid Hundreds — not to say thousands — of articles, tutorials, books and websites solely dedicated to grids and their application in (web)design have been published in the last few years. A simple search on Google with the terms “grid” and “webdesign” returns almost 5 million results. There is even a movie with characters trapped in what they call “the grid” […] “a final frontier”.
Weekly Web Design Inspiration for July 9, 2011
Experiments with wide images | clagnut/sandbox 1.
Although CSS3 @font-face is supported by most major browsers (IE, Firefox, Chrome, and Safari), but not all.
Beautiful Typography in Web Design
Best Practices For Designing Websites For Kids - Smashing Magazine
Useful Ideas And Guidelines For Good Web Form Design - Smashing Magazine
Vitamin T : So you think you can build a website?