Sizing Areas With Custom Properties
Illustrates a technique to control the sizing of different areas on your website using CSS custom properties.
Made with: HTML,CSS (SCSS),JS
Clean Bootstrap Dismissable Alert
Free Bootstrap snippets for the web. Example content goes here. Optionally, use the grid system to apply smaller alerts!
Made with: HTML,CSS
Animated Accordion
Animated accordion with HTML details element.
Made with: HTML,CSS (SCSS)
Interactive 3D Background
This simple interactive background is made with ThreeJS and a PlaneBufferGeometry animated with Simplex noise.
Made with: HTML,CSS,JS (Babel)
Accordion With Close Button
This is a simple example of how you can create an accordion from a regular HTML tag and a pair of jQuery lines. We often resort to using complex patterns and writing long code when creating sliders and accordions, completely forgetting that there are very simple ways to solve these problems. Here you do not need to be well versed in the code to stylize it and add animation.
Made with: HTML (Pug),CSS (Sass),JS
Page Reveal Effect
Simple 3D reveal effect. This simple effect is made with ThreeJS and TweenMax.
Made with: HTML,CSS,JS (Babel)
Flat Buttons Hover Effects
Some beautiful and clean hover effects for flat button.
Made with: HTML,CSS (SCSS)
Whole Ui Without Javascript
The whole site on pure CSS (without JavaScript): parallax scrolling; simple animation of links and buttons with the css-property cubic-bezier; smooth scrolling when click on the navigation animation of the hamburger click open/close the click menu. etc.
Made with: HTML (Pug),CSS (SCSS)
Notification Badge Animation
Notification badge exploration.
Made with: HTML,CSS (SCSS),JS
Memory Game
Just another memory game (that doesn't use any JS library).
Made with: HTML,CSS (SCSS),JS (Babel)