webstack
Image CDNs: How Edge Computing Provides a Faster Low Code Image Solution
Many websites today use some type of traditional Content Delivery Network (CDN), which means improvements in website load times, decreases in bandwidth, and better redundancy and security. But not everything is optimized, specifically when it comes to images, and image CDNs can help with that!
Tra..
Quick and Dirty Bootstrap Overrides at Runtime
Oh, Bootstrap, that old standard web library that either you hate or you spend all your time defending as “it’s fine, it’s not that bad.” Regardless of what side you fall on, it’s a powerful UI framework that’s everywhere, most people know the basics of it, and it gives you extremely predictable res..
cleanup.pictures
Nice domain, eh? Does just what it says on the tin: cleans up pictures. You draw over areas of the image you want cleaned up, and it does its best using weird science. It’s like Photoshop’s Spot Healing Brush, only a single-use free website. Much like the amazing remove.bg which is an equally amazin..
Detecting Specific Text Input with HTML and CSS
Louis Lazaris breaks down some bonafide CSS trickery from Jane. The Pen shows off interactivity where:
You have to press a special combination of keys on a keyboard.Then type a secret password.
From there, a special message pops up on the screen. Easily JavaScript territory, but no, this is done h..
VideoPress for WordPress
(This is a sponsored post.)
The leade here is that VideoPress makes video on WordPress way better. VideoPress is a part of Jetpack. And now, if VideoPress is the only thing you care about from the Jetpack world, you can pay for it à la carte as low as $4.77/month. Or, get it included in the Jetpack..
React Suspense: Lessons Learned While Loading Data
Suspense is React’s forthcoming feature that helps coordinate asynchronous actions—like data loading—allowing you to easily prevent inconsistent state in your UI. I’ll provide a better explanation of what exactly that means, along with a quick introduction of Suspense, and then go over a somewhat re..
250+ New Examples Added from Large-Scale Testing on European Sites
(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
Our research focus on European e-commerce sites has uncovered over 1,000 medium-to-severe usability issues encountered during 160 participant/site qualitative usability test sessions
18 large e-commerce sites in the apparel and technology sectors were tested in the UK, Germany, and Nordic countries
More than 250 examples from European sites were added to 150 of the most important guidelines in the Baymard Premium catalog
At Baymard we’re periodically asked by clients how US and European sites differ when it comes to e-commerce UX.
While over our years of usability research we’ve tested on a diverse assortment of sites — including US and European sites — we’ve never until now conducted a research track solely focused on how the largest European sites perform with regards to the product-..
Exploring Web Development History with Richard MacManus
The technologies web designers use today all had to start somewhere. The story of how they came to be is something that Richard MacManus wants to share with the world.
Located in New Zealand, MacManus has been involved in the industry since the 1990s. A writer and technology journalist, his latest ..
CSS Grid Can Do Auto Height Transitions
Bonafide CSS trick alert! Nelson Menezes figured out a new way (that only works in Firefox for now) that is awfully clever.
Perhaps you know that CSS cannot animate to auto dimensions, which is super unfortunate. Animating from zero to “whatever is necessary” would be very helpful very often. We’ve..
Icon Glassmorphism Effect in CSS
I recently came across a cool effect known as glassmorphism in a Dribble shot. My first thought was I could quickly recreate it in a few minutes if I just use some emojis for the icons without wasting time on SVG-ing them.
The effect we’re after.
I couldn’t have been more wrong about those “few mi..