How to Build a Grayscale to Color Effect on Scroll (CSS & JavaScript)

In this new tutorial, we’ll start with some grayscale images and learn how to smoothly reveal their colored variants on scroll. To achieve the desired effect, we’re going to take advantage of different modern front-end features like CSS Grid, the clip-path property, and the Intersection Observer API. Our Grayscale to Color Effect Without further intro, let’s check… Continue reading How to Build a Grayscale to Color Effect on Scroll (CSS & JavaScript)

10 Best Responsive HTML5 Sliders for Images and Text… and 3 Free Options

In this post, I’ll show you some of the best free and paid HTML5 sliders. We’ll see responsive text sliders, responsive image sliders with text, banner sliders and more. All built with HTML5 and CSS. Why Use a Responsive HTML5 Sliders? HTML5 enables users to have a better and more consistent web experience across several… Continue reading 10 Best Responsive HTML5 Sliders for Images and Text… and 3 Free Options

Illustrator Brushes Packs – 30 High Quality Brushes

26 Shares Download Adobe illustrator brushes for vector illustrations and effects. If you’r are designer and looking for high quality brushes for Illustrator, this is the best place to download vector illustrator brushes. This list contains thirty brushes packs with tons of different style of illustrator brushes. These brushes are very high-resolution and included brushes are Hand Drawn… Continue reading Illustrator Brushes Packs – 30 High Quality Brushes

5 Tips for Working with Clients When You’Re at Home

For those of you working from home right now (willingly or unwillingly), you can’t allow your surroundings to have an effect on your work and, more importantly, your client relationships. Clients don’t care where you are. They just want you to get the job done, and get it done it well. By that same token,… Continue reading 5 Tips for Working with Clients When You’Re at Home

20 Best Face Mask Mockups (PSD, Mockup Generator)

With the battle to contain the spread of Covid-19, face masks have now become a necessary and unavoidable part of our daily lives, and designers across the globe are making sure that we protect ourselves in style.  Check out the terrific face masks mockups available from Envato Elements, GraphicRiver, and Placeit If you’re looking for a face… Continue reading 20 Best Face Mask Mockups (PSD, Mockup Generator)

Serif vs. Sans Serif Fonts: What Is the Difference?

Want to find out what the difference between serif and sans serif fonts? Join us in this quick article to find out the characteristics of serif vs. sans serif fonts. Serif vs. Sans Serif Fonts Do you know your typefaces? Knowing the ins and outs of different font styles is essential for any budding graphic… Continue reading Serif vs. Sans Serif Fonts: What Is the Difference?

3 Essential Design Trends, May 2020

The state of the world around us can greatly impact website design. From emotional changes that correlate to the feel of a design to information and data to deliver, the impact of the worldwide COVID-19 pandemic is making its way into projects (intentionally or not). Here’s what’s trending in design this month. 1. “Unbalanced” Use… Continue reading 3 Essential Design Trends, May 2020

How To Create Your Own Graphic Design Portfolio

Moving on from design school and attempting to land your first position can be one of the most baffling occasions in your vocation. You need a design portfolio to find a new line of work, yet you haven’t done some full-memory design work previously, so what are you going to place in it? Stress not.… Continue reading How To Create Your Own Graphic Design Portfolio

8 Best CMS for 2020

Content Management Systems are arguably the internet’s most powerful web development tool. In a rapidly growing market where every business under the sun requires a website that is not only fully functioning, but optimised, easy to update regularly, and implement the latest features, the right CMS is important. As a web developer it can be… Continue reading 8 Best CMS for 2020

Creating an Accessible Range Slider with CSS

April 29, 2020 I’ve always loved exploring how to make semantic, accessible elements aesthetically pleasing. And yes, it is possible. Challenging myself to do this has improved my CSS skills. Today we are going to talk about input[type=”range”]. These inputs where you select a value from a slider that has a thumb on it. You… Continue reading Creating an Accessible Range Slider with CSS

Web Builder Software to Launch a Perfect Website in 2020

For the past decade and a half, there have been free web builder software available that are designed to create forgettable, bland webpages. That is of course unless you’re willing to fork over a good chunk of money to open up the tools that will breathe life into the page. Very few web builder software are… Continue reading Web Builder Software to Launch a Perfect Website in 2020

Exciting New Tools for Designers, April 2020

While there’s a lot going in the world with the COVID-19 pandemic, the design world is also reacting. You’ll notice that some of the newest tools and resources for designers are for working through or with the virus’ impact or are inspired by this change to our lifestyles. Here’s what new for designers this month.… Continue reading Exciting New Tools for Designers, April 2020

6 Factors to Consider on Hiring an App Development Company for Startups

The key to the success of any business, startup, or project is having the right and professional app development team of developers and designers. This way, they can accomplish their objectives. You must be thinking – how can I hire an ideal mobile app development company for my startup? Don’t worry. To help you overcome… Continue reading 6 Factors to Consider on Hiring an App Development Company for Startups

How To Enhance Your Business Website With Videos

Internet users today are becoming even more digitally advanced than ever. There’s no denying the fact that websites are popping up here and there and more and more people are making use also of the Internet. With an increasing population, this is a medium for businesses never to miss out on, especially when you wish… Continue reading How To Enhance Your Business Website With Videos

Designing for different screen sizes & devices — responsive images and more

Krisztina Szerovay Follow Mar 27 · 7 min read Summary sketch of this article This is my second article on designing for different screen sizes and devices. In the previous part I outline the basics of fixed layouts, adaptivity, fluiditity and responsivity. In this article, I discuss some more important aspects, for instance responsive images,… Continue reading Designing for different screen sizes & devices — responsive images and more

Top 10 Tips for a Better WooCommerce Store

Do you want your WooCommerce store to stand out from the competition and attract traffic?  The right WooCommerce plugins can make your online store better and more successful. In this post, I’ll share ten ways you can improve your store and show you the best WooCommerce plugins on CodeCanyon. With the right tactics, you can… Continue reading Top 10 Tips for a Better WooCommerce Store

Create a Wave Motion Effect on an Image with Three.js

Waves! Because who does not enjoy the visual comfort an oscillating motion has on the human eye? Well, I do and for this tutorial, I would like to explain how to make waves on a 3D plane with Three.js using simplex noise. To keep things short, we’ll just focus on the plane effect and not… Continue reading Create a Wave Motion Effect on an Image with Three.js

PHP Magic Methods Cheatsheet

In this post, I’ll give you a cheetsheet quick reference to all the magic methods available in PHP.  Whether you are a seasoned PHP developer or a novice in PHP development, if you’ve worked with OOP in PHP, then you’re using at least a couple of PHP magic methods already. However, if you have not… Continue reading PHP Magic Methods Cheatsheet

Women You Should Know in Graphic Design History

As a graphic design student, I looked up to many renowned designers. Through reading my textbooks and seeing my professors mention examples of designs, I realized there was one common denominator. It was a man’s world. There would be mentions of a few female designers like Paula Scher and Debbie Millman, but that’s about it.… Continue reading Women You Should Know in Graphic Design History

Design for Browser Inconsistency With Lambdatest

When the web was young, a 56k connection was fast, CSS was new, and Flash was but a glint in Macromedia’s eye, there was a phrase that graced half of all splash screens: Best viewed in IE6. You see, back in the early 00s, the web was a lot less competitive. It was perfectly possible… Continue reading Design for Browser Inconsistency With Lambdatest

How to Mirror an Image in Photoshop

What You’ll Be Creating Whether you are a beginner or an expert, mirroring an image in Adobe Photoshop is one of the most commonly used skills. However, with so many tools available to you, it might be quite daunting to learn for someone who is just getting started. So for this tutorial we will learn… Continue reading How to Mirror an Image in Photoshop

20 Best HTML5 Audio Players

Do you need to add an audio player to your website? Is the default browser audio player too limited? By adding a premium HTML5 audio player plugin to your website you will be able to successfully share your audio files in a visually appealing and interactive way. Super HTML5 Music Player is one of the many… Continue reading 20 Best HTML5 Audio Players

Get to Know the WordPress Admin Dashboard

The very first thing you’ll see when you open the WordPress back-end—also known as “the admin panel”—is the dashboard. This is the starting place for the majority of tasks you’ll be performing in WordPress. In this lesson, you’ll learn how to use the dashboard, and also how to customize it to fit your preferences and… Continue reading Get to Know the WordPress Admin Dashboard

5 Simple Responsive Blunders (And How To Avoid Them)

Nearly 49% of all the web traffic worldwide originates from mobile devices (excluding tablets). If you don’t design mobile-friendly websites, you’ll likely lose out on this massive chunk of your target audience. Additionally if you wish to improve your SEO, you can’t afford to ignore smartphones; Google gives priority to mobiles with mobile-first indexing. All… Continue reading 5 Simple Responsive Blunders (And How To Avoid Them)