Responsive web design as a concept has been around a long time now; in fact, it’s the de facto way of building websites nowadays. Right now people are accessing websites with mobile phones more than any other device, so it’s really important to ensure that your website is suited to small and large screens. It’s… Continue reading 4 Quick Steps to Make a Website Responsive
Tag: Here’s
Understanding Cybersecurity for Your Website
A massive national oil pipeline was recently shut down amidst a secondary pandemic of ransomware attacks. This comes just as industries pivot to accommodate the virtual shifts brought about by COVID-19. For your website, this means a new and focused approach towards cybersecurity is more important than ever. Understanding the importance of cybersecurity is the… Continue reading Understanding Cybersecurity for Your Website
A Comprehensive Guide to Flexbox Ordering & Reordering
The flexbox layout module allows us to lay out flex items in any order and direction. Flexbox ordering is, in fact, easier than ordering with floats or CSS grid, even if you might not think so at first. As flexbox is a one-dimensional layout model, as opposed to CSS grid which is two-dimensional, you only have… Continue reading A Comprehensive Guide to Flexbox Ordering & Reordering
How to Preserve the Menu State on Page Load (Using Local Storage)
What You’ll Be Creating In this tutorial, we’ll create a simple static site with Tailwind CSS and then learn how to preserve its menu state on page load. The first time we visit the site, the menu will be hidden. However, as soon as we open it and close the browser, we’ll use local storage… Continue reading How to Preserve the Menu State on Page Load (Using Local Storage)
5 Easy Hacks for Designers to Boost Their Personal Brand
Stop procrastinating and get unstuck with these tips to enhance your branding and attract clients. You’re a busy freelance designer. You’re always hustling hard to make sure that your clients are taken care of — a bit too hard, in fact. You consistently deliver amazing design work for your clients, but you’ve been procrastinating on investing… Continue reading 5 Easy Hacks for Designers to Boost Their Personal Brand
17 Fonts Similar to Arial
In this article, we’ll cover the history of Arial, the Helvetica substitute. We’ll give you an overview of the font and some amazing fonts similar to the Arial font. Arial has become the synonym for Helvetica since its beginnings. There are no two fonts with more history, critique, and comparison than these two. Arial is… Continue reading 17 Fonts Similar to Arial
How to Build a Simple Theme Switcher With the CSS Checkbox Hack
In this tutorial, you’ll learn how to create a CSS-only theme switcher by taking advantage of the “CSS checkbox hack technique” and CSS variables. Ready for another CSS challenge? Note: This tutorial assumes that you’re familiar with this particular CSS technique along with advanced CSS selectors (e.g. general sibling combinator). If you haven’t heard of… Continue reading How to Build a Simple Theme Switcher With the CSS Checkbox Hack
5 Platforms to Showcase Your Work as a Beginner Designer
2 Shares Social media are one of the marvels introduced to us by the internet. It allows us to communicate and share anything we want from anywhere. And that provides countless opportunities for those who want to earn money by doing art. But where do I start as a beginner designer? What platforms are the… Continue reading 5 Platforms to Showcase Your Work as a Beginner Designer
CSS Charts: How to Create a Horizontal Organizational Chart
In a previous tutorial, we learned how to create a CSS-only vertical organizational chart. Today, as some folks requested, we’ll go through the process of building its corresponding horizontal one. CSS CSS Charts: How to Create an Organizational Chart George Martsoukos And here’s the twist; we’ll create this new chart without changing a single line… Continue reading CSS Charts: How to Create a Horizontal Organizational Chart
How to Convert Bootstrap Pills (Tabs) Into a Dropdown Menu
In the past, we’ve discussed various Bootstrap 4 extensions. Today I’ll show you how to convert Bootstrap pills (tabs) into a dropdown. Most importantly we’ll keep both these components in sync. We’ll use pills for the desktop layout and a dropdown for mobile screens. Note: for this exercise, I’m going to use Bootstrap 4 latest… Continue reading How to Convert Bootstrap Pills (Tabs) Into a Dropdown Menu
42 Best Web Fonts (Ready to Download and Use)
Looking for cool fonts for web design or some new web fonts to use on your website? In this article, we’ll take a look at some serif web fonts, sans serif web fonts, and other stylish fonts you can use on your website today. Whether you’re looking for the best web body fonts or some… Continue reading 42 Best Web Fonts (Ready to Download and Use)
The Potential of AR in Web Design
Over the years, experts have repeatedly discussed the possible impact of mixed realities on web design. Concepts like AR and VR are expected to have the potential to change the way that we interact with websites on a fundamental level. Now that we’re in the year 2021, however, discussions about AR aren’t just observational anymore.… Continue reading The Potential of AR in Web Design
Uploading Files With AJAX
I can’t seem to reach the end of the fun stuff you can do with web technologies. Today, I’m going to show you how to upload files via AJAX. First, we’ll see how to upload files using vanilla JavaScript. And later on, I’ll show how you could use the DropzoneJS library to implement drag-and-drop file uploads. Looking… Continue reading Uploading Files With AJAX
How to Use ARIA Roles, Properties, and States in HTML
In this beginner’s accessibility tutorial we’re going to learn what ARIA is, why it is necessary to write our HTML with ARIA in mind, what ARIA roles, properties, and states are, and (very importantly) the 5 rules of ARIA use. What is ARIA? ARIA stands for Accessible Rich Internet Applications and it was created by the World… Continue reading How to Use ARIA Roles, Properties, and States in HTML
“Roxxe” Shopify Theme Review: Multipurpose, Easy to Set up
In this theme review we’ll take a look through a multipurpose Shopify theme called Roxxe. Shopify allows you to quickly create your own online store, and when armed with the right theme you can be up and running in no time. So let’s have a look at Roxxe, talk about its pros and cons, and… Continue reading “Roxxe” Shopify Theme Review: Multipurpose, Easy to Set up
WP_Query Arguments: Categories and Tags
In the earlier parts of this series, you’ve learned how WP_Query is structured and what its properties and methods are. The next stage is to understand the various arguments you can use with it and how best to do so. WP_Query has a large number of possible arguments, which makes it extremely flexible. As you can use it… Continue reading WP_Query Arguments: Categories and Tags
Branding 101: Choosing the Right Business Name
When starting a new business (or even venturing into the world of freelancing for the first time), there are some really big, important steps you have to take. Step #1 is choosing the right business name for your brand identity. Your business name isn’t something you can casually choose either — especially if you have… Continue reading Branding 101: Choosing the Right Business Name
Who Do Web Designers Really Work For?
It would be way too easy to answer this question with: “Whoever pays your bills.” And, honestly, I don’t think you can be a very successful web designer if you’re only driven by what the person paying you tells you to do. Then again, that doesn’t mean you should swing to the exact opposite end… Continue reading Who Do Web Designers Really Work For?
A Beginner’s Guide to Wireframing
Wireframing is an important step in any screen design process. It primarily allows you to define the information hierarchy of your design, making it easier for you to plan the layout according to how you want your user to process the information. If you’ve yet to use wireframing, it’s time to get your feet wet. Wireframing… Continue reading A Beginner’s Guide to Wireframing
The Latest Research for Web Designers, September 2020
In today’s look at the latest research for web designers, we’re going to look at studies and reports from Payoneer, Robert Half, Hootsuite, and Contentsquare to see what they have to say about things like: Current freelancer demand Web designer earning potential A change in ecommerce shopping trends Unseen content rates 1. There’s Light At… Continue reading The Latest Research for Web Designers, September 2020
5 Best Free Courses and Resources to Level Up As a Web Designer
I often see freelancers on social media asking what the secret is to working fewer hours, making more money, and helping new clients to find them. While those things tend to happen the longer you’ve been freelancing, it doesn’t happen without some effort. If you’re wondering how you can change things so that your business… Continue reading 5 Best Free Courses and Resources to Level Up As a Web Designer
8 Easy Ways To Ruin Your User Onboarding
To understand why user onboarding is such an indispensable tool, we need to empathize with the people using our products; we all come from different backgrounds and cultures, we make different assumptions, and we see the world differently. User onboarding helps mitigate these differences by making your product’s learning curve less steep. However, companies often… Continue reading 8 Easy Ways To Ruin Your User Onboarding
How Image Optimization Leads to Huge Traffic Cost Reduction
What is your website made of? Text, graphics and—images. They might be called your frenemies: they do a good job making your website attractive, but sometimes they require a lot of processing. Аnd they can be quite finicky about displaying correctly on any device. Whether you’re an eсommerce shop, an illustrator, a photographer, or any… Continue reading How Image Optimization Leads to Huge Traffic Cost Reduction
How Many Websites Use WordPress?
How big is WordPress? How many websites use WordPress? These are a couple of the questions I’ll be answering right now, as of mid 2020. Let’s dive in! How Big is WordPress? Here’s a complete video version of this article. Don’t forget to subscribe to our Envato Tuts+ YouTube channel for tutorials, free courses, and more! There’s… Continue reading How Many Websites Use WordPress?