Probably one of the toughest hills to climb for every CSS beginner is positioning, and this article introduces positioning in 10 very easy to understand slides, with an accompanying screen shot of each technique. Check it out at http://www.barelyfitz.com/screencast/html-training/css/positioning/
After searching the web for a CSS Cheat Sheet to give to her students, Dawn eventually decided to come up with her own. The thing I like about this one is that it is stripped down to the very basics. Unlike other cheat sheets I’ve seen that may be a bit overwhelming for beginners, this one does not try to answer all questions, but covers enough ground to launch one into the world of CSS.
It comes with both an online version and a printable version. Take your pick.
Internet Explorer General Manager Dean Hachamovitch writes to inform everybody that the Acid2 face now gets rendered correctly in IE8 standards mode.
While it is important to note that while the test itself does not test all web standards, it is still a very significant achievement for the dominant web browser. More importantly, this means that IE8 now:
What’s interesting to see is how IE8 will render hacks that were developed to fix IE6 and IE7’s “quirks”, since it appears that IE8 is just an updated version of the IE7 engine. It took them a while, and it’s about time. Now how about getting Firefox to pass the test?
I have been contemplating on writing a similar tutorial, but web designer wall beat me to it. It’s a very well written article, so be sure to check it out. You can also check out the demo here.
Pseudo-selectors like :before and :after is perfect for adding content before or after classes, such as in the case of visited links or blockquotes. Here are some examples from the article:
blockquote:before {
content: “From the article: “;
}
This will literally put the text “From the article: ” before every single blockquote on your page.
Continue to the original article.
When HTML was invented one of the things that we designers and developers have to struggle with is implementing multicolumn layouts. Even creating elegant multicolumn lists that will behave the way you want it to can prove to be a very challenging task. This article sums it all up quite nicely while providing sample code along with techniques to start working with.
Until browsers support CSS 3 specifications, Web builders will need to rely on other techniques for creating multicolumn lists. Here’s a look at some of the techniques that work with today’s browsers.
CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image.
This problem has been around for ages, but it is an easy one to overlook. Internet Explorer does not expand the ' entity (part of XHTML 1.0 specifications) since it is an XML entity. So be very careful especially when using an HTML editor and use ' instead.
Here’s an example:
Okay I got one for all you CSS gurus out there: should margins for content tags (e.g. H2, H3, P, UL) be placed at the bottom or at the top of the block?
Personally I use margin-top: 1em for these tags. I think it makes sens to place margins at the top simply because the margin does not “exist” unless that block is present. Though a bottom margin also does not get rendered unless there is a block beneath it.
What are your thoughts?
You are currently browsing the archives for the Coding category.
