It’s the first Friday of July (July already!?!), and therefore it’s time again for our weekly roundup of all the web design and development related articles we’ve found that were published in the past seven days. This week we have articles covering topics including CSS, graphic and web design, UI and UX, WordPress, AI tools, freelancing, JavaScript, and much more. Ready to jump in? Let’s go!

UNLIMITED DOWNLOADS: 500,000+ WordPress & Design Assets

Sign up for Envato Elements and get unlimited downloads starting at only $16.50 per month!



 

Positioning Overlay Content with CSS Grid

Not news to any web developer in 2021: CSS Grid is an incredibly powerful tool for creating complex, distinct two-dimensional modern web layouts.
Read More

20 Best New Sites, June 2021 | Webdesigner Depot

Ever since online stores first emerged they’ve faced one big challenge compared to their real world rivals; yes, it’s convenient to shop wherever, whenever you want, and delivery options permitting, buy from anyone anywhere in the world. But it’s a minimal experience compared to the fuller sensory experience of shopping in the real world. Online […]
Read More

How to reverse engineer your dream design career (3 simple steps)

Use this 3 step approach to reverse engineer your next career move and get your dream graphic design job.
Read More

Building a Responsive Knowledge Base Theme using Bootstrap 5 - Designmodo

In this tutorial, we create a modern style of knowledge base Bootstrap 5 theme that you can use and customize to any of your products and services.
Read More

Best of the web for Design and Web Development June 2021 | Creative Nerds

With the 6th month of the year concluded we have rounded up the month in our usual fashion. By cherry picking the very best design tutorials and web articles published and written in the month of June. There’s a great mixture of design tutorials in this post both photoshop and illustrator. The post features how […]
Read More

UI Interactions & Animations Roundup #17 | Codrops

A fresh pick of the most interesting UI animation and interaction shots to get inspired.
Read More

The Ultimate WordPress Security Guide For 2021 - SecureBlitz

WordPress security can be a major concern for all web owners when the internet has become a threat. Here's how to secure your WordPress site
Read More

Understanding Cybersecurity for Your Website | SpyreStudios

Learn more about the importance of cybersecurity and ways to implement it on your website.
Read More

Make More, Work Less: Artificial Intelligence Tools for Every Type of Creative

Check out the artificial intelligence (AI) tools supporting the creative process and making creating easier.
Read More

How to Help Your Clients Overcome Fear of Commitment

Commitment and web design go together like oil and water. So here are some ways to help even the most skittish of clients move forward.
Read More

Diving Into WordPress 5.8’s New Widgets Screen

It has been a while since I have touched widgets. Once the site editor landed in the Gutenberg plugin, I almost exclusively dropped the old sidebar paradigm and moved to block templates. Reactivati…
Read More

Tip: Don’t Preprocess What You Can Design Token

CSS preprocessors like Sass, Less and PostCSS extend the syntax of our stylesheets with extra functionality that can make development a lot more convenient. Let's say your project includes a modular scale to maintain proportions responsively across typography and spacing. Instead of doing all the maths (or relying on a calculator) for every rule, we...
Read More

Fresh Resources for Web Designers and Developers (June 2021) - Hongkiat

Being a web developer means constant learning as the field keeps evolving with new updates coming in every other day. Especially when it comes to HTML,
Read More

7 Website Navigation Examples That Will Inspire Your Design

Looking to revamp your website navigation? Check out these seven website navigation examples to inspire you!
Read More

How to Protect a WordPress Site from Hackers

For many WordPress sites, simply taking small steps to secure a website is enough to keep the sites from getting hacked. Read about it here.
Read More

How to Code the K72 Marquee Hover Animation | Codrops

Learn how to recreate the direction-aware marquee menu hover animation seen on the website of K72 made by Locomotive.
Read More

The Ultimate Guide on How to Create a Font

Designing a masterful typeface requires years of practice - but it may take only a couple weeks to learn how to create a font and learn from the experience.
Read More

7 Tips for Building a Remote-First Business in 2021

Building a remote-first business in 2021 means building a business that can operate and generate profits without any physical offices. Fully remote employees oversee and run digital infrastructure and processes....
Read More

:nth-child Between Two Fixed Indexes

I needed to select some elements between two fixed indexes the other day — like literally the second through fifth elements. Ironically, I have a whole
Read More

Asynchronous Design Critique: Getting Feedback

Receiving feedback can be a stressful experience: will an open-ended question attract helpful guidance or harsh criticism? Erin “Folletto“ Casali has already taught us how to provide good feedback;…
Read More

10 Essential Freelance WordPress Plugins For Developers & Designers

A list of the most essential freelance WordPress plugin options that every freelance developer and designer simply cannot live without.
Read More

Gatsby WP Themes Launches New Marketplace

The Gatsby WP Themes project has launched a new marketplace for developers who are building WordPress-powered sites with Gatsby on the frontend. Originally founded by Zac Gordon and Alexandra Spala…
Read More

When a Click is Not Just a Click

The click event is quite simple and easy to use; you listen for the event and run code when the event is fired. It works on just about every HTML element
Read More

What is a Wireframe? Your Go-To Guide on Wireframe Design

A wireframe is a barebones outline of your website. Learn how to use wireframes to design the best website for your business.
Read More

How to Back Up Your WordPress Website (3 Methods Compared) | @thetorquemag

Backing up your website regularly is a vital way to keep it safe. Here are three easy ways to get the job done!
Read More

17 Things You Can Do To Improve Your SEO Ranking In 2021 | Webdesigner Depot

There’s no shortcut to success when it comes to Google search results. That is unless you count pay-per-click advertising. While pay-to-play will shoot your site to the top of the SERP immediately, it’s not a sustainable strategy for maintaining your position there. So, you’re going to have to get serious about SEO. This guide will […]
Read More

How to write a great website proposal

Writing a web proposal is tedious, boring, and often feels like it’s a waste of time. However, with a good web proposal template, it becomes much faster and easier to create a winning website proposal for your boss or your clients. 
Read More

'It’s A (Front-End Testing) Trap! Six Common Testing Pitfalls And How To Solve Them — Smashing Magazine' /

When writing front-end tests, you’ll find a lot of pitfalls along the way. Let’s explore common mistakes developers make, and how to avoid them. Testing doesn’t need to be painful, after all.
Read More

5 expert tips that will ensure your website's calls to action get results

Calls to action, or CTAs, are very powerful tools! Sometimes, people just need to be told what to do next. And, to get website visitors to take the next step...
Read More

A Guide to the Most Loved and Hated Fonts - Vandelay Design

There are a few fonts that wind up being more popular - some loved and some hated. Here's a guide to the top five best-loved fonts and top five most hated.
Read More

Code Linting for Web Designers

You may have heard that you should be “linting” your code. What does that mean? Why would you want to do it?
Read More