{"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":"
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 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 <\/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 <\/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 <\/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 <\/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 <\/p>\n #CSS<\/p>\n Zero Trickery Custom Radios and Checkboxes with accent-color<\/a>, oh yeahy (by @chriscoyier)<\/p>\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 <\/p>\n #CSS<\/p>\n#Now – what I’m up to<\/h2>\n
TL;DNR the one you should not miss<\/h2>\n
Interesting article<\/h2>\n
Inspiration, fun experiments and great ideas<\/h2>\n
Useful tools and resources that will make your life easy<\/h2>\n
Tutorials<\/h2>\n
Podcast and Videos<\/h2>\n
News in the industry<\/h2>\n