Skip to main content
  • Matthias Ott
    User Experience Designer
  • About
  • Workshops
  • Notes
  • Articles
  • Links

Links

  • #a11y (8)
  • #accessibility (3)
  • #agile (1)
  • #algorithms (1)
  • #animation (3)
  • #apps (2)
  • #architecture (1)
  • #articles (1)
  • #automation (1)
  • #basics (2)
  • #books (3)
  • #branding (1)
  • #browsers (1)
  • #build pipeline (1)
  • #business (2)
  • #chrome (1)
  • #code (6)
  • #color (2)
  • #component libraries (1)
  • #components (3)
  • #compression (1)
  • #craft (1)
  • #css (14)
  • #css grid (1)
  • #culture (3)
  • #dependencies (1)
  • #design (27)
  • #design thinking (2)
  • #design-systems (6)
  • #development (6)
  • #devices (1)
  • #education (1)
  • #engine (1)
  • #enhancement (1)
  • #flexbox (2)
  • #font (1)
  • #fonts (1)
  • #foundations (1)
  • #freelancing (1)
  • #game (1)
  • #git (1)
  • #github (1)
  • #graphics (1)
  • #grid (2)
  • #grunt (1)
  • #handbooks (1)
  • #head (1)
  • #history (1)
  • #html (4)
  • #hypertext (1)
  • #ia (1)
  • #icons (1)
  • #image (4)
  • #image optimization (1)
  • #inclusive design (1)
  • #indieweb (2)
  • #information (2)
  • #iterative (1)
  • #javascript (4)
  • #js (1)
  • #language (1)
  • #layout (6)
  • #leadership (2)
  • #learning (3)
  • #machine learning (1)
  • #media (1)
  • #media- (1)
  • #meta (1)
  • #modular (1)
  • #navigation (1)
  • #optimization (1)
  • #organizations (1)
  • #pattern libraries (6)
  • #performance (6)
  • #perspective (1)
  • #physics (1)
  • #picture (1)
  • #polyfills (1)
  • #postels-law (1)
  • #principles (4)
  • #process (6)
  • #progressive (2)
  • #progressive-enhancement (1)
  • #prototyping (4)
  • #public speaking (1)
  • #pwa (1)
  • #reference (2)
  • #resource (3)
  • #responsibility (1)
  • #responsive (4)
  • #robots (1)
  • #rss (1)
  • #rwd (4)
  • #sass (1)
  • #science (1)
  • #semantics (1)
  • #sketching (1)
  • #social (1)
  • #society (1)
  • #space (1)

Entries tagged with #web.

↳ Show all entries

A Chaotic Good Guide to Image Performance, Part 1

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

Device Agnostic

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

A Practical Guide to SVG on the Web, by @jakegiltsoff

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

Designing for the Web, by Mark Boulton

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

The Web’s Grain – A view on designing for the web

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

How Will Web Components Change CSS Architecture?

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

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/

“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

“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

Regressive Web Apps

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/

A wonderful piece by @robinrendle about the aesthetics, the quirks, the flexibility, and the fragility of web typography.

  • #web
  • #design
  • #typography
  • #culture
  • About
  • Workshops
  • Notes
  • Articles
  • Links
Subscribe

You can subscribe to the RSS feeds for all posts or to individual feeds for articles, notes, and links.

Design and code © 2007–2023 Matthias Ott  •  Made with HTML, CSS, enhanced with JavaScript, powered by Craft CMS. .
Webmention endpoint   Privacy Policy   Site Notice / Impressum