Best of the web for Design and Web Development October 2023

• October 30th, 2023
• News

Another month has come to an end, and what an exciting month it has been for the online web and design blog community. Throughout this month, there have been numerous great insightful blog posts that have captured our attention. In our monthly roundup, we have carefully curated selection of Photoshop and Illustrator tutorials that are sure to captivate and inspire you. These tutorials cover a wide range of topics, including techniques for creating 3D inflated text that will bring your designs to life, as well as step-by-step guides on how to seamlessly combine multiple images together in Photoshop.

But that’s not all! The second half of this post is dedicated to a collection of web and design articles that delve into various areas of expertise. One of the highlights is an informative piece on converting Figma files to WordPress, providing valuable insights for designers and developers alike. Additionally, we explore the topic of when to nest CSS, offering practical advice to help you optimize your coding practices.

As you can see, this post is filled to the brim with valuable content and knowledge. We thoroughly enjoyed curating and reviewing this monthly web and design wrap-up, and we hope you find it just as informative and enjoyable to read!

Round up title:

Easily Make an Inflated Text Effect in Illustrator

You’ve probably seen some amazing and eye-catching 3D text effects that seem very time consuming and complicated to make (and often, they are). But there are also methods to make those 3D text effects easily and in less than 5 minutes without using any complicated 3D software. Today, I will show you how easily you can make a 3D Inflated text effect in Illustrator, in less than 5 minutes and with the ability to change the text, color, and size even after the effect is completed.

How to Combine Two Images in Photoshop

Let’s look at how to combine two images in Photoshop using the Generative Fill tool! It’s quick, easy and extremely powerful. All while still offering all of the freedom to mask and edit your image to perfection.

How to Save in Illustrator as a PNG

In the following tutorial, you will learn how to save as PNG in Illustrator using two simple techniques.

How to Make an Object Shaped Text Effect in Photoshop

Chances are, you’ve come across numerous online examples of text boasting captivating visual effects that instantly seize the viewer’s attention. While a plethora of effects can be employed to enhance text, one particularly intriguing and visually appealing approach involves seamlessly integrating the text within objects. So today, I will show you an easy and quick method to craft an object-shaped text effect using just a single image and the default Photoshop tools.

Web and design articles

How to Install WordPress Locally (on Windows, Mac, and Linux)

You need a web server to host a WordPress website. Typically, that means paying for a web hosting plan. But with the right tools, you can transform a regular computer into a local server capable of hosting WordPress. That applies whether you’re using Windows, macOS, or Linux. 

When to Nest CSS

With the recent news that CSS nesting is now available in the major evergreen browsers, our team was discussing how it differs from nesting in Sass, and the question came up — When should you use nesting?

The Future of CSS: Easy Light-Dark Mode Color Switching with light-dark()

To change a color based on whether Light Mode or Dark Mode used, you’d typically use a prefers-color-scheme Media Query. To make things easier, CSS now comes with a utility function named light-dark(). The function accepts two color values as its arguments. Based on which color scheme you are actively using, it will output the first or the second argument.

Converting Figma files to WordPress

Converting Figma designs into your preferred content management system has never been easier. Traditionally, web developers had to painstakingly transform designs into functional websites by hand — which took considerable time, but was (and still is) often considered the most accurate way of converting designs into fully functional websites.

Everything I Know About UX Research I First Learned From Lt. Columbo

Working in the area of UX sometimes feels like a crime drama. Can’t believe it? Then look at these fun parallels between modern UX practices and a classical TV detective.

In-Page Links for Content Navigation

In-page links, often embedded in the table of contents, help users navigate to specific content sections on the same page. While research showed increased user familiarity with the design pattern, carefully consider content structures before implementation.

CSS relative color syntax

Create new colors based on another color’s channels and values.

The Problem With WordPress Is Positioning, Not Plugins

Geoff explores a divide between WordPress.org and WordPress.com, shedding light on the blurred lines between open-source ideals and commercial interests. Is there any winning repositioning strategy for WordPress?

Full WordPress Backups: A Complete Guide for Website Owners

In life, we’re constantly reminded of the value of insurance — health insurance, car insurance, home insurance — but how often do we think about insurance for digital assets like websites? Not having insurance or a contingency plan is especially shocking when you consider that businesses, connections, and reputations depend so much on these online tools.