Articles, Links, and Tools From Online Together: Front End Focus
Jeremy Keith, “Design Principles for the Web”
Designing and developing on the web can feel like a never-ending crusade against the unknown. Design principles are one way of unifying your team to better fight this battle.
References
- Page Weight Matters by Chris Zacharias
- Systems, Mistakes, and the Sea by Robin Rendle
- Patterns Day videos on Vimeo
- Workplace Topology by Danielle Huntrods
- The Design Squiggle by Damien Newman
- The Double Diamond by Design Council
- Canvassing a project by Andy Thornton
- How to run a premortem workshop by Rachel McConnell
- 5 Steps To Better Research by Benjamin Parry
- Design Principles collection
- Design Principles collection by Ben Brignell
- What makes a good design principle? by Matthew Ström
- Priority of Constituencies from HTML Design Principles
- The Eponymous Laws of Tech by Dave Rupert
- Principles of Design by Sir Tim Berners-Lee
- CERN 2019 WorldWideWeb Rebuild
- Data attributes and progressive enhancement by Derek Featherstone
- Government Design Principles by Government Digital Service
- Over-engineering is under-engineering by Baldur Bjarnason
- This Web App Best Viewed By Someone Else presentation by Eric Meyer on YouTube
adactio.com
- The top four web performance challenges
- Principle
- Ubiquity and consistency
- Principles and priorities
- Putting design principles into action
Wikipedia
Ire Aderinokun, “Future-Proof CSS”
When we build a web page, we do it knowing that it could theoretically last as long as the internet itself. The CSS we write today is, or should be, future-proof. But how will your CSS hold up in 10, 50, or even 100 years?
- Google Chrome Labs - Houdini Samples
- Inclusive Web Design for the Future with Progressive Enhancement (Steven Champeon and Nick Finck)
- Mobile-First Responsive Web Design (Brad Frost)
- Making the abbr element work for touchscreen, keyboard, and mouse
- Revisiting the abbr element
- Resilient Web Design (Jeremy Keith)
- CSS Techniques for WCAG 2.0
- Media Queries Level 5
- Styling vertical Chinese, Japanese, Korean and Mongolian text
- Guide: EM vs REM vs PX. Which should you use? (Simon Williams)
Una Kravets, “Modern CSS Tips and Tricks”
CSS is evolving at a rapid pace, and with the market share of browsers now being widely evergreen, our ability to use modern techniques is growing too. In this talk, Una will go over some of the newer capabilities CSS brings us
Post CSS Plugins
Aaron Gustafson, “Delivering Critical Information and Services”
Whether your users are trying to access their money, gather health information, attend class, apply for assistance, or any of the other hundreds (if not thousands) of critical tasks people do on the web, your site needs to be prepared to meet their needs.
- Declaration of Principles - Building the Information Society: a global challenge in the new Millennium
- Report of the Special Rapporteur on the promotion and protection of the right to freedom of opinion and expression, Frank La Rue*
- The WebAIM Million
- A disability is a mismatch between a person’s abilities and their environment
- Inclusive Design from Microsoft Design
- Pew Research Center Mobile Fact Sheet
- Location, Privilege and Performant Websites
- After Hurricane Maria, Puerto Rico’s Internet Problems Go from Bad to Worse
- Lack of internet access in Southeast Asia poses challenges for students to study online amid COVID-19 pandemic
- Coronavirus for kids without internet: Quarantined worksheets, learning in parking lots
- Disadvantages of E-Learning
- COVID-19: Internet speeds slow as more people work from home
- Slow Internet? How Covid-19 is Stressing Internet Infrastructure in Your Country
- CNN Tweet about their text only version
- Contrast Ratio tool
- How many people are missing out on JavaScript enhancement?
- The Website Obesity Crisis
- How to Build a Low-tech Website?
- The Rule of Least Power