It’s the last Friday of October, the day before Halloween, and, of course, time for our latest edition of “This Week In Web Design”. In this week’s roundup of all of the web design and development articles we’ve discovered that were published in the past seven days, we have a variety of topics, tips, tricks, treats, and tutorials for you. So let’s dive in!

UNLIMITED DOWNLOADS: Email, admin, landing page & website templates

Starting at only $16.50 per month!



30 Cool CSS Animations For Your Inspiration - Hongkiat

We've previously published the creative text effects you can make with CSS, and many other cool things you didn't think were possibly to make with CSS.
Read More

20 Freshest Web Designs, October 2020

We have become so used to using web sites just to buy stuff that it is easy to forget that the web has more to offer. So this month we’ve included some becaus
Read More

11 Common Mistakes Made by New Freelancers - Vandelay Design

Avoid these mistakes that are commonly made by new freelancers to have more success and build your business on a solid foundation.
Read More

Particles Image Animation from Mathis Biabiany's website | Codrops

A coding session where you'll learn how to implement the particles effect seen on Mathis Biabiany's website.
Read More

The 7 Most Common Ruby on Rails Programming Mistakes To Avoid

Ruby on Rails is one of the most popular and widely used web development frameworks. It is a relatively easy and powerful web development framework for building
Read More

Detect Changed Files with git

There are numerous reasons to want to know which files have been added or modified in a git repository, one of which is your text editor highlighting those files. Another use case is running tasks against only files which are presently changed, like lint or other validation routines. So how can we identify files which …
Read More

8 Ways to Improve PPC Landing Page Conversions Using Color Psychology

Creating a compelling website ad copy is just the beginning. To create an effective and long-lasting relationship with your prospects, you need to use the right
Read More

How 'Lazy' Price Estimates Can Cost Freelancers

In an effort to help freelance designers, we explore how you can more accurately estimate costs and fill clients in on the details.
Read More

15+ Text Typing Effect CSS Animation Examples - csshint - A designer hub

Latest Collection of Free CSS Text Typing Effect Animation Examples Code Snippet. typing animation css, css typing animation multiple lines codpen
Read More

WordPress and Jamstack | CSS-Tricks

I recently moderated a panel at Netlify's virtual Jamstack Conf that included Netlify CEO Matt Biilman and Automattic founder Matt Mullenweg. The whole
Read More

8 Horizontal Rules and Dividers Enhanced with CSS

If you're looking to take your HR’s up to the next level, you should check out this collection of CSS-styled dividers that go well beyond the default.
Read More

How to Connect Your WordPress Media Library to Google Drive

In this tutorial, we'll show you how to connect the WordPress Media Library to Google Drive using a simple, code-free plugin.
Read More

Dark Mode in UI Design for Mobile Apps: Beauty Born in the Darkness

Considering why the dark mode of mobile apps is becoming amazingly popular today and how to design it the most effectively.
Read More

Collaborative Journey Maps - Boxes and Arrows

In many organizations, the design team does some research then retreats to their tower to conjure deep magics that turn note filled notebooks into a customer journey map. At least that’s what it looks like to their peers. Journey diagrams capture tons of detailed info about users, processes, and systems. The best teams share the … Continue reading Collaborative Journey Maps
Read More

Core Web Vital Tooling | CSS-Tricks

I still think the Google-devised Core Web Vitals are smart. When I first got into caring about performance, it was all: reduce requests! cache things!
Read More

Comparing Static Site Generator Build Times | CSS-Tricks

There are so many static site generators (SSGs). It’s overwhelming trying to decide where to start. While an abundance of helpful articles may help wade
Read More

5 Small Business Website Essentials You Need for Your Site

Trying to figure out what you need to include on your small business website? Check out these 5 small business website essentials!
Read More

CSS Units: Pixels, EM, and Percentage

Unit takes an important role for measuring and building things like a house, a bridge or a tower, and building a website is not an exception. There are a
Read More

8 Ecommerce Homepage Best Practices to Capture Leads

Want to create a stunning ecommerce page that engages your audience? Check out these 8 ecommerce homepage best practices!
Read More

Comparing Various Ways to Hide Things in CSS | CSS-Tricks

You would think that hiding content with CSS is a straightforward and solved problem, but there are multiple solutions, each one being unique. Developers
Read More

Minimal CSS Frameworks — dailydevlinks

Looking for a lighter framework for your next project? Here's a list of some of the best minimal CSS frameworks out there.
Read More

25+ Best Rounded Fonts (Free & Pro)

Rounded fonts are commonly used in creative designs to add a bit of elegance and style to titles and headings. They are also a great choice for paragraph text as they improve readability. You can use rounded fonts with almost every type of design. Including for crafting logos, poster title...
Read More

More on content-visibility | CSS-Tricks

Back in August 2020, when the content-visiblity property in CSS trickled its way into Chrome browsers, Una Kravets and Vladimir Levin wrote about it and
Read More

Awesome Demos Roundup #18 | Codrops

A big selection of the best web experiments made in the past weeks.
Read More

The CSS Custom Property Toggle Trick | CSS-Tricks

Back in July 2020, I got an email from James0x57 (I always try to refer to people by their name, but I think I get the sense they prefer to go by screen
Read More

In Defense of Tables and Floats in Modern Day Development | CSS-Tricks

Twenty-plus years ago, tables were the main way web pages were created in HTML. It gave web builders consistent control of constructing pages with some
Read More

How to Improve your Website’s Speed

If you’re wondering why your website conversion rate is painfully low after investing a lot of time (and money) into it, then you probably haven’t considere
Read More

Everything You Need to Know About Websites And Privacy Laws

When it comes to compliance, website developers need to keep their eyes on more than just ADA regulations and Section 508. Privacy laws are a big consideration
Read More

Practical Guide to Color Theory for UI designers

A super practical, non-technical guide to creating color schemes, color palettes and color combinations in your UI designs.
Read More

Perfectly Broken Code

Join me in exploring a recent experience where I started with flawed logic (without realizing it) and the steps I took to fix my bug. Let’s experience some broken code together. 🎉
Read More

Top 13 Productivity Habits for Freelancers | JUST™ Creative

Based on our experience, here are the top 13 habits for freelancers to maximise productivity and effectiveness - from tasks to conquer first to social media.
Read More

How to create a unique custom error 404 page for your website

Learn how to create a custom error 404 page! We show you a step-by-step guide on how to make the experience less frustrating to the user.
Read More

Free Mockups, Templates & Icons for Your Next Design Project

Check out an extensive collection of digital creative assets made for designers, by designers. Download high-quality mockups, templates, icons, and more for your next design project!
Read More