February 22nd, 2010 in
CSS,
Resources |
11 Comments
There are a lot of ways to visualize your data. Using Pure CSS Graph and Chart is one of the best and easy way, unless you want to create a very good-looking graphs.
If you really want to create graphs and charts with fancy UI or features, then you should consider either Javascript Chart or using Flash.
In this article, we cover 11 tutorials and solutions for you to create graphs and charts using CSS. There are a lot of tutorials and sample about CSS graphs, but we hand-picked 11 best solutions. Let’s start to look into them one by one.
This pure CSS solution able to plot car charts without rely on heavy Javascript. With this solution, you can also implement mouse hover effect to the bar chart. The author had packed everything in a PHP file, which you can download and using it as a web service.
(more…)
January 25th, 2010 in
CSS |
11 Comments
CSS grid system is one tool that facilitates the work of web designers and web developers to develop a website. Advantage of using CSS grid system is you can reduce development time. Grids also provide uniformity and consistency in the placement of HTML elements.
Do you want to know more about CSS Frameworks and grid system? If yes, then you may want to read our previous article that talk about useful CSS Frameworks.
Today, we are going to look into 5 more CSS Grid Systems that are tiny but worth a look.
As one of the original authors of Blueprint CSS I’ve decided to re-factor my ideas into a stripped down framework which provides the bare essentials to begin any project. This framework will be lite and strive not to suggest un-semantic naming conventions. You’re the designer and your craft is important.
(more…)
June 4th, 2009 in
CSS,
Resources |
23 Comments
Last week i shared about 55 CSS Galleries to submit your web design, and now i would like to complete the series by sharing another 55+ CSS Galleries.
If you don’t want to submit your design one by one, you may consider The CSS Gallery List, which is a service that will submit your web design to 87 CSS Galleries. It cost you $20, but it save you a lot of efforts and time. Now we will continue to look into the CSS Galleries:
(more…)
May 31st, 2009 in
CSS,
Tools |
54 Comments
There are a lot of online generators which can help designers a lot. Some example of online generators are favicon generators, background generators, button generators, and badge generators. Balkhis had wrote an excellent article about extremely useful online generators for us.
Without these online generators, designers have to waste extra effords to do repeat jobs. Since we had shared about CSS Frameworks last week, i would like to extend the topic by sharing some useful CSS grid layout generator.
-
-
(more…)
May 27th, 2009 in
CSS,
Resources |
24 Comments
CSS Galleries are places where we can submit our web design and let others vote/rate about it. They are places where we can get inspiration too.
Today, we are going to share about 110+ CSS Galleries that you may want to look into when submitting your design or when you want to get some inspirations for your project. The list is too long to fit into 1 post, so i am going to divide it into 2 posts.
-
-
-
(more…)
May 25th, 2009 in
CSS |
34 Comments
Most of web designers should heard about “CSS Framework”, and I believe some of you had tried them before.
Just like other programming and scripting language, CSS do have some repeat code that can be packed together to ease our daily job.
When use properly, CSS Framework may cut down your development time. On the other hand, it may cause extra works and time if you choose the wrong framework for your project.
There are a lot of open source CSS Framework, and you can easily reach them by using Google. Today, I am going to show you 10 promising CSS Framework that worth a look.
-
Blueprint includes a CSS reset that eliminates the discrepancies across different browsers. There are a lot of external tools and templates to aid your web development with Blueprint.
-
Another excellent CSS Framework that worth a look. The download includes templates for Fireworks, Photoshops, Inkscape and etc. so that you can start designing your web template immediately. The PSD file that comes with guides ready save designers a lot of time.
(more…)
