Best of the web for Design and Web Development October 2023
- October 30th, 2023
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!
Premium design assets for
your next project
Acess to a huge libary of design resources from Photoshop brushes to vector resources.Join today
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.
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 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
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.
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?
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 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.
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, 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.
Create new colors based on another color’s channels and values.
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?
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.