All articles tagged Code

Thumbnail image for Getting Started with Element Queries

Getting Started with Element Queries

Element queries provide styling opportunities specific to an element's dimensions. You could consider them the holy grail of responsive web design, allowing authors to determine an element's look and feel regardless on where it's placed. If given ample space you …
Thumbnail image for Using Crossing with React-Router

Using Crossing with React-Router

With the version 1.0 release of react-router, the named Route feature was dropped. In earlier versions, you were able to define each Route with a name parameter: <Route path="/account/billing" name="account-billing" /> and link to the RouteHandler via: <Link to="account-billing">Billing</Link> This …
Thumbnail image for Speeding Up NPM Installs

Speeding Up NPM Installs

I've been working on improving our deployment processes as part of the High Performance Django Infrastructure project we're building out. One consistent pain point is our front-end build system, and particularly, npm installs. For a number of reasons, instead of …
Thumbnail image for Fast Immutable Python Deployments

Fast Immutable Python Deployments

Alternate title: Pip 7 is Awesome, Here's Why A typical Python deployment looks like this: Pave the server, setting up a virtualenv and installing any pre-requisites necessary to build/install the Python requirements (compiler, development headers, etc.). To update to a …
Thumbnail image for Concurrency in Python vs GO

Concurrency in Python vs GO

At Pycon in Montreal few weeks ago I attended a talk that blew my mind away and got me thinking: Python concurrency from the Ground Up: LIVE! by David Beazley. The video is available on YouTube. The gist of the …
Thumbnail image for SVG Sprites and Icon Systems Are Super

SVG Sprites and Icon Systems Are Super

I received an email recently asking for assistance with an SVG icon issue. The individual explained that he was working with a lot of icons (about 300, which I would say qualifies as a "system") as images and wondering if …
Thumbnail image for Introducing Flexbox Fridays

Introducing Flexbox Fridays

Flexbox is everywhere right now. Well, talk of flexbox is everywhere, not so much its implementation just yet. We have been tinkering with it quite a bit these days and thought it might be handy to share these explorations. Each …
Thumbnail image for Smarter Input Groups with Flexbox

Smarter Input Groups with Flexbox

If you have ever built a form using Bootstrap you have undoubtedly worked with input groups. Input groups are an excellent way to provide contextual help via iconography or associate specific actions with the appropriate field. However, they can be …