Category: Tutorials

You learn something everyday if you pay attention

How to Load in and Animate Content With Vanilla JavaScript

One of our popular tutorials on Tuts+ teaches readers how to load in and animate content with jQuery. While using jQuery allows us to write relatively less amount of code to achieve the desired functionality, it also increases page load time and introduces unnecessary dependency. Unless the website you are working on is already loading… Continue reading How to Load in and Animate Content With Vanilla JavaScript

15+ Prototyping Templates for Fintech and Banking Apps

The world of finance and banking is rapidly changing, with technology playing an increasingly important role in helping businesses stay competitive. As such, it’s essential for developers to have the right tools at their disposal when creating fintech and banking apps. That’s why we’ve compiled a list of over 15 different prototyping templates for fintech… Continue reading 15+ Prototyping Templates for Fintech and Banking Apps

Is AI an SEO Killer?

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}#i85g{background-color:rgb(243, 245, 246);} The importance of search engine optimization cannot be overstated. SEO is the lifeblood of online visibility, helping businesses reach their target audience through organic search engine results. But as we step further into the age of AI, we’re witnessing a paradigm shift in the way… Continue reading Is AI an SEO Killer?

15 Figma Wireframe Templates for Online Education Platforms

The design and user experience of an online platform can make or break its success. This is especially true for online education platforms, where clear navigation, engaging design, and seamless user experience are crucial for effective learning. That’s why we’ve collected several Figma wireframe templates to showcase here today. These templates serve as a blueprint… Continue reading 15 Figma Wireframe Templates for Online Education Platforms

Make A FullScreen Button with JavaScript (for Video and Other HTML Elements)

In this tutorial, you’ll learn how to make an element enter fullscreen mode in any browser using the JavaScript FullScreen API. “The Fullscreen API adds methods to present a specific element and its descendants in fullscreen mode, and to exit fullscreen mode once it is no longer needed” – MDN Fullscreen mode removes… Continue reading Make A FullScreen Button with JavaScript (for Video and Other HTML Elements)

Make A FullScreen Button with JavaScript (for Video and Other HTML Elements)

In this tutorial, you’ll learn how to make an element enter fullscreen mode in any browser using the JavaScript FullScreen API. “The Fullscreen API adds methods to present a specific element and its descendants in fullscreen mode, and to exit fullscreen mode once it is no longer needed” – MDN Fullscreen mode removes… Continue reading Make A FullScreen Button with JavaScript (for Video and Other HTML Elements)

5 Overdone Photoshop Effects and How You Can Improve it

1. How to Add a Lens Flare Overlay in Photoshop Step 1 Let’s start with a classic light leak overlay. The go-to light leak overlay is a blob of color on an empty layer set to Screen. It’s fast but flat.  Instead, try using a Gradient Map adjustment layer set to Screen.   For a… Continue reading 5 Overdone Photoshop Effects and How You Can Improve it

What is Adobe Firefly?

In the digital age, the emergence of Artificial Intelligence (AI) has revolutionized how designers can create and manipulate their designs. AI tools such as Adobe Firefly make it somewhat easier for designers to quickly generate visuals with minimal effort. This article will discuss what Adobe Firefly is, how to get Adobe Firefly, and how to… Continue reading What is Adobe Firefly?

Top 10 Tips to Optimize Your WordPress Website

Almost all businesses today usually have their own website to mark their online presence. While different businesses will have different types of websites and strategies in place to increase their sales, all of them would like a faster loading website. An optimized website is beneficial for a lot of reasons. The website owners save on… Continue reading Top 10 Tips to Optimize Your WordPress Website

How to Make the Pulp Fiction Movie Poster

Who Designed the Pulp Fiction Poster? Directed and written by Quentin Tarantino, Pulp Fiction is a cult movie that tells the interwoven—and frequently violent—stories of criminals and mobsters in the seedy underworld of Los Angeles. The Pulp Fiction movie poster was released by studio Miramax to mark the film’s release in 1994, but the credit… Continue reading How to Make the Pulp Fiction Movie Poster

WordPress Classic vs Gutenberg Editor

WordPress has been constantly changing and improving since its inception. The core team of developers keep adding new features while discarding obsolete ones to make sure that the platform keeps up with changing times. One such major change was the introduction of the Gutenberg Editor. In this post, we will compare the good old classic… Continue reading WordPress Classic vs Gutenberg Editor

20+ Elementor Product Page Templates for WordPress (Shopping & eCommerce)

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}#ibmgmo{background-color:rgb(243, 245, 246);} Are you looking to build a website to sell your products and services online? Envato Elements has premium Elementor shopping and ecommerce templates for WordPress. Let’s take a look at these premium elementor product page templates! Elementor Product Page Templates Getstall – Grocery Store Elementor Template… Continue reading 20+ Elementor Product Page Templates for WordPress (Shopping & eCommerce)

How to Add a Sidebar in WordPress (Step by Step)

As the name suggests, a sidebar on a website is a vertical column that can be placed on either side of the main content or blog post on a webpage. While blog posts provide the main content to your readers, a sidebar can help you improve reader engagement. A sidebar doesn’t necessarily have to be… Continue reading How to Add a Sidebar in WordPress (Step by Step)

How to Add a Sidebar in WordPress (Step by Step)

As the name suggests, a sidebar on a website is a vertical column that can be placed on either side of the main content or blog post on a webpage. While blog posts provide the main content to your readers, a sidebar can help you improve reader engagement. A sidebar doesn’t necessarily have to be… Continue reading How to Add a Sidebar in WordPress (Step by Step)

What to do if the sidebar is not appearing in WordPress (step by step)

It’s not difficult to create a sidebar in WordPress. You can use the Widgets builder, a WordPress sidebar plugin, or a page builder like Elementor to add a custom sidebar.  The trick, however, is ensuring that the sidebar appears on the frontend of your website after you create it. The last thing you want is… Continue reading What to do if the sidebar is not appearing in WordPress (step by step)

21 Cool Warped Fonts (Distorted and Wavy Fonts)

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Warped and wacky! Here is a collection of irresistible distorted fonts from Envato Elements. Envato Elements is a subscription-based marketplace that offers tons of premium fonts, add-ons, logos, graphic templates, and more, all for one low monthly fee. Take a look at the best warped fonts available… Continue reading 21 Cool Warped Fonts (Distorted and Wavy Fonts)

Published
Categorized as Tutorials

5 Best Free Dropdown Menu Plugins for WordPress

Need to extend the functionality of your WordPress dropdown menus? Not sure what the best dropdown menu plugins are? WordPress dropdown menu plugins help you organize your websites structure and give your website visitors a better user experience. WordPress dropdown menu plugins range from simple to more complex menus that offer countless new ways to… Continue reading 5 Best Free Dropdown Menu Plugins for WordPress

How to Find Attachment IDs in WordPress

Need to know the attachment IDs of your WordPress media files? Not sure how you can find the attachment IDs?  WordPress is the backbone of countless websites worldwide. Its flexibility is largely due to various features, including the Media Library. This is a user-friendly tool for managing media files. Within this library, every file is assigned… Continue reading How to Find Attachment IDs in WordPress