The dilemma
Redesigning my website apart from the looks overhaul I wanted it to be quick and light with minimal requests. Through using CDN’s and minifying I got it to a decent…
Tag: CSS
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 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…
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…
cssgradient.io the place to generate your CSS gradients
cssgradient.io is the answer for you when you want to generate CSS gradients to use in web design. Its simple but also expansive in that it has everything you need…
How to do a glitch image effect in css and html
Here is how to do a modern glitch effect on an image in html with css just like this one The resources are below, including the images. You can use…
Using custom .ttf or .otf fonts in css and html
If you want to use a custom font from dafont or other font websites they usually come as either a .TTF or .OTF here is how to use these fonts…
CSS changing Bootstrap well or jumbotron on hover
If you have ever wanted to add CSS hover effects to a Bootstrap well or jumbotron you will have found out that .well:hover{} doesn’t work. To add effects on hover…
Bootstrap vs Bulma
Bootstrap and Bulma share so many similarities, both open sourced CSS frameworks. Both are fully responsive and obviously open source. Bulma was created by Jeremy Thomas as an alternative to…