alux
alux copied to clipboard
A Light HTML/CSS/JS Framework for fast Responsive Web Projects http://afmarchetti.github.io/alux/
ALUX 3.0 framework
The Fast HTML5 Framework for Awesome Light User Experience by MarchettiDesign.net
What's new in v3.0?
The Slider! (based on Glide.js) with:
- Autoplay
- Dotted Navigation
- Loop
- Carousel
- Drag Speed
- and more..
What's new in v2.5?
- Double Menu
- Footer Menu Mobile
- White Menu
- New Type Sizes and Spaces
- Same Size 25K!
What's new in v2.1?
- Cover Component
- Card / Tile Component
- Nested Grid Support
- New Demo Template
- Same Size 25K!
Features Added in v2.0
- Flexbox Auto Grid System
- New Slider with Touch Support
- Utilities for spacing Margin & Padding
- Improve Google Page Speed from 87/100 to 89/100
ALUX is a Lightweight Framework (25K) for Creating Super-Fast and Beautifully Responsive Web Apps.
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.
Examples
- One Page Landing – This is Alux most basic implementation
- Home with Slider – Using the Slider Based on Glide library
Benefits
- Simple
- Transitions/Animations are all in CSS
- Minimal JavaScript
- Flexible & Scalable
- 40KB minified
- Dependency free
Usage
Once you have downloaded ALUX, the first thing you need to do is include the CSS and the JavaScript.
CSS
<head>
<link rel="stylesheet" href="path/to/alux.min.css">
</head>
JavaScript
<script src="path/to/alux.min.js"></script>
Svg
add arrow.svg in the project folder. (used in menu & slider)
Docs
For all the Details & the Docs please visit:http://afmarchetti.github.io/alux/
Credits
- 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/)
Licensing
MIT © 2016 Andrea Marchetti