Category

WEB DESIGN

Category

Quick summary ↬ At Unplatform, Jonne and his team made the switch from a more traditional integrated e-commerce platform to a headless platform that uses Next.js for the front-end. In this article, he shares the most important lessons they learned while rebuilding a large e-commerce site with Next.js. At our company, Unplatform, we have been building e-commerce sites for decades now. Over those years, we have seen the technology stack evolve from server-rendered pages with some…

Quick summary ↬ You’ve seen them before. Confusing and frustrating design patterns that seem to drive you everywhere, from one website to another. It’s time to fix them forever in a free smashing online workshop Next week. Buttons disabled. Infinite scroll. Poor inline validation. Parallax. Carousels. Modal. Mega drop-down menu. There is a lot of frustration on the internet. Let’s fix it. Join us for a free online workshop on frustrating design patterns on Monday…

Do you still remember when a good website was enough? Now people are getting answers from Siri, Google search snippets and mobile apps, not just our sites. Foresighted organizations have a omnichannel content strategy, whose mission is to reach audiences across multiple digital channels and platforms. Article continued below But how do you set up a content management system (CMS) to reach your audience now and in the future? I learned the hard way to…

Quick summary ↬ The new CSS accent-color Property makes it quick and easy to roll out our brand colors to certain shape inputs using user agent styles. In this article we look at what it does and how to use it together color-scheme for simple, accessible blocks and radio buttons – and imagine how we can use them in the future. I do not know about you, but I love it when new CSS properties…

Quick summary ↬ We love few useful tools and techniques to help people get their work done better and faster. Today we would like to shine the spotlight on a little helper who helps to easily spot common bottlenecks in performance: ct.css. There are many ways to do this detect bottlenecks for performance and CSS audit. We can look at common bottlenecks for performance and the complexity of style sheets, the way we load assets…

Quick summary ↬ Building a development environment with the shell as a keystone offers multiple benefits. You can use tools that fit nicely with each other, you can customize everything depending on your own needs, and the biggest of all, you can control your entire development environment with your keyboard. This can save a lot of cognitive energy as well as deliver a pleasant user experience. Once upon a time, in the magical land of Software…

Quick summary ↬ The past 18 months have been a time of unprecedented turmoil. As the people of the world flooded online, businesses joined them and used web development tools to adapt in real time. A few years ago I wrote a lifetime about website builders. Yes, that’s a thing. At the time, it was as if there was a gap between drag-and-drop tools and complete web development. Today, it’s gratifying to see people like…

Quick summary ↬ Content scraping is a fact of life on the Internet. When you think of web scraping, you probably do not think about the scrapers turning around and immediately serving your entire, whole page content on another website. But what if your site content is being re-published? It might be already happening. We think of web scraping as a tool used to harvest web content for information analysis purposes, sometimes to the detriment of…

Quick summary ↬ Gatsby Functions provide front-end developers a way to write and use server-side code without the hassle of maintaining a server. If making money from open-source is of interest to you and your site isn’t built using Gatsby, this approach may well be the answer you were looking for. In this article, I’ll be explaining how I’ve used Gatsby Functions and the Stripe API to enable secure “Pay what you want” contributions that help…

Quick summary ↬ Twenty years ago, Elie Sloïm chose to dedicate his professional life to web quality assurance. He started asking, ”What does quality mean for a web user?” Well, this article explains everything he has learned along the way. As a chemist by trade, I received a Master’s degree in Quality Management and Quality Control from Bordeaux University. My initial career was in the wine industry, ensuring the quality of the laboratory’s operations and the…