Search results for 2013 06 10 loading images on demand with pure css

CSS Spheres

by Donovan Hutchinson

do this using the following CSS: .circle { display: block; background: black; border-radius: 50%; height: 300px; width: 300px; margin: 0; background: -webkit-radial-gradient(100px 100px, circle, #5cabff, #000); background: -moz-radial-gradient(100px 100px, circle,…

Frame-by-frame animation with HTML and JavaScript

by Brian Rinaldi

…jump into details on how to implement this, we need to talk about DOM elements and the CSS properties that we want to animate. CSS Transforms In our simple example,…

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”>…

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

by Brian Rinaldi

variety of 3D spheres using CSS transforms and animations. CSS Spheres Mary Lou shares some concepts for using CSS animations when loading new grid items as the user scrolls. Loading

Extending the Brackets Code Editor with JavaScript

by Brian Rinaldi

…= document.createElement(‘link’); css.id = ‘__cornify_css‘; css.type = ‘text/css‘; css.rel = ‘stylesheet’; css.href = ‘http://www.cornify.com/css/cornify.css‘; css.media = ‘screen’; head.appendChild(css); } cornify_replace(); } } var cornify_replace = function () { // Replace…

Best of JavaScript, HTML & CSS – Week of September 9, 2013

by Brian Rinaldi

…shares a variety of CSS only custom checkboxes with different look and feels. A Bunch of CSS Only Custom Checkboxes François Zaninotto implements client-side search filtering in pure CSS. Client-side…

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…

Best of JavaScript, HTML & CSS – Week of April 21, 2014

by Brian Rinaldi

…theme of True Detective using CSS by Tyler Gaw.CSS True Titles An excellent article by Sara Soueidan going in depth into the new CSS shapes specification.CSS Shapes 101 Good comparison…

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…

Best of JavaScript, HTML & CSS – Week of October 21, 2013

by Brian Rinaldi

…see the stereoscopic 3D effect that Donovan Hutchinson created with CSS? I did, eventually. Stereoscopic CSS Razvan Caliman explains how CSS Shapes were used to enhance visual storytelling for an…