Best of the web for Design and Web Development June 2024
- July 1st, 2024
- News
June wrapped up and we are looking back at the previous month in our usual fashion by reviewing the best online design tutorials, from Spiderman text effect to a camo background. The second half of the post includes some great web development articles, from opinions to writing good CSS to CSS container queries.
Design tutorials
How to Create a Spiderman-Inspired Text Effect in Adobe Photoshop
In this tutorial I’ll show you how to create an easy Spiderman text effect, using a pattern and a layer style. You’ll discover how to draw the Spiderman logo in the blink of an eye!
How to create a wavy 3D text effects
In this short Illustrator tutorial, we guide you step by step on how to create a 3D text effect that you can use across your design projects. It’s a simple effect which creates a really good end outcome that you can apply across your design projects.
How to Easily Make a Camouflage Background in Illustrator
Camouflage backgrounds are a versatile resource, making them a popular choice in various design projects ranging from apparel to digital art. At first glance, they may seem like a very complex task to achieve with all those colors and random overlapping shapes, but today, I will show you a very simple method to create your own camouflage background in Illustrator, in less than 5 minutes and using only the default Illustrator tools.
How to Draw a Colorful Autumn Background With Leaves in Adobe Illustrator
In this simple tutorial, you will learn how to use the Mesh Tool in Adobe Illustrator to create a bunch of autumn leaves.
Web and Articles
Modern CSS Layout is Awesome: Talking and Thinking About CSS Layout
I recently gave a CSS layout talk at Pixel Pioneers conference in my (sort of) home city of Bristol. I’ve spoken about CSS layout quite a bit over the years, but I feel like there’s always a lot to talk about, as things are changing all the time!
Introducing Drizzle
This is a post about an exciting new ORM tool (that’s “object relational mapper”) that is different than any ORM I’ve used before—and I’ve used quite a few! Spoiler: it’s Drizzle.
Opinions for Writing Good CSS
CSS can be hard and frustrating for beginners. The nature of the language is so different from traditional programming languages. While it’s easy to learn the parts: selectors, properties, etc. It’s much tougher to practically compose multiple ideas together to make something new or more complex happen.
Why Matomo is the WordPress Analytics upgrade you need over GA4
Google Analytics 4 (GA4), the latest iteration in Google’s suite of analytics tools, has been met with mixed reactions due to its revamped interface and features. Many website owners, marketers, and everyone in between who’s accustomed to the familiar comfort of Universal Analytics have encountered several issues with GA4.
CSS Container Queries
Container queries are often considered a modern approach to responsive web design where traditional media queries have long been the gold standard — the reason being that we can create layouts made with elements that respond to, say, the width of their containers rather than the width of the viewport.
