Home » NewsBlog » CSS

Variable Fonts with Jason Pamental

2018-01-30T03:05:58+00:00 January 30th, 2018|Categories: News, Tutorials|Tags: |

We've already hit you with a one-two punch of variable fonts today. Robin shared Richard Rutter's post on real-world usage of them. Ollie Williams introduced us to the in's-and-out's of using them on the web. I figured we'd make it a trifecta and link up our discussion about variable fonts with Jason Pamental. Dave and [...]

One File, Many Options: Using Variable Fonts on the Web

2018-01-30T03:05:41+00:00 January 30th, 2018|Categories: News, Tutorials|Tags: |

In 2016, an important development in web typography was jointly announced by representatives from Adobe, Microsoft, Apple, and Google. Version 1.8 of the OpenType font format introduced variable fonts. With so many big names involved, it's unsurprising that all browsers are on-board and racing ahead with implementation. Font weights can be far more than just [...]

How to use variable fonts in the real world

2018-01-30T03:05:37+00:00 January 30th, 2018|Categories: News, Tutorials|Tags: |

Yesterday Richard Rutter posted a great piece that explores how the team at Clearleft built the new Ampersand conference website using variable fonts (that’s the technology that allows us to bundle multiple widths and weights into a single font file). Here’s the really exciting part though: Two months ago browser support for variable fonts was [...]

Tools for Thinking and Tools for Systems

2018-01-27T03:06:29+00:00 January 27th, 2018|Categories: News, Tutorials|Tags: |

I’ve been obsessed with design tools the past two years, with apps like as Sketch, Figma and Photoshop perhaps being the most prolific of the bunch. We use these tools to make high fidelity mockups and ensure high quality user experiences. These tools (and others) are awesome and are generally upping our game as designers [...]

New Features Coming Soon in Safari

2018-01-26T03:07:08+00:00 January 26th, 2018|Categories: News, Tutorials|Tags: |

Here’s a great thread by Ricky Mondello that outlines all of the nifty new features in the latest Safari across macOS and iOS. Some of my favorites include the ability to replace gifs with mp4s, the Payment Request API and support for the Web App Manifest. Direct Link to Article — Permalink New Features Coming [...]

Routing and Route Protection in Server-Rendered Vue Apps Using Nuxt.js

2018-01-26T03:06:09+00:00 January 26th, 2018|Categories: News, Tutorials|Tags: |

This tutorial assumes basic knowledge of Vue. If you haven't worked with it before, then you may want to check out this CSS-Tricks guide on getting started. You might have had some experience trying to render an app built with Vue on a server. The concept and implementation details of Server-Side Rendering (SSR) are challenging [...]

The Wix Code Database and Data Modeling

2018-01-26T03:05:49+00:00 January 26th, 2018|Categories: News, Tutorials|Tags: |

(This is a sponsored post.) I happen to know many of the readers of CSS-Tricks are strong web designers and developers. Most of you probably don’t use website builders very often, as you are a website builder. You love the control. You love the possibilities. You want to be close to the metal because that’s [...]