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
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 
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 
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