In this new tutorial, we’ll continue working with GSAP and learn how to create an easy-to-follow, attractive, button-to-modal animation. This type of animation is ideal for toggling modal forms. Without more intro, let’s explore the final result! 1. Begin with the page markup Inside a wrapper, we’ll place the modal trigger and an empty element….
In 2024, Artificial Intelligence (AI) hit the limelight with major advancements. The problem with reaching common knowledge and so much public attention so quickly is that the term becomes ambiguous. While we all have an approximation of what it means to “use AI” in something, it’s not widely understood what infrastructure having AI in your…
New to GSAP? First things first: did you get here ’cause you’re curious about GSAP, but don’t know exactly what it is? Let’s give it a quick overview. So, what is GSAP? GSAP is a JavaScript animation library from GreenSock. You can create high-quality GSAP animations. These will perform well in every browser you’re using….
Each week we are doing a company highlight. The companies are just by reviews and peoples word of mouth. They also must be using WordPress as their website’s platform. This week we highlight Orange Cat Flooring, a flooring contractor in Atlanta. Orange Cat Flooring: Atlanta’s Premier Flooring Expert When it comes to transforming homes in…
In this tutorial, we will cover how to build a fully functioning Connect Four game in HTML, CSS and Vanilla JavaScript. Here’s the demo we’ll be working towards. Click on the available slots to place whichever color is next in the queue! Begin with simple HTML markup Alright, let’s get started. In the body of…
Component-specific styling, styling parents based on their children, relative colors — the web platform is going through exciting times, and many things that required JavaScript in the past can today be achieved with one simple line of HTML and CSS. As we are moving towards 2025, it’s a good time to revisit some of the…
The new year is the perfect occasion to tidy up your desktops and start on a fresh, clean slate. No clutter, just the things you really need and plenty of space for what’s about to come. So how about some new desktop wallpapers to make the makeover complete and spark your inspiration this January? More…
Designing a digital magazine is a balancing act. You need a theme that enables you to showcase a lot of content on a single screen while at the same time ensuring that it’s all responsive, readable, fast-loading, and attractive. To help you narrow down your search, we’ve got 20 of the best WordPress magazine themes…
Many design leaders find themselves in an impossible situation. On one side, senior management have read articles trumpeting the incredible ROI of user experience design. McKinsey tells us that design-led companies achieve 56% higher returns to shareholders. Forrester reports that every dollar invested in UX brings 100 dollars in return. Yet the reality I encounter…
To build our page configurator, we’ll combine old-school CSS techniques with modern CSS features like custom properties and container queries. What We’re Building Without further ado, let’s take a look at the final project. Click the setting icon to the left of the screen to access the controls panel: 1. Begin with the panel markup…
