Design

Understanding the SVG viewBox and viewport

by Brian Rinaldi

By Joni Trythall In using the <svg> element, we are establishing a fragment consisting of nested details in our document. This fragment has its own viewport and coordinate system which can seem very complex…

Continue reading

Animating Inline SVG Icons

by Brian Rinaldi

By Joni Trythall I recently did some experimenting with animating inline SVG icons. In this article I will quickly review my process and discuss the joys and frustrations I ran into. The demo discussed…

Continue reading

Organizing Your CSS Code for Preprocessors

by Brian Rinaldi

By Tim Severien CSS preprocessors are probably one of the most useful things we have right now in front-end tooling. Whether you pick Sass, LESS or any other preprocessor, they’re great because they add…

Continue reading

Doing More with Sass’ @each Control Directive

by Scott O'Hara

By Scott O’Hara I recently wrote an article about the different Sass control directives and how even writing basic directives could be used to code leaner Sass. In this article, I’d like to take…

Continue reading

Grids in CSS3

by Brian Rinaldi

By Tim Severien In this article, we’ll take a look at some of the new features in CSS3 that make handling grids using HTML and CSS much easier. But first let’s discuss a little…

Continue reading

CSS for Beginners with Dreamweaver

by Brian Rinaldi

By Brian Rinaldi Dreamweaver has had a long history. I recall using it heavily back in the UltraDev days, for those of you that remember that. While the tool has evolved quite a lot…

Continue reading

Learning SVG

by Brian Rinaldi

By Joseph Wegner In my book, SVG is classified as a mythical unicorn super technology. SVG shares this category with other technologies like RegExp, vim, and OpenGL. The common traits between each of these…

Continue reading

Picture showing a magazine layout with columns of different heights

CSS Regions Matter

by Brian Rinaldi

By Sara Soueidan I wrote this article before the news came out that Google decided to pull Regions out of Blink, which, in my opinion, is a big loss for the web community. So,…

Continue reading

Using CSS Regions in Responsive Designs

by Brian Rinaldi

By Brian Rinaldi The CSS Regions specification allows you to create multiple containers into which content can flow into and out of. This can be especially useful for creating complex, magazine-like layouts with irregularly…

Continue reading

Parallax UI for PhoneGap and Mobile Web Apps

by Brian Rinaldi

By Andrew Trice Device motion and accelerometer programming interfaces have been around for years now, but up until iOS 7 we saw minimal use of them on most mobile devices. Sure there was a…

Continue reading