Bootstrap 0 votes

Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.

Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.

Bootstrap is built with Less and was designed to work out of the gate with modern browsers in mind.

Bootstrap is tested and supported in major modern browsers like Chrome, Safari, Internet Explorer, and Firefox.

Bootstrap comes complete with compiled CSS, uncompiled, and example templates.

Elm 0 votes

The Elm Programming Language

The Elm programming language aims to make web development more pleasant. Elm is a type-safe, functional reactive language that compiles to HTML, CSS, and JavaScript.

Elm's major distinguishing features are support for reactive programming and its focus on graphical user interfaces. Elm is also call-by-value and strongly / statically typed with type inference, so those of you already familiar with languages like Haskell or ML should be quite comfortable.

The language features mentioned above help catch errors in your code at compile time, but there are some errors that are external to your code, such as browser incompatabilities. By using HTML, CSS, and JavaScript as an assembly language, Elm can avoid some of these problems.

Adapt.js 0 votes

Adaptive CSS

Adapt.js is a lightweight (848 bytes minified) JavaScript file that determines which CSS file to load before the browser renders a page. If the browser tilts or resizes, Adapt.js simply checks its width, and serves only the CSS that is needed, when it is needed.

A potential drawback of Adapt.js is the possibility of a brief flash of unstyled content as a new stylesheet is being fetched (think of it as “Ajax” for CSS). It is worth noting this is a proposed, not prescribed, approach to a problem with multiple solutions.

helium-css 0 votes

JavaScript tool to scan your site and show unused CSS

Helium is a tool for discovering unused CSS across many pages on a web site.

The tool is javascript-based and runs from the browser.

Helium accepts a list of URLs for different sections of a site then loads and parses each page to build up a list of all stylesheets. It then visits each page in the URL list and checks if the selectors found in the stylesheets are used on the pages. Finally, it generates a report that details each stylesheet and the selectors that were not found to be used on any of the given pages.