Website Design Blog

How to Create an Animated Chart of Nested Squares Using Masks

We have many well-known chart types: bar, donut, line, pie, you name it. All popular chart libraries support these. Then there are the chart types that do not even have a name. Check out this dreamt-up chart with stacked (nested) squares that can help visualize relative sizes, or how different values compare to one another: …

Read more

Chapter 10: Browser War

In June of 1995, representatives from Microsoft arrived at the Netscape office. The stated goal was to find ways to work together—Netscape as the single dominant force in the browser market and Microsoft as a tech giant just beginning to consider the implications of the Internet. Both groups, however, were suspicious of ulterior motives. Marc …

Read more

Proxying Third-Party JavaScript as First-Party JavaScript (and the Potential Effect on Analytics).

First, check out how incredibly easy it is to write a Cloudflare Worker to proxy another URL: addEventListener(“fetch”, (event) => { event.respondWith( fetch(“https://css-tricks.com”) ); }); It doesn’t have any error handling or anything, but hey, it works:   Now imagine how some websites give you a URL to JavaScript in order to do stuff. CodePen …

Read more

Rebase vs Merge: Integrating Changes in Git

This article is part of our “Advanced Git” series. Be sure to follow us on Twitter or sign up for our newsletter to hear about the next articles! Most developers understand that it’s important to use branches in Git. In fact, I’ve written an entire article on branching strategies in Git, explaining Git’s powerful branching …

Read more

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 brutalist blocks, there are …

Read more

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 …

Read more

chat button

✋ Chat Assistant, how can we help you?