DESIGN
Get flash to fully experience Pearltrees
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.
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.
CSS Tools: Reset CSS
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
35 Excellent Wireframing Resources - Smashing Magazine
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.