Creative Assets & Unlimited Downloads on Envato Elements
GET 7 DAYS FREE
Learn How To Get The X and Y Position of HTML Elements in JavaScript and jQuery
When developing web applications, it may be necessary to get the X and Y position of HTML elements on the page for a variety of purposes.
Learn
Quick Tip: How To Disable Autocomplete on Form Inputs
Although it can be a helpful feature, sometimes autocomplete can be a privacy concern, especially on shared devices or public computers.
Learn
CSS Basics: Visibility: Hidden vs. Display: None
While visibility: hidden and display: none may seem similar at first glance, there are some significant differences between them.
Learn
How To Use CSS To Maintain Aspect Ratio For Responsive Design
The padding hack is a simple and effective technique for maintaining the aspect ratio of a div as the window's width changes.
More Recent Articles
Learn How To Align Checkboxes and Their Labels Consistently Across Browsers
While checkboxes are relatively straightforward to implement, aligning them with their labels can be a challenge, as each browser renders them differently. In this article,…
Learn Beginners Guide To Getting Started With NPM
NPM, which stands for Node Package Manager, makes it easy for developers to install, update, and manage packages in their projects.
Learn The Difference Between the :where() and :is() CSS Selectors
The CSS selectors :where() and :is() are two pseudo-classes that allow you to select elements based on their relationship with other elements.
Learn What Is the JavaScript Equivalent To The PHP sleep() Function?
JavaScript does not have a direct equivalent to the PHP sleep() function, which pauses the execution of a script for a specified number of seconds. However, there are a few ways to achieve similar functionality in JavaScript.
Learn How To Get a User’s IP Address With PHP
In PHP, there are several methods to retrieve a user's IP address. We will explore two of those ways in this article.
Learn Quick Tip: How To Disable Resizing of a Textarea in HTML or CSS
In this quick tip, we're going to show you 2 different ways to disable the resizing of a textarea using CSS inline or not.
Learn Quick Tip: How to Disable Text Selection Highlighting in CSS
There are two properties that are used to specify whether or not users are able to select text on the web page.
Learn Introduction to the CSS :has() selector
The CSS :has() selector is a type of complex selector that allows you to select an element based on whether it contains a certain other element.
Marketing & SEO How Spark Writer Can Help Improve Your Web Design Business
If you are running a web design business, your portfolio website is one of your most important tools to attract new clients. In order to…
Marketing & SEO How to Monitor Website Page Experience with Lighthouse
The world of Search Engine Optimization (SEO) has evolved dramatically in recent years, compared to the black box it once was a decade ago. One…
Collections The 10 Best Sites To Find Completely Free Stock Photos (Updated for 2022-2023)
Free stock photos have become a huge commodity on the web. They’re easier to find than ever before and it’s quite possible there are millions…
Web Design 11 Typography Styles to Consider for Your Next Design
When it comes to typography, there’s a seemingly infinite number of styles to choose from. But which one is the right one for your next…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.