Weekly watercooler #98

This week’s Watercooler is packed with awesome. Start using element queries, celebrate Leah’s birthday with us, check out the SassConf schedule, and learn about the new remote debugging protocol being developed by Mozilla.

Use element queries today with eq.js

With responsive images this close to landing natively in several major browsers, everyone has turned their attention to the next major hurdle: element queries. You might be asking yourself what an element query is. Read on to find out all about element queries and how you can use them today!

Weekly watercooler #97

In this issue: 1000ms renders, frontend roundup for DrupalCon Amsterdam, SXSW 2015 proposals; plus, graphing relationships between entity types, FocusPoint.js, the end of Agile, dry erase markers in a can, the healthiest way to work, and Taco Text.

Cecy Correa
September 5, 2014

A practical guide for 1000ms renders

Howdy perfers! This week we’ve got a good one for you. Web chef Ian Carrico has written an extensive how-to documenting his journey to the mythical 1000ms render. The post is featured on his own blog where he worked the magic, and it’s accompanied by both the code that powers his site along with a full Ansible script allowing you to set up a similarly-configured server on your own. Read on to find out more.

Weekly watercooler #96

In this issue: Headless Drupal roundup, why you should design in the browser, the Quartz redesign, simulating user actions with CasperJS; plus the end of the printed newspaper, a Magna Carta for the web, rethinking the responsive grid, Mobile Web Apps FTW, making SVG responsive, and a compendium of beautiful open source sites.

Cecy Correa
August 29, 2014

Frontpage news: A look at the Quartz redesign

Just as I was looking at Quartz last week as an example of a site that mimics native app design, they’ve gone and redesigned the whole thing. In the previous design, there’s one clever thing I never noticed – a lack of a homepage. Instead, if you went to qz.com directly, you would land on the site’s featured story with a sidebar of links to more articles.

before

Aaron Stanush
August 26, 2014

Simulate user actions with CasperJS

In this installment of our CasperJS series, we will begin looking at ways to interact with a website as a regular visitor would. Clicking links, using keyboard navigation, and filling forms are all standard activities as we browse websites. Read on to see how easy it is for Casper to do the same.

Why design in the browser?

Web design began as an extension to print design — the history of tables and image maps show how we’ve evolved. In the infancy of the web the tools created for print design were utilized heavily and that legacy still survives today. But the web is not print. It has different constraints and is mutable in ways print has never been. As the web has become more mature and grown in its ubiquitousness, the tools that are used to develop it have changed as well.

Weekly watercooler #95

4K news this week

Congrats to David Diers and Elliott Foster for their hard work in helping to bring the Tonight Show with Jimmy Fallon website to life. They can now say their work is Emmy award-winning!

Want to know what the Web Chefs do for fun? Check out this interview with Vivek Goel on his racing career outside of work!

Cecy Correa
August 22, 2014