How to move placeholder to top on focus AND while typing inside form-input?

Misc

Screenshot of the demo below I think this is a new trend for HTML forms most websites have been following for the last couple of years now. It looks amazing seeing labels animating and changing their position to the top of the input and staying itself there when input...

Smooth page load script to avoid font flickering

Misc

The best way to avoid font flickering during page loads is to apply a CSS animation – fade in effect during the page load. Please have a look at the following script and include it in your CSS file or as an internal CSS:@keyframes pageFadeIn {  from {...

Convert CSS to Sass or Scss

Misc

This is a cool application to convert a CSS file back to a sass file and then manage the sass file accordingly to get the whole control of big projects with no sass implemented. Web link – http://css2sass.herokuapp.com/

Layerslider – Awesome customizable sliders

Misc

Layerslider – Awesome customizable sliders Web Link – https://layerslider.kreaturamedia.com/ This slider uses CSS3 animations and is optimized for mobile device as well. Each slide can be customized according to your needs with simple and intuitive...

CSS Cubic-Bezier Function Generator

Misc

CSS Cubic-Bezier Function Generator Tool Hey, It’s a great tool to create pre-made easing functions for animations and also customize cubic-bezier functions. You can either select from premade and listed easing values or try dragging the two squares that are...