{"id":6685,"date":"2021-12-12T14:16:37","date_gmt":"2021-12-12T13:16:37","guid":{"rendered":"https:\/\/stephaniewalter.design\/?p=6685"},"modified":"2022-09-11T13:35:55","modified_gmt":"2022-09-11T11:35:55","slug":"pixels-of-the-week-december-2021","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/blog\/pixels-of-the-week-december-2021\/","title":{"rendered":"Pixels of the Week \u2013 December 12, 2021"},"content":{"rendered":"
This content is 2 years old. Remember that the following content might be outdated.<\/div>

Every day, I share on Twitter<\/a> and LinkedIn<\/a> a list of curated articles I read, resources and tools about UX Design, User Research, UI and mobile design, HTML, CSS, the web industry, some process, some inspiration, etc. This is an archive of everything I shared this week.<\/p>\n

#Now – what I’m up to<\/h2>\n

Weather is shit, I’m not a big fan of Xmas (expect the food), so I’m just happy drawing and writing from the couch those days. I also got Just Dance 2022 and I think the 2022 playlist is one of my favorite so far. I’ve a soft spot for Believer from Imagine Dragons<\/a>. I’m also currently preparing a 5 parts article on user journey maps for an external publication. And I’m planning interesting things for next year: teaching classes, a few conferences and meetups. As usual I’ll announce those on social media.<\/p>\n

TL;DNR the one you should not miss<\/h2>\n

\"\"<\/p>\n

#Accessibility<\/p>\n

Eric Eggert’s reacting on the color announcement everyone is talking about on the web community: WCAG 3 is not ready yet and it won\u2019t be for quite some time<\/a>.<\/p>\n

Interesting article<\/h2>\n

\"\"<\/p>\n

#Notes<\/p>\n

Interesting tips on taking notes during the interview<\/a>. This is for the person conducting the interview, if you are observer though you can take more detailed notes. I like to create a grid before the test so that I can just check things during test<\/p>\n

#HTML #Localisation<\/p>\n

“Don\u2019t Forget the \u201clang\u201d Attribute”<\/a>. True. I wish more tools let you change it. A lot of tools put en by default, with no other way to change it. I wish tools would offer better language options.<\/p>\n

#Payment UX<\/p>\n

Payment Method UX<\/a>: How to Design the Payment Selector, some good tips on improving the payment part of ecommerce process<\/p>\n

#Reading Research<\/p>\n

Line length revisited: following the research<\/a>, some interesting new studies have shown that we continue to read efficiently despite errors in locating the beginning of a new line. More research still needs to be done on the topic.<\/p>\n

#Inclusive Design<\/p>\n

Inclusive design\u2019 has become so widely used that it\u2019s meaningless. That has to change<\/a>: “A design process seeking to include the disability community should focus on employing disabled people as equal participants. This is a clear difference between inclusive design and what some refer to as disability design or disability-led design.”<\/p>\n

#Social Media<\/p>\n

China\u2019s queer internet is being erased<\/a>: LGBTQI groups found rare freedoms online, but this year, many were shut by censors. It feels like slowly being sanded down, said one member.<\/p>\n

#Colors<\/p>\n

Building a color palette that works with all needs<\/a>, matches all tools in the design system and is accessible is not an easy task.<\/p>\n

#Random Knowledge<\/p>\n

From sausage food poisoning to Botox injections in Hollywood, the story of the world deadliest thing (botulinum toxin)<\/a><\/p>\n

Inspiration, fun experiments and great ideas<\/h2>\n

\"\"<\/p>\n

#Inspiration<\/p>\n

The video for Enemy by Imagine dragons<\/a> is, I think, my favorite music video this year. The lyrics work so well with this beautiful stunning animation, and the lighting, wow, the lighting.<\/p>\n

#Game<\/p>\n

A demo of “Townscaper” in the browser<\/a>, a relaxing game where you can build a small city on the water<\/p>\n

#Dataviz<\/p>\n

An interactive map that shows the global traffic of cargo ships all around the globe<\/a>. I love such projects<\/p>\n

#Interaction Design<\/p>\n

I just really like @raunofreiberg’s new website<\/a>. The navigation looks like a macOS dock with subtle animations and little sounds<\/p>\n

#Tools<\/p>\n

A place to find different tools ordered by category<\/a> to help your workflow and make your designer live easier<\/p>\n

Useful tools and resources that will make your life easy<\/h2>\n

\"\"<\/p>\n

#MacOS Launcher<\/p>\n

Not a big fan of the “productivity” argument, but I still like little tools that let me control a lot of things directly from the keyboard in mac, so here’s Raycast launcher<\/a><\/p>\n

#Illustrations<\/p>\n

Some more than 100 free business illustrations<\/a>, fully customizable for your project<\/p>\n

#SVG<\/p>\n

How about a little bit of noise, I mean, SVG noise<\/a>, to bring back some subtle textures to your website. Am I the only one missing nice subtle textures?<\/p>\n

#Image #Performance<\/p>\n

I am currently using squoosh cli for image optimization. If you prefer a nice little drag and drop GUI (I do haha) this Image Optimizer tool<\/a> is your new image performance friend<\/p>\n

#Webtechnologies<\/p>\n

The 2021 web almanac is back<\/a>. It’s an annual repository of public knowledge about the state of the web. If you want to learn about different technologies, this is a nice place to start<\/p>\n

#Emojis<\/p>\n

A fun project: visualize emojis to scale<\/a>. The chicken is not bigger than the car anymore! Rooster<\/p>\n

#Regex<\/p>\n

A nice place to learn Regular Expressions<\/a>. I wish this existed when I was a student!<\/p>\n

Tutorials<\/h2>\n

\"\"<\/p>\n

#CSS<\/p>\n

Zero Trickery Custom Radios and Checkboxes with accent-color<\/a>, oh yeahy (by @chriscoyier)<\/p>\n

Podcast and Videos<\/h2>\n

\"\"<\/p>\n

#Consistency<\/p>\n

Kate @katerutter and Laura @lauraklein are back for a podcast (transcript available) about consistency, why matters, why it doesn’t with a really nice part about how communicating process with your team<\/a>.<\/p>\n

News in the industry<\/h2>\n

\"\"<\/p>\n

#CSS<\/p>\n

Chrome announced the UI Fund<\/a> , an open source fund designed to provide grants for folks who work on design tools, CSS, and HTML<\/p>\n","protected":false},"excerpt":{"rendered":"

\ud83d\udc49\ud83c\udffb Your curated weekly Design and Front-End resources: WCAG 3 color contrast algorithm, free illustrations, payment UX, a podcast on consistency, SVG noise generator, video and game inspiration, line length revisited, HTML lang attribute, inclusive design issues, CSS check boxes, image optimization, 2021 web almanac, emojis at scale, color palette, learn regex, taking notes during UX research, etc.<\/p>\n","protected":false},"author":3,"featured_media":6700,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[89],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/posts\/6685"}],"collection":[{"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/comments?post=6685"}],"version-history":[{"count":5,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/posts\/6685\/revisions"}],"predecessor-version":[{"id":7763,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/posts\/6685\/revisions\/7763"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/media\/6700"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/media?parent=6685"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/categories?post=6685"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/tags?post=6685"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}