Category: CSS CheatSheets

Most often used CSS code examples.

Easiest Blockquote Quotation Marks CSS

Hours of work can be spend on quotation marks of blockquote styling, here’s easiest CSS example on how to style them. Works in all browsers except IE7.Continue reading

Posted in CSS CheatSheets | Tagged | 1 Comment

CSS to Specify Rules for iPad and iPhone

Special CSS rules can be applied to specific devices browsers based on a screen size.Continue reading

Posted in CSS CheatSheets, Mobile Websites | Tagged | 1 Comment

XHTML Flash Embed Code

Flash valid embed code.Continue reading

Posted in CSS CheatSheets | Tagged | Leave a comment

CSS3 Placeholder Styling + jQuery Plugins to Enable Placeholders in IE

Placeholders are nice with HTML5. Some plugins are still needed to enable them in IE. CSS3 styles for placeholders also provided.Continue reading

Posted in CSS CheatSheets | Tagged | 1 Comment

CSS Quotes on Centered Text in Paragraph

Sometimes hard to put big beautiful quote marks on a paragraph which has centered text. I had to make it for some slideshow rotating news ticker. I did it myself with positions after several retries with known CSS solutions.Continue reading

Posted in CSS CheatSheets | Tagged | 1 Comment

CSS: Rotate Element to 45 Degrees Code

Rotate any HTML element to 45° in all browsers with CSS code.Continue reading

Posted in CSS CheatSheets | Tagged | 8 Comments

CSS Gradients in IE9 on Elements with Rounded Borders

Strange backgrounds sometimes seen behind rounded borders of Internet Explorer 9. I found what their cause. It’s a filter elements used for earlier versions of IE, like 7 & 8. We have to disable FILTER element to get rid of rectangular background below rounded borders in ie9.Continue reading

Posted in CSS CheatSheets | Tagged | 4 Comments

CSS Gradients in HTML5 Code Example

Latest browsers started to support CSS gradients, this feature is priceless, because no images will be needed for simple gradients soon.Continue reading

Posted in CSS CheatSheets | Tagged | 12 Comments

Box Shadow CSS

CSS box shadow is the long awaited css feature, introduced with modern browsers.Continue reading

Posted in CSS CheatSheets | Tagged | Leave a comment

CSS Zoom in Browsers

CSS zoom property works in IE, but not in Firefox. In Firefox same effect can be achieved with transform scale. But today we could already use scale CSS for that.Continue reading

Posted in CSS CheatSheets | Tagged | 25 Comments

CSS Background Transparency, Not Affecting Child Elements

Making backgrounds semi-transparent with RGBa and Explorer filters without any PNG24 images. Just use CSS.Continue reading

Posted in CSS CheatSheets | Tagged | 6 Comments