Bootstrap video player with information bar
The HTML framework for a simple video player with an information bar showing details that is fully responsive. Being responsive means the view from a large to mobile screen (small)…
Tag: Web design
Javascript click button to copy textarea or input
How to do a button click to copy for a text box or input with HTML and a little bit of Javascript. The HTML (bootstrap): <div class=”container”> <div class=”row mt-2″>…
Bootstrap collapse example
Bootstrap collapse allows you to add toggles to show and hide HTML content. This is handy for avoiding an overload of information on a page. This method will still show…
Bootstrap toggle button status update with AJAX PHP and MySQL
How to make a Bootstrap toggle button with a status update by using PHP, Ajax and MySQL. The toggle button represents on/off which is 1 and 0 in the database….
Bootstrap card examples
Bootstrap 4.5.0 framework Card element examples Documentation and more examples here.
The continued success of WordPress
WordPress to this day is thriving in an environment filled with open source CMS’s and blogging systems which can be seen as a great feat for a web software that…
Importance of headings in your web content
One of the most commonly known SEO practices is breaking up your web page content with headings. Ranging from h1 as the biggest, highest importance through to h6 which is…
Bootstrap 4 Form only CSS file
Bootstrap 4 without all the clutter, including only the responsive grid, form and button styles. Bootstrap 4 is such a large and feature-packed style framework that you don’t need every…
Full screen image background with text overlay
How to easily get a responsive full screen image background with text overlay in HTML such as this: The method shown here uses Bootstrap, you could however do it vanilla…
Sonar ping dot with CSS
Here is a method to do a sonar style pinging dot with CSS animations. The outcome will look like this Firstly you will need an SVG dot you can create…