It’s Friday the 13th, and that means it’s time for another edition of our weekly roundup of web design and development related articles that were published around the web in the past seven days. Let’s dive in!

UNLIMITED DOWNLOADS: 1,500,000+ Icons & Design Assets



Create Your Personal Branding Strategy in 4 Simple Steps

In this guide for freelancers and entrepreneurs, learn how to create a recognizable brand that will help attract better, higher-quality clients.
Read More

Website Design: The Ultimate Guide with Examples - Designmodo

A detailed guide about website design and how to create a good and useful websites for your users and clients. Examples and a detailed guide.
Read More

Diving into WordPress Custom Post Types and Taxonomies

With custom post types and taxonomies you can create highly-specific ways of organizing content. We show you how you can use them in your own projects.
Read More

So, You’ve Won An Exciting Redesign…What Now?

The transitioning of power is fraught with difficulties. Different teams have different values, different experience, different expertise, different priorities,
Read More

Recreating the Exploding Particles Video Animation from M-trust.co.jp | Codrops

In this live stream you'll learn how to code the exploding particles video effect seen on the website of M-Trust with WebGL.
Read More

How to Create Good Multilingual UX Design – The Phrase Blog – Software Localization Experts

User experience does matter! Get to know all the secrets of creating good multilingual UX design across your entire digital ecosystem.
Read More

A Continuous Integration and Deployment Setup with CircleCI and Coveralls | CSS-Tricks

Continuous Integration (CI) and Continuous Deployment (CD) are crucial development practices, especially for teams. Every project is prone to error,
Read More

Who is a UX Engineer Specifically

UX Engineers have unique design roles and serve the vital purpose of developing components. UX Engineers bridge the gap between design and development, with a focus on the user.
Read More

How to become a self-taught graphic designer

An outline of the steps you need to take in order to become a professional graphic designer without going to school.
Read More

8 Design Guidelines for Complex Applications

Despite great diversity in the workflows and end users supported by complex applications, these 8 design guidelines are generally applicable.
Read More

Finding Your Comfort Zone with Clients

I've learned some valuable lessons about gaining confidence with clients. Read this for some tips you can use in your day-to-day interactions.
Read More

30 Awesome Free Gothic Fonts for Designers

We bring you a collection of wonderful free Gothic fonts. These fonts can be very useful for adding a dark vintage charm to your projects.
Read More

How to Design a Contact Page that Drives Engagement

How can your customer reach you? If a client arrives on your website after searching on Google, what can they do to take the next step in a relationship with yo
Read More

Inline Menu Layout with Gallery Panel | Codrops

An inline menu layout with a playful hover animation and a gallery content preview panel.
Read More

Top Free Photoshop Watercolor Brushes for Designers

This gallery includes the best free Photoshop watercolor brushes you can find online. Download them and start using them in your own designs.
Read More

Most Common SSL Connection Errors And Methods To Fix Them

The irritating SSL connection errors may suddenly appear from nowhere, or maybe the result of lousy SSL certificate setup. No ... Read moreMost Common SSL Connection Errors And Methods To Fix Them
Read More

Understanding flex-grow, flex-shrink, and flex-basis | CSS-Tricks

When you apply a CSS property to an element, there's lots of things going on under the hood. For example, let’s say we have some HTML like this: <div
Read More

Free fonts for prototyping and wireframing

When you are working with low fidelity wireframes simple "Lorem Ipsum" text sometimes doesn't seem to look that good..
Read More

The Raven Technique: One Step Closer to Container Queries | CSS-Tricks

For the millionth time: We need container queries in CSS! And guess what, it looks like we're heading in that direction. When building components for a
Read More

4 key learnings from an experienced React developer

Today I was reflecting on what I learned in the last few years, specifically related to programming and computer science. It is fair to say that I explored many new things — IoT, computer vision, deep learning, blockchain development, and more on the programming side. I was thinking of making a series of posts about …
Read More

Venn Diagram and How to Create Such a Visualization (Using JavaScript)

Learn what a Venn diagram is and how to create such an interactive data visualization for the Web using JavaScript HTML5, in a special Venn diagram tutorial.
Read More

My WordPress Comments Wishlist | CSS-Tricks

A built-in commenting system is one of the reasons people reach for WordPress (and often stay there long-term). While I do think having a comment system
Read More

Seasonal CSS • WPShout

I love this little CSS stylesheet to give you a simple but pleasant little change of color on your site throughout the days of a year. James Stanley’s little project is a better-version of some of the first WordPress code I ever wrote, so the concept is very near to my heart.
Read More

Libraries for SVG Drawing Animations | CSS-Tricks

In 2013, Jake Archibald introduced this cool trick of animating an SVG path to look like it’s drawing itself. It’s 2020 now, and the trick is still
Read More

How to Handle Scope Creep in Web Design

Have you ever committed your time to a project only to discover your responsibilities growing beyond the requirements? You have experienced scope creep.
Read More

Usability Testing Guide - Boxes and Arrows

Usability testing is a core component of User Centered Design and can be used at any stage in the process. It provides valuable insight into the mind of the user, giving us a better understanding of users’ mental models, and it helps to highlight issues that might negatively impact the experience, while also pointing to … Continue reading Usability Testing Guide
Read More

Where to Add Custom CSS in WordPress • WPShout

Learn where to add custom css in WordPress, plus other tips on templates, the WordPress CSS editor, templates, and more.
Read More

The Cleanest Trick for Autogrowing Textareas | CSS-Tricks

Earlier this year I wrote a bit about autogrowing textareas and inputs. The idea was to make a <textarea> more like a <div> so it expands in
Read More

Best Practices For E-Commerce UI Design — Smashing Magazine

In this article, we look at three key parts of a digital store and what you can do to design each to help customers more quickly and effortlessly get to the checkout stage.
Read More

How Film School Helped Me Make Better User Experiences | CSS-Tricks

Recently, I finished a sixty-day sprint where I posted hand-coded zombie themed CSS animation every day. I learned a lot, but it also took me back to film
Read More

Print Is Not Dead: 5 Graphic Design Magazines You Should Subscribe Today

Living in a digital world makes everything easier including finding graphic design inspiration. Holding a magazine and leafing through the pages may seem a litt
Read More

10 Reasons Your WordPress Site Will Get Hacked (and How to Stop It)

A hacked WordPress site is as damaging as having your home burgled. It can completely shatter your peace of mind and adversely impact your online business.  W
Read More

5 Ways Designers Can Master Digital Drawing

To draw or not to draw — that is the question, and it’s a controversial one among designers. Some say it isn’t mandatory for designers to know how to draw nowadays, but others maintain that it’s a must-have skill for every artist. Famous concept artist Bryant Koshu shares these vie...
Read More

When to Use Serverless Architectures

What is serverless architecture? When should you use it? Learn the pros and cons of serverless and when it might be the right fit.
Read More