webstack
3 Essential Design Trends, November 2021
As the year begins to wind down, there are still plenty of new and evolving website design trends going strong. Much of what you’ll see this month carries over from things we’ve been seeing all year but with fresh touches.
From peek-a-boo designs with neat animated elements to vertical bars to brut..
So, You Want to Build an @mention Autocomplete Feature?
We’re all familiar with the concept of autocompletion, right? You type something into a search box and it tries to guess what you’re looking for as you type, displaying suggestions, often below the cursor. While we’re used to autocomplete on eCommerce sites that redirect to search or product pages, ..
8 CSS & JavaScript Snippets for Creating Incredible Lighting & Shading Effects
When it comes to creating a great piece of web-based art, the details are what stand out. Lighting and shading effects are prime examples. They can turn a flat, 2D work into an immersive 3D experience.
For quite a while, the ability to add realistic light and shade to an illustration or animation s..
10 Free WordPress Plugins for Extending BuddyPress and bbPress
BuddyPress is a powerful, free plugin that adds community features to your WordPress website. Install it on your site, and you’ll have access to handy features like activity streams, user profiles, notifications, groups, and private messaging. But that’s just the base layer of what BuddyPress can do..
CSS-ing Candy Ghost Buttons
Recently, while looking for some ideas on what to code as I have zero artistic sense so the only thing I can do is find pretty things that other people have come up with and remake them with clean and compact code… I came across these candy ghost buttons!
They seemed like the perfect choice for a c..
Popular Design News of the Week: October 25, 2021 – October 31, 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..
Some Articles About Accessibility I’ve Saved Recently IV
A guide to designing accessible, WCAG-compliant focus indicators — Sara Soueidan says you can make more accessible focus outlines by doing your own, rather than leaving it to the browser — as long as you do it right. Deep dive! a11y-syntax-highlighting — Eric Bailey’s repo of code syntax highlightin..
Facebook Goes All Meta
It’s almost Halloween, so we were all expecting the odd scare, but little could have prepared us for the blood-chilling horror of Facebook CEO Mark Zuckerberg ‘acting’ amazed in front of a green-screened mockup of The Metaverse, during his keynote at the company’s Connect event.
Zuckerberg — or The..
Create Your Own Automated Social Images With Resoc
There has been a lot of talk about automated social images lately. GitHub has created its own. A WordPress plugin has been acquired by Jetpack. There is definitely interest! People like Ryan Filler and Zach Leatherman have implemented social images on their websites. They had to code a lot of things..
Weekly News for Designers № 616
51 git commands that you’ll ever need to get started with Git – This handy reference provides need-to-know git commands.
Repetitive Typography Animation – Check out this experimental typography animation, where words get duplicated several times.
Typographica Library – Level up your typography gam..
