Search results for 2013 08 19 responsive content using css regions

Picture showing a magazine layout with columns of different heights

CSS Regions Matter

by Brian Rinaldi

…ads in a sidebar on big screens. Source And then using CSS Regions, the content is “folded” on smaller screens, allowing ads to be placed between the text content of…

Using CSS Regions in Responsive Designs

by Brian Rinaldi

…article I will cover a simple example of using CSS Regions within a basic responsive layout to show that they indeed can be used in responsive designs. Some Background If…

CSS for Beginners with Dreamweaver

by Brian Rinaldi

…you generate a page template with a number of optional extras and using best practices. As you can see from the screenshot below, I am starting with the Responsive template…

Break The Wrist And Walk Away: Responsive Design And Bootstrap 3

by Burke Holland

using media features, such as width, height, and color. Media queries, added in CSS3, let the presentation of content be tailored to a specific range of output devices without having…

Responsive Content Using CSS Regions

by Brian Rinaldi

…from the layout. And with that comes the ability to create some responsive content very easily. flow-into and flow-from The flow-into CSS property can be used to prevent some content

Best of JavaScript, HTML & CSS – 2013

by Brian Rinaldi

…for your team and then verify them automatically using Grunt. Eliminating Code Smell with Grunt December Sara Soueidan shows how combining CSS Regions with CSS Shapes creates a better, print-like…

Playing with CSS Regions in Edge Reflow

by Brian Rinaldi

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

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

mm by Trevan Hetzel

…#3 – Off-canvas navigation Another example of some functionality that is most commonly done with JavaScript is off-canvas navigation. Off-canvas is pretty common on responsive sites for hiding content “off”…

Building a Successful Content Site

by Brian Rinaldi

…by Brian Rinaldi Building a content web site and making it successful is not like “Field of Dreams” wherein “if you build it, they will come.” First of all,…

CSS Spheres

by Donovan Hutchinson

…transform property. Rather than put the number 8 into the content, I’m using the before psuedo-selector to add the content via CSS, and then skewing the number in a similar…