Web Animations: Web Animation API examples
Let’s get started with a single animation. It is similar to the example form our introductory section but it does move the object (in this case a div) in a straight line in increments of 100 pixels...
Home
Web animations: Learning to love the API
Thanks to Rachel Nabors who first clued me in to the API and to Dan Wilson who provided the final kick in the butt with his articles on WAAPI to finally get me studying and learning. If you work...
The Physical web: I have 3 beacons
The title of this post comes from the fact that I own three physical web beacons that I got at the Chrome Dev Summit last year. I hadn’t had much time to think about what I wanted to do with it and...
Static Site Generators: Why and why not?
All the talk I hear about front end web development has to deal with frameworks, the best way to optimize Javascript and CSS and the best way to minimize the number of HTTP requests. But that’s not...
Learning About Responsive Images
Specification and API subject to change. Be aware that the specification is not finalized and it may change in incompatible ways. Do not use responsive images in production yet. If you do you do so...
Choosing your tools smartly
A grocery store in Melno Park, California sets up a special display to sell jam. At certain times, the display had six flavors to choose from. At other times, the display had 24 choices. Each person...
New in the CSS Horizon: New(ish) CSS properties
There are some amazing things we can do with just CSS in modern browsers (and some not so modern ones too.) I'm documenting some of my favorites for posterity and also because they have an unusually...
New in the CSS horizon: CSS Flexbox
This is an update of sorts for Flexboxes and the holy grail with better code and better explanations Note: All code examples in this section use autoprefixer to avoid writing vendor prefixes by...
New in the CSS horizon: (Native) CSS Grids
New in the CSS horizon: (Native) CSS Grids # Grids like 960.gs, the Grids in Bootstrap 3 and Foundation or solutions like SUSY rely on floated elements (I make the distinction between Bootstrap 3 and...
New in the CSS horizon
I've been looking at some CSS layout modules and aspects of the level 3 Fonts CSS Module and I have to admit that I'm happy, very happy. There are three areas where I'm going to concentrate this time...