Category

WEB DESIGN

Category

Quick summary ↬ Pseudo-elements have been helping front-end developers implement creative designs for years. Although it still has an important place, we can now leave pseudo-elements behind in some scenarios, thanks to newer CSS features. Per die W3C specification, “A pseudo-element represents an element that does not appear directly in the document tree”. They have been around since version 1 of the CSS specification ::first-letter and ::first-line was introduced. The popular ::before and ::after pseudo-elements…

Quick summary ↬ Designing for digital spaces is of course the standard of digital modeling tools, but it cuts out a world of possibilities. Analog drawing can unleash your imagination and allow you to focus on the most important things at the beginning: the ideas. Do you need to design something? It can be tempting to start with a computer-based tool, e.g. Balsam, or design tools such as Photoshop or Figma. They have their place,…

Quick summary ↬ There are too many options in Web Animations API to pick it up easily. Learning how timing works and how to control the playback of several animations at once makes for a solid foundation on which to base your projects on. There’s no middle ground between simple transitions and complex animations. You’re either fine with what CSS Transitions and Animations provide or you suddenly need all the power you can get. Web Animations…

Quick summary ↬ They say that content is king, and they are right. The internet has opened up enormous possibilities for storytellers – provided, of course, that the story is right. Here are some of our favorite examples of editorial content thriving in the digital realm. A lot of talk about web design is about what’s going on round contents. Page speed, design systems, search engine optimization, frameworks, accessibility – the list goes on and…

Quick summary ↬ When linked to ISR and Next.js API routes, SWR can be used to create a responsive user experience. In this article, Sam Poder explains what SWR is, where to use it (and where not) and how to build a website using Incremental Static Regeneration. If you have ever used Incremental Static Regeneration (ISR) with Next.jsYou may have sent outdated data to the client. This happens when you revalidate the page on the…

Quick summary ↬ One of the key skills of a front-end developer is to be able to take designs and turn them into code. These designs are often presented as static mock-ups, which visualize the “ideal” experience of browsing the website. In the real world, content often differs vastly from the neat, perfectly fitting content presented in designs. Added to that, on the modern web, users have an ever-increasing range of options for how they access…

Quick summary ↬ What do HTML emails, Vue.js and Next.js look like? Want to get acquainted with modern CSS? What are the new, smart interface design patterns we can use? Let’s find out. With us brand new online workshops on front and design. Now with free workshops so you can test the waters. You may already know this, but maybe not yet: we run regularly friendly online workshops round front and design. We are holding…

Quick summary ↬ Learn what’s new with developer tools in Firefox, Edge, Chrome and Safari. Discover new and powerful features that will help you be more comfortable and productive when testing and debugging across browsers. Browser developer tools keep evolving, with new and improved features added all the time. It’s hard to keep track, especially when using more than one browser. With that much on offer, it is not surprising that we feel overwhelmed and use…

Quick summary ↬ After almost five years in development, the new HTTP/3 protocol is nearing its final form. Let’s take a close look at the challenges involved in deploying and testing HTTP/3, and how and if you should change your websites and resources as well. Hello, and welcome to the final installment of this three-part series on the new HTTP/3 and QUIC protocols! If after the previous two parts — HTTP/3 history and core concepts and…

Quick summary ↬ Websites, unfortunately, aren’t as environmentally friendly as we might like them to be. This article contains some thoughts and experiences from trying to clean them up. As is the case with many other developers, the reports over the last few years of the huge energy requirements of the web have prompted me to take a look at my own websites and see what I can do to minimize their impact. This piece will…