All About mailto: Links
All About mailto: Links

Share this: You can make a garden variety anchor link (<a>) open up a new email. Let’s take a little journey into this feature. It’s pretty easy to use, but as with anything web, there are lots of things to consider. The basic functionality <a href="mailto:[email protected]">Email Us</a> It works! But we immediately run into a... » read more

Using  for Menus and Dialogs is an Interesting Idea
Using for Menus and Dialogs is an Interesting Idea

Share this: One of the most empowering things you can learn as a new front-end developer who is starting to learn JavaScript is to change classes. If you can change classes, you can use your CSS skills to control a lot on a page. Toggle a class to one thing, style it this way, toggle... » read more

Chrome Lite Pages
Chrome Lite Pages

Share this: The Chrome team announced a new feature called Lite Pages that can be activated by flipping on the Data Saver option on an Android device: Chrome on Android’s Data Saver feature helps by automatically optimizing web pages to make them load faster. When users are facing network or data constraints, Data Saver may... » read more

The Whole Spreadsheets as Databases Thing is Pretty Cool
The Whole Spreadsheets as Databases Thing is Pretty Cool

Share this: A spreadsheet has always been a strong (if fairly literal) analogy for a database. A database has tables, which is like a single spreadsheet. Imagine a spreadsheet for tracking RSVPs for a wedding. Across the top, column titles like First Name, Last Name, Address, and Attending?. Those titles are also columns in a... » read more

People Digging into Grid Sizing and Layout Possibilities
People Digging into Grid Sizing and Layout Possibilities

Share this: Jen Simmons has been coining the term intrinsic design, referring to a new era in web layout where the sizing of content has gone beyond fluid columns and media query breakpoints and into, I dunno, something a bit more exotic. For example, columns that are sized more by content and guidelines than percentages.... » read more

Smooth Scrolling for Screencasts
Smooth Scrolling for Screencasts

Share this: Let’s say you wanted to scroll a web page from top to bottom programmatically. For example, you’re recording a screencast and want a nice full-page scroll. You probably can’t scroll it yourself because it’ll be all uneven and jerky. Native JavaScript can do smooth scrolling. Here’s a tiny snippet that might do the... » read more

Styling Based on Scroll Position
Styling Based on Scroll Position

<![CDATA[ ]]> Share this: Rik Schennink documents a system for being able to write CSS selectors that style a page when it has scrolled to a certain point. If you’re like me, you’re already on the lookout for document.addEventListener('scroll' ... and being terrified about performance. Rik gets to that right away by both debouncing the... » read more

The Bottleneck of the Web
The Bottleneck of the Web

<![CDATA[ ]]> Share this: Steve Souders, “JavaScript Dominates Browser CPU”: Ten years ago the network was the main bottleneck. Today, the main bottleneck is JavaScript. The amount of JavaScript on pages is growing rapidly (nearly 5x in the last 7 years). In order to keep pages rendering and feeling fast, we need to focus on... » read more