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...
Home
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...
Better Markdown from Node
Unless I write an email in Gmail I do all my writing using Markdown a quick text-based writing system. I love Markdwon but have always been upset at the limitations placed in the original Markdown,...
Performance auditing using Chrome Dev Tools, Web Page Test and Page Speed Insight
Although Chrome Dev Tools gives us an approximation of what a connection would be like in a given device it's not 100% accurate, it can't be since our Macbooks and Windows devices don't have to deal...