The Ultimate Free Solo Blog Setup With Ghost And Gatsby

These days it seems there are an endless number of tools and platforms for creating your own blog. However, lots of the options out there lean towards non-technical users and abstract away all of the options for customization and truly making something your own. If you are someone who knows their way around front-end development, it can be frustrating...

1d

Kubernetes For Frontend Developers

Kubernetes, also known as k8s, was coined by a Google engineer in mid-2014 and is now widely used throughout the developer ecosystem. According to the Kuberenetes Documentation: “Kubernetes is an open-source platform for managing containerized workloads and services that allow declarative configuration and automation. It enables developers to build...

1d

Advanced Animations Using CSS

Creating advanced CSS animations is great for UX and design purposes. You can make an interactive website that pleases the visitor and makes them remember your website. Animations sounds like a hard topic but once you understand them you will be able to create amazing websites like this one! Yes, this is only created with CSS! First, let’s dive into...

3d

The Modern Way To Create And Host A WordPress Site

What does it take to design a new website in 2022? Well, it’s possible to break this process into a few steps. You likely start with choosing a domain name for your website and buying it. Next, you will compare various hosting services and choose the one that satisfies your needs, and lastly, you will select a content management system (CMS) that fits...

4d

Smashing Podcast Episode 46 With Vitaly Friedman: Who Is Elliot Jay Stocks?

In this episode, we ask how one man can go from designing websites for local bands to heading up Google Fonts Knowledge. Smashing’s Vitaly Friedman talks to Elliot Jay Stocks to find out. Show Notes Google Fonts Knowledge Smashing Conf San Francisco 2022 Elliot’s personal website Elliot on Twitter Weekly Update Performance Game Changer:...

4d

Rethinking Server-Timing As A Critical Monitoring Tool

In the world of HTTP Headers, there is one header that I believe deserves more air-time and that is the Server-Timing header. To me, it’s a must-use in any project where real user monitoring (RUM) is being instrumented. To my surprise, web performance monitoring conversations rarely surface Server-Timing or cover a very shallow understanding of its...

4d

Top Tasks: To Focus On What Matters You Must De-Focus On What Doesn’t

Let us start with a simple explanation of the word “task”. A task is something someone wants to do using your website or app. If you have a technology website, then tasks might include pricing, installation, and troubleshooting. If you have a university website, then tasks might include courses, lecturer/professor profiles, and accommodation. If you...

1w

How To Use Google CrUX To Analyze And Compare The Performance Of JS Frameworks

In recent years, frameworks have taken over web development, and React is leading the charge. These days it is fairly uncommon to encounter a new website or web app that doesn’t rely on some framework, or a platform such as a CMS. And while React’s tagline is “a JavaScript library for building user interfaces” rather than a framework, I think that...

2w

The Sunuva Case Study: How Even Small UX Changes Can Result In An Increase In Conversion

Sunuva is a global fashion brand for kids established in 2007. Today, their products are featured in famous luxury store brands, such as Bloomingdale’s, Harrods, Barneys, Harvey Nichols, and other luxury department store chains. This is a great example of how — after conducting a UX audit — the team and I at Turum-burum established changes based on...

2w

Magical SVG Techniques

SVGs have become more and more popular in the past few years. For good reasons. They are scalable, flexible, and, most importantly, lightweight. And, well, they have even more to offer than you might think. We came across some magical SVG techniques recently that we’d love to share with you. From SVG grids and fractional SVG stars to SVG masks, fancy...

2w