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 
20 Freshest Web Designs, October 2020 | Webdesigner Depot
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 because-it’s-interesting sites, some micro-sites and some just-for-the-sake-of-it projects. Many of these are about selling or promoting products and services too, but in a […]
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 - noupe
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
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
Read More 
8 Ways to Improve PPC Landing Page Conversions Using Color Psychology - noupe
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
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 thing
Read More 
8 CSS Snippets for Creating Unique Horizontal Rules & Dividers
If you're looking to take your HR’s up to the next level, this stunning collection of free CSS divider code snippets goes beyond the default.
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 same understanding of the user’s journey. Instead of having your team wonder where you got this information or how you came to these conclusions, have
Read More 15 Web Design and Conversion Tips for SaaS Websites
When it comes to service companies handling various business functions, SaaS companies are the best. They are a market that has started growing immensely in the past few years. These types of organ...
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! Make
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.
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 React vs Svelte- A Comprehensive Comparison Between Javascript Libraries
Explore detailed comparison on Javascript frameworks React vs Svelte. The comparison aspects include performance, use cases, code maintainability, and more.
Read More 
30+ 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 Web Design Puzzle - How to Put Together an Impressive Website Layout | SpyreStudios
A guide on how you can put together an impressive website layout.
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 we
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 name)
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 - noupe
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
Read More 
Everything You Need to Know About Websites And Privacy Laws | Webdesigner Depot
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 and decisions on how to build privacy into a website start with architects. And that’s exactly what website developers (and designers!) are. They build up attractive, functional websites […]
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
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 A guide to the Responsive Design paradigm
Responsive web design is not just about adjustable screen resolutions an automatically resizing images. All benefits need to be skilfully taken advantage of and all limitations have to be worked around. And this is where we dip our toes into the vast expanse that is responsive design. It is a whole new generation way of thinking.
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