Modern framework to print the web correctly.

Last update: Dec 29, 2022

Overview

Modern framework to print web pages correctly

How to use

Simply include the right stylesheet(s) in your html and load it only for a printer. Gutenberg.css is the base stylesheet but there are themes available in the themes folder.

Example with Gutenberg and "old style" theme :

<link rel="stylesheet" href="dist/gutenberg.css" media="print">
<link rel="stylesheet" href="dist/themes/oldstyle.css" media="print"> <!-- optional -->

Comparison between standard print (left) and Gutenberg (middle, Modern style and right, Old style)

npm

Gutenberg is available on npm

npm install gutenberg-css

(or yarn add gutenberg-css for yarn users)

CDN

You can also use the unpkg service as a CDN.

<link rel="stylesheet" href="https://unpkg.com/[email protected]" media="print">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/themes/oldstyle.min.css" media="print">

What does the framework do ?

Hide elements

To hide elements to be printed you can simply add the class no-print.

Force break page

Gutenberg provides two ways to break a page, the class break-before will to break before and break-after to break after.

Example:

<!-- The title will be on a new page -->
<h1 class="break-before">My title</h1>

<p class="break-after">I will break after this paragraph</p>
<!-- Break here, the next paragraph will be on a new page -->
<p>I am on a new page</p>

Avoid break inside

To avoid the page to break "inside" an element, you can use the avoid-break-inside class.

Example:

<div class="avoid-break-inside">
  <img src="gutenberg.png" />

  <p>I really don't want this part to be cut</p>
</div>

Not reformat links or acronym

If you do not want to reformat the links, acronym or abbreviation to show the full url or title, you can use the class no-reformat.

Force to print background

To force backgrounds to be printed (can be useful when you "print" a pdf), add this CSS (compatible with Safari and Chrome):

-webkit-print-color-adjust: exact;
        print-color-adjust: exact;

Dev

npm i to install the dependencies
npm run watch to "watch" the scss folder and compile to css
npm run build to compile gutenberg to css

Comments

Fit to page?

Is there a way to make some content fit to a page? I'm using the page-break-after class but having an issue where sometimes some of the content is too long and it rolls over onto a new page. Is there a way to shrink or cut off the content so that it doesn't create another page?

opened by wootwoot1234 4
Typo in READ.ME

In the section for page break, "Gutenberg provide to way break page, the class page-break will for to break before and page-break-after to break after." should be "Gutenberg provide two ways break page, the class page-break will for to break before and page-break-after to break after."

opened by Louhike 3
Fix dependency versions in releases

Hello,

it is generally considered a good idea to fix the dependencies of a public npm package to a specific version by not using any prefix in the projects' package.json. normalize-css 6.0.0 (or when depending on a package vulnerable to security threats, such as a web framework like express to the minor version normalize-css 6.0.x).

If you use the default caret (^) character in your package.json, that means that on each npm update, npm will install the latest minor release in the current project. Many package authors don't take semver too seriously, which could mean that a breaking change might be released in a minor version.

So if (just an example, I never had problems with normalize) the author of normalize-css decides that it'd be fancy to set the default background color of anything in the DOM to lime in version 6.9.0, any CI-Tool would build and deploy that without asking.

Therefore, I'd like to request that little patch to the package.json

Also: Could you please be so kind to publish gutenberg-css#3.0.1 on npm? I'd be delighted at using the updates in a project I'm about to launch.

More information: https://blog.nodejitsu.com/package-dependencies-done-right/ http://stackoverflow.com/questions/25432768/change-npm-default-caret-in-package-json

opened by tomm1996 3
Strange width on print

@BafS thank you for your package.

Could you look at my problem?

Why is content so narrow there:

I have two-columned page layout, col-sm-3 and col-sm-9. First contains menu and has a class no-print, on the second I've added class print-full-width which has a media print style width: 100% !important; but, no result. How can I fix this?

opened by akalongman 2
deprecation(Division): Migrate away from slash based division.

Sass is moving away from using the / as a marker for division since that character is used heavily in CSS itself and it is a pain to differentiate between division and separation. Code has been changed using the recommended sass-migrator package.

https://sass-lang.com/documentation/breaking-changes/slash-div

opened by tomciopp 1
Allow to use no-reformat on any container tag
For example:

<body class="no-reformat"> <a href="#">I will not be formatted</a> </body>

It shouldn't break the old behavior.
opened by BinaryBrain 1
Remove Placeholder

Maybe, it is a good idea to reset also printing of placeholder: https://stackoverflow.com/questions/16493360/removing-input-placeholder-on-a-printable-version-of-an-html-page

opened by stritti 1
Syntax error

Hello,

There is a small syntax error here: https://github.com/BafS/Gutenberg/blob/master/scss/_print-reset.scss#L219

It should be text-decoration: none;.

Thank you for making web printing less terrible to work with. :)

opened by mikemand 1
Fix selector bug

Hey,

I found and fixed a bug regarding ampersand-selectors in _reformat.scss. Using &[href^="ftp://"] on top level is not supposed to work since & is a reference to the parent selector.

Both, grunt-sass and node-sass throw the following error when trying to compile that file:

"status": 1, "file": "~/projects/gutenberg/scss/_utilities.scss", "line": 17, "column": 1, "message": "Base-level rules cannot contain the parent-selector-referencing character '&'.\n\nBacktrace:\n\tscss/_utilities.scss:17", "formatted": "Error: Base-level rules cannot contain the parent-selector-referencing character '&'.\n\n > Backtrace:\n \tscss/_utilities.scss:17\n on line 17 of scss/_utilities.scss\n>> &abbr[title], &acronym[title] {\n ^\n"

Apparently, for some reason it's okay for gulp-sass, which is why you didn't get an error when compiling the framework.

Further information: http://thesassway.com/intermediate/referencing-parent-selectors-using-ampersand

EDIT: you can reproduce this error by running $ npm i node-sass -g $ node-sass ./scss/gutenberg.scss .

in the directory root.

I just noticed that this error occurs in utilities.scss aswell. Sorry for the trouble, I added the fix to the pull request

opened by tomm1996 1
Editorconfig

I would like to contribute an .editorconfig file to make sure all files share the same formatting. This would help others with contributing well-formatted changes/additions. Just need to know the preferences (indention, charset, whitespace handling).

opened by tomlutzenberger 1
Bump qs from 6.5.2 to 6.5.3
Bumps qs from 6.5.2 to 6.5.3.

Changelog

Sourced from qs's changelog.

6.5.3

[Fix] parse: ignore __proto__ keys (#428)

[Fix] utils.merge: avoid a crash with a null target and a truthy non-array source

[Fix] correctly parse nested arrays

[Fix] stringify: fix a crash with strictNullHandling and a custom filter/serializeDate (#279)

[Fix] utils: merge: fix crash when source is a truthy primitive & no options are provided

[Fix] when parseArrays is false, properly handle keys ending in []

[Fix] fix for an impossible situation: when the formatter is called with a non-string value

[Fix] utils.merge: avoid a crash with a null target and an array source

[Refactor] utils: reduce observable [[Get]]s

[Refactor] use cached Array.isArray

[Refactor] stringify: Avoid arr = arr.concat(...), push to the existing instance (#269)

[Refactor] parse: only need to reassign the var once

[Robustness] stringify: avoid relying on a global undefined (#427)

[readme] remove travis badge; add github actions/codecov badges; update URLs

[Docs] Clean up license text so it’s properly detected as BSD-3-Clause

[Docs] Clarify the need for "arrayLimit" option

[meta] fix README.md (#399)

[meta] add FUNDING.yml

[actions] backport actions from main

[Tests] always use String(x) over x.toString()

[Tests] remove nonexistent tape option

[Dev Deps] backport from main

Commits

298bfa5 v6.5.3

ed0f5dc [Fix] parse: ignore __proto__ keys (#428)

691e739 [Robustness] stringify: avoid relying on a global undefined (#427)

1072d57 [readme] remove travis badge; add github actions/codecov badges; update URLs

12ac1c4 [meta] fix README.md (#399)

0338716 [actions] backport actions from main

5639c20 Clean up license text so it’s properly detected as BSD-3-Clause

51b8a0b add FUNDING.yml

45f6759 [Fix] fix for an impossible situation: when the formatter is called with a no...

f814a7f [Dev Deps] backport from main

Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0
Bump decode-uri-component from 0.2.0 to 0.2.2
Bumps decode-uri-component from 0.2.0 to 0.2.2.

Release notes

Sourced from decode-uri-component's releases.

v0.2.2

Prevent overwriting previously decoded tokens 980e0bf

https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.1...v0.2.2

v0.2.1

Switch to GitHub workflows 76abc93

Fix issue where decode throws - fixes #6 746ca5d

Update license (#1) 486d7e2

Tidelift tasks a650457

Meta tweaks 66e1c28

https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.0...v0.2.1

Commits

a0eea46 0.2.2

980e0bf Prevent overwriting previously decoded tokens

3c8a373 0.2.1

76abc93 Switch to GitHub workflows

746ca5d Fix issue where decode throws - fixes #6

486d7e2 Update license (#1)

a650457 Tidelift tasks

66e1c28 Meta tweaks

See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0
Bump copy-props from 2.0.4 to 2.0.5
Bumps copy-props from 2.0.4 to 2.0.5.

Release notes

Sourced from copy-props's releases.

2.0.5

Fix

Avoids prototype pollution (#7)

Doc

Update license years.

Transfer ownership to Gulp Team (#6)

Build

Update dependencies: each-props (>=1.3.2), is-plain-object (>=5.0.0).

Test

Expand test versions to v11〜v14.

Changelog

Sourced from copy-props's changelog.

Changelog

3.0.1 (2021-10-31)

Bug Fixes

ci: Rename prettierignore typo & avoid formatting web (192badf)

Update dependencies (ba8a51c)

3.0.0 (2021-09-25)

⚠ BREAKING CHANGES

Normalize repository, dropping node <10.13 support (#8)

Miscellaneous Chores

Normalize repository, dropping node <10.13 support (#8) (85b1165)

Commits

40b7974 2.0.5

2c738f5 Fix: Avoids prototype pollution (#7)

4cac863 Merge: Transfer ownership to Gulp Team (#6)

54a791d Doc: Transfer ownership to Gulp Team

196fc9e Merge: Update dependencies and expand ci test versions (#5)

e89907f Test: Update npm to v4 when nodejs is v5 because of npm install error.

e970322 Test: Run coveralls when nodejs >= 6 because of its supports

063e534 Test: Add nodejs v11-v14 into ci test versions

72270af Doc: Update license years

f60b928 Build: Update versions of dependencies

See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0
Bump path-parse from 1.0.6 to 1.0.7
Bumps path-parse from 1.0.6 to 1.0.7.

Commits

See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0
Bump lodash from 4.17.20 to 4.17.21
Bumps lodash from 4.17.20 to 4.17.21.

Commits

f299b52 Bump to v4.17.21

c4847eb Improve performance of toNumber, trim and trimEnd on large input strings

3469357 Prevent command injection through _.template's variable option

See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0
Bump hosted-git-info from 2.8.5 to 2.8.9
Bumps hosted-git-info from 2.8.5 to 2.8.9.

Changelog

Sourced from hosted-git-info's changelog.

2.8.9 (2021-04-07)

Bug Fixes

backport regex fix from #76 (29adfe5), closes #84

2.8.8 (2020-02-29)

Bug Fixes

#61 & #65 addressing issues w/ url.URL implmentation which regressed node 6 support (5038b18), closes #66

2.8.7 (2020-02-26)

Bug Fixes

Do not attempt to use url.URL when unavailable (2d0bb66), closes #61 #62

Do not pass scp-style URLs to the WhatWG url.URL (f2cdfcf), closes #60

2.8.6 (2020-02-25)

Commits

8d4b369 chore(release): 2.8.9

29adfe5 fix: backport regex fix from #76

afeaefd chore(release): 2.8.8

5038b18 fix: #61 & #65 addressing issues w/ url.URL implmentation which regressed nod...

7440afa chore(release): 2.8.7

2d0bb66 fix: Do not attempt to use url.URL when unavailable

f2cdfcf fix: Do not pass scp-style URLs to the WhatWG url.URL

e1b83df chore(release): 2.8.6

ff259a6 Ensure passwords in hosted Git URLs are correctly escaped

See full diff in compare view

Maintainer changes

This version was pushed to npm by nlf, a new releaser for hosted-git-info since your current version.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0

Releases(v0.6.1)

v0.6.1(Sep 6, 2020)
Add

.avoid-break-inside class to avoid breaking inside elements

.break-before and .break-after as .page-break-before and .page-break-after aliases

Deprecated

.page-break-before and .page-break-after, use the new .break-before and .break-after

Source code(tar.gz)
Source code(zip)
v0.6.0(Mar 2, 2020)
Use tilde (~) to import Normalize

[dev] Upgrade to gulp v4

Source code(tar.gz)
Source code(zip)
v0.5.0(Apr 16, 2019)
Update Normalize.css to v8 (use the original repository (https://github.com/necolas/normalize.css) instead of normalize-sass)

[dev] Setup travis

Source code(tar.gz)
Source code(zip)
v0.4.2(Apr 5, 2017)
Since last version

All variables are now rewritable (#14)

Use text-decoration: none instead of 0 (#13)

Source code(tar.gz)
Source code(zip)
v0.4.1(Mar 3, 2017)
Since last version

Fix bug #11 when web-fonts are not always loaded on printing mode. Workaround by removing the distant web-fonts.

Source code(tar.gz)
Source code(zip)
v0.4.0(Mar 2, 2017)
Since last version

Add scss-lint to dev, rewrite some part to follow the standard.

Update the readme (typos, update documentation, add badges) (#6, #7)

Clarify the page-break class, add page-break-before (do the same as page-break, it is an alias) (#5)

Add license file (#9)

Add codeclimate to the repo

Other details (please check the commits for more details)

Note: This release should not have any breaking change
Source code(tar.gz)
Source code(zip)
v0.3.1(Feb 24, 2017)
Fix ampersand selector bug (#3)

Source code(tar.gz)
Source code(zip)
v0.3.0(Dec 2, 2016)
Since version 0.2.0

Split scss files, clean scss

Better print reset

Change text color to black

Add background color

Add .no-reformat util class

Move demo folder to docs.
Source code(tar.gz)
Source code(zip)
v0.3.0-beta(Nov 21, 2016)
Split scss files, clean scss

Better print reset

Change text color to black

Add background color

Add .no-reformat util class

Source code(tar.gz)
Source code(zip)
v0.2.0(Oct 24, 2016)
Use normalize 5 (it was the version 3)

Rewrite gulp stream

Add minified css to /dist

Source code(tar.gz)
Source code(zip)
v0.1.0(Oct 4, 2016)

Source code(tar.gz)
Source code(zip)

Owner

Fabien Salathe

Software engineer who <3 to code.

GitHub https://bafs.github.io/Gutenberg

Octoprint-Detector2 is a detection plugin that runs in locally your browser and emails you if it detects some spaghetti, stringing or blobs on your print

Octoprint-Detector2 is a detection plugin that runs in locally your browser and emails you if it detects some spaghetti, stringing or blobs on your print. All you need is an email account and a PC.

24 Jan 2, 2023

Modern CSS framework based on Flexbox

Bulma Bulma is a modern CSS framework based on Flexbox. Quick install Bulma is constantly in development! Try it out now: NPM npm install bulma or Yar

46.6k Dec 31, 2022

Spectre.css - A Lightweight, Responsive and Modern CSS Framework

Spectre.css Spectre.css is a lightweight, responsive and modern CSS framework. Lightweight (~10KB gzipped) starting point for your projects Flexbox-ba

11.1k Jan 8, 2023

A classless CSS framework to write modern websites using only HTML.

new.css new.css A classless CSS framework to write modern websites using only HTML. It weighs 4.8kb. All it does is set some sensible defaults and sty

3.6k Jan 3, 2023

A bare-bones CSS reset for modern web development.

A modern CSS reset A tiny little reset that you can use as the basis of your CSS projects. You can read a breakdown of it here. Installation NPM: npm

2.7k Jan 1, 2023

A modern, responsive CSS boilerplate library to kickstart any web-based project.

Peacock CSS Peacock is a modern, responsive CSS boilerplate library to kickstart any web-based project. It is simple, lightweight and it contains all

8 Jan 23, 2022

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

Fluent UI Web ?? ?? ?? Version 8 of @fluentui/react is now available on npm! ?? ?? ?? See the release notes for more info, and please file an issue if

14.5k Jan 4, 2023

A modern alternative to CSS resets

normalize.css A modern alternative to CSS resets NPM npm install --save normalize.css CDN See https://yarnpkg.com/en/package/normalize.css Download Se

49.4k Jan 5, 2023

A tiny modern CSS reset

minireset.css A tiny modern CSS reset that covers the basics: resets the font sizes: so that using semantic markup doesn't affect the styling resets t

2.6k Dec 29, 2022

🚿 A modern CSS reset

Modern CSS reset Installation npm install --save ress or bower install --save ress Features Apply box-sizing: border-box; in all elements. Reset paddi

1.9k Jan 4, 2023

A modern alternative to CSS resets

49.4k Jan 1, 2023

A modern static resume template and theme. Powered by Jekyll and GitHub pages.

modern-resume-theme A modern simple static resume template and theme. Powered by Jekyll and GitHub pages. Host your own resume on GitHub for free! Vie

1.5k Dec 31, 2022

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

Bootstrap Sleek, intuitive, and powerful front-end framework for faster and easier web development. Explore Bootstrap docs » Report bug · Request feat

161k Jan 1, 2023

A lightweight and modular front-end framework for developing fast and powerful web interfaces

UIkit UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. Homepage - Learn more about UIkit @getui

17.7k Jan 8, 2023

AngularJS SPA Template for Visual Studio is a project skeleton for a simple single-page web application (SPA) built with AngularJS, Bootstrap, and ASP.NET (MVC, Web Api, SignalR).

AngularJS SPA Template for Visual Studio This project is a skeleton for a simple single-page web application (SPA) built on top of the: AngularJS 1.2.

105 Jun 18, 2022

The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.

Install | Documentation | Releases | Contributing Foundation is the most advanced responsive front-end framework in the world. Quickly go from prototy

29.4k Jan 4, 2023

Modern framework to print the web correctly.

Related tags

Overview

How to use

npm

CDN

What does the framework do ?

Hide elements

Force break page

Avoid break inside

Not reformat links or acronym

Force to print background

Dev

Comments

6.5.3

v0.2.2

v0.2.1

2.0.5

Fix

Doc

Build

Test

Changelog

3.0.1 (2021-10-31)

Bug Fixes

3.0.0 (2021-09-25)

⚠ BREAKING CHANGES

Miscellaneous Chores

2.8.9 (2021-04-07)

Bug Fixes

2.8.8 (2020-02-29)

Bug Fixes

2.8.7 (2020-02-26)

Bug Fixes

2.8.6 (2020-02-25)

Releases(v0.6.1)

v0.6.1(Sep 6, 2020)

v0.6.0(Mar 2, 2020)

v0.5.0(Apr 16, 2019)

v0.4.2(Apr 5, 2017)

Since last version

v0.4.1(Mar 3, 2017)

Since last version

v0.4.0(Mar 2, 2017)

Since last version

v0.3.1(Feb 24, 2017)

v0.3.0(Dec 2, 2016)

v0.3.0-beta(Nov 21, 2016)

v0.2.0(Oct 24, 2016)

v0.1.0(Oct 4, 2016)

Owner

Fabien Salathe

Octoprint-Detector2 is a detection plugin that runs in locally your browser and emails you if it detects some spaghetti, stringing or blobs on your print

Modern CSS framework based on Flexbox

Spectre.css - A Lightweight, Responsive and Modern CSS Framework

A classless CSS framework to write modern websites using only HTML.

A bare-bones CSS reset for modern web development.

A modern, responsive CSS boilerplate library to kickstart any web-based project.

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

A modern alternative to CSS resets

A tiny modern CSS reset

🚿 A modern CSS reset

A modern alternative to CSS resets

A modern static resume template and theme. Powered by Jekyll and GitHub pages.

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

A lightweight and modular front-end framework for developing fast and powerful web interfaces

AngularJS SPA Template for Visual Studio is a project skeleton for a simple single-page web application (SPA) built with AngularJS, Bootstrap, and ASP.NET (MVC, Web Api, SignalR).

Semantic is a UI component framework based around useful principles from natural language.

A utility-first CSS framework for rapid UI development.

Materialize, a CSS Framework based on Material Design

The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.