40 Basic Front-End best practices every developer should know (HTML, CSS, JS)
40 Front-end (HTML, CSS and JavaScript) coding standards and best practices. Front-End best practices ininvolved in HTML, CSS, JS.
Tag Archives: html
26 CSS Tooltips
Collection of Hand-picked CSS Tooltips and developed using CSS and HTML. Demos and downloads are available at each tooltips tutorials.
56 Hand Picked CSS Loaders
Collection of hand-picked awesome Loaders developed using CSS, html, JavaScript, jQuery, etc. Listed tutorials well played with 3d, gradients, Animation etc. some of the CSS Loaders are having beautiful animation effects using transitions. Demo and download available on each tutorial. CSS Loaders can be used directly without any changes and could be small changes based on your needs.
38 CSS Calendars
In this article, we listed the hand-picked awesome css calendars developed using css, html, JavaScript, jQuery, etc. Listed tutorials well played with colors, gradients, dynamic, event pick, event selection or responsive. some of the calendars are have beautiful animation effects using transitions. Demo and download available on each tutorial. calendars can be used directly without any changes and… Read More »
55 Useful handpicked CSS Buttons with examples and demos
In this article, we listed the hand-picked awesome CSS buttons collections developed using only CSS, HTML, JavaScript, etc. Listed tutorials well played with colors, gradients, or shapes. Some of the buttons have beautiful animation effects using transitions. Demo and download available on each tutorial. The button can be used directly without any changes and could be small changes… Read More »
Simple pure CSS button hover effect
Simple awesome pure CSS button hover effect. Developed using html, css, vanilla-tilt.js and JavaScript. Demo and download available.
3D Tilt Parallax Effect with Mouse Movement
Learn how to create the 3D tilt parallax effect while moving a mouse cursor. Developed using html, css, vanilla-tilt.js and JavaScript. Demo and download available.
Morph images on hover Menu Portfolio with pixi.js
Using Pixi.js plugin displacement filter to “morph” images while hovering connected sidebar links. Done using html, css, jQuery, TweenMax and pixi.js. Demo and download available.
Colorful Flat Loading Icon
A different take on the loading icon. Developed using only in HTML and CSS. Kind of looks like the top of the Amazon Alexa. Demo and Download available.
Animated Stacked Slider with jQuery and Slick.js plugin
Animated stacked slider is developed using css, html, jQuery and slick.js plugin. Demo and Download available.
CSS buttons styled to look like shirt buttons
CSS buttons styled to look like shirt buttons with a plaid flannel CSS background. There are not actually holes in the buttons. That is an illusion by placing different colored circles appropriately. Those are all done as a box-shadow from one transparent circle created from .button::after. The body tag is utilized to create the plaid design with repeating-linear-gradient.… Read More »
