Can you believe it’s the end of August already? Today is the last Friday of the month, and Fridays at 1WD are all about sharing the past week’s web design and development articles. So set aside some time, sit back, and catch up on anything you’ve missed by checking out our roundup of articles below. Enjoy!

Your Web Designer Toolbox
Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets


Together at Home: Managing Kids and Your Web Design Business

Working from home is a blessing. But that doesn’t necessarily mean that it’s easy. Indeed, there are a number of challenges – and a global pandemic only adds to them....
Read More

How To Build Your Own Comment System Using Firebase — Smashing Magazine

Ever wanted to have a comments section for your blog, but were overwhelmed by the high cost and maintenance solutions? Firebase can be your savior. In this guide, we’ll learn how to add a comments section to your blog with Firebase, while learning the basics of Firebase on the way.
Read More

20 Freshest Web Designs, August 2020

In this month’s collection of the freshest web designs from the last four weeks the dominant trend is attention to detail. You’ll find plenty of animation,
Read More

How to Fix the WordPress 5.5 jQuery Problem

Updating to WordPress 5.5 is causing unexpected behaviors for some publishers. This is how to fix it.
Read More

10 online design tools you never knew you needed

In this guest post by designer Vera Vashkovska, Vera shares a list of her favorite online tools for graphic design & web design. Plus, why you should try using them too.
Read More

Best way to lazy load images for maximum performance

Image lazy loading is one of the more popular approaches of optimizing websites due to the relatively...
Read More

Web Design: 50 Creative Website Designs Examples from 2020

Check out the beautiful designs of websites with amazing UI and UX. Award-winning websites created by professional web designers and web design agencies from all over the web. In this website design gallery we are gathered 50 creative website design examples for your inspiration. If you are a web designer or website developer and you are looking for creative website designed, you might want to look into the 2020 design trends and also in this article we are gathered thirty five modern websites with amazing UIUX design. Read through our article to find a list of the newest web design
Read More

Where Does Logic Go on Jamstack Sites? | CSS-Tricks

Here’s something I had to get my head wrapped around when I started building Jamstack sites. There are these different stages your site goes through where
Read More

Designing a JavaScript Plugin System | CSS-Tricks

WordPress has plugins. jQuery has plugins. Gatsby, Eleventy, and Vue do, too. Plugins are a common feature of libraries and frameworks, and for a good
Read More

The most useful WebGL frameworks to use for interactive websites

Today, JavaScript is one of the most useful programming languages for creating web pages. It is sturdy, especially with the support from WebGL libraries. With this, you can conveniently use HTML5 Canvas elements to generate graphics dynamically. Because of this, it is easy for web designers and developers to create fluid 2D and 3D effects. 
Read More

Awesome Demos Roundup #17 | Codrops

A fresh roundup of the most interesting and creative web experiments from the last couple of weeks.
Read More

How To Create Customer-Centric Landing Pages — Smashing Magazine

Customer needs should be one of the primary considerations when designing a website or landing page.
Read More

8 Best Code Editors for Designers in 2020 (Free & Premium)

Having at least a basic understanding of coding is an important skill that every designer should have. Knowing your way around website design, HTML, and CSS will help you stand out among other designers. Even if you’re a graphic designer working on print designs, you’ll never know if o...
Read More

What is a static WordPress site? Why would you want one? • Yoast

Did you know you can turn a dynamic WordPress site into a static one? Static sites are fast and secure, says expert Miriam Schwab in an interview.
Read More

Top 50 jQuery Gallery & Image Sliders for 2020 - 1stWebDesigner

Looking for a functional and beautiful jQuery gallery image solution? Find the best image slider and CSS slideshow solutions for 2020!
Read More

Morphing SVG With react-spring | CSS-Tricks

I’ve been intrigued by the morphing effect ever since I was a little kid. There’s something about a shape-shifting animation that always captures my
Read More

Using Mobx As A State Manager In React Native Applications — Smashing Magazine

MobX is one of the many state management tools available to React developers. In this tutorial, we’re going to learn how to use MobX to manage state in React Native applications by building a React Native application to see how this is done.
Read More

10 Best Graphic Design Portfolio Examples + Templates

Every designer has a portfolio that acts as their online resume. It’s what you use to win clients, show off your skills, and differentiate yourself from the other designers. Graphic design portfolio websites usually look similar. There are elements and sections that are fairly common amo...
Read More

Finding Your Way With Domain Mapping

It’s no secret that having a custom domain name is an essential piece of any company’s branding strategy. While there are a myriad of hosting plans availabl
Read More

WordPress Block Patterns: What They Are & How to Use Them

WordPress block patterns are a new feature in version 5.5. Learn what they are, how to use them, and how to create your own patterns.
Read More

The Thing With Leading in CSS · Matthias Ott – User Experience Designer

Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel.
Read More

Design.dev: A New Place to Find Free High-Quality Design Resources

The hip new design resource site Design.dev will provide you with unique resources and premium designs that you won't find anywhere else.
Read More

Experimental Triangle Image Transitions with WebGL | Codrops

Some experimental animations using triangles for image transitions with WebGL.
Read More

Version Management for Design Systems

Automating your design system versioning through version numbers, changelogs, and package publication allows your team to focus on building and maintaining great software.
Read More

Why and How You Should Create Wireframes With Others - Boagworld Show

In this episode, we explore why you should create wireframes for your digital project and how best to approach it by involving stakeholders.
Read More

Best Self Employed Retirement Plans for Freelancers to Consider

Self-employed retirement plans are not impossible for freelancers. Start learning how to prepare for your future now with this guide.
Read More

A Complete Walkthrough of GraphQL APIs with React and FaunaDB | CSS-Tricks

As a web developer, there is an interesting bit of back and forth that always comes along with setting up a new application. Even using a full stack web
Read More

Going Jamstack with React, Serverless, and Airtable | CSS-Tricks

The best way to learn is to build. Let’s learn about this hot new buzzword, Jamstack, by building a site with React, Netlify (Serverless) Functions, and
Read More

12 Best Google Design & Development Tools

Google resembles an iceberg: there’s the part above the water we can see and use everyday; there’s also the part beneath the water, that we don’t see and
Read More

50+ Modern Fonts to Use on Your WordPress Website in 2020

Need inspiration for the best modern fonts? We've compiled this list with plenty of ideas you can download for free and start using on your WordPress site!
Read More

Gorgeous Gradients: A curated collection of dreamy color transitions

From branding, to web design, packaging design, and typography, prepare to get lost in these smooth and dreamy color transitions. ✨
Read More

50 Best Sans-Serif Fonts For Graphic Designers

Best sans-serif fonts for professional design project. The modern sans-serif fonts are simple looking fonts perfect for branding, logos, typographic & websites.
Read More