Collections 14 CSS Animations for Fall
As the leaves change color and the weather starts to cool down, it's time to start thinking about how to update your website for fall.
Trends & Ideas
How to Bolster Your Design Ideas with These Unlikely Sources of Inspiration
We all know how frustrating it can be to feel creatively stuck. Whether you’re trying to come up with new ideas for a project or…
Collections
10 Fonts for Autumn and Fall-Inspired Designs
There’s nothing quite like the feeling when fall arrives. The breezes are cool and every time you set foot outside, you’re met with the sweet…
Sponsor
The Easiest Way to Inspect and Copy CSS Code From Websites
In this article, we are going to look at how this exciting tool - CSS San - could quite possibly change your life as a web developer, or at the very least, speed up your workflow.
More Recent Articles
Sponsor When, why, and how should you use a WYSIWYG editor on your WordPress site?
Have you ever felt perplexed about how to use WYSIWYG editors in WordPress? We’ll guide you through what WYSIWYG editors are, give you tips on using them, and show you an alternative to the built-in WYSIWYG editor for WordPress.
Collections Typography Inspiration In Web Design
Looking for typography inspiration for your next or future web design projects? We’ve rounded up some of the most creative and award-winning examples of typography…
Collections SVG Loading Animations
In this post we have provided you with some examples and code for ways to make your page load entertaining via SVG loading animations.
Learn Tailwind + WordPress: Starter Themes & Resources
Tailwind can make it easier to build modern websites in less time with its utility-first framework, so why not integrate it with our favorite CMS, WordPress?
WordPress 10 Best New Free WordPress Themes For May 2022
Looking for the best free WordPress themes that are so new very few, if any, other sites are using them yet? In this collection we’ve…
Collections 15 Modal / Popup Windows Created With Only CSS
Do you need a modal popup on your website when a user clicks a link or button? We typically see these in use for logins,…
Collections 10 Cool Pure CSS Scrolling Text Animations
Scrolling text on a website is almost as old as the internet. You may remember the days when marquees with horizontal scrolling text were all…
Collections The Best Free Tailwind CSS Components For 2022
If you’re a web developer/designer and haven’t already heard about or tried Tailwind CSS, it’s likely you have been living under a rock! First released…
Learn WordPress How To Create A Star Rating System In WordPress With CSS and ACF
A quick tutorial showing how to create an easily editable 5 star rating system in WordPress using ACF and pure CSS.
Collections The 3 Best Project Management Tools For Freelancers In 2022
Every freelancer can use all the help they can find to simplify and consolidate all of their responsibilities as much as possible, which is where a good project management tool can be lifesaving. Here are the best 3 we could find.
Learn Web Design Refactoring HTML and CSS
Refactoring is the process of rewriting and restructuring the code to improve the design of the code base. Here's how to improve your web projects by refactoring your code.
Web Design This Week In Web Design – April 1, 2022
It's Friday again, and it's the first of April, but you won't find any April Fools' pranks or tricks here!Popular Posts
The most popular posts on 1st Web Designer.
Freelance Design 800+ Free & Premium Procreate Brushes
Procreate makes it easy to create stunning designs and pieces of artwork for personal and professional use. However, gathering all the resources you need, like Procreate brushes, can seem like a daunting task when you’re first starting out.
Instead of having to hunt down brushes to use in your art,…
WordPress
Building a Headless WordPress Website with GatsbyJS
Recently, we took a look at the rising trend of “headless” WordPress configurations. The term describes the process of creating content within WordPress, then pushing it out for use in…
Learn
The Top 80 Adobe Illustrator Text Effects Tutorials
For all of you who want to learn how to create different effects with your desired font, this is a goldmine. You will find 80 of the best Adobe Illustrator tutorials, that are suitable for both beginners and experts alike. Dig in!
Collections
10 Code Snippets for Creating Beautiful CSS Buttons
If you’re looking for some examples of quality CSS buttons, this post is where you should start. We’ve organized 10 unique CSS button collections and snippets from CodePen which you can study and clone for your own web projects.