Halfway through the first month of the year and we’re back with another one of our collections of all the web design and development articles we’ve found that were published online in the past seven days. This time around we have topics including predictions and trends for the new year, JavaScript tutorials, WordPress, portfolio design, freelancing tips, and much more! So pull up a chair and let’s get at it!

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


 

Six Ways to Create Objects in JavaScript

Objects are one of the fundamental data types in JavaScript. In this tutorial you will learn how to create objects in JavaScript in six ways.
Read More

5 ways to develop your eye for (good) design

Looking for ways to improve your design skills this year? Here are five essential tips to help you develop an eye for good design.
Read More

New Web Design Trends and Inspiration for 2021 | Codrops

Web design trends come and go. Thanks to the upheaval in 2020, web designers are going to see some common trends fall by the wayside for safer design choices.
Read More

An Early Look at Full Site Editing in WordPress

WordPress has traditionally stayed away from a full-blown site editor, but that is about to change as you will soon be able to edit an entire website.
Read More

Infinite Hyperbolic Helicoid Animation with Three.js | Codrops

A coding session where you'll learn how to create an infinite shape animation of a hyperbolic helicoid using Three.js.
Read More

7 Vital Elements of a Good Web Design Portfolio

It's helpful to have a checklist of elements you to include in your portfolio. This post lists 7 elements that every good web design portfolio should have.
Read More

8 design-related conversion fails (& how you can easily avoid them)

If you want to increase signups, downloads, and/or purchases of your product, you'll want to avoid these eight design-related conversion fails at all costs.
Read More

Oops! Dealing with Your Freelance Mistakes

Learning to deal with mistakes is part of the secret to long-term success for web designers. Here are a few lessons.
Read More

Animating with Lottie | CSS-Tricks

I believe animation on the web is not only fun, but engaging in such a way that it has converted site visitors into customers. Think of the “Like” button
Read More

Everything designers need to know about residencies | Design Week

With traditional creative opportunities uprooted because of the pandemic, Design Week explores how residency programmes can help fill the gap.
Read More

Front-End Performance Checklist 2021 — Smashing Magazine

Let’s make 2021... fast! An annual front-end performance checklist (available as PDF, Apple Pages, MS Word), with everything you need to know to create fast experiences on the web today, from metrics to tooling and CSS/JavaScript techniques.
Read More

Without User Consent: An Ethical Dilemma for WordPress Plugin Developers

I recently discovered that a popular WordPress plugin had enabled automatic updates without explicitly informing users. How did I find out? I received emails from each site where the plugin...
Read More

Top Web Design and UI Trends for 2021 - Designmodo

Here’s a look at UI, UX and web design trends for 2021. Make sure to click through and explore each website design example.
Read More

Fixing Smooth Scrolling with Find-on-Page | CSS-Tricks

Back when we released the v17 design (we're on v18 now) of this site. I added html { scroll-behavior: smooth; } to the CSS. Right away, I got comments
Read More

How to Add Commas Between a List of Items Dynamically with CSS | CSS-Tricks

Imagine you have a list of items. Say, fruit: Banana, Apple, Orange, Pear, Nectarine We could put those commas (,) in the HTML, but let’s look at how we
Read More

How to design accessible web forms | The Big Hack

It's important to design your web forms with accessibility best practice. Making sure users can access them with the keyboard alone.
Read More

12 Excellent Ways to Customize Your WordPress Navigation Menu

Learn how to customize the WordPress navigation menu to make it your own: Change colors, move the navigation menu, make it sticky, and more.
Read More

3 Steps to Improve Website Conversion Post-Launch - Boagworld Show

A website will never be fully effective upon launch. It is only through post-launch optimisation that it will reach its full potential.
Read More

9 Tips for a Successful Design Retrospective

Sometimes the best way to inspire a creative team is by looking back at projects. A design retrospective can help you evaluate projects upon completion, look back at workflows and results, and take lessons learned to future work. Too often there’s a negative association with a design ret...
Read More

Dynamic, Conditional Imports | CSS-Tricks

With ES Modules, you can natively import other JavaScript. Like confetti, duh: import confetti from 'https://cdn.skypack.dev/canvas-confetti'; confetti();
Read More

8 Typography Design Trends for 2021 – [Infographic]

Marketing employs a wide range of design tactics to catch customer’s eyes, resonate, and leave a lasting impression. A marketer’s goal is conversion and
Read More

Two Issues Styling the Details Element and How to Solve Them | CSS-Tricks

In the not-too-distant past, even basic accordion-like interactions required JavaScript event listeners or some CSS… trickery. And, depending on the
Read More

Web Design Trends 2021: The Report — Smashing Magazine

2020 was anything but normal. Consumers had their lives shaken up and many businesses experienced new challenges as well as opportunities thanks to the novel events of the year.
Read More

How To Lift Your Website Game During The Pandemic

Building a successful website has never been easy. You have to consider a lot of things—design, content, optimization. However, with the pandemic going
Read More

How to use design thinking to improve your daily workflow

You might already be familiar with design thinking, but have you ever considered applying the design thinking framework to other areas of your life? Here's how to use design thinking to improve your productivity and workflow.
Read More

How to Make GraphQL and DynamoDB Play Nicely Together | CSS-Tricks

Serverless, GraphQL, and DynamoDB are a powerful combination for building websites. The first two are well-loved, but DynamoDB is often misunderstood or
Read More