Category: CSS CheatSheets

Most often used CSS code examples.

Media Queries Based on Most Popular Screen Resolutions, 2015

Useful media queries based on most popular screen resolutions for desktops and laptops. Not including tablets and mobiles. Continue reading

Posted in CSS CheatSheets | Tagged | Leave a comment

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 | 1 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