Adding Google reCAPTCHA to websites has never been easier, but why is it needed in the first place? CAPTCHAs are becoming an increasingly popular component of web forms to stop robots from automatically submitting forms filled with spam-like content.
More recently, Google have developed their own version, reCAPTCHA, which unlike other CAPTCHAs, doesn’t require ...
HTML5 introduced a new set of elements that can be used when structuring an HTML document. There are some HTML5 element rules that should be met when using these elements, and the guidelines for some of these tags can be seen below.
Starting off with the <main> tag, which represents the main content of the ...
As seen briefly in the JSX elements post, rendering React elements in the DOM can be achieved using the render() function of the ReactDOM global.
The function takes two parameters: an element, which can contain multiple nested children elements, and a node, which is usually the root DOM node used to render the content within.
Whilst you can define react elements within a pair of <script> nodes in an HTML document, it is recommended to use components. React components allow you to split the UI that you write into modular, reusable pieces of code.
The most simplest example of a component can be a JavaScript function that accepts a properties ...
React uses the createElement() function from the React global to compile JSX syntax to JavaScript so that it can be understood by web browsers. Therefore defining JSX elements like the below.
Is the same as doing:
As seen above and also in the Basic JSX Syntax post, createElement() can take three parameters.
type – ...
The React library uses a JavaScript syntax extension called JSX. JSX syntax in React looks like a combination of JavaScript and HTML. Some examples of basic JSX syntax can be seen below.
JSX elements are treated as expressions, and therefore they can be stored in a variable, like the below example. Note the use of ...
When creating your own WordPress theme, at some point you’ll need to add stylesheet and other functionality to tailor the website to your needs. There is an existing style.css file which is required in all themes, but it may be necessary to add other files to extend the functionality of your theme. To add custom ...
Whilst many WordPress plugins work seamlessly with your website when installing them, there may be a few that aren’t compatible with your website or perhaps aren’t built well or break when WordPress is upgraded. Often problematic plugins can be disabled from within the WordPress admin, however there may be times where the troublesome plugin has ...
One of the most common bug bears when dealing with CSS grid heights is how we ensure the height of each grid item stays consistent when each item contains varying degrees of content.
As an example, below shows basic HTML markup of a row of items.
<!DOCTYPE html>
<html>
<body>
<ul ...
This post covers the Encoding section of the Strings chapter when studying for the Zend PHP 7 Certification.
There are a variety of PHP extensions that support character encoding. The Multibyte String extension provides string functions that help you deal with multibyte encodings. mbstring is a non-default extension. This means it is not enabled by ...