Best of the web for Design and Web Development January 2023
- January 30th, 2023
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”.
Premium design assets for
your next project
Acess to a huge libary of design resources from Photoshop brushes to vector resources.Join today
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.
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.
In this tutorial, you will learn to how to design Urban City with “The Matrix” movie effect. This is an intermediate level tutorial.
This tutorial will show you how to use smart objects and layer styles to create a 3D, retro, glowing text effect.
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.
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
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.
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.
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.
A free introduction to Web Components resource.
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.
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.
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!
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?