Best of the web for Design and Web Development January 2023

• January 30th, 2023
• News

Welcome to our first monthly roundup of the year we capture all the best design tutorial and web articles, which have all been published through out the month of January 2023. Theres a range of design tutorials in this roundup including photoshop. illustrator and procreate. The second half of the post is jam packed with great articles to read through from “HTML with Superpowers: The Guidebook” to “Conditional CSS”.

Design Tutorials

How To Create Detailed VINTAGE Text Effects The EASY Way!

Detailed vintage lettering is one of the coolest text effects you can make! Originally these kinds of embellished titles were drawn by hand as the cover art for old insurance maps from the likes of the Sanborn map company. Painstakingly illustrating artwork like this by hand is a dying art form that would have taken years of training to become a master of penmanship, but we can easily make similar text styles with digital tools. Follow along with this tutorial to create detailed vintage text effects the easy way with the powerful tools available in Kittl.

How to Easily Make a Vortex Text Effect in Illustrator

Avortex text effect can be made in less than 5 minutes if you use the right tools and there are many different ways to make it. Today I will show you how you can make a vortex text effect using a very simple technique that uses only the default Illustrator tools so you don’t have to download or install any kind of plugin.

Design Urban City with “The Matrix” Movie Effect in Photoshop

In this tutorial, you will learn to how to design Urban City with “The Matrix” movie effect. This is an intermediate level tutorial.

How to Create a 3D, Glowing, Retro Text Effect in Adobe Photoshop

This tutorial will show you how to use smart objects and layer styles to create a 3D, retro, glowing text effect.

How to Make a Simple Wavy Text Effect in Photoshop

There are many different effects you can use with your text in Photoshop. Distorting the text is one of those. Of course there are many different ways you can distort your text. In this tutorial, we will be making a simple one using a rare method that gives you the ability to change the distortion (even after applied) in case you want to make further adjustments. We will be using Smart Objects and the Liquify panel.

How to Create a Shadow Text Effect in Affinity Photo

If you want to learn how to create more Affinity Photo text effects, then this tutorial is for you. This simple yet cool text effect is based on a bold font and a shadow layer effect with a few minor adjustments. In just a few steps, you will learn how to create it, and then you will be able to apply this technique to make other cool Affinity text effects.

Web and Design articles

Getting Started With SvelteKit

SvelteKit is the latest of what I’d call next-gen application frameworks. It, of course, scaffolds an application for you, with the file-based routing, deployment, and server-side rendering that Next has done forever. But SvelteKit also supports nested layouts, server mutations that sync up the data on your page, and some other niceties we’ll get into.

How to Build Great HTML Form Controls

All the things to consider when building the perfect HTML input. Despite its seemingly simple nature, there’s actually a lot that goes into it.

Conditional CSS

I like to think of CSS as a conditional design language. Over the years, CSS was known as a way to style web pages. Now, however, CSS has evolved a lot to the point you can see conditional rules. The interesting bit is that those CSS rules aren’t direct (i.e: there is still no if/else in CSS), but the way features in CSS work is conditional.

HTML with Superpowers: The Guidebook

A free introduction to Web Components resource.

The truth about CSS selector performance

If you’re a web developer, you may have already heard that some CSS selectors are faster than others. And you’re probably hoping to find a list of the better selectors to use in this article.

Hardening MySQL for your WordPress site

WordPress, the most popular CMS, runs on MySQL, the most popular database out there. Spending some time to ensure your MySQL installation and WordPress database configuration installation is adequately hardened against common attack vectors can help you reduce risks. This is especially true if you are managing your MySQL server yourself.

How to Fix “There Has Been a Critical Error on This Website” in WordPress

Critical errors on any system can be extremely frustrating. But if you’ve recently encountered the “There has been a critical error on this website” message on your WordPress site, don’t fret!

Kanban vs. scrum: Choosing the right process for your team

You are part of a new project where you are developing a website for a construction material selling company. The project timeline looks like three months. You are asked to come up with your project plan and execution strategy. Which execution style do you choose to work on this project?