I’ve spent the past several years building messaging tools — for more than three years now I’ve been leading the design team at OneSignal, a customer engagement platform that enables developers and marketers to send transactional and promotional messages via Continue reading The Ultimate Guide To Push Notifications For Developers
As human beings, we love stories. And stories come in all shapes and sizes. Children love fairy tales; teenagers ask “and then what happened?” when their friends recount gossip; history buffs explore biographies for insight into famous personalities; science lovers Continue reading How To Use Storytelling In UX
Using freelancers has always been a somewhat divisive subject. Freelancers can be a helpful addition to any team when used in the right way and at the right time. But when is that right time? How do you find a Continue reading When And How To Use Freelancers In Your Organization
Carousels don’t have a good reputation, and rightfully so. They have plenty of accessibility issues, they often exhibit low click-through rates, can be very disruptive when auto-advancing and people frequently scroll past through them. Add to it small progress dots Continue reading Designing A Better Carousel UX
It can be easy to assume that everyone needs a design system, that you can pick one off the shelf or put one together pretty quickly, and your problems are over. As with many things on the web, your mileage Continue reading Around The Artifacts Of Design Systems (Case Study)
JavaScript, CSS, images, iframes, and other resources impact how quickly website loads, renders and becomes usable to the user. Loading experience is crucial to the user’s first impression and overall usability, so Google defined Largest Contentful Paint (LCP) metric to Continue reading Boost Resource Loading With fetchpriority, a New Priority Hint
Next.js has five types of data-fetching patterns for determining how you want content to be seen in your application: static-site generation (SSG), server-side rendering (SSR), client-side rendering (CSR), incremental static regeneration (ISR), and dynamic routing. You can choose whichever of Continue reading Dynamic Data-Fetching In An Authenticated Next.js App
Nobody gets particularly excited about breadcrumbs navigation. You know, those tiny little crumbles of pathways that illustrate where a user currently is in the intricate hierarchy of the website. Their design is seemingly obvious, so is their position on the Continue reading Designing Better Breadcrumbs
In these difficult times, we all are Ukraine. Today we would like to highlight a wonderful initiative from the community: Devs For Ukraine, a free online charity conference in support of Ukraine, organized by the lovely people at Remote. The Continue reading Devs For Ukraine, A Free Online Charity Conference 🇺🇦
A long time ago, in a galaxy far, far away, I could build a website from beginning to end by myself with nobody interfering. I would create the content, design the look and feel, and write the code. Nobody understood Continue reading How To Get Work Done: Wrangling Stakeholders And Overcoming Obstacles
Most sites I build are static sites with HTML files generated by a static site generator or pages served on a server by a CMS like WordPress or CraftCMS. I use JavaScript only on top to enhance the user experience. Continue reading How To Build A Progressively Enhanced, Accessible, Filterable And Paginated List
“Middleware” isn’t a new term in computing. It is often used as a term to describe a piece of software that holds two systems together. You could call it “glue” for software, and essentially, that’s how Next.js’ middleware works. Next.js’ Continue reading The What, When, Why And How Of Next.js’ New Middleware Feature
For more than eleven years now, we have stuck to our little tradition of welcoming the new month with a fresh collection of desktop and mobile wallpapers — to bring a bit of variety to your screens and maybe even Continue reading A Time For Reflection (April 2022 Desktop Wallpapers Edition)
We’ve all been there. You might have a long-winded list of search results, products, orders or data entries. Of course, you have all kinds of filters and sorting and search already in place. However, you also need to help customers Continue reading Designing A Better Infinite Scroll
At Smashing, we love the web. That’s why we publish articles and books, run workshops and events around everything web. We love seeing what we all can do to make the web more accessible and usable. We also love organizing Continue reading SmashingConf Is Back In 2022
In these difficult times, We all are Ukraine. If due to the ongoing war in Ukraine, you need a design or tech job immediately or have friends who are looking for a job, we came across some fantastic initiatives that Continue reading Jobs For Designers And Developers Affected By The War In Ukraine 🇺🇦
The Internet is filled with a lot of interactivity, and more often than not the way we choose to show we can interact with an element is by using the hover pseudo-class. After all, changing an element a bit when Continue reading A Guide To Hover And Pointer Media Queries
Around six months ago, Remix became open source. It brings a lovely developer experience and approximates web development to the web platform in a refreshing way. It’s a known tale that naming is the hardest thing in programming, but the Continue reading Remix Routes Demystified
In January, Madison Kanna asked her Twitter followers: What are the languages/tech you’re excited to learn or learn more deeply this year? mine: typescript, next.js, react, graphql, solidity, node ShareTweetSharePostSharePin It!
Imagine a shiny newsletter pop-up. A pop-up makes its splendid appearance on an eCommerce site just as you are about to make your way to a product page. You didn’t even have a chance to explore a single product yet; Continue reading Good Design Is All About Good Timing