Blueprint (CSS framework)

{{Short description|CSS framework}}

{{other uses|Blueprint (disambiguation)}}

{{Infobox software

| name = Blueprint

| logo =

| logo alt =

| logo caption =

| screenshot =

| screenshot size =

| screenshot alt =

| caption =

| collapsible =

| author =

| developer =

| released =

| discontinued = Yes

| ver layout =

| latest release version = 1.0.1

| latest release date = {{Start date and age|2011|05|14|df=no}}{{cite web |title=joshuaclayton/blueprint-css |url=https://github.com/joshuaclayton/blueprint-css/releases |website=GitHub |accessdate=23 April 2020 |language=en |quote=This repository has been archived by the owner. It is now read-only.}}

| latest preview version =

| latest preview date =

| repo = {{URL|https://github.com/joshuaclayton/blueprint-css}}

| programming language =

| engine =

| operating system =

| platform =

| included with =

| size =

| language =

| language count =

| language footnote =

| genre =

| license = MIT License

| alexa =

| website = {{URL|http://www.blueprintcss.org/}}

| standard =

| AsOf =

}}

{{CSS}}

Blueprint is a CSS framework designed to reduce development time and ensure cross-browser compatibility when working with Cascading Style Sheets (CSS). It also serves as a foundation for many tools designed to make CSS development easier and more accessible to beginners.

History

Blueprint was first created by Olav Bjørkøy and released on August 3, 2007.[https://web.archive.org/web/20080516223431/http://bjorkoy.com/past/2007/8/3/launch_blueprint_a_css_framework/ Launch: Blueprint, a CSS framework]. bjorkoy.com (2007-8-3). By August 11, Blueprint included work based on ideas from Jeff Croft, Nathan Borror, Christian Metts, and Eric A. Meyer.[http://www.byteswire.com/15-css-frameworks-for-front-end-developers/ CSS Frameworks for Front-end Developers]. byteswire.com. Retrieved on 2014-09-01. Version 0.8 was released on November 11, and included various bugfixes as well as a new "tabs" plugin.[https://web.archive.org/web/20081225043346/http://www.christianmontoya.com/2008/11/11/blueprint-version-08/ Blueprint version 0.8]. (Archived) Christianmontoya.com. Retrieved on 2012-09-11.

Purpose

One of the goals stated by the core team is to facilitate the development of new tools for working with CSS.[http://www.christianmontoya.com/2007/11/10/semantify-and-css-tools-based-on-blueprint/ Semantify, and CSS tools based on Blueprint] {{webarchive |url=https://web.archive.org/web/20090116225648/http://www.christianmontoya.com/2007/11/10/semantify-and-css-tools-based-on-blueprint/ |date=January 16, 2009 }}. Christianmontoya.com. Retrieved on 2012-09-11. A variety of CSS generators, visual editors, themes, and frameworks are based on Blueprint, many of which can be found on the [https://github.com/joshuaclayton/blueprint-css/wikis/home Blueprint Wiki].[https://wiki.github.com/joshuaclayton/blueprint-css/mods-forks-and-alternatives Mods, Forks and Alternatives] {{Webarchive|url=https://web.archive.org/web/20100330194724/http://wiki.github.com/joshuaclayton/blueprint-css/mods-forks-and-alternatives |date=2010-03-30 }}. Wiki.github.com (2012-03-31). Retrieved on 2012-09-11.

Blueprint is released under a modified version of the MIT License, making it free software. It can be either used as is, or further adapted for use via a compression tool that is written in Ruby.{{citation needed|date=August 2024}}

Features

Blueprint's README file lists the following features as being provided out-of-the-box:

  • A typographic baseline
  • A stylesheet for printing
  • An easily customizable grid
  • Sensible default typography
  • Perfected browser CSS reset
  • Powerful scripts for customization[https://streamvi.com/resources/impact-of-video-size-on-website-load-times Impact of video size on website load times] Video Compressor. Retrieved on 2023-03-07.
  • Bloat Minimized as much as possible

See also

References

{{Reflist}}