Tag: HTML

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)

Understanding The Meaning of Webpage Not Found or 404 Error

Page Not Found Errors I’m sure I’m not the only person who has come across this error during their Internet browsing sessions: And of course, whenever this happens, you might say to yourself, “What the hell does that even mean?” Well, think of your place of residence. Whether it be a house, apartment, car, cardboard… Continue reading Understanding The Meaning of Webpage Not Found or 404 Error

Site Accessibility: Getting Started With ARIA

What You’ll Be Creating Using standard HTML alone, modern web apps can lock out users with accessibility needs.  HTML is the predominant markup language online, being used by nearly 83% of existing websites. While there have been some changes in the 25 years since its creation, even newer iterations, such as HTML5 and AMP, leave… Continue reading Site Accessibility: Getting Started With ARIA

Manipulating Images in PHP Using GD

The internet would be pretty dull without images. However, maintaining and manipulating hundreds or thousands of images for your web site can be a headache. As your site design changes, you might need to modify all your images—for example, you might need to convert all your images to grayscale or resize them to 50% of… Continue reading Manipulating Images in PHP Using GD

Testing Components in React Using Jest and Enzyme

This is the second part of the series on Testing Components in React. If you have prior experience with Jest, you can skip ahead and use the GitHub code as a starting point.  In the previous article, we covered the basic principles and ideas behind test-driven development. We also set up the environment and the tools… Continue reading Testing Components in React Using Jest and Enzyme

4 Strategies to Ensuring the Success of Your Mobile App

Today, the entire world has undoubtedly gone mobile as more people access data and information via digital devices, tablets and smartphones. Apps are commonplace for shopping, connecting with people, navigation and managing data. In fact, mobile apps are today more interactive, attractive and easy to integrate with various smartphone features. The current apps trend is… Continue reading 4 Strategies to Ensuring the Success of Your Mobile App

WordPress as the First Step to Learning HTML

Not everyone has an idea about HTML. Most people will turn to WordPress when creating their first website. It’s easy to use, and you’ll have all the tools which you need for your website. Nonetheless, you’ll have an easier time getting to add content within the website and also ensure that there’s growth. Using WordPress… Continue reading WordPress as the First Step to Learning HTML

12 Diversified Yet Free To Use WYSIWYG Text Editors

Are you looking for some free to use Javascript or jQuery WYSIWYG HTML editors? Well, if your answer is yes, then you are lucky enough to land on the right page. In this round up, we are presenting 12 Diversified Yet Free To Use WYSIWYG Text Editors. Such editors come very handy when your visitors… Continue reading 12 Diversified Yet Free To Use WYSIWYG Text Editors

6 Cross-Platform Development Tools Worth Checking Out

There are many development tools out there, but getting by free and good ones is not that easy. That is why we are sharing 6 Cross-Platform Development Tools Worth Checking Out. Previously, we have already covered Four Robust Builders To Build Amazing Mobile Apps. So, without any further ado let’s take a look at these… Continue reading 6 Cross-Platform Development Tools Worth Checking Out

Let’s Make Your Life Simpler Than Ever With These 6 Web Apps

There are many apps out there, but getting by free and good ones is not that easy. That is why we are sharing 6 simpler than ever web applications for our visitors. So, without any further ado let’s take a look at these and feel free to share this post with others. Read each entry… Continue reading Let’s Make Your Life Simpler Than Ever With These 6 Web Apps

Four Robust Builders To Build Amazing Mobile Apps

There are many apps out there, but getting by free and good ones is not that easy. That is why we are sharing Four Robust Builders To Build Amazing Mobile Apps. So, without any further ado let’s take a look at these and feel free to share this post with others. Read each entry in… Continue reading Four Robust Builders To Build Amazing Mobile Apps

The Easiest Way To Add Input Masks To Your Forms

Input masks make it much easier for users to figure out the required format for filling out emails, phone numbers, credit cards and other data. Adding masks to your form inputs makes them so much better and its super easy to do, especially when using a JS library. In this article we’ve prepared for you… Continue reading The Easiest Way To Add Input Masks To Your Forms

What Are the WordPress PHP Coding Standards?

What are the WordPress PHP coding standards? In this video from my course, Learn PHP for WordPress, you’ll learn all about the coding standards and why they’re important. The WordPress PHP Coding Standards What Are the WordPress PHP Coding Standards? You can find the full WordPress PHP coding standards in the official WordPress handbook. They’re… Continue reading What Are the WordPress PHP Coding Standards?

Freebie: Beautiful CV Template with Bootstrap

We would like to share with you an amazing Bootstrap 4 template for a responsive CV page. It is very easy to use and implement – just copy and paste, doesn’t require any dependencies, and is completely free to use (no attribution required). The Template It is crafted with the Bootstrap 4 framework. The template… Continue reading Freebie: Beautiful CV Template with Bootstrap

Using CSS Pseudo-elements and Pseudo-classes like ::before and ::after

April 23, 2018 by Alex Fox CSS wasn’t always as flexible as it is today. By using CSS pseudo-elements and pseudo-classes, designers can target elements based on their dynamic states or positioning in relation to other elements. Pseudo-Elements and Pseudo-Classes There are two types of pseudo selectors: pseudo-elements and pseudo-classes. Either of these pseudo selectors… Continue reading Using CSS Pseudo-elements and Pseudo-classes like ::before and ::after