loader image
 

Website Design Blog

Website Design Blog

Articles about website design & development

It’s That Time Of The Year (December 2021 Desktop Wallpapers Edition)

  It’s That Time Of The Year (December 2021 Desktop Wallpapers Edition) Cosima Mielke 2021-11-30T09:45:00+00:00 2021-11-30T10:20:20+00:00 Slowly but surely, 2021 is coming to an end. And, well, could there be a better way to celebrate the last few weeks of the year than with some cheerful desktop wallpapers? To get you in the right mood …

Read more

3 Essential Design Trends, December 2021

The year might be coming to an end, but plenty of design trends are still beginning to emerge. It’ll be interesting to see how many of these website design elements remain popular into the new year. From vintage elements to circles to happier feelings, there’s a lot to play with here. Here’s what’s trending in …

Read more

Popular Design News of the Week: November 22, 2021 – November 28, 2021

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site. The best way to keep up with the most important stories for web professionals is to subscribe …

Read more

Is it Time to Transition to JAMStack?

Jamstack (JAMstack), is one of the most popular (and rapidly growing) tools for app and website creation. A unique ecosystem of functionality, Jamstack promises developers the support they need to create powerful websites and progressive applications. For a while, Jamstack was mostly written off as just another buzzword in the developer space. However, today, it’s …

Read more

Live Now: Top 10 Black Friday 2021 Deals for Designers and Agencies

It’s that time again. Black Friday. November 26, to be exact. And the many enticing deals you’ve been looking forward to at this time of the year are here as well. There are three types of Black Friday shoppers. Those who are successful because they have prepared. Those who are successful because they got lucky. …

Read more

20 Best New Websites, November 2021

Welcome to this month’s round up of what has caught our eye on the web. As it’s November we’re going to help chase those winter blues away with some color. Color does so much of the heavy lifting in visual design. It can create a mood, reinforce a brand identity, establish a hierarchy, differentiate sections, …

Read more

Creative Problem Solving for UX Designers

              . It’s normal to pull up sharp in front of a problem; after all, if there was a known solution, it wouldn’t be a problem. But knowing that it’s normal, doesn’t make encountering problems any less frustrating. So how do we avoid sitting in front of a UX …

Read more

How To Speed Up Your Bootstrap Development Process

Currently, Bootstrap is among the most popular frameworks in the developer community. One of the most straightforward solutions for front-end development methods available, Bootstrap allows users to access convenient CSS and HTML components for forms, typography, sliders, navigation, and everything else you might need. Bootstrap is naturally a pretty fast development solution, as it allows …

Read more

Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober

Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober Vitaly Friedman 2021-11-16T16:00:00+00:00 2021-11-16T17:23:46+00:00 Mobile and touch are the new normal for computing, but there remain a lot of myths, rumors, errors, bias, and out-of-date information on how portable …

Read more

Exciting New Tools For Designers, November 2021

With the holidays fast approaching, there are plenty of fun gifts for you in this roundup of new tools and resources for web designers. Make sure to share anything you find helpful with others to spread additional holiday cheer. Here’s what is new for designers this month… Volley Volley, billing itself as Snapchat for work, …

Read more

Exciting New Tools For Designers, December 2021

With the holidays fast approaching, there are plenty of fun gifts for you in this roundup of new tools and resources for web designers. Make sure to share anything you find helpful with others to spread additional holiday cheer. Here’s what is new for designers this month… Volley Volley, billing itself as Snapchat for work, …

Read more

Popular Design News of the Week: November 8, 2021 – November 14, 2021

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site. The best way to keep up with the most important stories for web professionals is to subscribe …

Read more

Interactive Rebase: Clean up your Commit History

This article is part of our “Advanced Git” series. Be sure to follow Tower on Twitter or sign up for their newsletter to hear about the next articles. Interactive Rebase is the Swiss Army knife of Git commands: lots of use cases and lots of possibilities! It’s really a great addition to any developer’s tool …

Read more

5 Simple Steps To Effective Wireframing

Wireframes are a powerful tool, especially for UX designers; whether you are developing a new app, a website, or anything else, the initial steps of any project can be tackled with this robust approach. There are many occasions when we get stuck or overwhelmed for hours in front of a new project. This is where …

Read more

Easy Dark Mode (and Multiple Color Themes!) in React

I was working on a large React application for a startup, and aside from just wanting some good strategies to keep our styles organized, I wanted to give this whole “dark mode” thing a shot. With the huge ecosystem around React, you might think that there would be a go-to solution for style themes, but …

Read more

Quickly Get Alerted to Front-End Errors and Performance Issues

(This is a sponsored post.) Measuring things is great. They say what you only fix what you measure. Raygun is great at measuring websites. Measuring performance, measuring errors and crashes, measuring code problems. You know what’s even better than measuring? Having a system in place to notify you when anything significant happens with those measurements. …

Read more

Facebook Goes All Meta

It’s almost Halloween, so we were all expecting the odd scare, but little could have prepared us for the blood-chilling horror of Facebook CEO Mark Zuckerberg ‘acting’ amazed in front of a green-screened mockup of The Metaverse, during his keynote at the company’s Connect event. Zuckerberg — or The Zuckster, as I imagine he introduces …

Read more

Image CDNs: How Edge Computing Provides a Faster Low Code Image Solution

Many websites today use some type of traditional Content Delivery Network (CDN), which means improvements in website load times, decreases in bandwidth, and better redundancy and security. But not everything is optimized, specifically when it comes to images, and image CDNs can help with that!  Traditional vs. Image CDNs A traditional CDN treats images as …

Read more

Quick and Dirty Bootstrap Overrides at Runtime

Oh, Bootstrap, that old standard web library that either you hate or you spend all your time defending as “it’s fine, it’s not that bad.” Regardless of what side you fall on, it’s a powerful UI framework that’s everywhere, most people know the basics of it, and it gives you extremely predictable results. For better …

Read more

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 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 …

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 “few …

Read more

Does the Next Generation of Static Site Generators Make Building Sites Better?

Just ran across îles, a new static site generator mostly centered around Vue. The world has no particular shortage of static site generators, but it’s interesting to see what this “next generation” of SSGs seem to focus on or try to solve. îles looks to take a heaping spoonful of inspiration from Astro. If we …

Read more

Protect Your Design Clients From These 6 Easy Mistakes

As a web designer, you’re responsible for a lot of things. Your client is relying on you to ensure that their website is user-friendly, accessible, eye-catching, and even good enough on the back-end to capture the attention of the search engines.  However, what many business leaders and clients don’t realize is that they also have a …

Read more

Popular Design News of the Week: November 1, 2021 – November 7, 2021

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site. The best way to keep up with the most important stories for web professionals is to subscribe …

Read more

Yes, Design Systems Do Improve Developer Efficiency and Design Consistency

One of the toughest things about being someone who cares deeply about design systems is making the case for a dedicated design system. Folks in leadership will often ask you to prove the value of it. Why should we care about good front-end development and consistency? Sure, sure, sure, they say—everyone wants a flashy design …

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

How To Improve UX With Sketchings

Is sketching essential to UX and UI designers? Well, if you think of sketching as a way to explore problems and record potential solutions, then yes, it absolutely is. One of the most challenging tasks of any design process is capturing the initial idea. We’ve all spent countless hours thinking through an innovative solution to …

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 does …

Read more

5 Tips for Designing Great Website Navigations

Navigation is one of the most essential elements of a website.  It provides a high-level overview of what visitors will find there (which also happens to be good for SEO). It helps visitors orient themselves so they can get around the site quickly. Plus, it enables them to take quick action like visiting their cart …

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

Responsible JavaScript

High five to Jeremy on the big release of Responsible JavaScript on A Book Apart. There is a lot of talk about how the proliferation of JavaScript has had a negative impact on the web, but now we have the canonical reference tome.   The book is just chock-full of Jeremy framing some of the …

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

So, You Want to Build an @mention Autocomplete Feature?

We’re all familiar with the concept of autocompletion, right? You type something into a search box and it tries to guess what you’re looking for as you type, displaying suggestions, often below the cursor. While we’re used to autocomplete on eCommerce sites that redirect to search or product pages, an underrated usage is when used …

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

Popular Design News of the Week: October 25, 2021 – October 31, 2021

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site. The best way to keep up with the most important stories for web professionals is to subscribe …

Read more

A Splash Of Color For Misty Days (November 2021 Desktop Wallpapers Edition)

A Splash Of Color For Misty Days (November 2021 Desktop Wallpapers Edition) A Splash Of Color For Misty Days (November 2021 Desktop Wallpapers Edition) Cosima Mielke 2021-10-31T08:20:00+00:00 2021-11-16T01:35:08+00:00 A bit of colorful inspiration is always a good thing, don’t you think so? Especially in November, when the days tend to be rather gray in many …

Read more

Facebook Goes All Meta

It’s almost Halloween, so we were all expecting the odd scare, but little could have prepared us for the blood-chilling horror of Facebook CEO Mark Zuckerberg ‘acting’ amazed in front of a green-screened mockup of The Metaverse, during his keynote at the company’s Connect event. Zuckerberg — or The Zuckster, as I imagine he introduces …

Read more

Create Your Own Automated Social Images With Resoc

There has been a lot of talk about automated social images lately. GitHub has created its own. A WordPress plugin has been acquired by Jetpack. There is definitely interest! People like Ryan Filler and Zach Leatherman have implemented social images on their websites. They had to code a lot of things on their own. But …

Read more

Okhsv and Okhsl

There is an old Russian fable where Okhsv and Okhsl are on a rowboat and Okhsv says to Okhsl, “What are the known shortcomings of HSL and HSV color pickers in design applications?” I kid, I kid. But really, what are they? Björn Ottosson shows the two classics: Despite color picking playing a big role …

Read more

8 Reasons Your Site Is Slow + How To Fix Them

1, 2, 3 – That’s exactly how long it takes you to start losing visitors if you have a slow-loading website. Hold on! Surely, the only thing that matters to users is that your website works flawlessly and looks great… right? Wrong! The fact of the matter is that we’ve all become accustomed to instant …

Read more

Eye-Tracking In Mobile UX Research

Eye-Tracking In Mobile UX Research Eye-Tracking In Mobile UX Research Mariana Macedo The eye-tracking methodology can be extremely valuable for usability tests since it records the journey without interfering with the users’ natural behavior. Imagine, for example, that you test a prototype but discover that users are not interacting with the interface how they are …

Read more

20 Best New Websites, October 2021

We’re well on our way to Hallowe’en already, and it’s time for another collection of websites that have caught our eye. It’s a mixed bag of candy this month, but nothing that should make you scream with fright. Enjoy! Tether This single-page site for forthcoming cycle safety system Tether uses a balanced combination of hero …

Read more

Popular Design News of the Week: October 18, 2021 – October 24, 2021

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site. The best way to keep up with the most important stories for web professionals is to subscribe …

Read more

How To Leverage Social Proof Successfully

Customer reviews are incredibly valuable to your company. Around 95% of customers say they read reviews before they make a purchase. Another 72% say that they won’t even consider buying your items until they’ve read the reviews associated with your business or product.  No matter how good your marketing and promotion strategies might be, your …

Read more

Tilda – The Website Builder That Disrupted The Way We Create Websites

Tilda website builder combines everything we liked so much about constructors when we were kids – you can experiment, test out and build myriads of new creative ideas out of ready-to-use blocks. Tilda is that type of constructor that allows you to own your creative process and create pretty much any website: landing page, business …

Read more

This business is part of the Trusted Australian Mesh Directory

Local expertise, local experience.

Let’s get ready to launch your business to exciting new heights with our know-how and strategies.

Our team would love to hear from you. Get in touch now!

Strategic Media Partners Building

Let’s talk. Let’s connect.