Want to let people read your webpage like a book? Check out bookreader.js! The documentation is in Japanese though :|
PS the last two links in the footer lets you toggle between standard view and bookreader view.
bookreader.js from CogniTom Academic Design
Don't know how to create buttons in Photoshop or just plain lazy? Generate buttons with a few clicks :>
When a search engine spider visits your website page, it does not not view your page in the same way that site visitors view your pages. This SEO tool is basically a search engine simulator and the simulator gives our interpretation of what a search engine spider can see.
Search Engine Simulator from Kenkai
Oldie but goodie!
The biggest challenge for web designers is the unthinkably huge number of possible ways to solve any given problem. We usually don't think of this because we have our habits and traditions to fall back on, but there are literally billions of possible pixel combinations for each page we make.
An Introduction to Using Patterns in Web Design from 37signals
This is pretty cool. If you don't know what the golden ratio is, check out this Wikipedia article.
Golden Ratio Calculator from Design by Ninjas
How does one obtain a collection like this? Amazing.
120+ Free Ajax Activity Indicator Gif Icons from Badeziner
Nothing can be more useful than handy tools you can use “on the fly” in your design process. Whether you’d like to generate css layouts, create vector images, format or optimize CSS code, generate patterns- you can use dozens of tools to make your life easier.
I personally don't use these kind of tools, but some may find them quite handy~
Handy Designer’s Tools “On The Fly” from Noupe
No CSS hacks. SEO friendly. No Images. No JavaScript. Cross-browser & iPhone compatible.
The Perfect 3 Column Liquid Layout (Percentage widths) by Matthew James Taylor
Vintage design, when done well, can make a user feel like they have been transported back in time. This particular style often uses design elements that look like they were found in the attic of an old house dating back to the 1920’s, 30’s, or 40’s. If you have a project coming up that requires this type of design, here is a big roundup of textures and Photoshop brushes, all found at deviantArt.
300+ Vintage Style Textures and Photoshop Brushes from Design Reviver
There are two popular approaches to positioning with CSS: float and absolute positioning. Both approaches have their pros and cons. My teammates and I have developed a new positioning approach that gives us the best of both worlds. After quite a bit of experimenting and testing, it’s time to share the technique with the rest of the world and see how we can work together to improve it. I’m calling it “faux absolute positioning” after the faux columns technique that simulates the presence of a column.
Faux Absolute Positioning from A List Apart
For web designers and graphic designers, gradients provide almost unlimited options for creating the perfect look. This list is a collection of excellent tutorials and resources for effectively using gradients. Some of the tutorials and resources are specific to Photoshop and Illustrator, and others are general.
71 Gradient Resources for Web Design from Vandely Design
Ah, the beautiful world of Photoshop brushes. With thousands of incredible sets floating around the web, and thousands more being made all the time, it can become quite a daunting task to find the perfect ones for your projects.
75 Insane High Res Photoshop Brushes from Elite by Design
SenCSS is a sensible standards CSS Framework. This means that SenCSS tries to supply standard styling for all repetitive parts of your CSS, allowing you to focus on the fun parts. In that sense, senCSS is a bit like a large CSS Reset.
Introducing SenCSS from Kilian Valkhof
This is really nice. Check it out if you're into typography.
Paragraphs are punctuation, the punctuation of ideas. After selecting a typeface, choosing the right paragraph style is one of the cornerstones of good typography. This is a brief inquiry into paragraph style for the Web.
12 Examples of Paragraph Typography from Jon Tan
It's no secret that the cost of a restaurant dish tends to mirror its complexity. That's why a menu item that says "medley of berry conserves and pureedpindas " is likely to cost five times what it would if it were just called peanut butter and jelly. But it turns out that obscure menu terminology may be just half the game. A new study suggests that typography also plays a role in influencing diners.
I'll Have That Typeface on the Menu from TIME
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.
Writing an Interface Style Guide from A List Apart
Ideas. They’re at the heart of every creative process. However, almost no really good ideas are flashes of inspiration. They may start that way—a single glimmer of something special—but in order to work, they need to be honed. Like a really good cheese, they need to mature. Indeed, the “flash of inspiration” idea—the Eureka moment—is only part of a longer process that, if ignored, will see most ideas simply fizzle out.
Saving the Spark: Developing Creative Ideas from A List Apart
Following up on last year’s post on web design research, here’s a new collection of research results, this time featuring further reading as well. It happens that I still watch the work of Association for Computing Machinery, Human Factors International, and the like.
Web Design: 10 Additional Research Findings You Should Know from Jens Meiert
Our developer documentation already has a list of the new CSS features in Firefox 3. I'd like to talk in some more detail about some of the more interesting or useful ones.
Some New CSS Features in Firefox 3 by David Baron
Comments
Post has no comments.