I’ve used the toggle method so many times when building out a new web feature. Often times, a button on a webpage that uses the hide/show functionality — aka toggle — are a common part of the user experience.
That’s where toggle comes in! Think of toggle like a switch for ‘on’ and ‘off.’ It hides or shows an element alternatively. Read more on toggle on the MDN Web Docs.
Here’s my codepen snippet to see toggle in action with a hide/show button on some article content.
At a recent code review with my development team, another developer mentioned that my code reminded him of Atomic CSS. I had not heard of Atomic CSS before, so I started doing some research.
Q. What is Atomic CSS?
Quoting from CSS Tricks -
“Atomic CSS is the approach to CSS architecture that favors small, single-purpose classes with names based on visual function.”
Small classes have one function and have simple names, and are created similar to the idea of reusable components. …
My company is in the process of redesigning and rebuilding our website.
A couple months ago, I suggested doing user testing at our weekly meeting. The idea was met with enthusiasm, and I embarked on leading user testing with our Senior Web Designer. I had been a participant as a user tester for a few companies in Silicon Valley before, but had never directed user testing.
What is User Testing?
User Testing, also known as Usability Testing, is a process to evaluate a website or product by testing on users. These users are given a set of tasks to perform on a website and provide feedback on how easy or difficult each of the tasks were. …