How To Create Circles With CSS3 and No Images
Thanks to CSS3 it’s now possible to create circles with only code. Look ma, no images! In the following post, I’ll show you how to create full, half and quarter circles using only CSS. Unfortunately, the half and quarter circles only work in Firefox at this time. The trick to creating the circles, is the use of the border-radius selector.
Continue Reading »
CSS3 rounded corners using the border-radius property
Round corners, without the need of images, is one of the most exciting new features of CSS3. In the past, a web designer would have to use images and tons of code to use rounded corners in their designs. Thanks to the new border-radius property, designers can easily add rounded corners to their layouts.
Continue Reading »
Check out the new Cardeo blog categories
Now the the new blog design is live, I wanted to update my categories. When I started this blog, a little over a year ago, I basically guessed at what I would write about. Now that some time has gone by, I have a better idea about the subjects I like to blog about, and I’ve adjusted my categories to better suit my content. Here’s a rough breakdown of the new categories…
Continue Reading »
5 CSS 3 Coding Techniques
has an awesome post describing 5 techniques to acquaint yourself with CSS 3. The techniques are clearly explained and very useful. Subjects covered include: Round corners without the use of images, adding a drop shadow with CSS, opacity with CSS, and resizable elements with CSS. Make sure you check out 5 Techniques to Acquaint You With CSS 3
Writing Better HTML
There’s a great post over at recommending . It brings up stuff like using the Strict DOCTYPE, encoding special characters, proper indentation, and more.
One note on indentation. I used to tab out my code in the past. It’s quick and makes it easier to read. However, if you are a designer that is coding the same website on a MAC and PC (this happens occasionally for me), use spaces to tab out your code, not tabs. Notepad will not recognize the tabs and it will display your code in one big line for the entire page! Talk about annoying. It will recognize the spaces though – so space it out to be safe. It’s a little harder to read but it will save you a headache down the road.
ASCII Character Codes Cheat Sheet
Ever wonder how people make some of the special type characters you see online like: ™ ® » © Ü ? It’s really quite easy…
Continue Reading »
Follow me