Media queries to control typography and layout #
Media queries are awesome. They allow developers (us) to change elements of the design based on arbitrary criteria…. We finally can customize our...
Taking advantage of SASS to play with colors #
I'm bad at remembering headecimal, rgba or hsl colors. These fuctions will help convert the hexadecimal values
$base-color: #AD141E;
Darken & Lighten...
Rather than let font loading remain at the mercy of the network we'll use Font Face Observer to dynamically load the fonts and swap them when ready. This may cause a little user cognitive dissonance...
One of the things I would have killed for when I came back to doing (serious) web design was a set of guidelines, stylesheets and examples of how to use responsive design and typography on the web....
Responsive Web Design
Responsive Web Design — Ethan Marcotte, A Book Apart
Responsible Responsive Design — Scott Jehl, A Book Apart
Going Responsive — Karen McGrane, A Book Apart
Responsive Design:...
As consumers of information we’ve all become more demanding. We want the content faster and we want to be engaged with the content we access online. PSPs should be no different in their performance to...
We want our content to look awesome regardless of the device. How do we accomplish this?
A good starting point is Ethan Marcotte’s Responsive Web Design (or whatever Responsive Web Design book is your...
I still remember the first time I made an annotation from a Kindle book available in their public site (kindle.amazon.com). I saw the possibilities as limitless until I realized that there were...
The service worker script we discussed in the prior section is the core of a PSP but there’s way more we can do to make our reading experiences behave more like native applications. Some of these...
How does this all work? #
At the core of our progressive subcompact publications is a service worker. This woker is a type of shared worker and it also works as a network proxy for your requests, you...