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,…
More Recent Articles
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!
Sponsor Provide Your Customers With Accurate Nutrition Data via Edaman’s Nutrition Analysis API
Now more than ever, engaging in a healthy lifestyle is important to people across the planet. But it’s easier said than done. In the past, …
Web Design This Week In Web Design – March 18, 2022
This week's roundup of all the web design and development articles we've found includes topics covering freelancing, JavaScript, WordPress, Webpack, and other tips, tricks, tutorials, and inspiration.
Sponsor Sencha Ext JS: The Most Secure, Fastest, and Full-Featured JavaScript Grid Library
Does your team require a robust grid that can handle millions of records? When it comes to incredibly fast data processing, Sencha Ext JS is …
Sponsor A Simple Guide To Quickly Adding File Uploads To Your App With Filestack
Do you need to give your users the ability to upload files in your application?
Web Design This Week In Web Design – March 4, 2022
It's the first Friday of March (already) and although it's been a relatively slow week in web design and development related articles, that won't stop us from bringing you what we've found around the web.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.