Every month we publish a roundup of the 20 most unmissable websites newly launched, or updated in the previous four weeks. In June’s edition you’ll find everything from corporate sites for global power-houses, to personal sites for innovative designers. This month we’re seeing a lot of flamboyance, a lot of passion, and the color of… Continue reading 20 Unmissable Websites, June 2020
Tag: color
5 Ways to Build Codeless Websites Using WordPress’ Gutenberg
Web designers could be forgiven if their eyes glazed over at the mere mention of building a custom website. Creating an advanced website used to require programming knowledge and hours of coding. But thanks to Gutenberg, even those who don’t know their HTML from their CSS will be able to create professional websites that stand… Continue reading 5 Ways to Build Codeless Websites Using WordPress’ Gutenberg
3 Essential Design Trends, June 2020
Sometimes website design trends are strong and hit you in the face; others are subtle and require a second look. This month, you’ll get a little of each. The first trend in our collection is a strong and subtle, trend No. 2 is mostly subtle unless you have a keen eye for typography, and trend… Continue reading 3 Essential Design Trends, June 2020
30 Best Presentation Mockups Design
23 Shares Highest quality Photoshop presentation mockups with smart object. You can make a presentation with your design very quickly and easily even with little or no experiences with Adobe Photoshop. All the mockups are layered so you can create your own and original images and presentations. In this mockup gallery we are included only best… Continue reading 30 Best Presentation Mockups Design
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)
Online Stores Design Examples to Emulate in 2020
The US economy was on an upswing — in fact, the United States GDP expanded by 2.3% in 2019. 2020, however, is not looking so hot for the labor force or online retailers. There’s no question that the online shopping world has always been competitive, but the recent economic downturn has turned the competition up to 10.… Continue reading Online Stores Design Examples to Emulate in 2020
20 Unmissable Websites, May 2020
The world is a strange place at the moment, but design moves on apace, and sites are still being launched. Every month we post a roundup of the freshest sites we’ve come across in the previous four weeks. This month we’ve included some exciting portfolio sites, a strong selection of health and beauty sites, and… Continue reading 20 Unmissable Websites, May 2020
Thanks to Covid-19, Website Accessibility Has Never Been More Important
The first global pandemic of the digital era is upon us. We’re living in unprecedented and uncomfortable times. For our senior citizens, these past several weeks have been particularly discomforting. According to the CDC, men and women over the age of 65 are significantly more likely to develop complications from COVID-19. As we seek to… Continue reading Thanks to Covid-19, Website Accessibility Has Never Been More Important
How to Create an Instagram Ad Template
What You’ll Be Creating Learn how to create an eye-catching ad by using an Instagram post template, without Photoshop. If you want to promote your brand or your product at a low cost, and still reach your target audience effectively, you can do it with the help of Instagram. An eye-catching Instagram post will make… Continue reading How to Create an Instagram Ad Template
12 Home Office Setup Ideas for Web Designers and Developers
Coffee, music, YouTube channels, and procrastination— only a handful of things can make your day when it comes to increasing productivity but none of them are as complete as having a home office setup. It makes a world of difference where and how you work especially if you work from home. Hence, some home office… Continue reading 12 Home Office Setup Ideas for Web Designers and Developers
How to Build a Simple Toggle Switch Component With the CSS Checkbox Hack
In this short tutorial, we’ll learn how to build a CSS-only switch component by taking advantage of the “CSS checkbox hack technique”. Along the way, we’ll also look at other switch implementations on Codepen. Sound like a good challenge? Our Switch Component Here’s what we’ll be building during this tutorial–a simple todo checklist: For design… Continue reading How to Build a Simple Toggle Switch Component With the CSS Checkbox Hack
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
32 Best Free Vector Textures (Backgrounds, to Download Now)
When it comes to adding quick detail to an image or design, there aren’t many better ways to do it than by adding a vector texture. Texture can completely turn a design around, taking it from something flat and lifeless to almost popping off the screen! Luckily there are quite a few free texture background… Continue reading 32 Best Free Vector Textures (Backgrounds, to Download Now)
25 Best Creative Postcard Templates
Clean and simple postcard templates for product retailers, photographers, fashion studio, creatives and any brand identity. Fresh high quality postcard template designed with unique features and layouts with strong typography. Easily editable for easy understanding. Just drop in your own images and texts, and it’s ready. You can use these Creative Postcard templates as a… Continue reading 25 Best Creative Postcard Templates
20 Best New Websites, April 2020
In April’s 20 Best New Websites roundup we’ve got some awesome examples of current design trends, and one or two sites that have struck out in their own direction. There’s an experimental typeface, a museum making perfect use of video, and lots of large type. But the two dominant themes are lots of color, and… Continue reading 20 Best New Websites, April 2020
6 Things to Consider for Your Shopify Store
As a freelance web designer, Shopify is one of the best platforms to create an online store for your clients. Gone are the days where you must build your websites from the ground up on a basic text editor. Shopify boasts some powerful tools to help you design your site, requiring minimal knowledge of HTML… Continue reading 6 Things to Consider for Your Shopify Store
18 Best BuddyPress WordPress Themes: To Make Social & Community Sites
Small business owners are busy. Their task list seems never-ending, so it stands to reason that they could use as many tools as possible to make their daily lives easier. One such tool comes in the form of a WordPress plugin that many web designers or business owners themselves would overlook as non-essential. But the… Continue reading 18 Best BuddyPress WordPress Themes: To Make Social & Community Sites
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
Illustrator Tutorials: 33 New Adobe Illustrator Tuts Learn Drawing and Illustration
Fresh free Adobe Illustrator tutorials and video tutorials you can watch our on YouTube to Learn How to Create Beautiful Vector illustrations art. Tutorials are best and easiest way to learn and practice new tricks, In this tutorial collection we are gathered fresh tuts which are best for beginners and advance illustrator designers. These tutorials… Continue reading Illustrator Tutorials: 33 New Adobe Illustrator Tuts Learn Drawing and Illustration
22 High Quality Illustrator Brushes
High quality, Adobe Illustrator Brushes, super detailed and realistic brushes for Illustrator. This list contains twenty two sets of brushes with tons of different style of illustrator brushes. These brushes are professionally designed Hand Drawn, Watercolor Brushes for Adobe Illustrator. All brushes were hand-made. The brushes are great to use for simple black and white sketch or… Continue reading 22 High Quality Illustrator Brushes
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
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)
How to Resize an Image in Photoshop
What You’ll Be Creating Whether you are a beginner or an expert, resizing 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. In this tutorial, you will learn how to… Continue reading How to Resize an Image in Photoshop
Photoshop Tutorials: 30 New Tutorials From 2020
Fresh free Adobe Photoshop tutorials from 2020. There are 30 new tutorials to learn exciting manipulation skills and learn how to create Photoshop Actions and how to convert boring photos into dashing portraits, photo editing and much more. As we know Adobe Photoshop is the one of the best tools for photo editing, manipulation and graphic… Continue reading Photoshop Tutorials: 30 New Tutorials From 2020