Tag: HTML

14 Firefox Developer Tools You Might Not Know About

In this roundup we’re going to be checking out some of the awesome tools Firefox has in its collection of Developer Tools.  Even if Google Chrome is your primary development browser, Firefox has some tools that Chrome doesn’t. In fairness the reverse is also true–Chrome has some tools that Firefox doesn’t, but the tools in… Continue reading 14 Firefox Developer Tools You Might Not Know About

Mason Is a Front-End Builder Worth Exploring

Building a front-end for your site from scratch might be the hardest part of building a great web app. The idea and logic can be perfect, but if the user interface is a wreck, you’ll never be a success. That’s where tools like Mason’s front-end-as-a-service become so valuable. With Mason, you can visually build a… Continue reading Mason Is a Front-End Builder Worth Exploring

Turn Your Static SVG Drawings Into Interactive Widgets and Infographics With Vue.js

What You’ll Be Creating SVG is powerful and flexible graphic format, which fits perfectly into the web medium. Unlike raster image formats, such as JPG, PNG, or GIF, SVG is vector-based and consists of “real” objects, which you can select and manipulate in whatever manner you want. So even with some basic scripting a static… Continue reading Turn Your Static SVG Drawings Into Interactive Widgets and Infographics With Vue.js

20 WordPress Video Plugins and Players to Add Engagement

Video is becoming an increasingly important element of a successful website. It has SEO benefits, increases engagement and the amount of time visitors spend on your site, and will also reflect well on your brand. WordPress lets you add embedded video out of the box, but you can make the process easier and enhance the… Continue reading 20 WordPress Video Plugins and Players to Add Engagement

Best jQuery Flipbook Plugins Compared

Are you looking for a creative and interactive way to showcase text, photos, and documents on your website? Adding a flipbook to your site can elevate your project and enhance the experience of your website visitors.  For this article, I’ve chosen three great tools that will allow you to create realistic, animated flipbooks with ease.… Continue reading Best jQuery Flipbook Plugins Compared

20 Useful Video Plugins Available on CodeCanyon

What You’ll Be Creating Video is becoming an increasingly important element of a successful website. It has SEO benefits, increases engagement and the amount of time visitors spend on your site, and will also reflect well on your brand. WordPress lets you add embedded video out of the box, but you can make the process… Continue reading 20 Useful Video Plugins Available on CodeCanyon

How to Test a Website Before Launching to the Public

Have you been toiling away on your website for the past several months? Before you launch that bad boy, click here to learn how to test a website first. Launching a new website can be exciting. It’s important that you don’t let your excitement overpower your rational thinking. No matter how excited you are in… Continue reading How to Test a Website Before Launching to the Public

Web Design History: Looking Back Through 20 Years of Design Evolution

The web has transformed how we do things. The first website went online nearly three decades ago and since that time, there has been a huge transformation. It is now possible for people to share information easily and efficiently. The evolution of the web has been marked by evolution in web design. Some of the… Continue reading Web Design History: Looking Back Through 20 Years of Design Evolution

Create a PHP Email Script and Form

Forms on websites can be used for a lot of purposes besides being a place to contact the website administrators. In previous posts, I covered how to create a fully functional contact form in PHP and how to build your own Captcha and integrate it in your contact forms. In this tutorial, our focus will… Continue reading Create a PHP Email Script and Form

Ruby: A clean and responsive HTML landing page

Ruby is a clean and fully responsive HTML landing page template for startups released by Cruip. It includes all you need to take your product or service to the next level. This template comes with a unique and beautiful collection of customisable components, icons and nice-looking illustrations. It comes with a bunch of ready-made sections: hero, features, testimonials, pricing… Continue reading Ruby: A clean and responsive HTML landing page

Why You Should Use Slider Revolution for Your WordPress Site

WordPress Sliders are a dime a dozen, but few can match the amazing Slider Revolution for WordPress when it comes to features, speed, and ease of use. Today we’ll take an in-depth look at: what sliders are the pros and cons of using a WordPress slider plugin on your site why Slider Revolution is the best… Continue reading Why You Should Use Slider Revolution for Your WordPress Site

How to Maintain the Selected Option On Page Load

Imagine you’re using a <select> element to navigate between pages–ordinarily the select will return to its default option when the page reloads. Today we’ll learn how to maintain the selected option, ensuring that whatever page you’ve selected remains selected even once the new page has been served. To demonstrate it, we’ll use a demo project with… Continue reading How to Maintain the Selected Option On Page Load

Best Resources For Online Learning in All Sorts of Domains

Considering that people find themselves in an era of accessible information, where everything is at one-click distance, it is highly important to separate quality facts from false ones. In order to do that, you must stay up to date with the best resources you should use for getting your facts straight. Regardless of the area… Continue reading Best Resources For Online Learning in All Sorts of Domains

How to Make a Great (Coming Soon) Website Product Launch Page

Launching a new product is an exciting business venture, one that could mean a world of difference for your business. However, as you’re prepping for the launch, it’s important to think about how you’re going to promote your product as well as make it possible for people to buy it. Here are two options: Create… Continue reading How to Make a Great (Coming Soon) Website Product Launch Page

Interactive Repulsion Effect with Three.js

A tutorial on how to recreate the interactive repulsion effect of grid items seen in BestServedBold’s Dribbble shot “Holographic-Interactions”. This tutorial is going to demonstrate how to build an interesting repulsion effect for a grid of elements using three.js and TweenMax (GSAP). The effect is a recreation of BestServedBold’s Dribbble shot Holographic-Interactions. Attention: We assume… Continue reading Interactive Repulsion Effect with Three.js

Blue: Elegant free HTML landing template

Blue is a free elegant HTML landing page template released by Cruip for a startup who wants to make a professional and effective first impression. This template is ideal for web-based products, and it can be easily customizable to set up a brand new HTML landing page or website. It comes with 8 ready-made sections: hero,… Continue reading Blue: Elegant free HTML landing template

20+ Great Product Landing Page Templates (2018 Design Examples)

When it comes to promoting your product online, a well-designed product landing page can make all the difference for a successful launch. Given the fact that landing pages incorporate a minimal design that eliminates unnecessary distractions, it’s easy to understand how visitors have higher chances of converting into customers and clients. As such, it’s essential… Continue reading 20+ Great Product Landing Page Templates (2018 Design Examples)

Create Style Variations for WordPress Gutenberg Blocks: Part 1

Now is an exciting time for WordPress developers with the official release of version 5.0 just around the corner. This will mark the debut of the brand new editor, code-named Gutenberg. If you have anything to do with WordPress on a regular basis, whether as a developer or as a user, then you’ll probably understand… Continue reading Create Style Variations for WordPress Gutenberg Blocks: Part 1

How to Quickly Build Layouts With Bootstrap 4’s Responsive Flexbox Utilities

In this tutorial I’ll show you how to quickly build layouts with Bootstraps 4’s responsive flexbox utilities. To gain a better understanding of these utilities, we’ll examine four different examples. Note: this tutorial assumes you’re familiar with Bootstrap 4 as well as flexbox. Take a look at these courses to get you going in the right… Continue reading How to Quickly Build Layouts With Bootstrap 4’s Responsive Flexbox Utilities

20 Best Free WordPress Themes You Should Check Out For Your First WordPress Blog

One of the best things in today’s internet-driven era is that you don’t have to work a full-time job to make a living. You can simply follow your passion by creating a YouTube channel or setting up a blog. The process is fun & hassle-free and offers you multiple opportunities to grow professionally and personally.… Continue reading 20 Best Free WordPress Themes You Should Check Out For Your First WordPress Blog

Hands-on With ARIA: Accessibility for eCommerce

Looking to make your site more accessible? Or maybe you want to make it easier to traverse your site overall using browsers and other interfaces? Using ARIA, you can do both. Let’s take a look at what ARIA is and how it can benefit an eCommerce site. We’ll also go through some examples step by… Continue reading Hands-on With ARIA: Accessibility for eCommerce

Create Custom Maps With the MapSVG Plugin

What You’ll Be Creating If you’re like me, you’ve been using Google Maps to add maps to your WordPress sites for years, but you sometimes get a little frustrated about the lack of customization options. In this tutorial, I’m going to show you how to use an alternative—a WordPress plugin called MapSVG that lets you… Continue reading Create Custom Maps With the MapSVG Plugin

How to Upload a File in PHP (With Example)

In this article, I’ll explain the basics of file upload in PHP. Firstly, we’ll go through the PHP configuration options that need to be in place for successful file uploads. Following that, we’ll develop a real-world example of how to upload a file.  Configure PHP Settings There are a couple of PHP configuration settings that… Continue reading How to Upload a File in PHP (With Example)