webstack
A Deep Dive on Skipping to Content
While most people browsing the web on a computer use a mouse, many rely on their keyboard instead. Theoretically, using a web page with the keyboard should not be a problem — press the TAB key to move the keyboard focus from one focusable element to the next then press ENTER to activate, easy! Howev..
Always Provide the Full Scope for Links on Mobile Homepages (58% Don’t)
(Note: Unfortunately, e-mail and RSS don’t support advanced layouts and features. If the graphics in this article look strange, you may want to read the article in your web browser.)
Key Takeaways
58% of sites provide links on the homepage to scoped product lists that result in users becoming disoriented
The disorientation experienced by a subgroup of users can lead to them misinterpreting the site catalog
Limiting homepage links to top-level categories or including the full scope in the link text mitigates the issue for users
Promoting narrow scopes on the homepage (e.g., a featured subcategory or promoted filter, such as “Women’s New Arrivals” ) can help many mobile users access highly relevant product lists, without having to first dig through the category navigation or use search.
Indeed, providing immediate access to tailored lists of products can help alleviate some of the inherent problems of the mobile e-commerce experience.
Yet there’s a catch: if users fail to notice ..
How to Get Those Creative Juices Flowing Again
What do you do if you’re partway through an important project for a client and you get, well… stuck? You simply can’t wring any more good ideas from that brain of yours, and none of your ordinary tricks to relieve creative block are working.
To many designers, this is the kiss of death, but I’m her..
CSS Modules (The Native Ones)
They are actually called “CSS Module Scripts” and are a native browser feature, as opposed to the popular open-source project that essentially does scoped styles by creating unique class name identifiers in both HTML and CSS.
Native CSS Modules are a part of ES Modules (a lot like JSON modules we ..
3 Essential Design Trends, August 2021
Sometimes the designs that make the most impact do a lot of unexpected things and break some of the most tried and true rules of visual theory.
Sometimes these design elements work brilliantly, and other times they are fleeting or fall flat. This month all of the examples here seem to break some co..
How to Code a Playable Synth Keyboard
With a little knowledge of music theory, we can use regular HTML, CSS and JavaScript — without any libraries or audio samples — to create a simple digital instrument. Let’s put that into practice and explore one method for creating a digital synth that can be played and hosted on the internet.
Here..
8 React JavaScript Snippets That Enhance Everyday UI Elements
React is an open-source JavaScript library by Facebook that allows for building user interfaces. Its use has spread like wildfire. Not only will you see it when scrolling through the social network, but it’s also been integrated into popular software applications like WordPress.
The hallmark of Rea..
10 Free Adobe After Effects Titles Templates
An After Effects title added at the right time can add more clarity to your videos and make your videos more interesting. Creating a great title in your After Effects projects can be time-consuming. If you want to save time while working on your project, consider using an After Effects title templat..
The 20 Best Free Fonts for Comic Books & Cartoons
Comic fonts are a natural choice for comic books and cartoons. However, thanks to their bold design, they can also be used in any design project that requires an edgy design.
They are a great choice for poster design as well as large headers. Some of them can also be used in children’s books to mak..
Popular Design News of the Week: July 26 2021 – August 1, 2021
Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.
The best way to keep up with the most important stories..