Form field hints with CSS and JavaScript | It's a basic example of how helpful a little JavaScript and CSS can be in a form. Instead of the input hints always showing and potentionally cluttering a very simple form, only the hint for the currently focused input will show. This article will show a way to do this. Go straight to the final example to see it in action, and to download a zip of the html, css, js, and images used. (via askthecssguy.com)
When designing a webpage webdesigner have some idea, something to beautify an image shape so it's not common and classic style with just box style. But other reason that must be a consideration is if that image is part of dynamic content, that mean every time post a news/dynamic content we must editing the image shape, it's very wasting time. In this case, I have some problem too :), so I browse on the net to find solution, and lucky me I found some interesting solution for this :), thanks to Nathan Smith for the "PNG Overlay" solution.
Related article about PNG Overlay and Transparency :
PNG overlay using one single Image element
How to create simplemasks
53 CSS TECHNIQUES YOU COULDN'T LIVE WITHOUT | A Smashing Magazine list of CSS Techniques that they think very important to know so the says You Couldn't Live Without It hahaha :) a pretty words. But if you read all of list, i beg you will give smile and agree what they says. Must read ...
CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isn’t it great? Well, actualy, it is.
Over the last few years web-developers have written many articles about CSS and developed many useful techniques, which can save you a lot of time - of course, if you are able to find them in time. Below you’ll find a list of techniques we , as web-architects, really couldn’t live without. They are essential and they indeed make our life easier. Let’s take a look at 53 CSS-based techniques you should always have ready to hand if you develop web-sites. (SmashingMagazine)
Inspiration is very useful for designer, sometimes you have stuck moment and can't find great idea from your head. So try to just browse and sight seeing on this list of CSS Layout Gallery. Hopefully it will be refresh your idea, it could be about global layout, color scheme, css technique, style, typography and many more. So ... Here the list of CSS Layout Inspiration Resources on the net.