Search results for 2014 07 30 5 things wont believe built css

Using CSS Fallback Properties for Better Cross-browser Compatibility

by Brian Rinaldi

CSS file and then include another CSS file inside a conditional comment for other versions of IE, like this: <link href=”modern.css” rel=”stylesheet” /> <!–[if lte IE 8]> <link href=”ie8only.css” rel=”stylesheet”>…

2014 – What Web Developers Will Need to Know

by Brian Rinaldi

help shed some light on what web developers might need to know for 2014. Specifically, I asked, “Looking into 2014, what do you think will have the most impact on…

Best of JavaScript, HTML & CSS – Week of March 31, 2014

by Brian Rinaldi

…“2048″ game with Phaser See how to use uncss, a NodeJS command-line tool, to remove unused CSS from your code by David Walsh. uncss: Find Unused CSS Jake Bresnehan goes…

Best of JavaScript, HTML & CSS – Week of July 29, 2013

by Brian Rinaldi

…maintainable CSS. CSS-Guidelines David Walsh shows how Using pure CSS you can create cross-browser compatible triangles with very little code. CSS Triangles Pamela Fox shares investigation that she and her…

Roll Your Own Asset Pipeline with Gulp

by Brian Rinaldi

gulp.src(‘css/app.less’) .pipe(less()) .pipe(gulp.dest(‘dist’)); }); gulp.task(‘watch’, [‘less’], function() { gulp.watch(‘css/**/*.less’, [‘less’]); }); Note a couple things about this example: We watch for any less file but only compile app.less. This is…

Static Analysis For CSS

by Brian Rinaldi

…this: var css = require(‘css‘); var fs = require(‘fs’); var code = fs.readFileSync(‘sample.css‘) + ”; var ast = css.parse(code); console.log(JSON.stringify(ast, null, ‘ ‘)); When you run this code, you’ll see…

Using Grunt? Consider Fez

by Brian Rinaldi

…}); spec.with(“*.css).not(“*.min.css“).each(function(file) { spec.rule(file, file.patsubst(“%.css, “%.min.css), cssmin()); }); spec.with(“*.min.css).all(function(files) { spec.rule(files, “dist.min.css“, concat()); }); }; (The file object’s patsubst has the same semantics as make’s patsubst) And we have a…

CSS Spheres

by Donovan Hutchinson

{ width: 300px; height: 300px; display: inline-block; margin: 20px; -webkit-perspective: 1200px; -webkit-perspective-origin: 50% 50%; } .ball .shadow { position: absolute; width: 100%; height: 100%; background: -webkit-radial-gradient(50% 50%, circle, rgba(0, 0,…

Best of JavaScript, HTML & CSS – Week of January 6, 2014

by Brian Rinaldi

…Web Apps Dr. Axel Rauschmayer says 2014 is the year of asm.js, ParallelJS, ES6, web components and CSS grid layout. Find out why. Web platform: five technologies to look forward…

Best of JavaScript, HTML & CSS – Week of July 8, 2013

by Brian Rinaldi

This week features lots of CSS from maintaining aspect ratios in CSS to CSS custom filters to a CSS media query generator and a new CSS Regions working draft. Of…