GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - ChristoPy/Alien.css: A good and lazy way to add styles in HTML elements

BranchesTags
Open more actions menu

Latest commit

 

History

7 Commits
7 Commits

Folders and files

NameName
Last commit message
Last commit date
Alien.css
Alien.css
 
 
Alien.js
Alien.js
 
 
Alien.png
Alien.png
 
 
AlienAnimations.css
AlienAnimations.css
 
 
AlienButtons.css
AlienButtons.css
 
 
AlienMisc.css
AlienMisc.css
 
 
AlienPositions.css
AlienPositions.css
 
 
HISTORY
HISTORY
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 

Repository files navigation

Logo

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.

Auto setup with AJAX

  1. 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 where Alien.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.

  2. 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.

Setup by hand

  1. Put the following code line inside the <head> tag before any style:

    • <link rel="stylesheet" type="text/css" href="Alien.css">
  2. Put the needed stylesheets of Alien.css in you HTML file.

Dependencies

None.

Why use this?

To have less pain when making styles and learn how to make some useful and modern css styles.

To do

  • Make a documentation

Version

0.3

Thanks to Nicolas Gallagher and Jonathan Neal by normalize.css!

About

A good and lazy way to add styles in HTML elements

Topics

alienscsscss-frameworkframeworkhtmlhtml-elementjavascriptjavascript-frameworkjsstylesheets

Resources

Readme
Apache-2.0 license
Activity

Stars

12 stars

Watchers

0 watching

Forks

1 fork
Report repository

Releases

Packages

Used by

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.