Archive | Link

RSS feed for this section

Think you know the top web browsers?

If I had to blindly guess about global marketshare, I would have gotten it wrong. I probably would have forgotten about UC browser (kind of the point of Peter O’Shaughnessy’s article) that’s so huge in Asia. I would have guessed Firefox has a slight edge on Safari (turns out Firefox is half the share of Safari), and that Edge would be outpacing IE by now (also only half).

This is good dinner party conversation fodder, but I wouldn’t base any …


Think you know the top web browsers? is a post from CSS-Tricks

PWA Directory

The other day I was watching an interview with Ade Oshineye where he discussed his work on the PWA Directory at Google, a showcase of progressive web apps. And it’s pretty neat!

It lists a whole bunch of PWAs out there and you can filter them by Lighthouse metrics – that’s the auditing tool from Google that scores a web app and gives us developers the ability to improve them.

Direct Link to ArticlePermalink


PWA Directory is a post from CSS-Tricks

React Sketch.app

The “normal” workflow I’m sure we’ve all lived is that design happens, then coding happens. A healthy workflow has back-and-forth between everyone involved in a project, including designers and developers, but still: The code is the final product. You design your way to code, you don’t code your way to designs.

It was only a little over a month ago when it was news that Sketch 43 was moving to a .JSON file format. The final release notes drop the …


React Sketch.app is a post from CSS-Tricks

A Vue.js introduction for people who know just enough jQuery to get by

Matt Rothenberg with a Vue.js tutorial playing off Shu Uesugi’s 2015 article React.js Introduction For People Who Know Just Enough jQuery To Get By. Matt doesn’t spend quite as much time comparing what building the UI component would be like in jQuery as compared to Vue as Shu did comparing with React, but it’s just as well. It’s literally the exact same UI component (a New Tweet box) as the React article, and now, 2 years later, without downplaying …


A Vue.js introduction for people who know just enough jQuery to get by is a post from CSS-Tricks

Legally Binding Electronic Signatures with eversign

There are few things more obnoxiously tedious than being asked to sign a document over email, where they tell you to print it, sign it, scan it, and email it back. One time I Photoshopped my signature onto a document, and they were able to tell somehow and made me go through the whole rigamarole instead.

We’re working with highly sophisticated computers here, can’t I sign this thing with the web somehow? Yes, you can! As long as the company …


Legally Binding Electronic Signatures with eversign is a post from CSS-Tricks

ES6 modules support lands in browsers: is it time to rethink bundling?

Modules, as in, this kind of syntax right in JavaScript:

import { myCounter, someOtherThing } from 'utilities';

Which we’d normally use Webpack to bundle, but now is supported in Safari Technology Preview, Firefox Nightly (flag), and Edge.

It’s designed to support progressive enhancement, as you can safely link to a bundled version and a non-bundled version without having browsers download both.

Stefan Judis shows:

<!-- in case ES6 modules are supported -->
<script src="app/index.js" type="module"></script>
<!-- in case ES6 modules


ES6 modules support lands in browsers: is it time to rethink bundling? is a post from CSS-Tricks

Strangers in the Woods Together

In the latest episode of ShopTalk, Robyn Kanner told a story of interviewing for a UX job that stuck with me.

They asked her to create a social app for mountain bikers. Talk out how the app might work, sketch out some flows, you know, UX work. Exactly what they were expecting and what I would have done. But then Robyn turned the table on them and asked what they are going to do about saftey. This app …


Strangers in the Woods Together is a post from CSS-Tricks

Papercons

Bobby Grace, on the Dropbox Paper team:

On the engineering side, we use inline SVGs. These have many advantages. One advantage is that SVG is a well-structured format that we can manipulate with code. Paper is also using React and has a component for inserting icons.

They:

  1. Use a single Sketch file, checked into the repo, as the place to design and house all the icons.
  2. Use gulp-sketch to extract them all individually.
  3. The build script continues by optimizing them


Papercons is a post from CSS-Tricks

Sketch Now Replicates Inside & Outside Stroke Alignment

I was just bemoaning strokes the other week:

And that’s the trouble with text-stroke in CSS: you have no choice. It’s center-aligned stroke only. Either of the other options [outside-aligned or inside-aligned], arguably, would have been more useful.

There still is no solution for text-stroke, but SVG has the exact same problem. It’s not quite as design-ruining with SVG, since you can (and designers have been) design with center aligned strokes in mind with their vector art. Still, I’d …


Sketch Now Replicates Inside & Outside Stroke Alignment is a post from CSS-Tricks

Come Learn and Take In Big Ideas at An Event Apart

I’m just back from An Event Apart Seattle, and it was fantastic. High five to y’all I got to run into there. Lots of big moments happen at An Event Apart. Microsoft took the opportunity to announce they are officially working on getting CSS grid into Edge, meaning full on cross browser compatibility for that, coming soon.

Ethan Marcotte was there, and before giving his excellent talk about patterns in design, told us that that very stage was the first …


Come Learn and Take In Big Ideas at An Event Apart is a post from CSS-Tricks