Learn the principles behind the interface
Build websites without code
Learn how to turn your design work into live websites with Webflow, a visual, no-code website builder.
Adam Silver · Apr 21, 2019
Recreated the GOV.UK Design System’s form components in Angular As I’ve been writing about in past weeknotes, this work is all done. We finally have Angular versions of the wonderful GOV.UK Design System form components. Big thanks to Franco . I wrote a little note of appreciation to Franco in his copy of Form Design.
Adam Silver · Apr 7, 2019
Things that went well I wrote about the benefits of semantic HTML and ARIA In last week’s weeknotes I said I’d like to write about the benefits of semantic HTML and ARIA one day. And this week I did just that. If only all my plans would happen so quickly. I’m really happy with how it turned out and I’ll share it with.
Adam Silver · Mar 31, 2019
Finished Insanity Max 30 After a very stressful day on Tuesday I woke up early on the Wednesday feeling like shit. So I ended up missing day 3—booooo! But hey that’s life. I got the rest of the final week done just fine and I can say for certain that I feel way fitter than I did and I’ve lost a bit of fat and my arms.
Adam Silver · Mar 17, 2019
Insanity Max 30—week 6 The first week of month two was hell. But I did way better in the second week which you can see in my times. First week fail times: 7:01 9:49 7:51 10:42 8:35 Second week fail times: 9:17 10:43 10:01 10:48 11:45 Third week fail times: 17:15 7:14 12:01 8:15 11:43 Fourth week fail times: 19:14 10:4.
Adam Silver · Mar 10, 2019
Insanity Max 30—week 5 The first month of this program was impossible. And yet, the second month is a level up, which you’ll see in my max out times. First week fail times: 7:01 9:49 7:51 10:42 8:35 Second week fail times: 9:17 10:43 10:01 10:48 11:45 Third week fail times: 17:15 7:14 12:01 8:15 11:43 Forth week fail.
Manuel Matuzovic · Mar 7, 2019
I'm a huge fan of CodePen (No, they didn’t pay me to write this). I'm using it for prototyping, experimenting, sharing code, and in my latest blog post, The Dark Side of the Grid , I'm also making use of their Embedded Pens . CodePen allows you to customize syntax highlighting, and background and text colors of UI ele.
Adam Silver · Mar 4, 2019
A disproportionate amount of time is spent designing complex interactions that hide content at the cost of usability. Links are hidden within menus; hints behind tooltips; images in carousels; all sorts inside accordions and tabs; and labels inside inputs . When we hide content, there’s a greater risk users won’t see.
Adam Silver · Mar 3, 2019
Insanity Max 30—first month done Let’s start with the easy one. I’m half way through this two month program. I have seen huge results in my fitness levels in just 4 weeks (results below). Looking forward to and dreading month 2 in equal proportions as I am pretty sure the level goes up a notch. Not to mention how badl.
Adam Silver · Feb 24, 2019
I found finishing last week’s weeknotes really fun. But I found writing them wasn’t as easy as I thought they’d be. That’s because it takes me a really long time to write things down with any clarity. Still, they were really valuable to me. And like I said at the end of last week’s notes, having a more ‘official’ set.
Adam Silver · Feb 17, 2019
I’ve decided to give weeknotes a go. I don’t really know if there’s a format I should follow but I’m just going to focus on things I did (or read) that I think are worth highlighting. What’s interaction design? Last week I changed various pieces of content on my site. For example, my home page sub title now reads: ‘He.
Ahmad Shadeed · Feb 11, 2019
Manuel Matuzovic · Feb 7, 2019
CSS Grid Layout is one of the most exciting recent CSS specifications because of its flexibility, extent, and power. It makes our lives so much easier but it also creates new dangers regarding user experience and accessibility. Preface It has already been two years since the first browsers, Chromium 57 and Firefox 52,.
Adam Silver · Feb 5, 2019
The first rule of form design is to only ask for information you actually need to give users a good experience. But sometimes asking for additional information helps the user. Now you could just mark the field as optional. But a lot of the time this is not the best UX. For example, let’s say the user is applying for a.
Dovetail · Jan 10, 2019
2019 is all about nailing our core and scaling to become the obvious user research platform for businesses. Read on to learn about what we’re focusing on to make that a reality.
Adam Silver · Jan 5, 2019
This is an excerpt from Form Design Patterns . We’re in the middle of chapter 2, A Checkout Form, where we’ve been looking at the payment details form consisting of card number, expiry, security code from fields etc. The number input ( ) lets mobile users more quickly type a number via a numeric keypad. On desktop, th.
Manuel Matuzovic · Dec 16, 2018
Last year I attended JS Conf Budapest and I watched many great talks but “YES! Your site can (and should) be accessible” by Laura Carvajal was the most thought-provoking talk for me. Laura explained how the Financial Times made accessibility a core part of their development process and she shared several lessons she a.
Adam Silver · Jul 1, 2018
When I was making the final edits to Form Design Patterns , I had to attribute this quote: “Content is the user experience” Caroline Jarrett told me it was Ginny Redish, the author of “Letting Go of the Words”. “Job done,” I thought but then my editor asked me for a reference. So I asked Ginny and she said “I don’t th.
Lea Verou · May 19, 2018
I just dealt with one of the weirdest bugs and thought you may find it amusing too. In one of my slides for my upcoming talk “Even More CSS Secrets”, I had a Mavo app on a , and the app included a collection to quickly create a UI to manage pairs of values for something I wanted to calculate in one of my live demos. A.
Lea Verou · May 14, 2018
Many people have explored responsive tables . The usual idea is turning the table into key-value pairs so that cells become rows and there are only 2 columns total, which fit in any screen. However, this means table headers need to now be repeated for every row. The current ways to do that are: - Duplicating content i.
Manuel Matuzovic · Apr 13, 2018
Last year, I assembled A Collection of Interesting Facts about CSS Grid Layout after giving a workshop. This year, I worked on another workshop and I've learned some more exciting facts about the layout spec we all so love. Of course, I'm not going to keep my knowledge to myself. I'm happy to share my findings once ag.
