Fonts on the Web The days of being limited to a handful of fonts on the web are very close to being a thing of the past. The problem is no longer a lack of viable solutions, but rather, an abundance of them. Technologies like Cufon, sIFR, FLIR and @font-face all represent different groups of […]
Generated content was first introduced in the CSS2 specification. In technical terms, generated content is a simple abstraction created by CSS in the document tree. As such, in practical terms, generated content exists only in the layout of the Web document. 1. Inserting Generated Content Generated content may be inserted before and after the actual […]
Summary: Learn how to embed images into your web pages with data URLs. The data: URI scheme includes images directly into your XHTML pages using code instead of external files, saving valuable HTTP requests. Inline images use the data URI scheme to embed images directly within web pages. As defined by RFC 2397, data URIs […]
1. Chimply Online Tool Chimply.com is in Beta stage but it has also a nice collection of categorized Ajax loading icons. Common settings include background and foreground colors and it’s width. Many advanced options will appear depending on what type of preloader you are going to select.
The white-space property controls how text is handled on the element it is applied to. Let’s say you have HTML exactly like this:
A bunch of words you see.
You’ve styled the div to have a set width of 100px. At a reasonable font size, that’s too much text to fit in 100px. Without doing anything, the default white-space value […]
Quick Refference: cssfontstack.com Introduction Here you can find the list with the standard set of fonts common to all versions of Windows and their Mac substitutes, referred sometimes as “browser safe fonts”. This is the reference I use when making web pages and I expect you will find it useful too. If you are new […]
Firefox/Chrome can wrap the text inside spans or divs neatly without expanding them when you set the css property: word-wrap: break-word. However, IE can’t achieve it. IE only wraps words at word separators like spaces or hyphens. If the text does not contain spaces or hyphens, the span or divs expands in width. We can […]
Data URIs are one of the best techniques in CSS, allowing developers to avoid referencing external images and instead embed them directly into a stylesheet. The main advantage of this approach is to save HTTP requests. HTTP requests are a huge performance bottleneck, and the reason techniques such as CSS image sprites have been popular […]
The Solution For Modern Browsers set the display property of the parent element to table set the display property of the content element to table-cell. The content behaves much as an old-fashioned <td> element would… and setting vertical-align to middle IE7 fails to support display:talbe this method, even in strict mode. Microsoft did not implement […]