In this tutorial, you’ll learn how to transform an HTML list into a wall of “sticky notes” that look and work like the following: The effect is built up gradually and works on all the up-to-date browsers like Chrome, Safari, Firefox and Opera. Older browsers simply get some yellow squares. Step 1: The HTML and… Continue reading Create a Sticky Note Effect in 5 Easy Steps with CSS3 and HTML5
Tag: image
11 Best WordPress Forum Plugin Options for Community Building (2021)
While WordPress is an incredibly popular content management system (CMS) for powering blogs and business websites, the platform’s versatility extends well beyond those basic uses. Through the use of plugins, WordPress can be used to create many other types of websites as well, including forums. In this article, we’ll take a detailed look at the… Continue reading 11 Best WordPress Forum Plugin Options for Community Building (2021)
20 Best Discord Custom Backgrounds (Using a Discord Theme Maker)
If you want to give your Discord account an update and are wondering how to get custom Discord themes, try out Placeit’s Discord theme maker. It’s simple and easy to use, and you can customise any of the wonderful Discord theme ideas on offer in no time at all. How to Get Custom Discord Themes Using… Continue reading 20 Best Discord Custom Backgrounds (Using a Discord Theme Maker)
The 5 Best Photo Editing Apps of 2021
If you dabble in photo editing, you must have used Adobe Photoshop – once or twice at the very least, if not a whole lot more. It’s been the industry standard for decades after all, deservedly or not. While Photoshop provides robust editing tools and a plethora of features, it’s too overwhelming for new users.… Continue reading The 5 Best Photo Editing Apps of 2021
How to Create a Thumbnail Image in PHP
Today, we’ll discuss how you could create thumbnail images in PHP with the help of the GD library. When you’re working on projects that are related to media, more often than not you will need to create thumbnails from the original images. Also, if you’ve enabled image uploads on your website, it’s essential that you… Continue reading How to Create a Thumbnail Image in PHP
20 Examples of Cool Sports Websites
January 21, 2021 by Noemi Editor’s note: This post is written by Julia Blake, a young passionate blogger interested in web design and everything connected with it. Currently, she works with MotoCMS – a progressive website builder. Sports-related websites are of many types: sports clubs, news portals, personal pages, fan clubs, and sportswear brands. The main… Continue reading 20 Examples of Cool Sports Websites
Create Beautiful Scrolling Animations With the CSS Clip-Path Property
In a previous tutorial, we learned how to create a grayscale-to-color effect on scroll. To implement it, we took advantage of modern front-end features like CSS Grid, the clip-path property, and the Intersection Observer API. Today, we’ll use these tools and the knowledge gained from that tutorial to build another cool scroll effect. As we scroll, page… Continue reading Create Beautiful Scrolling Animations With the CSS Clip-Path Property
Exciting New Tools for Designers, January 2021
The new year is often packed with resolutions. Make the most of those goals and resolve to design better, faster, and more efficiently with some of these new tools and resources. Here’s what new for designers this month. Radix UI Radix UI is an open-source UI component library for building high-quality, accessible design systems and… Continue reading Exciting New Tools for Designers, January 2021
How Can Small Businesses Use Social Media Influencers To Drive More Sales
In the ultra fast-paced world of social media marketing trends that we live in, one of the handfuls of strategies that receive repeated buzz is influencer marketing. While influencer marketing has been unstable throughout the years, the rise of social networks has given it a new and powerful form. Considering that word of mouth is… Continue reading How Can Small Businesses Use Social Media Influencers To Drive More Sales
How to Build a Fake AJAX “Load More” Mechanism (JavaScript Tutorial)
The other day I was working on a WordPress project that used ACF (Advanced Custom Fields) Pro’s flexible content. If you aren’t familiar with this field, imagine it as a miniature of the Gutenberg and Elementor builders that gives you the ability to define different types of layouts. So, on this project, the design required… Continue reading How to Build a Fake AJAX “Load More” Mechanism (JavaScript Tutorial)
How to Create a Pastel Gradient Background
What You’ll Be Creating In the following steps, you will learn how to create a pastel gradient background in Adobe Illustrator and Adobe Photoshop. Cool and warm, this timeless trend will give a soothing effect to any design. All you have to do is look for the best gradient combinations. Looking to download some pastel… Continue reading How to Create a Pastel Gradient Background
Display WooCommerce Categories, Subcategories, and Products in Separate Lists
What You’ll Be Creating WooCommerce gives you a few options as to what you can display on your archive pages: products categories (on the main shop page) or subcategories (on category pages) both products and categories. When I’m setting up a store, I normally select the third option: products and categories/subcategories. This means visitors to… Continue reading Display WooCommerce Categories, Subcategories, and Products in Separate Lists
Creating a Future-Proof Responsive Email Without Media Queries
What You’ll Be Creating Using this method you can create an email that has responsiveness baked in to the layout, without any need for CSS or media queries in the <head>, so that even in the worst case scenario of email rendering, your layout will remain intact. Is Developing HTML Email Still Hard? HTML email has… Continue reading Creating a Future-Proof Responsive Email Without Media Queries
Display the Latest News on Your Site With Mediastack
What an extraordinary year 2020 has been for the news! From the ongoing coronavirus crisis, to a turbulent US election, to the unrelenting march of Bitcoin, this year like no other we’ve been glued to our phones micro-analyzing every tidbit of news. Which makes this the perfect time for mediastack, an awesome REST API that… Continue reading Display the Latest News on Your Site With Mediastack
Why Your Design Team Needs a Robust PDF Editor
Every design team has its own set of preferred tools for creating stunning visuals, whether it’s for a website, an application, or some sort of marketing collateral like a landing page or a brochure. However, these creative teams also need a very robust PDF editor that acts as a behind-the-scenes application. Such a software application… Continue reading Why Your Design Team Needs a Robust PDF Editor
Exciting New Tools for Designers, December 2020
Jumpstart your next design project or speed up a workflow with some of these new tools and resources. With so many new tools being developed all the time, you are almost certain to find something that can help you with projects. Here’s what new for designers this month. Everypixel Patterns Everypixel Patterns solves a common… Continue reading Exciting New Tools for Designers, December 2020
How to Prioritize Speed with a Mobile-First Design
By the end of the year, the number of global smartphone users is expected to reach 3.5 billion. That’s a significant 9.3% increase over the last 12 months. In a world where everyone is constantly connected to their mobile devices, it makes sense that web developers and designers would need to consider new rules for… Continue reading How to Prioritize Speed with a Mobile-First Design
3 Essential Design Trends, December 2020
The end of the year tends to be busy for a variety of reasons and it can limit some of the freshness we see in designs during much of the year. Regardless, there are a few trending design elements. What we are seeing right now is rooted in deep simplicity with a focus on the… Continue reading 3 Essential Design Trends, December 2020
4 Creative Ways to Design a Festive Website
The holidays are fast approaching. But that doesn’t mean it’s too late to get a new website online or to make your existing one look festive for the holiday season. When it comes to decking the halls of your website with a little festive cheer, how do you do this without spending loads of money… Continue reading 4 Creative Ways to Design a Festive Website
How to Use Figma’s New Auto Layout Features
In this video I’ll show you how Figma’s new and improved Auto Layout features make designing responsive components and layouts easier than ever! Figma’s original Auto Layout features were introduced in December 2019–and now, almost a year later, Auto Layout has been completely reimagined, rebuilt and is (in my opinion) much better. Watch the Video… Continue reading How to Use Figma’s New Auto Layout Features
Uploading Files With AJAX
I can’t seem to reach the end of the fun stuff you can do with web technologies. Today, I’m going to show you how to upload files via AJAX. First, we’ll see how to upload files using vanilla JavaScript. And later on, I’ll show how you could use the DropzoneJS library to implement drag-and-drop file uploads. Looking… Continue reading Uploading Files With AJAX
How to Make Awesome Instagram Graphics to Promote Your Business
0 Shares Instagram is much more than a social media platform for sharing pictures with friends and family members. It is also a commercial marketing platform for businesses to share promotional advertisements with their most loyal customers and followers. If you were to buy 1000 Instagram followers to get your channel started, then it would… Continue reading How to Make Awesome Instagram Graphics to Promote Your Business
6 Web Design Tools to Help You Work Smarter
The web designing industry is proliferating year over year, with new records and technologies being introduced daily. As a result, many platforms and tools are available that allow us to easily create websites and design elements much faster than ever before. Before a few years, web designing was a somewhat complicated process that required professionals… Continue reading 6 Web Design Tools to Help You Work Smarter
20+ Best Custom Twitch Emotes (Using a Twitch Emote Maker)
Want to give your viewers an incentive to subscribe to your Twitch channel? Offer them your own custom Twitch emotes. Don’t know how to make Twitch emotes? One of the many awesome Twitch emotes you can find at Placeit Well, that’s what this article is all about. Here, you’ll not only learn how to make… Continue reading 20+ Best Custom Twitch Emotes (Using a Twitch Emote Maker)