Matthias Ott – Links Selected hyperlinks by Matthias Ott, User Experience Designer from Stuttgart, Germany. mail@matthiasott.com (Matthias Ott) mail@matthiasott.com (Matthias Ott) en Fri, 24 Apr 2026 16:48:38 +0200 Fri, 24 Apr 2026 16:48:38 +0200 Yuni Grotesque https://www.typemates.com/fonts/yuni-grotesque Thu, 09 Oct 2025 10:11:00 +0200 https://www.typemates.com/fonts/yuni-grotesque Beautiful new release by Philipp Neumeyer and TypeMates. 😍 Next TDC Award incoming … 😉

]]> type design typefaces fonts typography The History of the Web https://thehistoryoftheweb.com/ Tue, 07 Oct 2025 14:03:00 +0200 https://thehistoryoftheweb.com/ A wonderful newsletter by Jay Hoffmann about the web's history, the incredible people that built it, and all the websites, code, and browsers you've never heard of.

]]> web history newsletters World Wide Web Footer — The only footer gallery on earth. https://www.footer.design/ Sun, 05 Oct 2025 12:50:00 +0200 https://www.footer.design/ A really nice gallery with a lot of footer design inspiration in all forms and colours, sorted by type and style. The footer often is a neglected part of a design. But it doesn’t have to be this way.

]]> web web design design inspiration footer gallery Dark Mode: How Users Think About It and Issues to Avoid https://www.nngroup.com/articles/dark-mode-users-issues/ Wed, 30 Aug 2023 20:59:21 +0200 https://www.nngroup.com/articles/dark-mode-users-issues/ An in-depth look at dark mode. Summary: it is popular, but not essential. Users like dark mode but maintain similar behaviors without it. They think about it at the system level, not the application level. If you choose to support dark mode, test your design to avoid common dark-mode issues.

]]> ui design a11y accessibility ux dark mode Green Web Directory https://www.thegreenwebfoundation.org/directory/ Fri, 18 Aug 2023 17:31:00 +0200 https://www.thegreenwebfoundation.org/directory/ For every country, the Green Web Directory lists the hosting providers that provided evidence of their green services.

]]> climate climate change web hosting energy transformation renewables climate action Gravity https://www.gravityclimate.com Fri, 18 Aug 2023 17:27:37 +0200 https://www.gravityclimate.com Gravity is a platform for carbon management, purpose-built for companies with complex value chains. It lets you calculate the carbon footprint of your organization and helps you identify areas to reduce emissions effectively.

“Gravity's platform quickly ingests, calculates, and distributes key emissions data about our businesses.”

]]> tools platform climate climate change economy data carbon management Observable https://observablehq.com Fri, 18 Aug 2023 17:20:17 +0200 https://observablehq.com With 200,000+ community examples, Observable is the fastest way to build custom data visualizations, apps, and dashboards to uncover deeper insights. From the creators of D3.

]]> tools data dataviz dashboards data visualization Accessibility Developer Guide https://www.accessibility-developer-guide.com Fri, 18 Aug 2023 16:51:56 +0200 https://www.accessibility-developer-guide.com The «Accessibility Developer Guide» is an initiative of «Access for all», Swiss Foundation for technology adapted to people with disabilities. It is developed and maintained in collaboration with a number of acclaimed web agencies. The vision behind the Accessibility Developer Guide is to bridge the gap between providers of websites and users with special needs.

]]> a11y accessibility Web development inclusive design tools Building Web Layouts For Dual-Screen And Foldable Devices https://www.smashingmagazine.com/2022/03/building-web-layouts-dual-screen-foldable-devices/ Sat, 12 Mar 2022 22:23:26 +0100 https://www.smashingmagazine.com/2022/03/building-web-layouts-dual-screen-foldable-devices/ Stephanie Stimac: “Dual-screen devices have been on the market for nearly three years. In that time new web platform technologies have been built with developer feedback to enable layout on the web that adapts to these devices. These web platform capabilities integrate with existing concepts, such as the viewport and media queries, so that developers and designers can spend more time ideating about how to leverage two displays to create enhanced experiences rather than learning a new set of code to build them.”

]]> css css grid browsers devices responsive rwd The Elements of UI Engineering https://overreacted.io/the-elements-of-ui-engineering/ Fri, 26 Jul 2019 18:49:31 +0200 https://overreacted.io/the-elements-of-ui-engineering/ A brilliant post by Dan Abramov on common UI and design / engineering problems and how trying to solve them is often a greater lesson than only learning about a new technology. “Learning comes from exploring the problem space and trying different possible tradeoffs.”

]]> learning ui design ui engineering Accessibility, Back to the Future | Bruce Lawson | Monki Gras 2019 https://www.youtube.com/watch?v=T2CjuAwrAq8 Fri, 26 Jul 2019 18:36:16 +0200 https://www.youtube.com/watch?v=T2CjuAwrAq8 Bruce says: When Sir Uncle Timbo invented the Web it was accessible by default. Developers, we broke it. Dull Old Web Farts like me wagged our fingers and advised developers to Be Nice To Cripples and sometimes shook our fists and shouted “Be careful of lawsuits”. But by going back to basics, I’ll show you how accessibility means inclusion, and makes the web better for all – not just disabled people, but billions of new customers. So, fire up the flux capacitor and let’s go. NB: I’ll still wag my finger a bit, for old times’ sake.

]]> accessibility a11y talks A Chaotic Good Guide to Image Performance, Part 1 https://cloudinary.com/blog/a_chaotic_good_guide_to_image_performance_part_1 Fri, 26 Jul 2019 18:30:01 +0200 https://cloudinary.com/blog/a_chaotic_good_guide_to_image_performance_part_1 A great guide to image performance by Mat Marquis.

]]> performance image web image optimization Very Dictionary https://www.verydictionary.com/ Fri, 26 Jul 2019 18:26:23 +0200 https://www.verydictionary.com/ Do you use “very” very often? This very nice website provides very good alternatives to “very” so you don't have to use “very” less often. Very useful …ermm… advantageous!

]]> writing tools style The business value of design https://www.mckinsey.com/business-functions/mckinsey-design/our-insights/the-business-value-of-design Fri, 26 Jul 2019 18:22:34 +0200 https://www.mckinsey.com/business-functions/mckinsey-design/our-insights/the-business-value-of-design How do the best design performers increase their revenues and shareholder returns at nearly twice the rate of their industry counterparts? The McKinsey Design Index (MDI) highlights four key areas of action companies must take to join the top quartile of design performers. What they found and point out in their report: There is a strong correlation between high MDI scores and superior business performance.

]]> design business Personal sites https://personalsit.es/ Fri, 26 Jul 2019 18:15:25 +0200 https://personalsit.es/ A directory of personal websites by Andy Bell

]]> websites takebackyourweb The Learning/Doing Gap https://seths.blog/2019/06/the-learning-doing-gap/ Fri, 26 Jul 2019 18:14:31 +0200 https://seths.blog/2019/06/the-learning-doing-gap/ A nice post by Seth Godin about a huge mistake our society often makes: We separate learning from doing. What happens if the learning we do is accomplished by always engaging in it in conjunction with our doing?

]]> learning education webmention.app https://webmention.app/ Fri, 26 Jul 2019 18:10:45 +0200 https://webmention.app/ webmention indieweb websites takebackyourweb Should I Use JavaScript to Load My Web Fonts? https://www.filamentgroup.com/lab/js-web-fonts.html Thu, 03 Jan 2019 18:48:04 +0100 https://www.filamentgroup.com/lab/js-web-fonts.html Recently, browser support for new and safer CSS-only strategies have left some developers wondering: are JavaScript methods to load web fonts necessary? Are they useful? Zach Leatherman takes a closer look.

]]> performance webfonts javascript Font-display, by @notwaldorf https://font-display.glitch.me/ Thu, 03 Jan 2019 18:46:05 +0100 https://font-display.glitch.me/ A small and concise explainer on font loading with the font-display property by Monica Dinculescu on Glitch.

]]> fonts webfonts performance css High Resolution: Interview with Tom Kelley https://www.highresolution.design/16-tom-kelley-ideo/ Tue, 22 May 2018 23:17:53 +0200 https://www.highresolution.design/16-tom-kelley-ideo/ A great interview with IDEO's Tom Kelley on design, design thinking, and what it takes to build your creative confidence.

]]> design design thinking CREATIVE LEADERSHIP today http://creativeleadership.com/ Tue, 22 May 2018 23:11:37 +0200 http://creativeleadership.com/ A blog on creative leadership by John Maeda from 2009 to mid-2015.

]]> design leadership Working with Charles and Ray Eames http://streetfurniture.com/au/working-charles-ray-eames/ Sun, 22 Apr 2018 21:27:56 +0200 http://streetfurniture.com/au/working-charles-ray-eames/ Australian architect Darrel Conybeare joined the Eames office in Venice, California, in 1967, as a young graduate of the Architecture and Civic Design Masters program at the University of Pennsylvania. The next three years were beyond his greatest expectations …

“I learned [about] the importance of building prototypes at both small scale and full size for all design outputs, products and graphic elements; and, ultimately, that there is no substitute for simple hard work in tackling any design challenge.”

]]> design prototyping process Device Agnostic https://www.trentwalton.com/2014/03/10/device-agnostic/ Mon, 16 Apr 2018 23:17:31 +0200 https://www.trentwalton.com/2014/03/10/device-agnostic/ A wonderful piece by Trent Walton about why we should build websites that are built to face the reality of the Web's inherent variability.

]]> web design foundations principles responsive FeedBase http://feedbase.io/ Wed, 11 Apr 2018 11:20:23 +0200 http://feedbase.io/ FeedBase is a database of feeds to separate the management of your subscription list from feed readers, by .

]]> rss information social In Defense of Design Thinking, Which Is Terrible https://www.subtraction.com/2018/04/02/in-defense-of-design-thinking-which-is-terrible/ Wed, 11 Apr 2018 11:18:00 +0200 https://www.subtraction.com/2018/04/02/in-defense-of-design-thinking-which-is-terrible/ “If you have an idea—a force of nature—like technology, it becomes most powerful when it’s democratized, when it gets out there into the world and in the hands of millions of people.

I believe this is true of design, too.”
This is a must-read by Vinh.

]]> design design thinking Card Sorting: Uncover Users' Mental Models for Better Information Architecture https://www.nngroup.com/articles/card-sorting-definition/ Wed, 11 Apr 2018 11:16:09 +0200 https://www.nngroup.com/articles/card-sorting-definition/ Card sorting is an effective technique to understand if your information architecture matches the mental model of your users. This article by covers all the basics.

]]> testing ux ia navigation Running in Circles – Why Agile Isn’t Working and What We Do Differently https://m.signalvnoise.com/running-in-circles-aae73d79ce19 Fri, 05 Jan 2018 00:28:00 +0100 https://m.signalvnoise.com/running-in-circles-aae73d79ce19 Ryan Singer explains how, at Basecamp, they use the so called uphill phase to learn – through prototypes – what’s hard and what’s possible in a project.

]]> process design agile iterative prototyping Design Principles https://principles.design/ Fri, 15 Dec 2017 22:16:34 +0100 https://principles.design/ An open source collection of design principles and methods managed by @benbrignell

]]> design principles Planning for Accessibility, by @laurakalbag https://alistapart.com/article/planning-for-accessibility Fri, 10 Nov 2017 10:12:17 +0100 https://alistapart.com/article/planning-for-accessibility “Accessibility isn’t a line item in an estimate or a budget—it’s an underlying practice that affects every aspect of a project.” This article is an excerpt from @laurakalbag’s new book, Accessibility for Everyone.

]]> a11y inclusive design Sketching Interfaces Generating code from low fidelity wireframes. https://airbnb.design/sketching-interfaces/ Wed, 01 Nov 2017 12:39:26 +0100 https://airbnb.design/sketching-interfaces/ The @Airbnb design team has built a prototype that renders hand-drawn wireframes into working UI components

]]> prototyping sketching wireframes machine learning ui HEAD – A free guide to <head> elements https://gethead.info/ Wed, 01 Nov 2017 12:37:45 +0100 https://gethead.info/ html tags meta head Essential Image Optimization – An eBook by @addyosmani https://images.guide/ Tue, 03 Oct 2017 11:17:13 +0200 https://images.guide/ In 2017, image optimization should be automated. Addy Osmani looks at ways to reduce image size through modern compression techniques with minimal impact to quality.

]]> image optimization compression performance build pipeline How to Run a Good Workshop http://scottberkun.com/2013/run-a-good-workshop/ Mon, 07 Aug 2017 23:26:12 +0200 http://scottberkun.com/2013/run-a-good-workshop/ Scott Berkun shares his 10 rules of running a good workshop. Rule #1: A 3 hour lecture is not a workshop.

]]> workshops teaching training public speaking Matter.js http://brm.io/matter-js/ Sun, 06 Aug 2017 09:56:42 +0200 http://brm.io/matter-js/ Matter.js is a JavaScript 2D rigid body physics engine for the web

]]> physics engine animation javascript A11Y Style Guide, by @cariefisher http://a11y-style-guide.com/style-guide/ Sun, 06 Aug 2017 00:40:00 +0200 http://a11y-style-guide.com/style-guide/ The A11Y style guide comes with pre-populated accessible components that include helpful links to related tools, articles, and WCAG guidelines to make your site more inclusive.

]]> a11y styleguides style guides Styleguides.io – Website Style Guide Resources http://styleguides.io/ Sun, 06 Aug 2017 00:15:00 +0200 http://styleguides.io/ A huge treasure trove of real life pattern libraries, code standards documents, and content style guides, articles, books, podcasts, talks, and tools.

]]> pattern libraries styleguides resource articles talks Fiber – a free, interactive UI Kit by Framer https://framer.com/ Sun, 06 Aug 2017 00:02:45 +0200 https://framer.com/ “Every artboard in the Fiber UI Kit features customizable elements, all hooked up to interactions in Code. Customize text, images and animation values to create your own social prototype. Or pull apart native scroll, swipe and slider components for separate projects.”

]]> ui ux prototyping tools resource GitPoint – feature-rich unofficial GitHub client https://gitpoint.co/ Sat, 05 Aug 2017 23:27:49 +0200 https://gitpoint.co/ View repository and user information, control your notifications and even manage your issues and pull requests. Built with React Native, GitPoint is the most feature-rich unofficial GitHub client that is 100% free.

]]> git github apps Smooth Scrolling and Accessibility, by @_hmig https://css-tricks.com/smooth-scrolling-accessibility/ Thu, 03 Aug 2017 15:04:53 +0200 https://css-tricks.com/smooth-scrolling-accessibility/ Regardless of how you implement smooth scrolling, there are a few accessibility issues that should be addressed: focus management and animation.

]]> a11y ui ux javascript animation Matthew Butterick’s Practical Typography – A web-based book http://practicaltypography.com/ Tue, 01 Aug 2017 23:29:37 +0200 http://practicaltypography.com/ “Ty­pog­ra­phy is the vi­sual com­po­nent of the writ­ten word. And be­ing a pub­lisher of the writ­ten word nec­es­sar­ily means be­ing a ty­pog­rapher. This book will make you a bet­ter typographer.”

]]> typography books design Accessible Tooltips & Toggletips | Inclusive Components by @heydonworks https://inclusive-components.design/tooltips-toggletips/ Wed, 26 Jul 2017 08:42:30 +0200 https://inclusive-components.design/tooltips-toggletips/ In this article, Heydon Pickering looks at situations which might call for a tooltip or else a toggletip, and formulates inclusive implementations for each.

]]> ui components a11y ux The Sky Digital Toolkit https://www.sky.com/toolkit Tue, 25 Jul 2017 09:42:11 +0200 https://www.sky.com/toolkit The Sky Digital Toolkit is the central resource for designers and developers to understand how to design and build digital products for Sky.

]]> styleguides pattern libraries design-systems ‪A Collection of Interesting Facts about #CSS Grid Layout, by @mmatuzo‬ https://css-tricks.com/collection-interesting-facts-css-grid-layout/ Mon, 24 Jul 2017 18:40:59 +0200 https://css-tricks.com/collection-interesting-facts-css-grid-layout/ Manuel Matuzović shares some of the lesser known features of CSS Grid.

]]> css grid layout The web accessibility basics, by @MarcoZehe‬ https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/ Mon, 24 Jul 2017 09:43:50 +0200 https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/ Marco Zehe's list of absolute web accessibility basics every web developer should know.

]]> accessibility a11y basics Design Principles, collected by Jeremy Keith (@adactio) https://principles.adactio.com/ Tue, 13 Jun 2017 01:51:15 +0200 https://principles.adactio.com/ A huge collection of design principles from various disciplines. 

]]> design principles ux ui user experience theory Space in Design Systems, by @nathanacurtis https://medium.com/eightshapes-llc/space-in-design-systems-188bcbae0d62 Tue, 06 Jun 2017 00:04:07 +0200 https://medium.com/eightshapes-llc/space-in-design-systems-188bcbae0d62 From Basics to Expanded Concepts to Apply Space with Intent

]]> design design-systems systems space pattern libraries Basecamp Employee Handbook https://github.com/basecamp/handbook/ Tue, 02 May 2017 18:59:17 +0200 https://github.com/basecamp/handbook/ “So, this is where we’ll try to share what’s worth knowing about Basecamp the company, our culture, our process, and our history.”

]]> process organizations culture handbooks principles Practical CSS Grid: Adding Grid to an Existing Design, by @meyerweb https://alistapart.com/article/practical-grid Fri, 24 Mar 2017 21:18:00 +0100 https://alistapart.com/article/practical-grid “It’s been decades since CSS first emerged, but it’s never contained a system anything like this.” – Eric Meyer on CSS grid and the process of progressively enhancing his site to use grid.

]]> css html layout grid Getting started with variable fonts, by @clagnut http://clagnut.com/blog/2389/ Tue, 21 Feb 2017 22:00:50 +0100 http://clagnut.com/blog/2389/ Richard Rutter explains the basics of variable fonts and the new values coming with CSS4.

]]> webfonts font technology css typography variable fonts A Practical Guide to SVG on the Web, by @jakegiltsoff https://svgontheweb.com/ Mon, 23 Jan 2017 21:20:21 +0100 https://svgontheweb.com/ The guide aims to give a practical overview of how you can use SVGs on your websites — with some tips and tricks along the way to get the most out of them.

]]> web svg development graphics Understanding Flexbox: Everything you need to know, by @OhansEmmanuel https://medium.freecodecamp.com/understanding-flexbox-everything-you-need-to-know-b4013d4dc9af#.jcypy2fbj Thu, 12 Jan 2017 09:23:00 +0100 https://medium.freecodecamp.com/understanding-flexbox-everything-you-need-to-know-b4013d4dc9af#.jcypy2fbj A concise and complete introduction to CSS Flexbox.

]]> css layout flexbox development design Get the Balance Right: Responsive Display Text, by @clagnut ◆ 24 ways https://24ways.org/2016/responsive-display-text/ Sun, 11 Dec 2016 23:18:27 +0100 https://24ways.org/2016/responsive-display-text/ Richard Rutter (Clearleft) shows how to use vmin and a hybrid method of sizing text using CSS calc() to achieve balanced font-sizes for different viewports.

]]> typography responsive design rwd css code cssreference – a free visual guide to CSS, by @jgthms http://cssreference.io Sat, 26 Nov 2016 13:20:49 +0100 http://cssreference.io Learn by example cssreference.io is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

]]> css reference code animation learning “Who Will Command The Robot Armies?” – a talk by @baconmeteor about accountability in automated systems http://idlewords.com/talks/robot_armies.htm Tue, 22 Nov 2016 01:11:00 +0100 http://idlewords.com/talks/robot_armies.htm It’s a rant by Maciej Cegłowski about chatbots, machine learning, and the issues of accountability and power that go with automation.

]]> technology automation robots society responsibility Designing for the Web, by Mark Boulton http://designingfortheweb.co.uk/index.php Sun, 16 Oct 2016 22:35:38 +0200 http://designingfortheweb.co.uk/index.php Modern web design is a discipline that spans a huge range of skills. In his book, Mark Boulton masterfully guides you through things like process and workflow, research, typography, colour, layout, and much more.

]]> web design process basics books typography layout color Using WebP Images – a great introduction by @malchata https://css-tricks.com/using-webp-images/ Fri, 26 Aug 2016 23:12:00 +0200 https://css-tricks.com/using-webp-images/ If you want to fight large images and save bandwidth with WebP, a file format created by Google that provides superior lossless and lossy compression, then this article is a really helpful introduction.

]]> image webp performance Fractal – build and document web component libraries & styleguides http://fractal.build/ Sat, 23 Jul 2016 10:43:51 +0200 http://fractal.build/ Fractal by @allmarkedup, frontend dev @clearleft, lets you build and document web component libraries and styleguides, and then integrate them into your projects. It is flexible, data-driven, and can be seamlessly integrated into your site.

]]> styleguides design design-systems components component libraries development pattern libraries The Web’s Grain – A view on designing for the web http://www.frankchimero.com/writing/the-webs-grain/ Fri, 15 Jul 2016 18:37:09 +0200 http://www.frankchimero.com/writing/the-webs-grain/ One of the best articles on designing for the web, by @frank_chimero. As wonderful as important. Required reading.

]]> web design culture craft perspective Making And Maintaining Atomic Design Systems With Pattern Lab 2 By https://www.smashingmagazine.com/2016/07/building-maintaining-atomic-design-systems-pattern-lab/ Wed, 13 Jul 2016 20:11:24 +0200 https://www.smashingmagazine.com/2016/07/building-maintaining-atomic-design-systems-pattern-lab/ Pattern Lab 2 is an open-source suite of tools to help you and your team create and maintain thoughtful UI design systems. At its core, it’s a static site generator that stitches together patterns and allows you to design with dynamic data.

]]> styleguides design design-systems ui pattern libraries tools static generators How Will Web Components Change CSS Architecture? https://snook.ca/archives/html_and_css/will-web-components-change-css Tue, 12 Jul 2016 18:46:46 +0200 https://snook.ca/archives/html_and_css/will-web-components-change-css With the slow rise of Web Components—the breakdown of interfaces into self-contained chunks of HTML, JavaScript, and CSS—will we see an evolution (or revolution) in how we manage the way we write, build, and bundle the CSS for our web sites?

]]> html css web components architecture Accessible SVGs https://css-tricks.com/accessible-svgs/ Sat, 09 Jul 2016 23:33:15 +0200 https://css-tricks.com/accessible-svgs/ Impressively comprehensive article by @_hmig about creating accessible SVGs in order to ensure a great user experience for everyone.

]]> a11y ux code svg Astrum – A lightweight pattern library for any web project http://astrum.nodividestudio.com/ Mon, 04 Jul 2016 00:22:00 +0200 http://astrum.nodividestudio.com/ Astrum is a lightweight pattern library designed to be included with any web project. It's non-opinionated and doesn't expect you to write your markup or code in any particular way.

]]> design pattern libraries modular styleguides branding A #cheatsheet of the A-Z of #typography jargon, by Fontsmith http://www.itsnicethat.com/news/fontsmith-typography-jargon-dictionary-300616 Mon, 04 Jul 2016 00:12:22 +0200 http://www.itsnicethat.com/news/fontsmith-typography-jargon-dictionary-300616 London foundry Fontsmith has produced an in-depth glossary of typography jargon in infographic format.

]]> typography reference terms language resource As We May Think. Vannevar Bush's visionary essay from 1945, anticipating the information society http://www.theatlantic.com/magazine/archive/1945/07/as-we-may-think/303881/ Thu, 30 Jun 2016 00:59:15 +0200 http://www.theatlantic.com/magazine/archive/1945/07/as-we-may-think/303881/ “Dr. Vannevar Bush […] calls for a new relationship between thinking man and the sum of our knowledge.” – The Editor

]]> web information science history hypertext Just turned 6: Responsive Web Design, by @beep http://alistapart.com/article/responsive-web-design Sun, 29 May 2016 15:38:05 +0200 http://alistapart.com/article/responsive-web-design “Now more than ever, we’re designing work meant to be viewed along a gradient of different experiences. Responsive web design offers us a way forward, finally allowing us to “design for the ebb and flow of things.”

]]> responsive design rwd web layout Semantic CSS http://snook.ca/archives/html_and_css/semantic-css Sat, 28 May 2016 22:26:37 +0200 http://snook.ca/archives/html_and_css/semantic-css Why everybody who talks about the importance of semantics is both right and wrong at the same time.

]]> css semantics code Regressive Web Apps https://adactio.com/journal/10708 Thu, 26 May 2016 21:44:35 +0200 https://adactio.com/journal/10708 “What does it profit a website to gain app-like features if it loses its soul?” – a must-read by @adactio about how progressive web apps undermine some of the web's greatest features (like URL's) and about some dangerous assumptions been made.

]]> pwa chrome apps web progressive The New Web Typography https://robinrendle.com/essays/new-web-typography/ Tue, 24 May 2016 22:39:49 +0200 https://robinrendle.com/essays/new-web-typography/ A wonderful piece by @robinrendle about the aesthetics, the quirks, the flexibility, and the fragility of web typography.

]]> web design typography culture Developing Dependency Awareness https://www.smashingmagazine.com/2016/05/developing-dependency-awareness/ Tue, 24 May 2016 01:29:10 +0200 https://www.smashingmagazine.com/2016/05/developing-dependency-awareness/ Progressive enhancement once more is on a roll: Great(!) article by @AaronGustafson about reducing dependencies

]]> progressive-enhancement progressive enhancement dependencies js css javascript Design systems and Postel’s law http://markboulton.co.uk/journal/design-systems-and-postels-law Wed, 18 May 2016 02:40:35 +0200 http://markboulton.co.uk/journal/design-systems-and-postels-law Postel’s law – “Be conservative in what you do, be liberal in what you accept from others” – applied to design systems and their origination process. What a wonderful thought by @markboulton!

]]> design design-systems postels-law process leadership Creating A Living Style Guide: A Case Study https://www.smashingmagazine.com/2016/05/creating-a-living-style-guide-case-study/ Mon, 16 May 2016 21:11:47 +0200 https://www.smashingmagazine.com/2016/05/creating-a-living-style-guide-case-study/ One of the most elaborate case studies on living style guides I've read so far. By @StevenKLambert

]]> design styleguides development process design-systems Responsive Images: Use Cases and Documented Code Snippets to Get You Started https://dev.opera.com/articles/responsive-images/ Wed, 11 May 2016 01:48:00 +0200 https://dev.opera.com/articles/responsive-images/ Nicely sums up of different ways to use responsive images.

]]> html media media- image picture rwd Color Safe http://colorsafe.co/ Sun, 14 Feb 2016 21:22:03 +0100 http://colorsafe.co/ Empowering designers with beautiful and accessible color palettes based onWCAG Guidelines of text and background contrast ratios.

]]> design color a11y accessibility tools Grid Style Sheets 2.0 https://gridstylesheets.org/ Sun, 14 Feb 2016 21:20:52 +0100 https://gridstylesheets.org/ GSS reimagines CSS layout & replaces the browser’s layout engine with one that harnesses the Cassowary Constraint Solver — the same algorithm Apple uses to compute native layout.

]]> css polyfills layout algorithms Custom underlines with CSS background gradients http://dabblet.com/gist/58f3d67d5bb0f8338776 Sun, 14 Feb 2016 21:06:26 +0100 http://dabblet.com/gist/58f3d67d5bb0f8338776 A dabblet by Lea Verou, this technique is also covered in her very good book CSS Secrets.

]]> Inline SVG with Grunticon Fallback https://css-tricks.com/inline-svg-grunticon-fallback/ Sun, 14 Feb 2016 21:03:22 +0100 https://css-tricks.com/inline-svg-grunticon-fallback/ @chriscoyier shows you how to build an SVG icon system.

]]> svg grunt icons development IndieWebify.Me https://indiewebify.me/ Sun, 14 Feb 2016 20:56:48 +0100 https://indiewebify.me/ A guide to getting you on the IndieWeb

]]> indieweb Flexbox Froggy http://flexboxfroggy.com/ Sun, 14 Feb 2016 20:41:11 +0100 http://flexboxfroggy.com/ It's about time to learn CSS Flexbox. And this ingenious game lets you get your head around the relevant CSS properties in no time. Wonderful work.

]]> css flexbox code game Designing for Performance – Weighing Aesthetics and Speed http://designingforperformance.com/ Sun, 14 Feb 2016 20:38:22 +0100 http://designingforperformance.com/ The (free) online version of @lara_hogan's great book on web performance.

]]> development performance design books Style Guide Resources http://styleguides.io/ Sun, 14 Feb 2016 20:35:29 +0100 http://styleguides.io/ This site lists lots of useful resources to help you learn about and create your own Front-End Style Guides and Pattern Libraries.Contributions by @maban, @bradfrost and many, many more.

]]> design styleguides Oil Change & Pizza http://danielmall.com/articles/oil-change-pizza/ Sun, 14 Feb 2016 11:21:42 +0100 http://danielmall.com/articles/oil-change-pizza/ Great advice from Daniel Mall for agencies (and freelancers alike): What makes a great agency are the things they don’t do.

]]> design business freelancing Sass Guidelines http://sass-guidelin.es Mon, 11 Jan 2016 00:07:00 +0100 http://sass-guidelin.es An opinionated styleguide for writing sane, maintainable and scalable Sass.

]]> code css sass styleguides