It’s great to see someone use CSS for something other than simple styling. Web development is complex, and building what you need can be done in many ways. I’m providing an example of how CSS can be used to build elements instead of using images. In this particular case you can see a ribbon effect [...]
Tag Archives: design
Google Chrome Experiments
Tuesday, March 20, 2012
There comes a time where you really need to see the capabilities of the modern day browser. Now with a blend of JavaScript, HTML5, WebGL and more you can see how well a browser can render. Well, how well Google’s browser will render. Chrome Experiments is a small site that hosts user uploaded experiments that [...]
CSS3 Transformations with Westciv.com
Monday, March 19, 2012
If you have ever played with CSS3 animations, you are probably used to the never ending style sheet update and browser refresh. It always seems like a small annoyance, until around the 100th time. Well begin healing the blister on that index finger from hitting the F5 key. Westciv.com has some great tools to help [...]
Inset Text With CSS
Wednesday, March 7, 2012
I know this post will seem like a tribute to the man behind the curtain, but I can assure you it is not. I am making this post because I have seen this styling used in many ways and really like the effect. The text inlay is a simple way to create styling that is [...]
Slick CSS Buttons
Wednesday, February 29, 2012
Guess what? This post is about button styles. And yes, it is important. Because there is a clear advertising goal for many websites, styling is very important for the whole site, as well as the commitment action from your visitor. The 3D effect is much more appealing for a person to press, because they already have [...]
CSS Layer Styles Builder
Monday, February 13, 2012
Designing pages and styles from the back end can be difficult. Layerstyles.org is a tool to help create those attractive styles without much effort at all. The website mocks the Adobe styles box, letting you customize the properties and shadows. A dialogue box at the bottom of the page writes the CSS for you. The [...]