Select Page

Author: admin

That Time I Tried Browsing the Web Without CSS

CSS is what gives every website its design. Websites sure aren’t very fun and friendly without it! I’ve read about somebody going a week without JavaScript and how the experience resulted in websites that were faster, though certain aspects of them would not function as expected. But CSS. Turning off CSS while browsing the web wouldn’t exactly make the web far less usable… right? Or, like JavaScript, would some features not work as expected? Out of curiosity, I decided to give it a whirl and rip the CSS flesh off the HTML skeleton while browsing a few sites. Why, you might ask? Are there any non-masochistic reasons for turning off CSS? Heydon Pickering once tweeted that disabling CSS is a good way to check some accessibility standards: Common elements like headings, lists, and form controls are semantic and still look good. A visual hierarchy is still established with default styles. The content can still be read in a logical order. Images still exist as tags rather than getting lost as CSS backgrounds. A WebAIM survey from 2018 reported that 12.5% of users who rely on any sort of assisted technology browse the web with custom stylesheets, which can include doing away with every CSS declaration across a site. And, if we’re talking about slow internet connections, ditching CSS could be one way to consume content faster. There’s also the...

Read More

Create a Responsive Landing Page With WPBakery (Visual Composer)

WPBakery Page Builder, formerly called Visual Composer, is a WordPress plugin that allows you to create custom pages for your WordPress site without writing any HTML or CSS code. Its intuitive editors are ideal for non-coder designers who want to quickly transform their designs into fully functional WordPress pages. Experienced web developers too, however, can save a lot of time and effort by adding it to their development workflows. In an earlier tutorial, I introduced you to WPBakery Page Builder’s user interface. Today, I’ll show you how to use it to create a simple, responsive landing page. Prerequisites To...

Read More

The Circle of a React Lifecycle

A React component goes through different phases as it lives in an application, though it might not be evident that anything is happening behind the scenes. Those phases are: mounting updating unmounting error handling There are methods in each of these phases that make it possible to perform specific actions on the component during that phase. For example, when fetching data from a network, you’d want to call the function that handles the API call in the componentDidMount() method, which is available during the mounting phase. Knowing the different lifecycle methods is important in the development of React applications, because it allows us to trigger actions exactly when they’re needed without getting tangled up with others. We’re going to look at each lifecycle in this post, including the methods that are available to them and the types of scenarios we’d use them. The Mounting Phase Think of mounting as the initial phase of a component’s lifecycle. Before mounting occurs, a component has yet to exist — it’s merely a twinkle in the eyes of the DOM until mounting takes place and hooks the component up as part of the document. There are plenty of methods we can leverage once a component is mounted: constructor() , render(), componentDidMount() and static getDerivedStateFromProps(). Each one is handy in it’s own right, so let’s look at them in that order. constructor() The constructor()...

Read More

Easy Form Validation With jQuery

In our previous tutorial, we discussed how to implement basic form validation using some input attributes in HTML5 and a little regex.  HTML5 Form Input Validation Using Only HTML5 and Regex Monty Shokeen In this tutorial, you will learn how to use a jQuery plugin to add form validation to your website. Using a jQuery plugin to validate forms serves a lot of purposes. It gives you additional abilities like easily displaying custom error messages and adding conditional logic to form validation. A validation library can also help you add validation to your HTML forms with minimal or no changes...

Read More

Protect Paid Content on Your WordPress Site Using a Free Membership Plugin

In this post, we’re going to explore the Simple Membership plugin, which allows you to set up different kinds of memberships for your WordPress site. With this plugin, you can create free and paid memberships and restrict content access based on rules for each type of member. If you’ve ever wanted to sell premium content on your WordPress website or to create rules to restrict access to certain kinds of content based on user roles, this is the article for you! I’ll show you how to create different membership levels for your website that you can use for content...

Read More