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

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 pr
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 (username and or password) and auth codes. So how are they preventing me from pasting information? It’s as easy as you’d think! Let’s start with …
Read More

Highly Influential Art Gallery Websites in 2020

Art galleries are great places to visit to get inspiration and get your creative juices flowing. They are incredibly well designed and aesthetically pleasing. W
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

PHP code quality tools to check and improve your code

They were coded by Dave, your colleague developer. The classes are full of formatting errors, poor indentation, and weird one letter variables. There are so many dependencies you need to scroll down for minutes to escape the bloated constructor. Shacking, you open the unit tests to understand how it should work… but they don’t exist. …
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

Social networks are great for connecting with other people. That’s true regardless of whether you’re using social networks for personal or professional reasons, but the specific networks that you use and how you interact with people may differ depending on your goals. Web designers may have several different reasons to use social networks, including: Exposure […]
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

Figma Vs Adobe XD: Which is Better for UX Prototyping

The designers of the design interfaces have their gears-on in contesting for leveling up the current state of the art tools for prototyping as well as design. T
Read More

Focus management and inert | CSS-Tricks

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

I want my own media queries in browsers

We’re on the verge of a whole lot of new CSS media queries becoming available. But if you’re a developer that wants to get a head start and try them out, you’re out of luck. Brows…
Read More
Bootstrap 4 Code Snippets

Bootstrap 4 Code Snippets - 1stWebDesigner - Bootstrap Examples

Do you use Bootstrap 4 in your projects? If so, you may be interested to see these examples of it in action that we've collected.
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

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
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 | CSS-Tricks

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 | CSS-Tricks

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

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

The 10 Best Python Compilers for Developers

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 opportunities.
Read More

6 Things to Avoid When Contributing to Open-Source Projects - Qvault

With #HacktoberFest being a thing, there has been an influx of devs desperately trying to contribute to their favorite Open-Source projects. Unfortunately,
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

CSS for the Minimalist: Exploring Classless CSS

In 2011, the first version of Bootstrap (then called Twitter Bootstrap) came out. It was a product of Twitter’s UI team and was a framework aimed at simplifyi
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 displ
Read More

A Primer on the Different Types of Browser Storage | CSS-Tricks

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

Top 5 Best SiteGround Alternatives for WordPress? (2020)

Searching for the best SiteGround alternatives? The top five alternatives for either cheaper or better WordPress hosting...
Read More

Create an FAQ Slack app with Netlify functions and FaunaDB | CSS-Tricks

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

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

How to Set Up WordPress Lazy Loading (Native + Plugins)

In this post, I’m going to discuss the pros and cons of lazy loading and then show you the best WordPress plugins for lazy loading images.
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