Website Resources


A pure CSS library to beautify checkbox and radio buttons – Pretty checkbox 


Great Resources on Code snippets for HTML, CSS and JavaScript. – https://www.w3schools.com/howto/default.asp


Gradient Animator – https://www.gradient-animator.com/


Typeahed – https://twitter.github.io/typeahead.js/


http://highslide.com/ – Highslide JS is an image, media and gallery viewer written in JavaScript. Good if you have a lot of images and you want users to click on the image and it will popup with an animation. You can again click on the image so it will close. It has a number of options to choose from.
[Used in this website – http://www.egramerkagoj.com/2019/01/09/index.php]


How to check if a website is safe to browse?

https://transparencyreport.google.com/safe-browsing/search


Radial Background

<html>
<head>
<style>
body {
color: #fff;
font: 14px/20px XfinityStandard,sans-serif!important;
padding: 0;
background: #071725;
background: radial-gradient(500px at 50% 360px,#155779 0,#071725 100%) no-repeat;
}
</style>
</head>
<body>
</body>
</html>


Red color button on hover effect | bootstrap

<input type=”submit” class=”btn btn-danger” value=”Save changes” style=””>

.btn.btn-danger, .btn:link.btn-danger {
background-color: #f0473d;
border-color: #f0473d;
}

.btn, .btn:link {
//border-radius: 0;
//color: #fff;
line-height: 37px;
padding: 0 20px;
font-size: 15px;
text-overflow: ellipsis;
//outline: hidden;
}

.btn:link.active, .btn:link:active {
box-shadow: inset 0 1px 4px 0 rgba(0,0,0,.5);
}

.btn:hover, .btn:link:hover {
box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
}


Gradient

This is a heading in a div element

This is some text in a div element.

background-image: linear-gradient(255deg,#4940ff,#35b2e6);