20 Tutorials That Will Improve Your CSS Skills and Make You a Better Coder. The Cicada Principle and Why It Matters to Web Designers » HTML & CSS, Layout » Design Festival. CSS3 Generator. How to Create CSS3 Speech Bubbles Without Images » JavaScript & CSS » SitePoint Blogs. I remember my creating my first image-less speech bubble many years ago.
It required a long-winded JavaScript function to inject elements into the DOM, some horrendous CSS, looked fairly awful, and didn’t work well in IE5. CSS3 is starting to change our lives for the better. It’s now possible to create a great looking speech bubble which works in all browsers, uses a single HTML element, a few lines of CSS3 code, no images, and no JavaScript whatsoever… To ease you in gently, let’s examine the HTML. A single element is required, so I’m using a P tag: Blogs » Web Design, Web Development, Freelancing, Tech News and more…. » Ten Beautiful CSS Web Sites of 2010. It’s reflection time of year, and this week on Sitepoint I’m looking back at some of the loveliest/most interesting/coolest designs of 2010. As there are now approximately 15 gazillion sites online, I am basing this selection of HTML and CSS-based sites on those which have appeared on the CSS Awards site, which is always a great source of inspiration, awarding a Site of the Day and a Site of the Month.
The CSS Awards site criteria web design 50% creativity 25% content 15% usability 10%. I’m also interested to hear what YOUR favorite CSS sites of the year are, too, so please add them in the comments section below. So in no particular order, here are some of the sites that caught my eye. Wordmark.it. CSS Type Set. Type Folly—web typography tool. Typechart – Browse Web Type, Grab CSS. CSS-Tricks.