As another week comes to an end, we are back again with our weekly roundup of web design and development related articles that have been published in the past seven days. In this edition, you will find articles about freelancing, design trends, Tailwind CSS, “classless” CSS, design mentoring, WordPress, and much more. So let’s have a look!

The UX Designer Toolbox

Unlimited Downloads: 500,000+ Wireframe & UX Templates, UI Kits & Design Assets
Starting at only $16.50 per month!


'Handling Continuous Integration And Delivery With GitHub Actions — Smashing Magazine' /

In this article, Aleem Isiaka explains how you can deploy a basic NodeJS application to Heroku, automate and schedule a deployment to run at certain intervals of the day, and use other actions from the Github Actions community.
Read More

Top New CMS Plugins, October 2020 | Webdesigner Depot

Plugins offer a ton of benefits to developers and website administrators; from flexibility, to saving time in development, the right plugin is priceless to a project. In this article, we’ll cover a list of the best new plugins for October 2020. You’ll find useful plugins for WordPress, Craft, Shopify, and Joomla. Let’s get started. WordPress […]
Read More

How to Prevent Pasting into an Input

Every once in a while I get to a website that doesn't allow me to paste into a form input. In most cases it's something to do with login credentials
Read More

9 Website Design Tips for Different Generations (Yes, It Matters!)

It’s a no-brainer for most designers that you plan a project based on a certain target audience. It might be for people who like soda or buy video games or have an affinity for athletic shoes. But another consideration can often be overlooked – designing for different generational segm...
Read More

What Garbage Collection in JavaScript Is and How It Works

Garbage collection is nothing new under the sun. This tutorial will help you learn what garbage collection in JavaScript is and how it works.
Read More

7 of the Best Social Networks for Designers - Vandelay Design

Be active at the best social networks for designers to grow your network, connect with others in the industry, and find more clients.
Read More

Implementing WebGL Powered Scroll Animations | Codrops

Learn some fun WebGL by reconstructing the beautiful scroll animations from Robin Noguier's portfolio.
Read More

The Grumpy Designer's WordPress Plugin Pet Peeves

There are a number of plugin behaviors that have become pet peeves over the years. Here are a few of the more egregious – in one grumpy designer’s mind, at least.
Read More

Tailwind CSS tutorial - Learn how to build websites using a utility-first CSS framework - Themesberg Blog

Start learning about Tailwind CSS with this guide which covers installing via a package manager, generating the configuration file, building a website and reducing the final CSS file.
Read More

Design Trend: Experimental Typefaces & Fonts

One of the biggest trends in website design is experimental typefaces. These funky, unique, and always special fonts can serve as the backbone of a project or provide a special spark. Experimental typefaces come in a variety of formats from handwriting styles to interesting serifs to color...
Read More

15 FlexJobs Alternatives To Fill Your Client Pipeline

We’ll walk you through some pros and cons of every one of the FlexJobs alternatives to help you find more freelance work.
Read More

Tips for Being a Good Design Mentor

It can be a challenge advising another designer. Whether it’s general career advice, technical knowledge or even tips regarding client relations.
Read More

6 tips to make the most out of your design mentor-mentee relationship

Learn how to build a successful relationship with your design mentor that helps you achieve your goals and advance in your career.
Read More

Designers, Design Systems and Finding Our Focus

For many designers, the process of finding one's place within a design system can be surprisingly tough.
Read More

Focus management and inert

Many forms of assistive technology use keyboard navigation to understand and take action on screen content. One way of navigating is via the Tab key. You
Read More

'Speed Up Your Workflow With Figma Plugins — Smashing Magazine' /

There are hundreds of Figma plugins available as of today, yet the Figma plugin search functionality is pretty basic and at times it can be very difficult to find the right plugin for a certain task. This article will take an in-depth look at several plugins that can speed up your design workflow.
Read More

10 Best Web Usability Testing Tools for 2020 - Hongkiat

Usability testing — also known as "user testing" — is a popular methodology for user experience researchers. It's a critical part of the
Read More

6 Ecommerce Design Best Practices for an A+ Ecommerce Store

Looking to build the best ecommerce website for your business? Check out these ecommerce design best practices to help you get started!
Read More

Making Minimalism Functional in Web Design | Webdesigner Depot

Today, great design isn’t just about conveying the right amount of information in a certain number of pages. There’s more to creating the perfect website than experimenting with visuals and sound. Designers need to think carefully about how each element of their site impacts the overall user experience. After all, with billions of websites available […]
Read More

Data visualization websites that impress with their design

An abundant quantity of data is available on the internet today. The process of making information attractive and exciting is an art, and the innovative visualization of data visualization has transformed complex information into an interesting and easily understandable format.
Read More

How to Think Like a Front-End Developer

The topical idea of "how to think like a front-end developer" began for me as a series of podcast interviews on ShopTalk Show. That was in preparation for
Read More

Smarter Ways to Generate a Deep Nested HTML Structure

A look at using HTML preprocessors to generate HTML, particularly deeply nested HTML, which is useful for a variety of interesting browser art and experimentation.
Read More

Ask These 5 Questions to Weed Out Bad Clients Early On

I know the scenario well: You get a call from a potential client and set up a meeting. You spend at least 2 hours prepping, traveling, and actually meeting. Then you spend more time carefully preparing the proposal. Then you wait. And you don’t hear back. So you follow up and still get nothing. Finally, you […]
Read More

Inspirational Websites Roundup #19 | Codrops

A new roundup of our favorite inspirational websites that stand out in design and creative interactivity.
Read More

A step-by-step process for creating responsive logo designs

Want to take your logo design expertise to the next level? Learn how to design responsive logos. In this guest post, go behind the scenes with the team at Unfold as they share their process for designing responsive logos based on a real client project.
Read More

10+ Best Python Compilers including Cython, Brython and CPython

Brief summary of the best Python compilers to speed up Python as well as mixing it with Java, JavaScript, C, .Net Framework & web apps
Read More

21 Productivity Tips for Freelance Web Designers in 2020 - Hongkiat

We will just start with some of the main methods that will help you build ways to catch up productivity in your web designing work. Productivity is a constant goal and you can achieve it with constant determination and hard work in your field.
Read More

Awesome Sites for Finding Web Design Jobs

In this post we'll look at several sites that include web design jobs that highlight web/graphic design and web development job boards.
Read More

5 useful typography tools you never knew you needed

If you're a designer who loves to find, collect, and experiment with fonts, add these incredibly useful typographic tools to your workflow!
Read More

The Difference Between Information Architecture and UX Design | UX Booth

Have you ever wondered what the difference was between these highly cerebral professions? UX Architect Darren Northcott breaks it down in his own words, providing helpful tips to get started in both.
Read More

10 Usability Mistakes Most Designers Make on Checkboxes

Before you use a checkbox on your interface, you got to ask yourself a couple of questions. Is a checkbox the right component to use in this context? If it is, what’s the most usable way to display them? Many designers fail to ask these questions and automatically use checkboxes without much forethought. As a […]
Read More

A Primer on the Different Types of Browser Storage

In back-end development, storage is a common part of the job. Application data is stored in databases, files in object storage, transient data in caches…
Read More

Create an FAQ Slack app with Netlify functions and FaunaDB

Sometimes, when you’re looking for a quick answer, it’s really useful to have an FAQ system in place, rather than waiting for someone to respond to a
Read More

5 Biggest Challenges Web Design Agencies Face | Webdesigner Depot

With billions of internet users worldwide spending several hours online each day, the online presence of brands is now a necessary avenue for building, boosting, and maintaining positive value and attracting and interacting with customers. This has created increasing pressure for web design agencies when creating and managing websites. This pressure is multiplied by all […]
Read More

'Getting Started With Next.js — Smashing Magazine' /

Next.js is a React framework that is bound to ease your life as a React developer by abstracting away the common and redundant tasks (such as routing) into relatively simpler and powerful APIs. That way, you can focus on writing your apps instead of reinventing the wheel.
Read More

UI Interactions & Animations Roundup #11 | Codrops

A new hand-picked collection of great web motion design concepts, UI interactions and animations.
Read More