Alien.css is a collection of some of the best styles that i've made, helping make styles with a good (and lazy) way to add styles to HTML elements.
Now using normalize.css to make it works in all browsers. The normalize.css code is already included in the Alien.css.
-
Setup a config file written in JSON, name it as
AlienConfig.json
and put it in the same folder of your HTML file. The setup file must be like this:{ "AlienPath": "YourPathToAlien.css/", "AlienAnimations": true, "AlienButtons": true, "AlienMisc": true, "AlienPositions": true }
-
AlienPath
is whereAlien.css
is located with all your files. -
AlienAnimations
tell that animations will be used. -
AlienButtons
tell that buttons will be used. -
AlienMisc
tell that miscellaneous will be used. -
AlienPositions
tell that positioning will be used. -
If a dependencie don't be used, remove it from the JSON file or set it to
false
.
-
-
Put the following code line inside the
<head>
tag before any style:-
<script type="text/javascript" src="YourPathToAlien.css/Alien.js"></script>
-
This script will execute when the window loads and put all dependencies in the HTML file based in the JSON file.
-
-
Put the following code line inside the
<head>
tag before any style:<link rel="stylesheet" type="text/css" href="Alien.css">
-
Put the needed stylesheets of Alien.css in you HTML file.
None.
To have less pain when making styles and learn how to make some useful and modern css styles.
- Make a documentation
0.3