Version: 1
Author: Iñigo Garcia (@MrKanuel)
Route: puxl-framework/readme/thanks.md
License: PUXL is licensed under GNU General Public License v3.0
Normalize.css
Project: Normalize.css
Project URL: https://github.com/necolas/normalize.css
Authors: Nicolas Gallagher | Jonathan Neal
Copyright: Copyright © Nicolas Gallagher and Jonathan Neal
License: The MIT License (MIT)
Micro Clearfix Hack
Project: Micro Clearfix Hack
Author: Nicolas Gallagher
Copyright: Nicolas Gallagher
License: ?
Bootstrap Reboot
Project: Bootstrap
Resources: https://getbootstrap.com/docs/4.1/content/reboot/
Copyright: Copyright (c) 2011-2018 Twitter, Inc. | Copyright (c) 2011-2018 The Bootstrap Authors
License: The MIT License (MIT)
SASS Color Helpers
Resources: SASS Color Helpers
SASS Color Helpers : Math
Resources: SASS Color Helpers: Math
Author: Pelle Wessman
Copyright: Copyright © 2018 Pelle Wessman pelle@kodfabrik.se
License: The MIT License (MIT)
Strip unit
Resource: SASS Functions
Author: Hugo Giraudel
License: Public
Open Dyslexic Font
Project: OpenDyslexic
Project URLs: https://github.com/antijingoist/open-dyslexic
Copyright: Copyright (c) 2003 by Bitstream, Inc.
All Rights Reserved. Bitstream Vera is a trademark of Bitstream, Inc.
License: Bitstream License
Accessible icon
Project: The Accessible Icon Project
Author: The Accessible Icon Project Team
License: Public
PUXL icons
Project: PUXL Icons
Author: Iñigo Garcia (@MrKanuel)
Copyright: Copyright © 2019 PUXL
License: GPL V3
Thanks to Firefox developer Edition for making such a powerful browser!
Thanks to BrowserStack for providing the infrastructure that allows us to test in real browsers!
- The W3C
- Adobe
- Compose to a Vertical Rhythm by Richard Rutter
- Accessible custom checkboxes and radio buttons by Roger Johansson
- Accessible colors
- Accessible Mega Menu
- The simplest SASS Flexbox Grid ever by Aaron Young
- A list a part - Color Accessibility Workflows by Geri Coady
- A list a part - Fluid Grids by Ethan Marcotte
- A list a part - Learning from Lego: A Step Forward in Modular Web Design by Samantha Zhang
- A list a part - Sensible Forms: A Form Usability Checklist by Brian Crescimanno
- A list a part - Setting Type on the Web to a Baseline Grid by Wilson Miner
- A list a part - Web Typography: Designing Tables to be Read, Not Looked At by Richard Rutter
- The Problem with iOS Safari and shrink-to-fit
- Codepen - Message Types by Chris Burnell
- Codepen - Untitled by Chris Coyier
- Codepen - The Cursors! by Chris Coyier
- Codepen - Button & Toggles Collection
- Codepen - HSL by Dan Wilson
- Codepen - Site Theming with input [type=range] by Dan Wilson
- Codepen - SASS mixin for accessible color contrast by David Halford
- Codepen - Dynamic SVG with SASS by Dennis de Goede
- Codepen - Dynamic SVG with SASS by Dennis de Goede
- Codepen - CSS only custom radio, checkbox, select by dodozhang21
- Codepen - Sass Color Contrast Tools by Giana
- Codepen - Accessible Inline Radio Inputs by Jerry Jones
- Codepen - Dadgumit, Blowouts by KatieK
- Codepen - Colors Swatches by Kyle Wagner
- Codepen - Understanding Grid Display, Tracks And The New fr Unit by Mgnificode
- Codepen - Pens Loved by Iñigo Garcia
- Codepen - SVG aria testing by Nathan Ferguson
- Codepen - Accessible Language Navigation by Marco Hengstenberg
- Codepen - Cross-Browser Range Input With Solid Lower Fill by Noah Blon
- Codepen - Grid 12 Column experiments by rachelandrew
- Codepen - Sass Mobile First Breakpoint Mixin by Scott Nix
- Codepen - Untitled by SitePoint
- Codepen - for 2019 by Taylor Hunt
- Codepen - Flag # links! by Natalya
- Codepen - Optimizing SVGs in data URIs by Taylor Hunt
- Codepen - CSS | Input Checkbox Custom Style by Tomp
- Codepen - Topcoat range input by Topcoat
- Codepen - SVG-encoder by Yoksel
- Codepen - SCSS text-contrast by Axel Michel
- Colorsupplyyy
- Colorsafe
- Tanaguru contrast finder
- Contrast Checker
- Creative Bloq
- Creative Commons
- CSS-Script - Creating Accessible Switch Controls with Pure CSS (SCSS)
- CSSTree docs & tools
- CSS-Tricks - Accessible SVGs by Heather Migliorisi
- CSS-Tricks - Direction by Sara Cope
- CSS-Tricks - CSS Custom Properties and Theming by Chris Coyier
- CSS-Tricks - The Dangers of Stopping Event Propagation by Philip Walton
- CSS-Tricks - Form Validation UX in HTML and CSS by Chris Coyier
- CSS-Tricks - 5 Gotchas You’re Gonna Face Getting Inline SVG Into Production by Rob Levin
- CSS-Tricks - Inheriting box-sizing Probably Slightly Better Best-Practice by Crhis Coyier
- CSS-Tricks - Sass Style Guide by Chris Coyier
- CSS-Tricks - A Complete Guide to Flexbox
- CSS-Tricks - Using @font-face by Chris Coyier
- CSS-Tricks - Target Only External Links by Chris Coyier
- CSS-Tricks - Power Function by Hugo Giraudel
- CSS-Tricks - Styling Cross-Browser Compatible Range Inputs with CSS by Daniel Stern
- CSS-Tricks - How SVG Fragment Identifiers Work by Chris Coyier
- The flag object
- Style External Links with CSS by David Walsh
- Style Scavenger: 7 CSS Snippets to Borrow from HTML5 Boilerplate by David Walsh
- Deque - axe - The Standard in Accessibility Testing
- Deque - How to Build WAI-ARIA Modal Alert Dialogs: A11y Support Series by Paul J. Adam
- Google Design
- Unleash the power of SVG sprites
- Mozilla Developer MDN
- Using ARIA to enhance SVG accessibility by Léonie Watson
- Sub-Pixel Problems in CSS by John Resig
- How to Create an Animated Logo with SVG and CSS by Tom Ewer
- a11y.css
flexboxplayground- Foundation
- Bootstrap
- GitHub - functions.scss by sgomes
- GitHub - colorVars.css by softpunch
- GitHub - SASS_Color_Contrast.md by voxpeli
GitHub - webtobesocial- GitHub - andy.scss by gillesbertaux
- GitHub - Revenge.css by Heydon
- GitHub - svg4everybody by jonathantneal
- GitHub - normalize.css by necolas
- GitHub - sass-color-helpers by voxpeli
- GitHub - sass-planifolia by xi
- Accessibility Color Wheel
- Getting an element’s CSS attributes with vanilla JavaScript
- html5 boilerplate
- html5doctor
- Accessible Links
- Inclusive Components
svgomg- Forget normalize or resets; lay your own CSS foundation
- Color & Contrast Picker by Kevin Gutowski
- tota11y
- SASS mixin for grid generation - by Krasimir
- Completely CSS: Custom checkboxes, radio buttons and select boxes by Kenan Yusuf
- SVG and
tag tricks by Alexey Ten
- Accessible contrast with Less and Sass
- WordPress - Development tools
- WordPress - Accessibility Coding Standards
- The web accessibility basics by Marco Zehe
- material.io - Accessibility
- Medium - Using Sass to automatically pick text colors by Sérgio Gomes
- Medium - Creating a Dead Simple Sass Mixin to Handle Responsive Breakpoints by Tim Knight
- Medium - Refactoring My “Simple” Sass Breakpoint Mixin by Tim Knight
- Medium - Writing CSS with Accessibility in Mind by Manuel Matuzovic
- URL Decoder/Encoder
- Sim Daltonism - The color blindness simulator
- HTML5 inputs and attribute support
- Normalize.css
- A new micro clearfix hack
- OpenDyslexic: A typeface for Dyslexia
- Open Source Guides
- a { outline: none; }
- * { Box-sizing: Border-box } FTW by Paul Irish
- Predix
- CSS Grid Layout - creating complex grids
rtl-thissarasoueidan- sassmeister
- SASS documentation
- Simply Accessible - Danger! ARIA tabs by Jeff Smith
- SitePoint - A Creative Grid System With Sass and calc() by Hugo Giraudel
- SitePoint - Extra Map Functions in Sass by Hugo Giraudel
- SitePoint - Theming Form Elements with Sass by Dennis Gaebel
- SitePoint - Tips for Creating Accessible SVG by Léonie Watson
- Using UI System Fonts In Web Design: A Quick Practical Guide by Marcin
- Building Accessible Menu Systems by Heydon Pickering
- Hiding Content for Accessibility
contrastcalculator- Stackoverflow - How to allow keyboard focus of links in Firefox?
- Stackoverflow - JavaScript check if element is child
- Implementation status for HTML5 element/attribute accessibility mappings
- Accessible Dropdown Menus Revisited
- HTML: Validating a checkbox with HTML5
- How to dynamically change text color based on a background color
- High contrast colours
- Using the aria-current attribute
- Styling & Customizing File Inputs the Smart Way
- Creative Button Styles
unicorn-ui- W3C - Structural markup and right-to-left text in HTML
W3C - dfn-relative-luminance- W3C - ARIA in HTML
- W3C - Contrast ratio
- W3C - Techniques for WCAG 2.0
- W3C - Web Content Accessibility Guidelines (WCAG) 2.1
- W3C - Web Accessibility Evaluation Tools List
- W3C - Tutorials Overview
- w3schools
- Bring Your Forms Up to Date With CSS3 and HTML5 Validation by Jim Nielsen
- Whatsock - Training
- WUHCAG - WCAG 2.0 checklists
"A quien lo necesita,
a quien me ha acompañado y animado,
a quien no me ha molestado ni desalentado,
a quien no lo entiende,
a mi familia y amistades,
a Mati,
y a la peña #Estróper de La Sozi!"
Created by @MrKanuel, brought by The PUXL Clan with love from Basque Country.