In this tutorial, we’ll learn how to create an “AI Quotes Generator” app with JavaScript. This app will demonstrate how to fetch data from the OpenAI API and generate engaging quotes for different categories or custom moods. HTML Structure The HTML structure will consist of the following elements: A button at the top right will… Continue reading How to Create an “AI Quotes Generator” With OpenAI and JavaScript
How to Align Column Rows with CSS Subgrid — SitePoint
In this quick tip, we’ll look at how to use the subgrid feature of CSS Grid to align the content of boxes that sit side by side. Note: before delving into subgrid, it’s important to understand the basics of Grid layout. If you’re new to Grid, or you need a refresher, check out our beginner’s… Continue reading How to Align Column Rows with CSS Subgrid — SitePoint
How to Align Column Rows with CSS Subgrid — SitePoint
In this quick tip, we’ll look at how to use the subgrid feature of CSS Grid to align the content of boxes that sit side by side. Note: before delving into subgrid, it’s important to understand the basics of Grid layout. If you’re new to Grid, or you need a refresher, check out our beginner’s… Continue reading How to Align Column Rows with CSS Subgrid — SitePoint
T-Shirt Design Trends for 2024
Wondering what T-shirt designs are trending in 2024? There are three big trends happening, and they all have one thing in common: maximalism! After a decade or more of minimalism ruling all aspects of design, we’re entering a new era of indulgent maximalism. More is more, and more is better right now. Let’s look at… Continue reading T-Shirt Design Trends for 2024
How to Plan Your First Successful Website
Development By Simon Sterne 3 days ago Planning a new website can be exciting and — if you’re anything like me — a little daunting. Whether you’re an experienced freelancer, a team of hardened developers, or a small business owner, a well-structured plan is critical for success. In this post, I’ll give you the benefit… Continue reading How to Plan Your First Successful Website
10 New AI Tools to Increase Your Creativity in 2024
Curious about how AI can enhance your creative process while navigating its potential pitfalls? Wondering which AI design tools are making waves in 2024? There are many great creative AI tools that you can use in your projects today. AI design tools have quickly become a staple for artists and designers. These generative AI tools harness… Continue reading 10 New AI Tools to Increase Your Creativity in 2024
12 Figma tips to work more efficiently
We all know Figma makes regular updates to their features that can be new and awesome, like previewing typography, or it can be a modification that may change an established workflow, like the infamous local variables. So as someone who uses Figma almost every work day, minus some meeting-heavy days, learning to apply new features… Continue reading 12 Figma tips to work more efficiently
How to Retrieve the IDs, Titles, and URLs of the Core WordPress/WooCommerce Pages
As WordPress developers, many times we want to grab different info (ID, title, URL) for standard WordPress/WooCommerce pages like the Blog and My Account pages. Surprisingly, all this useful stuff is stored in the *_options table, and we can access it using the get_option() function. There’s also the wp_load_alloptions() that we can use to print… Continue reading How to Retrieve the IDs, Titles, and URLs of the Core WordPress/WooCommerce Pages
How to Convert a Stroke to a Shape in Affinity Designer
Learn how to expand simple strokes, multiple strokes, or text outlines into shapes that you can further modify and distort as you need. Once you’ve learned how to convert a stroke to a shape in Affinity Designer, you can head over to Envato Elements, where you can get unlimited downloads of stock videos, music, graphics,… Continue reading How to Convert a Stroke to a Shape in Affinity Designer
How to Create a Beyoncé “Cowboy Carter” Ribbon in Illustrator
Cowboy Carter, also known as Act II, is the second installment of Beyoncé’s three-act project conceived during the last few years. Since all Beyoncé album covers have something to deliver visually, the latest release features an image of a saddle with a sash that says “Cowboy Carter” in a country & western font, and also… Continue reading How to Create a Beyoncé “Cowboy Carter” Ribbon in Illustrator
Creating an Interactive 3D Bulge Text Effect with React Three Fiber
In this tutorial, we’ll explore how to generate a engaging bulge effect on text using React Three Fiber. For the past few weeks, I’ve been experimenting with mixing 3D and 2D to create compelling effects. Today, I’ll guide you through replicating this bulge effect on text. To streamline the process and maintain a structured approach… Continue reading Creating an Interactive 3D Bulge Text Effect with React Three Fiber
The power of beauty in communicating complex ideas
Can we defend pursuing beauty when communicating science or innovation? When creating visuals to explain complex ideas, cutting edge innovations or new scientific research we often focus on the images’ ability to carry information. But data visualization, infographics or even schematics have a hidden power we rarely discuss: beauty. Obviously not all images are beautiful. As… Continue reading The power of beauty in communicating complex ideas
Tips on How to Design Fiction Book Covers (Ideas & Examples)
Looking for book cover design ideas? You’ve come to the right place. Today, we’ll share some terrific book cover examples and tips on how to make your cover stand out from the pack. How to Design a Book Cover 1. Convey the mood of your book with your cover design. Your reader should know whether your… Continue reading Tips on How to Design Fiction Book Covers (Ideas & Examples)
40+ Best Signature Fonts | Envato Tuts+
Looking for a good signature font? Check out this list of authentic signature fonts from Envato Elements. For one low monthly fee, this subscription-based marketplace offers tons of fonts, logos, graphic templates, add-ons, and more. Best Signature Fonts From Envato Elements 1. Hagia Cursive Signature Font (TTF, OTF) When you need a cool signature font… Continue reading 40+ Best Signature Fonts | Envato Tuts+
Why UI designers should understand Flexbox and CSS Grid
CSS for UI Designer Or bye bye, 12-column grid layout Most designers are familiar with responsive design, a column-based layout approach with fixed breakpoints to cover all screen sizes. However, we can move beyond the rigid structure with modern CSS layouts, crafting flexible and dynamic designs that seamlessly adjust to different screen sizes. Designers and developers having different… Continue reading Why UI designers should understand Flexbox and CSS Grid
How to Add Fonts to Figma in 3 Steps
Don’t limit your design options to preset fonts! Learn how to add fonts to Figma to create unique designs. Learn how to add fonts to Figma to create unique web designs. Choosing the right font for our design can be a game changer. Good typography not only makes your message readable, but it can define… Continue reading How to Add Fonts to Figma in 3 Steps
How to Create a Layered Text Effect in Affinity Designer
If you love all sorts of Affinity Designer warp text effects, distorted text effects, or text effects in general, then follow this tutorial and improve your skills while learning to create a retro layered text effect that’s fully editable. Affinity Designer is good at creating an editable text effect, and it might impress you too… Continue reading How to Create a Layered Text Effect in Affinity Designer
Distinguishing between ARIA and native HTML attributes
As a developer, you want to create more inclusive and accessible digital experiences for your users. Great! It’s possible, however, that you might be feeling a bit confused or overwhelmed by the element attributes that can affect the usability for users of assistive technology. ARIA (or WAI-ARIA, Web Accessibility Initiative-Accessible Rich Internet Applications) defines some… Continue reading Distinguishing between ARIA and native HTML attributes
90% of designers are unhirable?
Or why your cookie-cutter portfolio doesn’t cut it and how to fix it Image by Matej Latin (Author) Here’s the harsh truth: I’ve reviewed more than 1,000 portfolios in my design career so far, and I turned 90% of them down because of one thing — the linear design process. By “linear design process” I mean cookie-cutter case studies that… Continue reading 90% of designers are unhirable?
On-Scroll 3D Stack Motion Effect
Oh boy, when I saw this amazing NFT cards Dribbble shot by Renat Muratshin, I was literally drooling all over my keyboard! What a masterpiece of motion! Have a look for yourself: Clearly, something this stunning can only serve as inspiration! So, I’ve got tons of ideas swirling in my head, and there’s one in… Continue reading On-Scroll 3D Stack Motion Effect
Best WordPress Block Plugins to Extend WordPress (Paid and Free)
There are tons of high quality free and paid WP block plugins that you can download today. WordPress continues to be a leading content management system, powering a significant portion of the web. A key feature that enhances WordPress’ functionality and user experience is its block editor, Gutenberg. Introduced to make content creation intuitive and… Continue reading Best WordPress Block Plugins to Extend WordPress (Paid and Free)
Webflow SEO: Best Practices for Optimizing Your Site
Webflow is, for many, the best no-code tool for building websites. But it’s also a platform that brings the power of SEO into the hands of designers and developers alike. With its robust features, from SSL certificates to custom page slugs and beyond, Webflow equips you to push your site up the search rankings. But… Continue reading Webflow SEO: Best Practices for Optimizing Your Site
10 Wonderfully Retro Web Design Trends Making a Comeback
Flares. Mullets. VHS. You may remember them the first time around (and hoped you’d seen the back of them), but they’re officially back! And whatever your views are on the matter, the same can be said for web design trends. Yes, we now have so much more technology at our fingertips than we did back… Continue reading 10 Wonderfully Retro Web Design Trends Making a Comeback
How to Draw a Dolphin in Illustrator
Dolphins are intelligent and complex creatures. They use sounds, gestures, and unique signature whistles to communicate and identify each other, making them intriguing and beautiful subjects for drawing. Whether you’re interested in dolphins or simply want to improve your Illustrator skills with beginner-friendly tutorials, this guide to drawing a dolphin is perfect for you. Feel… Continue reading How to Draw a Dolphin in Illustrator