Webstractions - Web Development & Design News
Commentary on new events and information concerning web development, design practices, search engines, SEO, tools, news story headlines and what's new at WebStractions.
This may be the list to end most lists, Software Developer's 100 Freebie CSS Resources will aid the novice and professional CSS designers. If you are looking to design your site, but lack certain bits of knowledge to attain a goal -- then turn to this guide and find the site that will.
The guide is broken down into specific areas of CSS development. Starting with the basics of CSS, tutorials and tools to construct your site, then moving on to code libraries, browser bugs, galleries, articles and templates for devine inspiration. It is pretty much all here folks. A one page reference guide that will definitely clean out your bookmarked favorites.
Technorati Tags: css, resource, guide, tutorials, articles, code, develop, design, tools
The guide is broken down into specific areas of CSS development. Starting with the basics of CSS, tutorials and tools to construct your site, then moving on to code libraries, browser bugs, galleries, articles and templates for devine inspiration. It is pretty much all here folks. A one page reference guide that will definitely clean out your bookmarked favorites.
Technorati Tags: css, resource, guide, tutorials, articles, code, develop, design, tools
Labels: articles, code, css, design, guide, library, template, tutorials
Starting with the primitives in CSS Tinderbox to the full blown OpenWeb Designs, there are many CSS design concepts to view and demo; multi-column, fixed width, fluid. As well as a little CSS magic with rounded corners, gradient backgrounds and Web 2.0 look and feel.
I liked the look of pogy366's fixed width template Slight Amnesia. Very clean and simple. He came up with this by "flinging code around with no real objective or vision." His main goal was to focus on overall accessibility and browser text-resizing being as painless as possible.
Another style of of pogy's, Tree Hugger, features a single main column with three sub-columns underneath. I am seeing this type of layout pop-up more and more nowadays. It is based on one of CSS Tinderbox's fixed width box templates.
The Bright Side of Life looks familiar to me. It is a three column fixed width design which is blog template ready. Most of the CSS styling is here, comments boxes, comment form, more, yada yada. Nice tweak on the top with a tabbed navigation bar and the contrasting background image makes the page seem to jump out at you.
With over 2300 designs to browse, you could spend hours here. Fortunately they have a half-way decent method of narrowing your viewing selection down by contrast, primary and secondary colors and document validity type. The category search is pretty useless with only 'business' and 'fun' as your only choices. Still it is a nice place to flip through.
Technorati Tags: css, template, design, fixed, width, fluid, demo, free, open, source
I liked the look of pogy366's fixed width template Slight Amnesia. Very clean and simple. He came up with this by "flinging code around with no real objective or vision." His main goal was to focus on overall accessibility and browser text-resizing being as painless as possible.Another style of of pogy's, Tree Hugger, features a single main column with three sub-columns underneath. I am seeing this type of layout pop-up more and more nowadays. It is based on one of CSS Tinderbox's fixed width box templates.The Bright Side of Life looks familiar to me. It is a three column fixed width design which is blog template ready. Most of the CSS styling is here, comments boxes, comment form, more, yada yada. Nice tweak on the top with a tabbed navigation bar and the contrasting background image makes the page seem to jump out at you.With over 2300 designs to browse, you could spend hours here. Fortunately they have a half-way decent method of narrowing your viewing selection down by contrast, primary and secondary colors and document validity type. The category search is pretty useless with only 'business' and 'fun' as your only choices. Still it is a nice place to flip through.
Technorati Tags: css, template, design, fixed, width, fluid, demo, free, open, source
Labels: css, demo, design, fixed, fluid, free, open, source, template, width
Web developer cheat sheets still have their place even with the newer editors with auto-completion built into it. Print these bad-boys out and tack them to that cork board next to your workspace, or stack them on your reading material in the loo.
Most of the sheets come from Jack Daniel's cheatsheet area. There are a few more in there for RGB colors and Html entities, but felt that was going a little overboard.
- .htaccess
- CSS
- Dreamweaver MX
- Html
- Illustrator CS2
- JavaScript
- microformats
- mod_rewrite
- mySQL
- Photoshop CS2
- PHP
- Regular Expressions (RegEx)
- XHtml
Most of the sheets come from Jack Daniel's cheatsheet area. There are a few more in there for RGB colors and Html entities, but felt that was going a little overboard.
Labels: css, design, html, javascript, mysql, php, regex, web
If picture s are worth a thousand words are still not enough to teach you about bad web design, then maybe video presentations on the subject will.
Vincent Flanders, who coined the phrase "Learn good web design by looking at bad web design" from his WebPagesThatSuck site, has taken his craft into the realm of vLogging.
Personally, I like his glossy pictures with arrows and descriptions instead of the YouTube presentations. His videos suck as stand-alones, and only come into context if presented with companion articles.
Vincent Flanders, who coined the phrase "Learn good web design by looking at bad web design" from his WebPagesThatSuck site, has taken his craft into the realm of vLogging.
Personally, I like his glossy pictures with arrows and descriptions instead of the YouTube presentations. His videos suck as stand-alones, and only come into context if presented with companion articles.
Labels: design, tutorials, web
At AIGA's national conference in September 2005, Jessica Helfand of Winterhouse Studio presented ABC's John Stossel the three
most important design mistakes Americans make. Jessica, a
media consultant of very good standing, holds a B.A. and M.F.A. in
graphic design from Yale University.
Jessica, noticing Stossel's disconcern over the matter, added:
Paul Rand was mentioned in the report. Rand was a well-known American graphic
designer, best known for his corporate identities (logos, if you will) for IBM, ABC, Cummins Engine, Westinghouse, and UPS (original UPS logo has since been replaced).
See the report via YouTube.
most important design mistakes Americans make. Jessica, a
media consultant of very good standing, holds a B.A. and M.F.A. in
graphic design from Yale University.
Jessica, noticing Stossel's disconcern over the matter, added:
"In the 27 years that (20/20) has been on the air, you have never done a story on graphic design. Why is that?"Apparently, Stossel pondered the question, and it prompted him to produce an in-depth report the following season. The report included some font selection guidelines that, up until now, I have been completely oblivious to.
Paul Rand was mentioned in the report. Rand was a well-known American graphic
designer, best known for his corporate identities (logos, if you will) for IBM, ABC, Cummins Engine, Westinghouse, and UPS (original UPS logo has since been replaced).
See the report via YouTube.
Labels: design, graphics, logos, web