All Projects → propjockey → Augmented Ui

propjockey / Augmented Ui

Licence: bsd-2-clause
Cyberpunk-inspired web UI made easy. Get augmented.

Projects that are alternatives of or similar to Augmented Ui

less-brunch
Adds LESS support to Brunch
Stars: ✭ 14 (-98.3%)
Mutual labels:  stylesheets
Css
Believe in Better CSS
Stars: ✭ 262 (-68.13%)
Mutual labels:  stylesheets
Premailer.net
C# library that moves your stylesheets to inline style attributes, for maximum compatibility with E-mail clients.
Stars: ✭ 503 (-38.81%)
Mutual labels:  stylesheets
smoothie
A deliciously scalable and adaptable stylesheet methodology 🍹
Stars: ✭ 27 (-96.72%)
Mutual labels:  stylesheets
lean-bem
A leaner, cleaner & prettier adaptation of BEM
Stars: ✭ 12 (-98.54%)
Mutual labels:  stylesheets
Qss
QT Style Sheets templates
Stars: ✭ 344 (-58.15%)
Mutual labels:  stylesheets
ResetCSS
Reset CSS Stylesheet to reduce browser inconsistencies.
Stars: ✭ 17 (-97.93%)
Mutual labels:  stylesheets
Cirrus
☁️ The CSS framework for the modern web.
Stars: ✭ 716 (-12.9%)
Mutual labels:  stylesheets
BootstraPHP
A Bootstrap wrapper for PHP
Stars: ✭ 24 (-97.08%)
Mutual labels:  stylesheets
Destyle.css
Opinionated reset stylesheet that provides a clean styling slate for your project.
Stars: ✭ 499 (-39.29%)
Mutual labels:  stylesheets
qaffeine
Decaffeinate your JS-powered CSS stylesheets
Stars: ✭ 22 (-97.32%)
Mutual labels:  stylesheets
OS-VectorMap-Local-stylesheets
Cartographic stylesheets for OS VectorMap Local
Stars: ✭ 15 (-98.18%)
Mutual labels:  stylesheets
Nui
Style iOS apps with a stylesheet, similar to CSS
Stars: ✭ 3,792 (+361.31%)
Mutual labels:  stylesheets
userscript-proxy
HTTP proxy to inject scripts and stylesheets into existing sites.
Stars: ✭ 66 (-91.97%)
Mutual labels:  stylesheets
Moretoggles.css
A pure CSS library that provides you with a variety of nice-looking toggles
Stars: ✭ 596 (-27.49%)
Mutual labels:  stylesheets
OS-Open-Zoomstack-Stylesheets
Cartographic Stylesheets for OS Open Zoomstack
Stars: ✭ 36 (-95.62%)
Mutual labels:  stylesheets
Stylesheet
The GTK Stylesheet for elementary OS
Stars: ✭ 260 (-68.37%)
Mutual labels:  stylesheets
Jss
JSS is an authoring tool for CSS which uses JavaScript as a host language.
Stars: ✭ 6,576 (+700%)
Mutual labels:  stylesheets
Qt Frameless Window Darkstyle
simple MainWindow class implementation with frameless window and custom dark style. It adds also support for titlebar and buttons (minimize, maximize, close)
Stars: ✭ 628 (-23.6%)
Mutual labels:  stylesheets
Angular Css
CSS on-demand for AngularJS [Looking for New Maintainers]
Stars: ✭ 481 (-41.48%)
Mutual labels:  stylesheets

James0x57

augmented-ui from PropJockey

Resources:

Old v1 Links:

Install: $ npm install augmented-ui Then include the /node_modules/augmented-ui/augmented-ui.min.css file before any stylesheets that use it.

OR

Use your favorite NPM CDN and include it on your page before other stylesheets for small projects. Like so:

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

Files

  • augmented-ui.css - Everything, not minified (core, border and inlay mixins, individual-region mixins, all-region shape mixins)
  • augmented-ui.min.css - Everything, minified (core, border and inlay mixins, individual-region mixins, all-region shape mixins)
  • aug-core.min.css - core only, minified
  • border-inlay-mixins.min.css - border and inlay mixins (and their delegate options) only, minified. Requires aug-core.min.css
  • region-mixins.min.css - individual-region mixins only, minified. Requires aug-core.min.css
  • shape-mixins.min.css - all-region mixins only, minified. Requires aug-core.min.css

Support

http://augmented-ui.com/docs/#supporting-augmented-ui

Sponsors

Become a sponsor and get your logo on this README with a link to your site. [Become a sponsor]

Backers

Help the developer follow their excitement and support augmented-ui with a monthly donation. [Become a backer]

CHANGELOG:

v2.0.0 - August 30, 2020:

  • Complete rewrite
  • Over 200 aug mixins built on top of a new core feature set
  • Mixin Mixer: http://augmented-ui.com/mixinmixer
  • Properties that enable clip augs at any angle, not just 45deg
  • Optionally equip augs dynamically from CSS using core, without DOM attribute mixins and without JavaScript (no more aug-attr-spliced.js!)
  • Border size and Inlay (previously "Inset") distance gained individual top/right/bottom/left options
  • Full support global user reach at 92.96%
  • Automatic elliptical border-radius fallbacks removed to simplify adding augmented-ui to projects with legacy browser support

v1.1.2 - March 5th, 2020:

  • Added data-augmented.css option for data- prefixed augmented-ui attribute.
  • Added compatibility notes for specific frameworks/libraries at the bottom of this README

v1.1.0 - September 9th, 2019:

  • Increased full support global user reach from ~70% to ~91% with -webkit-clip-path
  • Bought an old iPhone to isolate and feature detect the iOS issue found before launch, enabling -webkit-clip-path to be used everywhere else
  • Better docs: http://augmented-ui.com/docs/

v1.0.0 - August 31st, 2019:

  • Initial release
  • -webkit-clip-path support removed before release due to breaking issues on older iOS versions used by ~2% of global users
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].