Matej Latin has rejected the vast majority of portfolios he’s seen in his career for one reason, a “linear design process”: By “linear design process” I mean cookie-cutter case studies that always read the same. The designer learned about a problem, conducted user interviews, created user personas, proceeded to sketches, then mockups and wireframes, made […]
CSS has a feature called scroll snapping. A lot of the demos and examples, rightfully so, focus around things that benefit highly from it. For instance, an image slider, carousel, or grid of things that just beg to be aligned after scrolling. But you don’t have to be in such a strict and rigid situation […]
The job title “Design Engineer” has been having a moment. I commented on Jim Nielsen’s takes recently. To me it makes a logical sense. The engineer aspect means they know the tech (HTML, CSS, JavaScript), and the design aspect means they are building and refining the look and experience. You don’t have to be both. […]
Stefan Judis covered this recently, and like Stefan, I first heard of the safe keyword in CSS from Rachel Andrews at an AEA conference years ago. It’s used in addition to other alignment keywords in layout like this for example: The extra value safe here is essentially saying “don’t let the alignment force a situation […]
You could design something on the web then take a screenshot of it. That is, in a basic sense, converting DOM to PNG. But a screenshot is rather manual and finicky. If you had to do this over and over, or you needed a very exact size (like a social media card), you can actually […]
An awful lot of JavaScript developers I know speak of Eloquent JavaScript as a very formative book for them in their path toward becoming the developer they are today. It’s certainly on my bookshelf. Eloquent JavaScript is now in it’s 4th edition, and available free online. Pretty sweet complementary learning resource right there, goes nicely […]
Just a little appreciation for Dan Klammer’s Modern Font Stacks project. Not loading any custom fonts doesn’t need to mean being relegated to the Helvetica/Arial hole, system fonts (even though I do kinda love San Francisco), or some bummer typeface you feel pushed into. I particularly like the Geometric Humanist stack:
I admit I went pretty far in my web development career without understanding that Streamed HTML is a thing. And while I’m admitting things, I’m still not 100% sure when it’s an ideal solution and how best to take advantage of it. But knowing is half the battle sometimes, so let me get into some […]
We left off in a decent place, but there was some missing functionality that we wanted all along. Editing To-Dos The interaction we decided on for editing is to double-click the todo. This will turn the to-do, in place, into an editable input. Then you hit enter (e.g. submit) or leave the input (e.g. blur) […]
Happy Friday! The DevRel went down to Georgia, they had some code to shillThey were in a bind, cause they were way behind, and the VP wasn’t thrilledWhen they came upon this young dev pushing to main and cursing a lotThe DevRel sat right down and said, “Hey let me tell you what, The DevRel […]
Frontend Masters Donates to open source projects. $363,806 contributed to date.
