Website Design Blog

VideoPress for WordPress

(This is a sponsored post.) The leade here is that VideoPress makes video on WordPress way better. VideoPress is a part of Jetpack. And now, if VideoPress is the only thing you care about from the Jetpack world, you can pay for it à la carte as low as $4.77/month. Or, get it included in …

Read more

Automatically Transforming And Optimizing Images And Videos On Your WordPress Website

  Automatically Transforming And Optimizing Images And Videos On Your WordPress Website Leonardo Losoviz So, you want to give personality to your site by making it stand out from all other websites out there. To do that, you develop a personalized design style, including a certain combination of colors, typography, spacing, animations, and others, and …

Read more

Icon Glassmorphism Effect in CSS

I recently came across a cool effect known as glassmorphism in a Dribble shot. My first thought was I could quickly recreate it in a few minutes if I just use some emojis for the icons without wasting time on SVG-ing them.   The effect we’re after. I couldn’t have been more wrong about those …

Read more

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

chat button

✋ Chat Assistant, how can we help you?