The Grid Calculator has been around for a while. This is just a reminder of how awesome it is :]
Grid Calculator
Another 16 Firefox Add-ons For Web Designers
Firefox can be extended to do just about anything you want, so why not have it help you with your web development and design? We’ve got a dozen suggestions to get you started down the road of turning Firefox into a powerful design and development tool in your arsenal.
Another 16 Firefox Add-ons For Web Designers from Mashable
Buttons Padding Demo
If you have a fetish for input buttons don't forget to check this out.
Here is a LIVE demo showing how input buttons are rendered in your browser. The 'Standard' column will look different depending on your operating system. The '+ Border' column shows the same buttons with a red border added. (This removes the default button style as seen in the first column.)
Buttons Padding Demo by Chris Hester
Quality Photoshop Brushes
Qbrushes.com , is a place where you can download all the free Quality Photoshop brushes from around the net. the site is updated with fresh brushes very often, so be sure to bookmark the site.
Applying Divine Proportions to Your Web Designs
Since the Renaissance, many artists and architects have proportioned their works to approximate the golden ratio — especially in the form of the golden rectangle, in which the ratio of the longer side to the shorter is the golden ratio. The rationale behind it is the belief that this proportion is organic, universal, harmonic and aesthetically pleasing. Indeed, being evident everywhere in the universe (in fact, many things around us can be expressed in this ratio), divine proportion (which is also called Golden ratio, divine section, golden cut and mean of Phidias) is probably the most known law of proportion which can dramatically improve the communication of your design.
Applying Divine Proportions to Your Web Designs from Smashing Magazine
Tripoli
Tripoli is a generic CSS standard for HTML rendering. By resetting and rebuilding browser standards, Tripoli forms a stable, cross-browser rendering foundation for your web projects.
Tripoli from DevKick
A Design is Finished when... 23 Pro Designers' Opinions
One of the most important and hardest things to overcome when designing is to understand when the piece you are designing on is actually finished. while creativity is sometime boundless the end result should always be the result of a clear objective, the end result. I often get caught between creativity and completion and from the emails I've received, I have discovered im not alone .So we asked the experts.
A Design is Finished when... 23 Pro Designers' Opinions from Abduzeedo
Free of Charge RSS Feed Icons
Writing an Interface Style Guide
If you have ever designed a beautiful interface only to find it ugly five months later because gaudy graphics, unpleasant colors, and distasteful fonts appeared over time, then you understand how maddening design disintegration can be. Similarly, if you have ever developed a clean, web standard, and accessible interface but later found the site littered with invalid, inaccessible, and presentational markup, then you understand this frustration as well. Documentation can help avoid these issues—it provides guidance on how to maintain and update the interface, and keep it beautiful at the same time.
Writing an Interface Style Guide from A List Apart
HTML Color Combination Chooser
The wonderful people at Site Pro Central have allowed me to mirror the extremely useful HTML Color Combination Chooser originally found at http://www.siteprocentral.com. The revenue generated from the ads goes directly to them to support the effort they put in to make this tool available.
HTML Color Combination Chooser from Web Design for Developers
Websites you shouldn’t have missed in May 2008
May was a busy month, we have been watching great news, articles, tutorials, scripts, tips and lot of inspiration for web designers popping up everyday so we thought it would be a great idea to wrap all those resources in one package where you can check to fuel your energy for creativity.
Websites you shouldn’t have missed in May 2008 from Noupe
How to Theme any CMS Using Firebug (and MediaWiki as an Example)
Often in my career as a web ninja, I've been asked to skin or theme open source projects to bring them in line with my clients brand. Depending on the project this can be more, or less frustrating (I'm looking at you Magento) but MediaWiki is one of the easier projects to work with because of the limited number of files and things to adjust. In this tutorial we'll go through the theming process I used to style the upcoming PSDTUTS Wiki, but the process, particularly using Firebug, could be applied to pretty much any CMS.
Firebug is good, but you might want to check out CSSEdit if you're a Mac user :]
How to Theme any CMS Using Firebug (and MediaWiki as an Example) from Nettuts
The Official "Successful Website Checklist Challenge"
If your website doesn’t stand out and do a heck of lot of things right, then chances are it’s going to crash and burn. Take our “Successful Website Checklist Challenge” (below) and see what you’re doing right, what you’re doing wrong, and what you’re forgetting to do. We’ve even included notes and resources for nearly every item on the checklist (just to make your life easier).
The Official "Successful Website Checklist Challenge" from Chromatic Sites
CSS Decorative Gallery
I’m using the same trick to show you how to decorate your images and photo galleries without editing the source images. The trick is very simple. All you need is an extra tag and apply a background image to create the overlaying effect. It is very easy and flexible — see my demos with over 20 styles, from a simple image icon to a rounded corner to a masked layer (both decorative and complex).
CSS Decorative Gallery from Web Designer Wall
70+ High-End Components for Web Designers and Developers
So here is Milestone 01 - a handy collection of hand-picked, quality components sorted in framework/programming categories with the most popular component presented first in each category. Note that these components have been selected and tested during the last three months times to make sure each meets a certain quality criteria. Enjoy!
70+ High-End Components for Web Designers and Developers from DevKick
24 Kick Ass Portfolio Designs
Many of my choices happened to be one page design portfolios. I always tend to gravitate towards the one-pagers because of the simplicity and easy to follow flow. I don’t like to click around to hunt good work down. If it takes me more than 5 seconds to locate your portfolio - then I am off to another site. My own portfolio is a one page site. Through my research in finding the best designed portfolio sites I looked at grids (which always hold my attention), typography and navigation / layout of the site.
24 Kick Ass Portfolio Designs from Fuel Your Creativity
30 Websites to Follow If You’re Into Web Development
I’ve made it a goal to learn at least one useful thing each day so that I can stay sharp and well-versed on the topic of web development and design. To that end, here’s some of the websites I keep track of to find new techniques, resources, and news about building websites.
30 Websites to Follow If You’re Into Web Development from Six Revisions
Input vs. Button
My latest redesign project at work was for Group Logic. Another company did the design and created static HTML templates. My role was to create a single header and footer to make maintaining the site easier, and to wrap the store and other dynamic applications in the new design. The company who designed it used images for the form buttons, and I found some interesting things while implementing them.
Input vs. Button by Trevor Davis
Which CSS Grid Framework Should You Use for Web Design?
Ever wondered how all those slick "magazine" themes for WordPress and other platforms were created? Many, if not all, were designed using a CSS Grid Framework - at least in essence if not in actual fact. That is, you can use an existing CSS framework or build your own from scratch. While it's possible to design complex web page layouts without a framework, it's arguably an act in masochism. In this article you'll get an overview of the current batch of Frameworks and which you should choose to use.
In case you were wondering, I personally prefer Blueprint CSS as well.
Which CSS Grid Framework Should You Use for Web Design? from Nettuts
The Cure for Content-Delay Syndrome
In the vast majority of website projects that I have managed during my ten years in the industry, content is often the last thing to be considered (and almost always the last thing to be delivered). We’ll spend hours, weeks, even months, doing user scenarios, site maps, wireframes, designs, schemas, and specifications—but content? It’s a disrespected line item in a schedule: “final content delivered.” It’s the perennial cause of delay and the stuff of myth (I once shelved a project for three years while the client “wrote” his content.) It’s a malaise that needs fixing and needs fixing fast.
The Cure for Content-Delay Syndrome from A List Apart
Recent Posts
- Bookreader.js
- As Button Generator
- Search Engine Simulator
- An Introduction to Using Patterns in Web Design
- Golden Ratio Calculator
- 120+ Free Ajax Activity Indicator Gif Icons
- Handy Designer’s Tools “On The Fly”
- The Perfect 3 Column Liquid Layout (Percentage widths)
- 300+ Vintage Style Textures and Photoshop Brushes
- Faux Absolute Positioning
- 20 Photoshop Secrets Revealed…
- 71 Gradient Resources for Web Design
- 75 Insane High Res Photoshop Brushes
- Introducing SenCSS
- 12 Examples of Paragraph Typography
- I'll Have That Typeface on the Menu
- Writing an Interface Style Guide
- Saving the Spark: Developing Creative Ideas
- Web Design: 10 Additional Research Findings You Should Know
- Some New CSS Features in Firefox 3
- Lazy Eyes - How We Read Online
- Tutorial Dog
- PSDTUTS' Favourite Photoshop Tutorial Sites
- 100 Awesome Webmaster Videos on YouTube
- PodiPodi - The Magical Box
- Block Quotes and Pull Quotes: Examples and Good Practices
- 15 Tools to Help You Develop Faster Web Pages
- Anti-Spam Email Address Encoder
- 8 Things You Should Include In Your Terms of Service Agreement
- Javascript Framework Usage Among Top Websites
Category
- Javascript (38)
- Web Design (64)
- Accessibility (1)
- Color (2)
- CSS (72)
- Email Marketing (5)
- Flash (2)
- Graphic Design (23)
- HTML (11)
- Icon (12)
- Illustrator (5)
- Life (2)
- logo (6)
- Microformats (4)
- Opinion (12)
- Other (14)
- Photoshop (22)
- Practice (30)
- Resource (57)
- Semantic Web (1)
- SEO (8)
- Tool (11)
- Tutorial (44)
- Typography (26)
- Usability (12)
- User Experience (8)
- User Interface (9)
- Web Design (46)
- Web Standards (1)


Comments
Post has no comments.