Creating custom Feather icon sizes
Feather icons is a large open-source collection of SVG icons to use on the web. Usage is easy and requires just one file request. By default, there are no size…
Tag: CSS
Moving gradient text with CSS
Some simple animated gradient text with CSS which is more attention-grabbing than just plain, stationary coloured text This method utilizes the CSS animation property. CodePen link. The CSS h1 {…
Bootstrap sticky first column, horizontal scrolling table
Making a horizontal scrolling table where the first column is sticky and stays in place. Tables are fine to an extent but once you start having more than a few…
Creating a WordPress theme Part 6 – Custom functions file
This series is about how to create and develop a WordPress blog theme in 2021 using the correct methods and techniques. Part 6 is the custom functions file. Part 5…
Creating a WordPress theme Part 5 – Comments
This series is about how to create and develop a WordPress blog theme in 2021 using the correct methods and techniques. Part 5 building the comments section. Part 4 was…
Creating a WordPress theme Part 4 – Single post page
This series is about how to create and develop a WordPress blog theme in 2021 using the correct methods and techniques. Part 4 is the single post page. Part 3…
Creating a WordPress theme Part 2 – Section dividing & theme naming
This series is about how to create and develop a WordPress blog theme in 2021 using the correct methods and techniques. This Part 2 is splitting the theme into different…
Creating a WordPress theme Part 1 – The setup
This series is about how to create and develop a WordPress blog theme in 2021 using the correct methods and techniques. Part 1 is the installing and setup of WordPress…
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…