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..

Does the Next Generation of Static Site Generators Make Building Sites Better?

Just ran across îles, a new static site generator mostly centered around Vue. The world has no particular shortage of static site generators, but it’s interesting to see what this “next generation” of SSGs seem to focus on or try to solve. îles looks to take a heaping spoonful of inspiration from ..

Protect Your Design Clients From These 6 Easy Mistakes

As a web designer, you’re responsible for a lot of things. Your client is relying on you to ensure that their website is user-friendly, accessible, eye-catching, and even good enough on the back-end to capture the attention of the search engines. However, what many business leaders and clients don..

8 HTML Code Snippets for Creating Responsive Newsletter Templates

Email newsletters are vital to keeping in touch with customers. And they can also serve various purposes, from sharing the latest news to providing helpful reminders. It’s still one of the best ways to reach your audience. One of the keys to getting conversions (clicks, sales, etc.) is having a cle..