Search results for 2014 01 27 css regions matter

Picture showing a magazine layout with columns of different heights

CSS Regions Matter

by Brian Rinaldi

may face when using CSS Regions, and talk about possible solutions to common Regions problems. CSS Regions Problems and Possible Solutions CSS regions have two prominent “problems” today: non-semantic presentational…

CSS for Beginners with Dreamweaver

by Brian Rinaldi

…external CSS files added which are already listed in this panel: normalize.min.css and main.css. Click on main.css, as that is the file we’re primarily going to work with here. You…

Using CSS Regions in Responsive Designs

by Brian Rinaldi

Lafferty, also of Adobe, wrote about using CSS Regions in Reflow in an earlier article on this site. The inclusion of CSS Regions in Edge Reflow should probably already make…

Playing with CSS Regions in Edge Reflow

by Brian Rinaldi

CSS feature: CSS Regions. CSS Regions will allow your content to flow through different containers on your web site. This enables you to build more magazine-style layouts. As of this…

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 – 2013

by Brian Rinaldi

…Butters offers a good introduction to CSS Regions. A Beginner’s Guide to CSS Regions Ghost is a new blogging platform (and service) built with Node.js and Express. Ghost: A Blogging…

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

by Brian Rinaldi

believes the CSS Regions spec matters and the unique design use cases it solves. CSS Regions Matter CSS Regions can be used within responsive layouts. I address recent confusion around…

5 things you won’t believe are only built with CSS

mm by Trevan Hetzel

Trevan Hetzel breaks down 5 UI interactions typically built with JavaScript, implemented only with CSS. By Trevan Hetzel I often find myself amazed at what plain ‘ol CSS can do….

Responsive Content Using CSS Regions

by Brian Rinaldi

much work would be involved in getting this simple example working without CSS Regions. You can find out more about CSS Regions here. This article was originally published at…

Functional CSS (FCSS)

by Matt Baker

…it’s more expressive to define the composition of your styles in scss itself by way of the @extend directive. /*errors.css.scss*/ .error { color: red; } .sidebar-error { @extend .error; border:1px…