Angular forms, hiding elements, boring development, responsive design mindsets

# 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:44 12:12 11:10 12:15

Fifth week fail times: 8:20 5:55 4:52 6:01 5:58

Sixth week fail times: 12:50 12:21 7:52 7:52 6:20

I’ve noticed a difference in how I feel as well. Really hoping to squeeze out even better results in the last two weeks.

# Making Angular forms behave

For quite a while I’ve been told Angular forms have to work in a certain way. For example, you have to validate errors as the user types or that you can’t validate a date input because the three separate inputs have to be validated together.

But this week, I’ve had a massive break through thanks to Franjo Zanki. In just a few hours he’s managed to make Angular forms work based on the established patterns and guidance in the GOV​.​UK Design System. He’s made me so happy!

And it’s also been really fun pairing with him to get the components working just right. It’s a positive reminder of how great things can be when we break down silos and work together.

# Hiding elements the boring way

I setup a Twitter poll asking how users prefer to hide elements. By adding a class of hidden or by setting the style property on the element directly with

The best part of the poll was that a lot of people responded saying neither and that we should use the native [hidden] attribute for this. As I briefly explained on the thread [hidden] isn’t as well supported and could make some other things tricky.

This is something I’ve been meaning to write about for a very long time now. So note to self: write about it will ya!

# Be boring

Chris Coyier asked his followers to share their favourite articles about boring development. There’s some really really good articles I don’t want to forget on there.

And Andy Bell mentioned The Boring Frontend Developer. Thanks Andy.

# Mindsets: responsive design and inclusive design

I’ve been chatting with Ed again this week. This time about the ways an experience can change on small and big screens. Specifically:

  • do we hide content on small screens to avoid scrolling and keep things focused. The main downside meaning that mobile users don’t get the same features/content available to them degrading the experience in other ways.
  • or, do we just let that content stack (or make it togglable) and keep things consistent with the same features on all screen sizes. The downside being potentially more scrolling and a less focused experience.

My problem with the former is that most designers do this to keep things looking good on small screens. I think they jump to this without considering whether it was really a problem for mobile user to literally flick past the now more prominent content.

Either way, this is another article I want to write about.

# Tired of writing

Not a week(note) goes by where I don’t have something else I want to write about. But I’m also really tired of writing. Nobody makes me write but me. And that’s because despite how difficult I find it, I know how valueable it is.

Either way, I’m overwhelmed by the increasingly large number of Google Keep notes, Google doc and Dropbox Paper drafts, Github issues, tweets and weeknotes that I want to sort out.

And while I’m finding these weeknotes useful, they are also taking up my previous writing energy of doing the hard work of writing a proper finished article.