Why URL shorten?
URL shortening is when you have links that redirect to content that are either a lot shorter than the redirect to URL or it is a ‘pretty’ URL. When I…
Tag: Web design
What is material design?
From material.io Material design is stated as a visual language that synthesizes the classic principles of good design with the innovation of technology and science. In more simple terms Material…
Defining color variables in CSS
CSS can at times become confusing or hard to work in and edit, especially color codes. A well designed website will have similar color codes due to shading and lighter…
Inspect a CSS hover element in chrome dev tools
Here is how to view the CSS hover state for an element with the Chrome developer tools and element selector. Once in Google Chrome and at your webpage, Open the…
How to add a tab icon in html
The little icon that sits before the tab title text is called a favicon. A favicon can be in png or ico format, with png being supported by all browsers…
How to do a CSS text Distortion
Here is a method to do a distortion or glitch effect to text in CSS. This is done through the use of CSS web kit animation and key frames. The…
Easy sortable HTML table with Javascript
To have your HTML table be sortable (highest to lowest/lowest to highest) you need the jQuery framework, the table sorter Javascript plugin, a table id and a little bit of…
Reddit redesign is shockingly bad, what are they doing?!
Reddit currently is going through a “redesign” process. For what reason im not sure, but its bad and plays to the saying “don’t fix it if it aint broke” massively….
Woah! 10 more Bootstrap 4 themes
In my knowledge and limited research Bootswatch was the go to place to find bootstrap themes. I did a post on Bootswatch which you can find here. I have now…
Colour Hunt; yet another colour palette website
I know that I have done similar posts on colour scheme inspiration websites, but i want to do one more. Colour Hunt is a colour sharing community which showcases user…