Best of the web for Design and Web Development April 2021
- April 28th, 2021
This is our month tradition where we end the current month by compiling together a list of the absolute best design tutorials and web articles created throughout month.
This post is jampacked with some great content we hope to enjoy reading through the post.
In this tutorial, I will show you the steps I took to Create a Frozen Ice Text Effect in Photoshop. We will mainly go though some selection techniques, as well as layer styles and image adjustments. This is an intermediate level Photoshop tutorial so some steps can be tricky – if you think you’re up to the challenge, please go ahead :)
Patterns come in all kinds of styles, from simple repetitive shapes to complex graphical arrays. In today’s Photoshop tutorial I’m going to share some tips for creating detailed pattern effects that are made with full-colour illustrations. We’ll first use a must-know technique for filling the canvas with randomly placed graphics, then I’ll show you a couple of manual methods for creating seamlessly repeating pattern designs.
In this tutorial, I will show you how to create an easy cartoon text effect, using a pattern and a layer style.
In today’s Photoshop tutorial I’m going to show you how to create a vibrant visual effect by adding neon lights to a photo. This popular art style often incorporates simple shapes or text for the neon lights, which are illuminated in bright colours.
In the following steps, you will learn how to create a layered floral typography text effect in Adobe Photoshop.
An easy way to create what he called deliciously fat gradients. I remember doing a similar effect back in the day when I used to play and write tutorials every week so I decided to create a simple example this time using Pixelmator Pro, my photo editor of choice for speedy workflow (it’s so fast) – plus the non-destructive elements are game changer.
Web and Design articles
Writing secure code in a way that prevents code injection might seem like an ordinary task, but there are many pitfalls along the way. For example, the fact that you (a developer) follow best security practices doesn’t mean that others are doing the same.
Last fall we announced Headless UI, a library of completely unstyled, fully accessible UI components, designed to pair perfectly with Tailwind CSS.
In this article, I will walk you through why we need container queries, how they will make your life easier, and most importantly, you will achieve more powerful components and layouts.
Figma hacks you might not have heard of.
In this tutorial, we’ll be taking a look at system fonts. We’ll be going over what exactly system fonts are and what they aren’t! We’ll be looking at them from a design perspective, discussing the pros and cons of system fonts. We will also be exploring system fonts in popular culture, and we’ll touch briefly on the web and technical side of things.
Google has been talking about the Core Web Vitals tool and the Page Experience Update for about a year now.
CSS is an easy-to-use design language for making colorful websites and applications. CSS can be fun when working on smaller projects but it becomes overly complicated on large-scale projects where you can experience naming inconsistencies and code repetition. Developers have introduced various solutions to this problem, from BEM and SMACSS methodologies to frameworks aimed at solving some of these underlying issues.