How to create a great user experience with React, TypeScript, and React Testing Library
Posted on September 23, 2020, Level intermediate Resource Length long
This post is my attempt to illustrate a Proof of Concept (PoC) author built to try out some ideas. Primarily author wanted to understand more about how to create great product experiences. By TK.
The guide to accessible web components
Posted on September 22, 2020, Level intermediate Resource Length long
Web Components are a newly supported standard. They're a great match for Design Systems because they're futureproof and work with any framework. Building proper UI Web Components can be quite a task though, especially if you want them to be accessible. By Erik Kroes.
Accessibility for UX designers?
Posted on September 19, 2020, Level beginner Resource Length medium
This is a starter guide for UX Designers about delivering accessible websites. As a UX Designer you'e an advocate for the user. You're responsible for making sure the product is useful and usable for all users, including those with disablities. By Peter van Grieken.
From gut to plan: the thoughtful execution framework
Posted on August 5, 2020, Level advanced Resource Length long
Gut is an important aid in a creative process. But it shouldn't alone drive strategic decisions or prevent you from exploring multiple solutions to a single hypothesis. By Annina Koskinen.
What's in a name?
Posted on May 4, 2020, Level intermediate Resource Length long
Often when we talk about accessibility problems, we end up talking about a number of different errors that all boil down to a missing accessible name: form fields without labels, images without alts, icon buttons without readable text, and many more. Written by Sarah Higley.
Tags web-development ux software css frontend
Building a minesweeper game using React Hooks
Posted on March 17, 2020, Level intermediate Resource Length long
Author of this blog post will share his experience and learnings with a project to improve my knowledge of the most significant ReactJS feature in recent time -- hooks. Tutorial is about building Minesweeper clone. TypeScript was also used. By Ivaylo.
Introduction to utility-first CSS for web developer
Posted on March 9, 2020, Level beginner Resource Length medium
CSS is an easy language to learn (and to implement) for creating a beautiful website. However, when it comes to implementing CSS at scale, it's not that simple. For large scale websites and applications, CSS becomes really hard to write in. By Thoriq Firdaus in Coding.
Tags ux css frontend web-development
Variable fonts: Is the performance trade-off worth it?
Posted on March 8, 2020, Level beginner Resource Length long
Anna Monus wrote this piece about variable fonts. Variable fonts are popular for two reasons: they expand design possibilities and improve website performance. While the former statement is definitely true since variable fonts do provide infinite typographical choices, the latter only holds under certain conditions.
Tags ux software web-development teams
Creating true fluid web typography to improve our processes
Posted on February 4, 2020, Level beginner Resource Length medium
Responsive web design has been a must-have skill for front-end developers for many years now, but creating a truly fluid interface and giving users a seamless experience across any device still poses a lot of challenges for designers and developers alike. By Razvan Onofrei.
Tags ux web-development how-to
The building blocks of visual design
Posted on January 26, 2020, Level beginner Resource Length medium
Visual design is about creating and making the general aesthetics of a product consistent. To create the aesthetic style of a website or app, we work with fundamental elements of visual design, arranging them according to principles of design. By Yu Siang Teo.
How to conduct UX research if you're an introvert
Posted on December 30, 2019, Level beginner Resource Length short
If your goal is to gather as many insights as possible, you need to open your participant up. And how do you open someone up if you're scared yourself? Here are some things I learned along the way that you might find helpful. By Olga Wojnarowska.
UX design 101: Thinking in (user) flows
Posted on December 23, 2019, Level beginner Resource Length medium
This session is part of a learning curriculum that author designed to incrementally skill up and empower a team of Designers and Researchers whose skillset and ways of working had fallen behind the times. By Robert Sens.
Tags ux web-development software agile