UX Design 19 Trippy & Glitchy CSS Distortion Effects
Sometimes a cool glitchy, distorted effect is the perfect addition to your web design. Maybe you’re creating a tech site, a developer’s portfolio, or something completely experimental. Distortion effects are an unconventional but interesting way to grab visitors’ attention with a unique animation. We’ve collected some glitchy CSS effects for…
Collections
17 Navigation Menus Made With Only CSS (No JavaScript)
We’ve been on a kick lately here at 1WD, looking at ways to code things in pure CSS without utilizing JavaScript, not because we don’t …
Web Design
This Week In Web Design – September 11, 2020
Our weekly roundup of all the web design and development related articles we've found published on the interwebs over the past seven days.
Collections
30+ Useful Pure CSS Code Snippets
In this post, we’ve rounded up a collection of useful pure CSS code snippets for elements that are commonly used when designing and developing a…
More Recent Articles
Web Design This Week In Web Design – September 4, 2020
It's the first Friday of September, and the eve of a 3-day weekend in the US. What does that mean? Yep, it means it's time for another edition of "This Week In Web Design"!
Collections 15 Amazing CSS Background Effects
Did you know that you can use CSS to create beautiful animations and interesting effects? Combined with HTML and JavaScript, or even on its own,…
Collections 30+ Fresh New UI Kits – Free and Premium
Every web designer and developer can use new UI kits to get their project started, speed up delivery time, or just for inspiration to create…
Web Design This Week In Web Design – August 28, 2020
Our weekly roundup of all of the web design and development articles we've found that were published in the past seven days. Last Friday of August edition!
Collections Top 50 jQuery Gallery & Image Sliders for 2020
Every website usually requires some image gallery solution and you don't want to spend too much time creating one from scratch. For that reason, we've made the job easy for you and collected all of the best image gallery and slider (free and premium) solutions available!
Web Design This Week In Web Design – August 21, 2020
Our weekly roundup of all the web design and development articles we have found that were published in the past seven days is here again!
Web Design 150+ Amazing Examples of CSS Animation & Effects
Using CSS3 proficiently makes designing a lot more fun. With a good command of CSS, you can create beautiful designs with great efficiency and ease. These tutorials are extremely helpful, not only for the professionals but also for the beginners.
Collections 20+ Free Minimal Icon Sets
Looking for some free minimal icon sets? Look no further – you’ve come to the right place! We’ve compiled over 20 of the best free…
Web Design This Week In Web Design – August 14, 2020
In this week's roundup of web design and development articles published around the web over the past seven days, we have some CSS tips and tricks, JavaScript, design, a little WordPress, a freebie, and much more! Let's dive in!
Collections The Ultimate 150+ Best Modern Fonts Collection
Huge collection of modern free fonts for you to use. There is nothing you can't use them for, web design, print, wallpapers, infographics, you name it, you got it. Find the best one for your project!
Collections Web Design 18 Grid Layouts for Building Stunning Websites
When building a new website, it’s always a good idea to sit down and think about all the content you truly want to feature. If…
Collections Free COVID-19 Icon Set
We have another freebie for you! This timely offering features a free icon set with 20 COVID-19 themed icons. The download includes editable files in…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.