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…
Tag: Web design
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…
Transition your CSS hovers
The hover selector in CSS is a very well known selector, it can do great things for when your mouse hovers over an element. However this snpappy change can be…
Make text grow on page load with CSS keyframes
Using CSS keyframe animations on page load can add something extra to your design. Whether it be animating a border, a background change or section grow, using keyframes to change…
Change image based on screen size
Mobile based viewers of your website are going to be on smaller screens and (in theory) have slower internet, thus making a decent means for smaller sized and lower quality…
YouTube started out as a dating website
Thanks to the wonderful job the Internet archive does you can see an April 28th 2005 snapshot of YouTube, showing it actually was designed as a dating website. The video…
Live time and date with JavaScript
Use cases are rare but displaying the live time on a webpage is a neat feature, perhaps for a dashboard or panel would it suit best. There is no need…
Load smaller image in first with Javascript
How to avoid images popping in after the page has loaded by loading in and displaying a much smaller one first. Credit to FThompson here at StackOverflow. I edited it…