Category Archives: CSS CheatSheets

Most often used CSS code examples.

Disable Input Number Field Arrows from CSS

Simple CSS code to remove ugly arrows from within input type number fields. Continue reading

Posted in CSS CheatSheets | Tagged , , | Leave a comment

CSS Transitions

Main points when dealing with CSS transitions and list of animatable properties. Continue reading

Posted in CSS CheatSheets | Tagged , | Leave a comment

Making X Close Button Right and Without Images

Right basic font to make closing button cross light. Continue reading

Posted in CSS CheatSheets | Tagged , , | Leave a comment

Word Wrap CSS Code

Break words, add hyphens and explore the difference between word-break and word-wrap in CSS. Continue reading

Posted in CSS CheatSheets | Tagged | Leave a comment

Remove Spacing Between Inline-Block Elements

Remove additional padding between inline-block elements in CSS for i.e. unordered list in navigation. Continue reading

Posted in CSS CheatSheets | Tagged , | 1 Comment

Remove Additional Line Spacing Added Because of <sup> Superscript HTML Tag

Superscript SUP HTML tag adds line spacing, so line spacing becomes not even. Simple CSS solution to make line spacing not dependent on SUP tags. Continue reading

Posted in CSS CheatSheets | Tagged , , | 1 Comment

How to Make Background Image to Cover Whole Browser Window

Make background image expand to 100% of browser’s window with this CSS code. Continue reading

Posted in CSS CheatSheets | Tagged | Leave a comment

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 | Leave a 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 , , | 2 Comments

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 , , | 7 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 , , , | 11 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