Learn Web DesignCreate Simple Parallax Scrolling Effect in Hero Section using Pure CSS
In this tutorial you will learn how to create a simple pure CSS parallax scrolling effect in the hero section of your landing page. Parallax scrolling is an effect where different visual elements on the page move at different speeds when the user scrolls. This creates a 3D effect adding…
WordPress
How to Put WordPress Into Maintenance Mode
Among the biggest advantages of a content management system (CMS) such as WordPress is the ability to easily make changes on a live site. While…
Web Design
This Week In Web Design – July 3, 2020
It’s the first Friday of July, and in the USA it’s a holiday weekend as we celebrate Independence Day. Fridays around here mean it’s time…
Learn
How To Create a Responsive Dropdown Navigation Using Only CSS
This tutorial will guide you through creating a responsive dropdown navigation using CSS only, with the help of CSS flexbox and the “checkbox hack”. Basic…
More Recent Articles
WordPressHow to Load Google or Adobe Fonts in WordPress
As you likely know already, when you get a new WordPress theme, it’ll come with a few fonts straight away. These are fonts that the…
Web DesignThis Week In Web Design – June 26, 2020
It’s the last Friday of June – how did we get here so fast? Friday at 1stWebDesigner means it’s time for this week’s edition of…
LearnHow To Add reCAPTCHA v3 to PHP Form and Submit Using Ajax
In this tutorial, we will add Google reCAPTCHA v3 to a PHP form and submit it without leaving the page, using Ajax. If you have…
Learn WordPressHow To Migrate a WordPress Website
If you have a WordPress (or any other type of) website for any length of time, it’s likely you’ll run into the need to move…
Web DesignThis Week In Web Design – June 19, 2020
This Week In Web Design is our weekly roundup of web design and development articles published in the past seven days. This week’s edition includes…
Freelance DesignThe Importance of Educating Your Web Design Clients
Web designers wear a lot of different hats, depending on the project. Sometimes we’re project managers, trying to coordinate an effort get assets from various…
Collections WordPress25+ Best Business WordPress Themes In 2020
Trying to build a business website can feel daunting at times – especially if building websites is not how you make money. And yes, there…
Web DesignThis Week In Web Design – June 12, 2020
Happy Friday, web designers and developers! Ready for another edition of “This Week In Web Design”? In this week’s roundup of articles related to web…
LearnPure CSS Animation of Blog Post Excerpt on Hover
In this tutorial, we’ll make this cool animation of revealing the blog post excerpt on hover using pure CSS and no JavaScript. The GIF below…
WordPressWordPress Plugins That Save You from Grunt Work
Every web developer has had the experience of dealing with large, menial tasks (A.K.A. grunt work). Perhaps a client needs to swap out a file…
Web DesignThis Week In Web Design – June 5, 2020
It’s the first Friday of June and that means it’s time for another edition of “This Week In Web Design”, our weekly roundup of articles…
CollectionsFree Vector Tech Illustrations You Can Download, Edit, & Use
Today we are sharing five free vector tech illustrations that you can download and use in your commercial or personal projects without any limitations. Included…Popular Posts
The most popular posts on 1st Web Designer.
CollectionsThe 150+ Best Modern Fonts Collection
Choosing the perfect font for your projects is an important step, as it could make or break your design entirely. The wrong choice of font can break your flyer, poster, business card, blog, just about anything. We know that it takes a lot of time to look for modern…
Learn
The Top 80 Adobe Illustrator Text Effects Tutorials
We are all well acquainted with the power of Adobe Illustrator and how important it is to a designer. Be it creating appealing text effects or creating amazing characters, Adobe…
Collections
Top 50 jQuery Gallery & Image Sliders for 2019
Since usually the best galleries are created in jQuery, we’ve mainly focused on jQuery type sliders, but there are a few simple CSS galleries as well. This collection has been…
Collections
10 Code Snippets for Creating Beautiful CSS Buttons
Web designers no longer need to rely on Photoshop for creating awesome buttons. With CSS3 you can manipulate everything from background gradients to drop shadows and glossy/shiny effects. We’ve organized…