CSS | Chris' Laboratory

CSS Frameworks

28/08/201311/09/2016

Make Retina display ready for input submit button with image

When use input[type=image] for form submission, the image is stretched when use Retina Display mobile. Since you cannot change 'src' attribute using CSS, I had...

CSS Frameworks

03/07/201310/09/2016

Media Query Reporter CSS Injection

Ref: http://webdesigntutsplus.s3.amazonaws.com/tuts/221_responsive_widget/Media-Query-Files-DEMO/index.html <link rel="stylesheet" type="text/css" media="screen" href="http://webdesigntutsplus.s3.amazonaws.com/tuts/221_responsive_widget/Media-Query-Files-DEMO/styles-mediaquery-reporter.css" /> Code Only: /* ====================================== MediaQuery-Reporter Styles ========================================= */ body:after { content: "less than 320px"; font-size: 300%;...

CSS

13/02/201211/09/2016

Media Queries to handle all device’s screens

To cover all screen resolution including portrait and landscape screens. Found from stuff & nonsense (http://www.stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries/) /* Smartphones (portrait and landscape) ----------- */ @media...

CSS

11/07/201111/09/2016

CSS Custom Fonts for all browsers

Use Font Squirrel to create compatible fontface: http://www.fontsquirrel.com/fontface/generator Confirmed working in IE, Chrome, Firefox 1. Upload font file and get zip file 2. Copy CSS...

CSS

04/02/201109/04/2011

CSS floats: container does not stretch to fit floated contents

Original Article: http://www.mikepadgett.com/technology/technical/alternative-to-the-pie-clearfix-hack/ Here's a quick resolution to an almost ungooglable problem.” This article was formerly titled “Alternative to the PIE clearfix hack” but has since...

M	T	W	T	F	S	S
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30

Top Category

Frameworks

Server

Android

Recent Post

Top Category