4shared

This final week of February has come to an end, and it was a relatively slow one in regards to web design and development news. Still, we’ve rounded up everything we could find and listed all of this week’s articles here for you. From WordPress to CSS, templates to tools, you will find the latest resources and discussions from the past week here. We hope you find it helpful!

Your Web Designer Toolbox

Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets – starting at only $16.50/month!


15+ Adobe XD Tutorials (Beginner to Advanced)

We’ve picked the best Adobe XD tutorials for everyone from beginners to advanced users (and we’ve sorted them, so you can jump in at the right place for your experience level).

WPaudit.site

A helpful checklist to audit your website for formatting, WordPress specific optimization, accessibility, performance, and security.

Setting Up Tailwind CSS In A React Project

This article introduces Tailwind CSS, a CSS library that gives you all of the building blocks you need to build bespoke designs without opinionated styles. You’ll also learn how to seamlessly set up Tailwind CSS in a React project.

20+ Best Sketch Website Templates 2020

A collection of Sketch website templates for designing all kinds of websites and landing pages for various projects.

What Is Ethical Design?

What does it mean for a design to be ethical, and how do we make improvements in our own projects?

Sublime Themes to Use for A Better Color Scheme

Within Sublime Text, color schemes assign different colors and font styles to scopes, which are connected to the text in the syntax. Luckily, you have hundreds of Sublime themes to choose from, and this article will present the best of them.

Best usability testing tools

You don’t want to lose out on potential clients or consumers because you failed to optimize your website for the best user experience.

Responsive Grid Magazine Layout in Just 20 Lines of CSS

Create a fully responsive fluid layout that includes responsively resizing multi-column elements as well.

10 Trends in Tech Startup “Unicorn” Websites

Figure out how and why these top startup companies use specific web design trends.

Using WordPress Custom Fields to Enhance a Plugin

Explore some benefits of integrating custom fields into your favorite plugins.

Animating SVG Text on a Path

A demo that shows how to animate SVG text on a path on scroll using the Intersection Observer API and SVG filters.

Can Design Systems Work For Freelancers?

Take a look at what makes design systems so special and some reasons why it makes sense for freelancers to create them.

10 Things to Avoid When Creating Your Website Navigation

To avail all the effective benefits navigation has to offer, we need to understand the top things to avoid while creating our website navigation.

What Does A Foldable Web Actually Mean?

Foldable devices have brought with them talk of a ‘foldable web,’ and the idea that long-standing web conventions may be on the verge of a serious shakeup. Is it all hype, or is it time to get flexible?

How to Overcome Creative Obstacles

We rounded up advice from a handful of determined creatives who have wisdom to share on how to get things in motion when things have been a bit stuck.

Top Wireframe Tools for UI/UX designers 2020

The best wireframe tools that will make it easy for you to design the UI/UX for your app or website.

Top WordPress Skills to Learn in 2020

Here are some WordPress-related skills worth learning (or sharpening) in the new year.

Design Trend: Designing for Dark Mode

Dark mode has been growing in popularity. Most phone and tablet interfaces have the option for users to switch to a dark, rather than the standard light default, color scheme. That’s why more designers are adding a dark mode option to their projects.

Tailwind UI

Fully responsive, beautiful UI components, designed and developed by Adam Wathan and Steve Schoger, the creators of Tailwind CSS.

Inconsistent user-experiences with native lazy-loading images

Daniel Aleksandersen highlights the differences of implementation of native lazy loading in browsers.

Drag–and–Drop: How to Design for Ease of Use

Clear signifiers and clear feedback at all stages of the interaction make drag–and–drop discoverable and easy to use.

Heroicons

A set of free MIT-licensed high-quality SVG icons for UI development.

Cross-Cultural Design

Effective visual systems can help eliminate that guesswork and uncertainty by creating layered sets of cues in the design and interface. Let’s look at a few core parts of these design systems and tease out how we can make them more culturally responsive and multifaceted.

How to Design for Screen Readers with Adobe XD CC

Adobe XD CC’s design handoff and voice prototyping features come in handy. In this article, we’ll discuss what to consider when designing for screen readers, and we’ll also walk through how to use those features in XD.

5 Simple Responsive Blunders (And How To Avoid Them)

While creating your responsive design, you might end up making some common mistakes. To help you avoid them, we’ve put together some possible responsive design pitfalls and their solutions.

How To Build an Experience Map

Mapping the experience from a customer perspective helps organisations identify strategic opportunities, customer pain-points and generate innovative projects.

Another week of web design in the books!

Check back every Friday for our weekly roundup of web design and development articles from the past week. Be sure to follow us on Twitter for links to interesting articles and other updates all day every day. See you next week!

Cover photo courtesy of ShotStash.com, where you can download thousands of free stock photos to use in your commercial & personal projects.

This post may contain affiliate links. See our disclosure about affiliate links here.