Search results for 2014 01 27 using css regions in responsive designs

Best of JavaScript, HTML & CSS – Week of August 26, 2013

by Brian Rinaldi

Zoltan Horvath shares some examples of how you can combine CSS Shapes and CSS Regions. HTML Alchemy – Combining CSS Shapes with CSS Regions Krasimir Tsonev explains a solution for…

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…

Introduction to Animating in HTML

by Krasimir Tsonev

…two classes: rotateInDownLeft and bounceOutRight. I also used additional helper for detecting the end of the animation. Animate.css uses CSS animations, not CSS transitions, so the method is a bit…

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…

CSS Spheres

by Donovan Hutchinson

approach making spheres with CSS. One is to create an actual 3D sphere using lots of elements. There are some beautiful examples of these. A potential downside though is that…

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 22, 2013

by Brian Rinaldi

…with JavaScript and Canvas Stephen Thomas presents an approach to responsive images supported by all browsers using CSS background images. Simple Responsive Images With CSS Background Images Dr. Axel Rauschmayer…

Frame-by-frame animation with HTML and JavaScript

by Brian Rinaldi

…will learn how easy it is to create an animation loop in JavaScript using the requestAnimationFrame function and animate the CSS properties of HTML elements inside it using simple math….

Best of JavaScript, HTML & CSS – August 5, 2013

by Brian Rinaldi

…Edge Animate. Tutorials Mathew Carella shares tips for writing better and more efficient CSS. Writing Better CSS Krasimir Tsonev walks through techniques for animating in HTML using JavaScript, CSS and…

Creating Image Galleries with Clipped Images Using CSS Pointer Events and SVG

by Brian Rinaldi

image gallery. [iajsfiddle user=”remotesynth” fiddle=”xtDHe” height=”450px” width=”100%” show=”js,resources,html,css,result” skin=”default” show=”result”] There are a few ways to do this using the CSS pointer-event property and any number of different image formats…