Issue #178

September 1, 2015

The Future of Layout with CSS: Grid Layouts

Patrick Brosset looks at the wonderful world of the CSS Grid Layout, a relatively new W3C specification that has partially started to see the day in some browsers.

CSS vs SVG: Styling Checkboxes and Radio Buttons

Sara Soueidan tackles custom HTML form styling—specifically checkbox and radio inputs.

Set Yourself Apart

Master your craft at the conference for people who make websites. An Event Apart is the web design and development conference where groundbreaking techniques break first. It’s where mission-critical techniques are mastered, and new ideas become industry-wide best practices.

Articles & Tutorials

Spheres

Donovan Hutchinson demonstrates how to create and bring to life rounded shapes and circles using CSS animations.

DevTools Tips For Sublime Text Users

Addy Osmani on how to take advantage of your existing knowledge of features in Sublime Text and apply them to another powerful tool in your arsenal — the Chrome DevTools.

What IS Flexbox?

Scott Vandehey gives a nice introduction into Flexbox, a layout mode added to CSS to replace hacky float and table layouts.

Tight Fitting SVG Shapes, the Present and Future

In this article, Ana Tudor tackles an interesting problem: what happens when the stroke of an element grows in such a way that it appears cut off?

Typeset.js

Typeset is an HTML pre-processor for web typography. It uses no client-side JavaScript but gives you hanging punctuation, soft hyphen insertion, optical margin outdents, small-caps conversion and punctuation substitution.

Check it out

jQuerymy.js

jQuery.my is a plugin for real-time two-way data binding. It mutates object given as data source, reflecting interactions between user and UI.

Check it out

Inspiration

Building to Learn

Susan Robertson explains why is building something that interests you one of the best ways to learn something new, both on the web and elsewhere in life.

Get inspired