List of nifty tools for drawing diagrams, charts and flow-charts
» Aug 18, 12:53 PM
Update: The site is experiencing heavy load at the moment, please be patient. Meanwhile, you can digg the article, if you think it could be useful for other users.
Being a web-developer means not only being able to design web-sites or program their functionality. Sometimes it also means to be able to explain complex issues clearly and be able to present to your potential customers reasonable and convincing arguments – in order to find the best compromise between the customer’s wishes and the standards you respect. In fact, it is essential to make sure the customer understands which advantages you are actually offering and why this or that layout and markup are better for a given web-project.
Developing web-sites over the last few years, I’ve been stumbling over the same problem over and over again: how can I visualize my idea easily and quickly? Since human being is used to visualize things, trying to understand the idea behind them, recently I’ve spent hours googling for useful tools and tutorials which would help me to create images – mostly, diagrams, charts, chart-flows etc. to visualize my personal ideas to my potential clients.
The results of my search were initially published in one of the most popular German Web-Magazines Dr. Web in German; however, I’d like to present them to the even broader audience – and in English. If you have any further suggestions, ideas or constructive criticism, don’t hesistate to comment on this article!
List of nifty tools for drawing diagrams, charts and chart-flows
(compiled by Vitaly Friedman)
- “Creating Graphs, Part I” und “Creating Graphs, Part II” by Wolfgang Bartelme. Two detailed how-to-tutorials, which explain how you can create professional, visually appealing Diagrams with Adobe Illustrator.
- “Illustrator Charts” by Veerle Pieters. A step-by-step tutorial for Adobe Illustrator, which explains how to create flexible Charts which are visually appealing.
- “Charting in Microsoft Excel” by Jon Peltier. A detailed how-to about the use of tools, which are integrated in Microsoft Excel.
- “CSS Diagrams” describes a way to create CSS-based Charts.
- “CSS For Bar Graphs” describes another approach for presenting graphs with CSS and XHTML.
- Gliffy Gliffy.com is a free web-based diagram editor. It enables you to create and share flowcharts, network diagrams, floorplans, user interface designs and other drawings online. Registration is required.
- James MacFarlanes’ Ajaxio is a simple Ajax-based tool, which uses Prototype and script.aculo.us.
- 1st Chart creates high-resolution diagrams with the Chart-Elements you provide. The page doesn’t have an English version yet.
- JGraphpad is a powerful, easy-to-use, feature-rich and standards-compliant open source graph component available for Java. Application areas include Process diagrams, workflow and BPM visualization, flowcharts, even traffic or water flow etc.
- yEd – Java™ Graph Editor is a powerful graph editor that is written entirely in the Java programming language. It can be used to quickly and effectively generate drawings and to apply automatic layouts to a range of different diagrams and networks.
- Graphviz is open source graph visualization software. It has several main graph layout programs, web and interactive graphical interfaces, and auxiliary tools, libraries, and language bindings.
- Unified Modeling Language (UML) is a non-proprietary, object modeling and specification language used in software engineering. With various UML-Tools (German version only!) once can create not only small sketches and simple organisation diagrams, but also complex systems and computer models.
- XML/SWF Charts is a simple, yet powerful tool to create attractive web charts and graphs from dynamic XML data. The XML source can be prepared manually, or generated dynamically using any scripting language (PHP, ASP, CFML, Perl, etc.). The Official tutorial explains exactly, how you can use XML/SWF for your personal projects.
- DIA is a gtk+ based diagram creation program released under the GPL license. DIA can be used to draw entity relationship diagrams, UML diagrams, flowcharts, network diagrams, and many other diagrams. It is also possible to add support for new shapes by writing simple XML files, using a subset of SVG to draw the shape. It can load and save diagrams to a custom XML format (gzipped by default, to save space), can export diagrams to a number of formats, including EPS, SVG, XFIG, WMF and PNG.
- JFreeChart is a free 100% Java chart library which creates charts such as bar charts, line charts, pie charts, time series charts, candlestick charts, high/low/open/close charts, wind plots, and meter charts. JFreeChart is licensed under LGPL license and requires Java 2 platform (JDK Version 1.3 and higher).
Leading commercial products:
- OmniGraffle: the premier diagramming application for Mac OS X creates flow charts, org charts, network diagrams, family trees, project processes, office layouts – or anything else that can be represented by symbols and lines. (“Standard”-Version costs $79.95, “Professional”-Version $149.95).
- Microsoft Visio: the Microsoft Office business and technical diagramming program solves every problem you could ever think about. Microsoft Visio is integrated in the Microsoft Office. The price is appropriate for the quality Microsoft Visio delivers.
- Mindjet MindManager is a powerfult software-package which can be used for drawing Mindmaps, Brainstorming-Ideas or organization diagrams. Bloggers from Switzerland can get Mindjet for free until the 31st of August 2006 (more in German on SuperDeluxe). All you need is to describe your weblog, provide its URL, choose the language of the Mindjet MindManager in an e-mail you have to send at firstname.lastname@example.org. MindManager Basic (Mac and Win) costs 230.84 €, MindManager Pro – 346.84 €.
- SmartDraw is also a powerful Software-package, which is extremely easy-to-use and includes 1000s of professional-looking business graphics that you can modify and make your own. Price: $197.
New Free Quality Fonts - Union & Vollkorn
» Apr 17, 10:02 PM
In the article “25 Best Free Quality Fonts” published in my blog few months ago, I’ve mentioned the font “Union” (s. below). This font, designed by the Danish Ministry of Education, was removed from the server in the December of 2005. Since then, I’ve received numerous inquires about the location of the font. To be honest, I just didn’t know where you could download it. I didn’t! Until Karasu has informed me about the copy of the page and the Union font which is stored in the cache of WayBack Machine. I am not sure how long the link will work, but now you finally have an opportunity to download the font I’ve written about few months ago. Anyway, thanks, Karasu!
Found via Gerrit, of course.
» Web-development, @ Apr 17, 10:02 PM
Icons Round-Up: Free Mini Pixel Icons
» Apr 10, 09:53 AM
Mini-icons are becoming more and more popular. You can use them every now and again – developing web-sites, weblogs or eCommerce-portals. Few hours ago n.design-studio has released a set of Mini Pixel Icons. The icons are divided into 5 categories – File Type Icons, Web Design Icons, Web Blog & CMS Icons, User Icons, E-commerce Icons.
Over 320 free mini pixel icons are designed at 14×14px with transparent background. They are specially designed for header or side navigation buttons. Feel free to use these icons for your site (personal or commerical). However, if you are using more than 10 icons, you must give a link back to the sie you’ve downloaded them from.
If you are looking for more professional free icon sets, you may be interested in visiting the following links:
- Sweetie Icons – 150+ clean and clear icons to use in your nifty web application, licenced under a Creative Commons licence.
- FamFamFam: Icons – over 600 beautifully designed icons – for free.
- The Iconfactory: Your Quality Freeware Icons Hub
- Iconbuffet.com – each month IconBuffet Free Delivery members receive free stock icons. There’s absolutely no cost to you, and the icons are royalty-free for use in commercial and personal products.
- Free! Icons for your website or application – a comprehensive list of 25 free icon sets, is updated periodically.
- Symbole, Buttons und Icons zum Download – a German article on free icon sets, very comprehensive and extremely useful list with examples.
- graphicPUSH Blog Icon Pack – a new set includes standard blog icons like documents, books and speech bubbles, but also includes a set of nine arrows, three envelopes.
Any ideas, suggestions? Don’t hesistate to comment!
Free Quality Font - Charis SIL
» Mar 31, 12:22 PM
SIL International, the creator of Gentium, presents Charis SIL – a free quality serif font, proportionally-spaced and optimized for readability in long printed documents. Charis is similar to Bitstream Charter, one of the first fonts designed specifically for laser printers. It is highly readable and holds up well in less-than-ideal reproduction environments. It also has a full set of styles – regular, italic, bold, bold italic – and so is useful in general publishing.
The font can be downloaded from Charis SIL Font Homepage.
[ Found via Praegnanz.de ]
» Mar 23, 01:57 PM
One of the most useful web-dev-sites with articles, references, tutorials and tips for web-developers is re-designed and updated. Recommended for daily visiting and daily reading.
The resource is definitely worth visiting. But what about you? What sites do you visit regularly? Comment on this article!
An educational Web site design and development resource, Websitetips.com provides CSS, HTML, and XHTML tutorials, graphics tutorials, articles, tips, and Web design and development resources to build or improve your Web site presence - especially for Web site owners, Web designers, Web professionals, webmasters, teachers and educators, and students.
WebsiteTips.com's hallmark is our hand-picked, carefully selected, extensive listing of over 2,400 annotated resources to best-practice tutorials, articles, resources, and information on the Web for HTML, CSS and color charts, font sites, search engine optimization and marketing sites, graphics and HTML tutorials and programs, usability and information architecture sites, informative articles, tips, and more.
» , Web-Resources @ Mar 23, 01:57 PM
20 Rules Of Smart And Successful Web-development
» Mar 20, 04:45 PM
12 months. 12 months already…
A year ago I have started to improve my web-development skills and to share the knowledge I had with the visitors of my blog. Most projects and articles I’ve created or written are still popular in the Net – The Web-Developer’s Handbook has become one of the most popular web-sites since the beginning of social tagging, it was digged, slashdotted (twice), bookmarked by over 8000 + 3770 delicious users; the articles about my projects and articles appeared on SiteProNews, Lifehacker, Zeldman.com, 456bereastreet, mezzoblue, stopdesign and 274.000 other web-pages.
The funny thing is that as I was just realizing my ideas in the Web, I didn’t think about getting the page popular, tweaking its position in search engines or finding potential clients on the Web. The basic idea was helping people. First of all, helping me, but also sharing my work with people who might need it sometimes. And, essentially, exactly this attitude has provided and provides thousands of hundreds visitors on my page – per week.
Over the last 12 months, developing few web-sites, I’ve found out some interesting concepts and ideas which helped me to improve the quality of web design and information I present on my web-pages. Besides, I’ve realized some insightful facts I hadn’t know before. I’ve acquired a vision of what it means to create web-sites and what it means to create them well. Since this information might be of a public interest, I’d like to share it with you, presenting the key points in the list below.
So, basically, “20 Rules Of Smart And Successful Web-development” is my personal pick of the main ideas and concepts, which might improve the quality and popularity of your web-sites and provide a good foundation for successful development in the future.
20 Rules Of Smart And Successful Web-development
- 1. Respect your visitors. Don’t try to force your visitors to read the content of your web-pages. Let them choose and decide what they want to read. For if you have someting to tell, you’ll find your listeners. Frankly, you are as good as everybody else. What would be your reaction to a dozen of pop-ups and the overflown ad blocks? My point exactly.
- 2. Bad advertisement is evil. Disturbing ad blocks might improve your ad revenue for a while, but in a long run they won’t make your web-site successful. In fact, you won’t gain respect and explore the potential you and your projects might have. However, ads perfectly combined with the main content and placed well in the structure of the site (i.e. devblog.de) don’t disturb. Furthermore, thus both reputation points and ad revenue points are guaranteed.
Denny Carl from Devblog.de has placed Google Adsense Text Block in the right column. You don’t even see them at the first glance. And they perfectly fit to the structure of the site.
- 3. Inform and teach your visitors. Share your thoughts, ideas, experience and knowledge with those who need or maybe will need your advise. Since you have this information, you have a powerful instrument to draw public’s attention to your works, interests and services. Besides, if you share valuable knowledge with other users, you’ll be respected and regarded as a person who knows what he/she is talking about.
- 4. Develop your own style. Develop your own ideas. Let yourself be inspired, but don’t copy. It is far more interesting to find out what you are capable of than what other people are capable of. Explore your imagination and curiosity. New or improved old ideas are more likely to attract web users than the copied old ones.
- 5. Respect the standards. Think about people. Taking web standards into consideration will help you to save a lot of work in the future. It won’t take long until web standards will become a standard in the Web; and since you are creating web-pages for people, it seems to be reasonable to spend some extra hours checking the code and applying it to the standards – in case the code doesn’t conform to the standards. Once it is done, you don’t have to be worried about the new versions of browsers coming along. Well, basically because you’ve done your work well. Readability, accessibility, usability. Respecting them, you respect your visitors.
- 6. Be clear. Use a clear markup. Don’t be afraid to say what you mean. Ambiguity creates an unneeded distance between you and your visitors. Saying precisely, what you want to discuss or present, you start an active dialogue with your readers. Besides, if you specify, what you are talking about, you’re more likely to get feedback or an answer to the question you’ve posed.
- 7. Hate Internet Explorer if you like, but don’t ignore its users. Don’t design your code for special browsers or special resolutions. However, apply your code to Internet Explorer just as you apply it to other browsers. And although I, personally, try to avoid browser hacks, sometimes you can’t avoid them – nevertheless, browser hacks should be the last option. Internet Explorer might not be the best browser out there, but it is still used by more than 85% of web users. See #1.
- 8. Care about your content. Developing web-sites, try to make them informative, interesting and well-presented. Don’t forget that your visitors remember everything. Once you’ve offered them a link to some inappropriate web-page without proper description of what is hidden behind the link, you’ll never see them again. Code is poetry, your content is prose.
- 9. Don’t be concerned about web-crawlers and SEO optimization. Don’t think in keywords – far more important is what your web-site has to offer. Tweaking your search engine position will take much more time than writing a useful article in your weblog. Furthermore, if you consider yourself being a SEO-expert, you know that you’ll have to optimize you web-site all over the time in order to get better results in search engines. On the other side, if you post an article, it (hopefully) will be available as long as your site exists. So you have to write it only once.
- 9a. Avoid wrong SEO and bad PR. Incorrect search engine optimization (exchanging links with every possible site in the net, placing your link in link farms etc.) will sooner or later lead your site to banning from the major search engines. The algorithms search engines use are improving all the time, so in the end your efforts won’t be of any use and you risk to find yourself with Pagerank 0 above all the possible results you could ever compete with. Apart from that, once your reputation is low, it will be extremely hard to get a good position on the top of the web-dev-community.
- 10. Contact, but don’t spam. Let those who might be interested in your content, be aware of your content. First define your aim and potential clientele. Then take a close look at those who might be interested in your service. Think about the sites they are likely to visit. Only then contact the authors of these sites, describing the advantages of your services. However, keep in mind that you aren’t writing to a web spider, but to a human being, who can decide whether to share it with its readers or not, or – more significantly – to visit your site or not. Be descriptive; don’t send a link, send an invitation with a proper description of what makes your web-site different from similar projects. Make sure the person you are writing to realizes that it can be useful for the visitors of his/her site. But again: remember that you create not for your money, but for people. Don’t spam, don’t advertise, offer useful content.
- 11. Write, publish, feel free to ask. There are always plenty of web-developers, who were, are or will be asking the same question you have right now. Don’t hesistate to ask, don’t hesistate to find out. The more clever your question is, the more likely it is to be answered, so the more people will find your site through search engines.
- 12. Answer your e-mails immediately. Make a contact with your potential clients as quickly as you can – don’t let an e-mail just lie in the inbox folder for more than 12 hours. Don’t send auto-reply-messages. The person who has written to you knows that he/she has written to you. So don’t waste other people’s time just the way you wouldn’t waste your time. Instead, try to make an impression on the person who has contacted you. Reply with confident, professional, friendly and open style of writing, don’t promise, but – again – feel free to ask.
- 13. Use the advantages of Semantic Web. Tagging, tagging, tagging. Don’t be afraid of mentioning your site on Digg, Reddit, Furl, del.icio.us, Ma.gnolia, Blinklist and hundreds of other social bookmark managers. However, choose the tags carefully. The visitors will come. And if the tags are chosen rationally, even more visitors will come. You can also encourage your visitors to tag your articles in popular social bookmarks managers.
- 14. Make connections. Creative web-developers are always supported by CSS Showcases, Galleries and web-developers’ blogs. Some of them are mentioned here.
- 15. Think in global terms. The content of your web-pages might not appeal to the public in your region, but the frontiers of the Web are vague and hardly visible (if they exist at all); so why not send your message in the world? There is no need for searching a new niche near you if you have almost unlimited opportunities all around the world.
- 16. Never compromise your principles. Discussing the way a web-site should be presented or developed, respect your clients and their point of view. But keep in mind that you are actually the one who develops the site. Don’t do just what you are told to do. Correct mistakes if you realize that your client is wrong. Be professional – in the end your aim is to create a web-site for users, not for your clients.
- 17. Stay in touch. Keep being informed about what is happening on the Net. The Web is developing rapidly and new ideas are shared instantly. The best way to stay “tuned” is – of course – using RSS feeds of popular web-dev-blogs. However, graphic design magazines and web-development-journals like AListApart, BoxesAndArrows, Digital Web Magazine, Design in Flight, Poynter, Layers Magazine, Graphics.com are worth daily reading, too.
- 18. Learn to handle the creativity block. Searching for a new idea to pop in, try to browse through web-development-forums, focusing your attention on what other people are searching for. I.e. Sitepoint.com is a resource, which is visited by thousands of web-developers every day. Another option is… well, to take a break.
- 19. Make Web prettier. CSS, clear, readable and intelligent design are beautiful. How can you resist such a beauty? Participate in open contests such as CSS Table Gallery, CSS Zen Garden, Comment Design Showcase, Typography for headlines, Form Assembly Garden, sIFR Beauty Showcase. Thus you make the life of other developers easier, showcase your style and experience.
- 20. Be aware of the Power of the Web. You are creating the Web, so you have a word to say. Support the projects, which seem to be important for you and have to be supported, because their aims are worth fighting for. Makepovertyhistory.org is a great example for it.
The rules mentioned above won’t bring you any success if you don’t believe in what you do and don’t explore your creativity. Every idea can be the one.
This is pretty much everything I came up wuth during my train trip from Saarbruecken to Frankfurt am Main. Any suggestions, ideas? Don’t hesistate to comment!
» Mar 13, 12:13 PM
Have you ever wondered how you could create a nice graph or present statistical data for your presentation or web-site? Well, Wolfgang Bartelme had. And decided to share his knowledge with web-dev-community.
Every now and then you may come into the situation that you have to present some sort of statistical data to your client. Of course you may use Excelв's graph tool to easily create a bunch of charts - but let's face it, more or less all of those predefined designs suck. So you have to look for another option.
Dali's dream of a virgin
» Mar 7, 09:24 PM
Salvador Dali. Dali’s dream of a virgin.
No comments are needed.
Free Quality Font - NeueSans
» Mar 4, 03:09 PM
Belgian type foundry OurType presents a free quality font NeueSans, available for download as the bonus font of the month.
From the license:
The free fonts may only be used on 1 computer. They may NOT be distributed on other websites, CD, DVD or other electronic media. The free fonts cannot be sold to other parties. All free fonts are subject to the normal license conditions.
Update: Ourtype has contacted me recently:
We would like to make clear that OurType bonus font/s are not free fonts. They are part of our regular collection and are subject to normal license. We would appreciate it if you would specify this clearly in your comments above. That is important to us, and to the font users, especially because those very fonts are available for download free of charge just for a limited period of time, for promotional reasons. Neue Sans family, for example, is to be released this month.
With thanks, Corina Cotorobai, OurType.
Thanks for information, Corina!
To download NeueSans, click on the “Download bonus font of the month” star, which appears after the page is loaded. Found via http://blog.ulfgermann.de. Thanks, Ulf!
Any further suggestions on free quality fonts? Comment on this post!
» Web-development, @ Mar 4, 03:09 PM
A Study of Website Navigation Methods
» Mar 3, 09:31 PM
In the beginning of 2005 Fidelity Investments, a web-design-agency based in Boston, has conducted a study of Website Navigation Methods. Aiming to find an effective approach to finding an optimal design solution, company has used an online study to evaluate six different navigation methods for the same website and chose one based on the results.
After evaluating the pros and cons, we decided to choose the Drop-down menus as our navigation method. A subsequent lab-based usability test of the complete prototype using the drop-down menus showed that users were able to use it to navigate the site very effectively. For more information about that usability test, and the entire context of the redesign, see the related paper at UPA 2005 on "Extreme Makeover: UI Edition" (PDF). This process shows the impact of gathering usability data to support your user interface design choices.
Found at The WebDesign Blog
Do you have any suggestions on other researches on Website Navigations Methods? What do you think? What kind of navigation do you prefer?
» Web-development, @ Mar 3, 09:31 PM
Dealing with Plagiarism Issues
» Feb 11, 12:59 PM
It’s funny if you think about it. I’ve been working on The Web Developer’s Handbook for a year now, gathering links to interesting articles on CSS techniques, typography, web design etc. A lot of time was spent on categorizing them, selecting them and presenting them. According to Populicio.us, alvit.de/handbook has become one of the most bookmarked web pages since the beginning of social bookmarking (No, I can’t compete with Slashdot, really). Every day I receive dozens of e-mails from web developers who support me and my project, suggest links and ideas for the handbook, creative web-developers inform me about the techniques they developed; besides I really appreciate concrete criticism coming from the visitors of the page.
And then this page occurs, offering “full index of every (web)design-related links”, just copying my work without giving credit to the author of the project.
I’ve already written an e-mail at email@example.com, however, nobody has responded and the page exists as if it always were there.
Do you have any idea what I could do in this situation? Have you ever been ripped? What would you do?
PS: Thanks to everybody letting me know about the page.
Imagining Google's Future
» Feb 2, 11:25 AM
Have you ever thought about the future of the Internet? You did, right? Semantic Web, Web 2.0, whatever, what will it look like in the next decade? What willl it be capable of? Which social and programming patterns will it change? CNN Money has published an insightful article called “Imaging the Google Future”, in which several scenarios of the Google’s development in the future are described.
From the article:
Name any long-term technology bet you can think of—genome-tailored drugs, artificial intelligence, the space elevator—and chances are, there’s a team in the Googleplex working on an application.
Which raises the most widely debated question in business: What kind of company will Google become in the coming decades? Will it succumb to hubris and flame out like so many of its predecessors? Or will it grow into an omnipresent, omnipotent force—not just on Wall Street or the Web, but in society? We put the question to scientists, consultants, former Google employees, and tech visionaries like Ray Kurzweil and Stephen Wolfram. They responded with well-argued, richly detailed, and sometimes scary visions of a Google future. On the following pages, we’ve compiled four very different scenarios for the company. Each details an extreme, but plausible, outcome. In three of them, Google attains monopolistic power, lording over the media, the Internet, and scientific development itself. In the fourth, Google withers and dies. That may seem unthinkable now, but nobody is immune to arrogant missteps. Not even today’s smartest business minds.
What do you think? How will Google look in 20 years?
Interface Design Contest: $1,500 To Make Good Look Better
» Jan 29, 10:22 PM
Luigi Canalli De Rossi, also known as Robin Good, has launched a web design contest open to anyone capable of designing with valid XHTML+CSS. The mission is to propose an innovative new look for Luigi’s site, the winner is getting $ 1,500 in cash and a design contract for a period of at least 6-months to work on MasterNewMedia.org and on other new Robin Good’s web-based projects.
Are you interested? You know what to do.
» Web-development, @ Jan 29, 10:22 PM
The Beauty of Typography: Delicious and Fontin
» Jan 23, 10:29 PM
I am literally speechless. Browsing through my logs and exploring the links leading to "25 Best License-Free Quality Fonts", I accidentally discovered a post in a Dutch blog linking to two pure masterpieces of typography - two typofaces, presented by a talented Dutch designer Jos Buivenga. Delicious and Fontin - two unique, delightful, delicious, license-free beauties, which definitely will make a lasting positive impression on the visitors of your web-projects.
Both fonts are freeware. Jos Buivenga is sending his fonts via e-mail-requests. So make sure you are the first asking Jos for his delicious fonts. However, there is a small, tiny and extremely unpleasant "but" for me. Both fonts are Mac-fonts only; so if you aren't a Mac-user, you shouldn't visit Jos' page at the first place. For once you took a look at it, you will never excuse yourself for not having a Mac.
By the way, any ideas how one could use the fonts on a not-Mac-PC? Comment on this article!
The State Of The Web: CSS Galleries and Showcases '2006
» Jan 12, 02:42 PM
During the past few months various CSS galleries and showcases have been popping up like mushrooms after a spring rain - almost every month a "newcomer" was promising more quality content, more updates, just more everything. And even although one could wonder whether the growing amount of css-showcases actually improves the quality of web design, sometimes CSS galleries can serve as a great source for inspiration, creativity and new ideas. Indeed, they present the most beautiful examples of CSS-based web design and they have to be good, so they get regular visitors. There is no need to overestimate them, however, one shouldn't underestimate their ability to inspire, too.
This article is the first part of the series of articles titled "The State of The Web". Every month one specific branch of web-development will be reviewed, web-designers interviewed and web-resources presented, exhibiting the state of the web from my personal perspective. What are you interested in? What topic should be next? Comment on this article!
As I was thinking about writing this article, I have considered reviewing every single gallery; however, googling "CSS Showcases", I have stumbled over the great series of articles about the history of CSS galleries, written by Simon Collison. Simon takes a closer look at the CSS showcases, describing every single gallery and presenting his personal opinion on the advantages and disadvantages of the sites. I know I won't do it better than Simon did, so I don't need to try, right?
Allright, then. Here is my houmble attempt to review the current state of the most popular css galleries and showcases in the Web. Maybe you have know any showcases I am not aware about? Don't hesistate to comment! It will help me, and it will help thousands of users who visit The Web Developer's Handbook developing web-sites.
Feel free to link to this page, but please don't copy the image. Please respect me and my work.
Updated: two more galleries were added.
- CSS Beauty
- CSS Blast (ru)
- CSS Design (ru)
- CSS Design (swe)
- CSS Drive
- CSS Import
- CSS Mania
- CSS Nightingale
- CSS Reboot
- CSS Tableless Web Sites
- CSS Thesis
- CSS Vault
- CSS Zen Garden
- Dark Eye
- Design Shack - Inspirational CSS and Blog Design
- Design Snack
- Devil's Details
- Liquid Designs
- Open Source Web design (oswd)
- Pajatti.net (ch)
- Pixelgangster (de)
- Proestilo - galerнa de sitios web diseсados bajo estбndares (spa)
- Showcase.gr (Greek)
- Web Standards Awards
- screenspire.com | full( )screen inspiration
- Stylegala - design | css | standards
- Web Creme | Web design inspiration
- W3 Compliant Sites
- Wow factor