npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

skeletonic

v1.2.1

Published

A dead on, lightweight, responsive and modern CSS framework.

Downloads

204

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

sebastienrousseausebastienrousseau

Keywords

skeletonicCSSlightweightdead onresponsiveframeworksemanticmobile-firstmodernstyle-agnosticfront-endfrontendgrid systemtypography

Readme

alt text

Introducing Skeletonic CSS

Skeletonic CSS - A lightweight, intuitive, accessible and ultra-responsive cascading style sheets framework to streamline your Digital and Mobile Web development needs.

Download Skeletonic CSS v1.2.1

NPM

npm version Build Status Packagist FOSSA Status

Table of contents

Getting Started

Skeletonic is constantly in development. Try it out now!

Local Setup

Several quick start options are available:

  • Download the latest release
  • Install with Npm to get the pre-built CSS and sourcemaps. This is recommended when using Skeletonic for a typical web project: npm install skeletonic
  • Install with Yarn to get the pre-built CSS and sourcemaps. This is recommended when using Skeletonic for a typical web project: yarn add skeletonic
  • Clone the main repository to get all source files including build scripts: git clone https://github.com/sebastienrousseau/skeletonic.git

What's included

Within the download you'll find all the source files, compiled and minified CSS bundles as well as the CSS sourcemaps grouped into the dist folder.

You'll see something like this:

skeletonic-1.2.1
├── skeletonic-animations.css
├── skeletonic-animations.css.map
├── skeletonic-animations.min.css
├── skeletonic-colours.css
├── skeletonic-colours.css.map
├── skeletonic-colours.min.css
├── skeletonic-fonts.css
├── skeletonic-fonts.css.map
├── skeletonic-fonts.min.css
├── skeletonic-pattern.css
├── skeletonic-pattern.css.map
├── skeletonic-pattern.min.css
├── skeletonic.css
├── skeletonic.css.map
└── skeletonic.min.css

Now simply link one of these CSS in your HTML document. In that case, the quickest and easiest way to start using skeletonic is to include a reference to the minified CSS file.

<link rel="stylesheet" type="text/css" href="skeletonic.min.css" />

The link consists of just a simple line of HTML code that you will need to put in the <head> section of your HTML document.

We also provide production-ready versions and use unpkg as our preferred CDN to link to the latest production version. unpkg is a fast, global content delivery network for everything on npm.

Please feel free to grab the latest:

<link rel="stylesheet" type="text/css" href="https://unpkg.com/skeletonic/dist/skeletonic.min.css" />

You can also specify a specific version as per below. The latest version as of today is 1.2.1.

<link rel="stylesheet" type="text/css" href="https://unpkg.com/[email protected]/dist/skeletonic.min.css" />

Extend

We provide a growing library of extensible CSS module files, utilities, themes and components ready to use as is to fit your web needs.

CSS Responsive Grid-View

<link rel="stylesheet" type="text/css" href="skeletonic-pattern.min.css" />

CSS Colours

<link rel="stylesheet" type="text/css" href="skeletonic-colours.min.css" />

CSS Animations

<link rel="stylesheet" type="text/css" href="skeletonic-animations.min.css" />

Alternate CDN locations

The following table lists alternate CDN locations where Skeletonic is hosted.

| CDN | URL | HTTPS | Combo | |---|---|---|---| | unpkg | https://unpkg.com/[email protected]/dist/skeletonic.min.css | Yes | No | | jsDelivr | https://cdn.jsdelivr.net/npm/skeletonic/dist/skeletonic.min.css | Yes | Yes |

Versioning

For transparency into our release cycle and in striving to maintain backward compatibility, Skeletonic is maintained under the Semantic Versioning guidelines.

Built With

  • Gulp - The streaming build system
  • Stylus - Expressive, robust, feature-rich CSS language built for nodejs
  • CSScomb - CSS coding style formatter

Contributing

Please read carefully through our Contributing Guidelines for further details on the process for submitting pull requests to us.

Code of Conduct

We are committed to preserving and fostering a diverse, welcoming community. Please read our Code of Conduct.

Our Values

  1. We believe perfection must consider everything.
  2. We take our passion beyond Code into our daily practices.
  3. We are just obsessed about creating and delivering exceptional solutions.

History

License

This project is licensed under the MIT License - see the LICENSE file for details

FOSSA Status

Acknowledgements

Skeletonic is beautifully crafted by these people and a bunch of awesome contributors

Sebastien Rousseau | |:---: Sebastien Rousseau |

Credit also goes to the following source code libraries:

  • Normalize.css - A modern, HTML5-ready alternative to CSS resets to fix cross-browser compatibility issues.
  • Skeleton - A Dead Simple, Responsive Boilerplate
  • Wing - A beautiful CSS framework designed for minimalists.