Web Learning Links 🌎

this page is maintained by doctor.chandler@vt.edu

These web links are mostly related to training. There is also a page for accessibility resources most of which overlap web resources. In general, links open in a new tab. They aren't well organized, this page fail WCAG 4.1.1, and links probably vanish with shocking regularity. If you are looking for something and can't find it, reach out to Chandler at doctor.chandler@vt.edu to see if there is a replacement or an alternate URL. Send updates and ideas too.

Web Learning Courses [top] #

HTML and CSS for Beginners Kevin Powell Don't fear the Internet LinkedInLearning Web LinkedInLearning Accessibility YouTube Kevin Powell Web Front End YouTube

Web Newsletters [top] #

CSS Layout Kevin Powell

YouTube CSS & Web (folks) [top]

Rachel Andrews (CSS Grid) Jen Simmons (CSS,design) Jen Simmons Layout Land Kevin Powell CSS (not a11y) Mozilla Developer inclusiveVT

Twitter Web (folks) [top]

Rachel Andrews (CSS Grid) Jen Simmons (CSS,design) Eric Meyer

Twitter Allies (folks)

Women Who Code inclusiveVT

CSS Learning Pages 1 [top] #

CSS Accent Color CSS Accent Color 2 Default link colors about CSS Nesting CSS Nesting draft smashing mag qw units (containers) chrome container query badge Leading-trim CSS 🧠 Print Preview CSS Cascade Layers, Container Queries, Scope Color Palette tools

CSS Learning Pages 2 [top] #

::before content: Print style sheets initial, inherit, unset revert, unset layout tables Modern CSS Solutions for Old CSS Problems SmolCSS Utopia type sizes inset = top, right, bottom left image-display-elements Columns in CSS CSS Layers - Intent to Ship

CSS Learning Pages 3 [top] #

CSS Layers, Queries, and Scope Clever Sticky Footer Technique text-align-last [line] CSS Container Queries a11yproject CSS { In Real Life } Fallback Font Generator css text wrap balance text-wrap:balance Inner Radius CodePen Balance Headlines, polyfill Balance Headlines, CSS Hanging Punctuation

CSS Learning Pages 3 [top] #

100 CSS Tips CSS type basics CSS styling of data tables

CSS Grid and Layout [top] #

Grid basics 5 CSS snippets for 2024 Responsive CSS grid layout auto-fit auto-fill Masonry 2022

Thoughts [top] #

iterate quickly without SPA

Browsers [top] #

Chrome Safari Firefox Edge

Bleeding Edge Browsers [top] #

Canary Safari Preview Firefox Nightly Polypane A11y Responsive Browser Arc

Free Web Tools [top] #

BBEdit Free Sublime Text Markdown Guide.org brackets.io text editor vscode.dev browser code.visualstudio.com Emmet HTML completion cloud magic erase Remove image background extract vocals 75 design tools Component Gallery with code samples Lorem Picsum New Codepen pen.new what unit

Web and Image tools [top] #

Google, web compression Gimp, free Photoshop ImageOptim svg-omg compression

Software tools [top] #

QR code generator Pronounce names correctly

Paid Web Tools [top] #

BBEdit Pro $$$ Polypane accessibility browser $9/mo Acorn, image editor $ Affinity Photo $ Sketch $$$ Figma $$$ Eagle $$$ Eagle Extensions

Design things [top] #

web.dev Accessibility Tools for Designers Gangsta Lorem Ipsum lorem ipsum .io Bento Grids Web grid examples

UX + UI [top] #

Toggles suck Disabled paste hamburger body:has([id=nav]:open){translate:-220px 0;}

Conferences [top] #

A11y [top] #

Chandler's accessibility links a11y section Event A11y 2019

VirginiaTech [top] #

Ensemble Bookmarks

Misc. [top] #

Web browsers market share over the last 28 years Capsize.js speculative VT Web Development Site Security W3C TPAC Conference 2021 FrontEndNerdery Podcast DEI Style Guide UIowa AP Stylebook Why we lowercase white 30 Must-Know Twitter Abbreviations and Acronyms

Oldies, no longer useful [top] #

axe-con/call-for-speakers multimarkdown plain text project