The Fast HTML5 Framework for Awesome Light User Experience by MarchettiDesign.net
The Slider! (based on Glide.js) with:
- Autoplay
- Dotted Navigation
- Loop
- Carousel
- Drag Speed
- and more..
- Double Menu
- Footer Menu Mobile
- White Menu
- New Type Sizes and Spaces
- Same Size 25K!
- Cover Component
- Card / Tile Component
- Nested Grid Support
- New Demo Template
- Same Size 25K!
- Flexbox Auto Grid System
- New Slider with Touch Support
- Utilities for spacing Margin & Padding
- Improve Google Page Speed from 87/100 to 89/100
Presentation, Examples & Docs: http://afmarchetti.github.io/alux/
The Framework is built with HTML/CSS and pure Javascript. Dependencies Free, no jQuery but with a wide range of features: Grids, Sliders, Menus, Animations, Typography, Forms, Buttons & more.
Easy, Light, Fast, Flexible.
- One Page Landing – This is Alux most basic implementation
- Home with Slider – Using the Slider Based on Glide library
- Simple
- Transitions/Animations are all in CSS
- Minimal JavaScript
- Flexible & Scalable
- 40KB minified
- Dependency free
Once you have downloaded ALUX, the first thing you need to do is include the CSS and the JavaScript.
<head>
<link rel="stylesheet" href="path/to/alux.min.css">
</head><script src="path/to/alux.min.js"></script>add arrow.svg in the project folder. (used in menu & slider)
For all the Details & the Docs please visit:http://afmarchetti.github.io/alux/
- For the Slider ALUX use Siema by Pawel Grzybek: (https://pawelgrzybek.com/siema/)
- The Grid System is an evolution of a Chris Coyer Article: (http://css-tricks.com/dont-overthink-it-grids/)
MIT © 2016 Andrea Marchetti