Links, page 2

  1. A Website is a Car and Not a Book
    css-tricks.com

    Robin Rendle:

    Anyway, I asked Lindsay that question: what is it about web design that makes it so difficult to understand? She posited that the issue is that most people believe web design is like designing a book. Heck, we still call these things web pages. But Lindsay argued that building a modern website is nothing like designing a book; it’s more like designing a car.

  2. CSS masonry with flexbox, :nth-child(), and order
    tobiasahlin.com

    Tobias Ahlin:

    On the surface it seems fairly easy to create a masonry layout with flexbox; all you need to do is set flex-flow to column wrap` and voilà, you have a masonry layout. Sort of. The problem with this approach is that it produces a grid with a seemingly shuffled and obscure order. Items will be (unbeknownst to the user) rendered from top to bottom and someone parsing the grid from left to right will read the boxes in a somewhat arbitrary order, for example 1, 3, 6, 2, 4, 7, 8, 5, and so on so forth.

    Flexbox has no easy way of rendering items with a column layout while using a row order, but we can build a masonry layout with CSS only—no JavaScript needed—by using :nth-child() and the order property.

    This is very clever — an actually helpful use of order that helps visual order more accurately follow source order.

    But there’s a catch: it requires a fixed height for the container — and it needs to be a magic number that’s taller than the tallest column. That unfortunately makes it not super resilient to content changes, limiting its usefulness.

  3. All you need to know about hyphenation in CSS
    clagnut.com

    Richard Rutter:

    There is more to setting hyphenation than just turning on the hyphens. The CSS Text Module Level 4 has introduced the same kind of hyphenation controls provided in layout software (eg. InDesign) and some word processors (including Word). These controls provide different ways to define how much hyphenation occurs through your text.

    This is great news. I’ve always avoided CSS hyphenation because of how aggressive the algorithms are. Using these new properties in concert with @supports we can get well-controlled hyphenation as a progressive enhancement while avoiding the half-baked hyper-hyphenated middle ground we’ve had so far.

  4. Accessibility Events
    css-tricks.com

    Mat Marquis:

    It could seem like an enticing option for our users, at first glance: an enhanced, fully-featured website, on the one hand, a fully accessible alternative experience on the other. That unravels with even the slightest examination, though: if the fully-featured website isn’t accessible, the accessible website won’t be fully featured. By choosing to have the “accessible experience” deviate from the “real website,” we end up drawing a sharper line between those two definitions, and we nudge the “accessible experience” closer to an afterthought—limited and frustratingly out-of-sync with the “real” website, like so many dedicated mobile sites quickly became.

  5. Split
    adactio.com

    Jeremy Keith:

    Where it gets interesting is when a technology that’s designed for developer convenience is made out of the very materials being delivered to users. For example, a CSS framework like Bootstrap is made of CSS. That’s different to a tool like Sass which outputs CSS. Whether or not a developer chooses to use Sass is irrelevant to the user—the final output will be CSS either way. But if a developer chooses to use a CSS framework, that decision has a direct impact on the user experience. The user must download the framework in order for the developer to get the benefit.

    So whereas Sass sits at the back of the front end—where I don’t care what you use—Bootstrap sits at the front of the front end. For tools like that, I don’t think saying “use whatever works for you” is good enough. It’s got to be weighed against the cost to the user.

  6. The History of Video
    youtube.com

    Veritasium:

    This is a video I’ve long wanted to make, about what makes video look like video and, up until 10 years ago or so, not as appealing as film. I grew up with the two technologies (film and video) in parallel and to me they always seemed like two ways of achieving the same ends: recording and replaying moving images. But their histories are quite distinct. Film was always a way to capture moving images for later replaying. Video started out as a way to transfer images from one place to another instantaneously.

  7. How the Web Became Unreadable
    wired.com

    Kevin Marks:

    There’s a widespread movement in design circles to reduce the contrast between text and background, making type harder to read. Apple is guilty. Google is, too. So is Twitter.

    My plea to designers and software engineers: Ignore the fads and go back to the typographic principles of print — keep your type black, and vary weight and font instead of grayness. You’ll be making things better for people who read on smaller, dimmer screens, even if their eyes aren’t aging like mine. It may not be trendy, but it’s time to consider who is being left out by the web’s aesthetic.

  8. Perceived Velocity through Version Numbers
    daverupert.com

    Dave Rupert thinks version number bumps would be a good move for HTML and CSS, marketing-wise. I agree!

    A single number bump replaces a mountain of marketing. Every discerning technologist knows it only makes sense to invest in technologies that are moving forward. To invest in a stagnant technology would be a dereliction of duty.

    I think this has effected web technologies deeply. HTML5 was released in 2008 and its handful of new elements and APIs was a boom for the language. Even Steve Jobs advocated for it over Flash. Web Standards had won, Firefox and Webkit were our champions. “We need to upgrade to HTML5” was a blanket excuse for auditing your website and cleaning up your codebase.

  9. Defining Productivity
    jeremy.codes

    Jeremy Wagner:

    It’s easy to slap something up on a web server, but it’s quite another to be a steward of it in a way that makes the web a better place. That starts with redefining our productivity with the goal of serving the interests of others instead of our own.

  10. ‘Game of Thrones’: The Last Show We Watch Together?
    vulture.com

    Matt Zoller Seitz:

    TV doesn’t feel the same when you watch it that way. It’s more of a solitary experience, no matter how many fellow fans discuss it with you on social media. And it necessarily reduces the level of excitement surrounding a season or series finale because the show has been deprived of that measured pace of one episode per week, with six days of contemplation and anticipation in between each chapter, all leading inexorably to that last run of episodes during which the fans, who’ve spent years living and breathing this thing, come to terms with the totality of the accomplishment, and ready themselves for the exquisite and horrible moment when the storytellers swing that sword at our necks and the birds take flight and the credits roll for the last time.

  11. How Animators Created the Spider-Verse
    youtube.com

    Danny Dimian, Visual Effects Supervisor, and Josh Beveridge, Head of Character Animation, for “Spider-Man: Into the Spider-Verse,” share exclusive breakdowns and talk about their inspiration and the techniques they used to create a new visual language for their Academy Award-winning film.