HackerTube
HomeLongsLikedHistoryWatch laterCategoriesPlaylistsSettings

"Building a Toolkit for Design" by Matthew Griffith

elm-conf2 HN recommenders · recommended in 3 months, 2020-2022
YouTube
25K views · 8 years ago · talk · evergreen

Matthew Griffith, creator of elm-ui, presents a toolkit for designing layouts in Elm as an alternative to CSS. He explains the opinionated approach to layout and styling.

HN commenters recommend it as a fresh perspective on layout and styling in CSS discussions.

Web developmentFunctional programmingUX & UI design#elm#elm-ui#cssalternative#layout#front-end

5 comments from Hacker News

@slimsag2022 · in “Show HN: Codestat.dev – Stats from 2M open-source repositories”

Ha! Long time no see :) I'm no Elm expert, but I would say from what I've seen that mixing-and-matching (JS+Elm, CSS+Elm) as you see fit is totally fine, adopting Elm can be super incremental. When it comes to changing CSS dynamically, it's quite nice to have that in Elm code too rather than say a CSS class you toggle. The thing I'm using here is elm-ui, it takes a more opinionated approach and basically eliminates a lot of the CSS oddities: instead of numerous flex, margin etc. CSS properties you just get simple alignLeft, centerX, etc. attributes in a row/column layout. Quite nice. There's a talk[0] about it. [0] ▶ this video

CitesView on HN
@qolop2021 · in “25 Years of CSS”

For those who want a fresh perspective on CSS, layout and styling, check out this talk by Matthew Griffith - the creator of elm-ui ▶ this video

RecommendsView on HN
@cies2021 · in “Ask HN: What novel tools are you using to write web sites/apps?”

Elm + elm-ui[1] (dont worry about CSS so much) + generated Elm client lib from GraphQL schema + Hasura (GraphQL over Postgres) + Postgres => strong type safety from db schema to frontend with SPA-first workflow; possibly add ReactAdmin[2] to the mix if that sort of thing is needed. Rust + Actix + Yew (Rust browser framework compiling to WASM) => also verrrry nice vor SPA-first! Slightly more traditional: Kotlin and jOOQ on the server side. I also tend to let go of the HTML syntax lately, by using templating eDSLs such as in Elm, or in Rust's Maud[3], or in Kotlin's kotlinx.html or HtmlFlow. [1]: ▶ this video [2]: link [3]: link [4]: link [5]: link

CitesView on HN
@giantDinosaur2021 · in “I don't want to do front-end anymore”

Not necessarily solved, and I assume you know about it, but for anyone reading this, elm-ui is definitely worth checking out for at least an exploration of an alternative to CSS. For a talk about this: ▶ this video

RecommendsView on HN
@giantDinosaur2020 · in “Why is CSS the way it is?”

Given my thoughts (and recent experience) was shaped by something like Elm-UI - see: ▶ this video If you have the time to learn CSS, you have the time to learn anything else. ;)

RecommendsView on HN
Evan Czaplicki - Let's be mainstream! User focused design in Elm - Curry On58:23

Evan Czaplicki - Let's be mainstream! User focused design in Elm - Curry On

Curry On!
82K views • 11 years ago
"Code is the Easy Part" by Evan Czaplicki38:26

"Code is the Easy Part" by Evan Czaplicki

elm-conf
43K views • 10 years ago
Elm Europe 2017 - Richard Feldman - Scaling Elm Apps59:51

Elm Europe 2017 - Richard Feldman - Scaling Elm Apps

Elm Europe
41K views • 9 years ago
"Make the Back-End Team Jealous: Elm in Production" by Richard Feldman31:14

"Make the Back-End Team Jealous: Elm in Production" by Richard Feldman

Strange Loop Conference
36K views • 11 years ago
Erlang Factory SF 2016 Keynote  Phoenix and Elm – Making the Web Functional55:28

Erlang Factory SF 2016 Keynote Phoenix and Elm – Making the Web Functional

Erlang Solutions
23K views • 10 years ago
Elm Europe 2017 - Evan Czaplicki - The life of a file47:02

Elm Europe 2017 - Evan Czaplicki - The life of a file

Elm Europe
72K views • 9 years ago
Mark DiMarco: User Interface Algorithms [JSConf2014]27:42

Mark DiMarco: User Interface Algorithms [JSConf2014]

JSConf
52K views • 12 years ago
Andy Bell – Be the browser’s mentor, not its micromanager43:33

Andy Bell – Be the browser’s mentor, not its micromanager

Hey! Presents
23K views • 4 years ago
"Making Impossible States Impossible" by Richard Feldman25:06

"Making Impossible States Impossible" by Richard Feldman

elm-conf
63K views • 10 years ago
Cheng Lou - On the Spectrum of Abstraction at react-europe 201635:32

Cheng Lou - On the Spectrum of Abstraction at react-europe 2016

ReactEurope
63K views • 10 years ago
Web Development in Emacs, Common Lisp and Clojurescript - Emacs SG1:18:42

Web Development in Emacs, Common Lisp and Clojurescript - Emacs SG

Engineers.SG
14K views • 10 years ago
"Controlling Time and Space: understanding the many formulations of FRP" by Evan Czaplicki40:55

"Controlling Time and Space: understanding the many formulations of FRP" by Evan Czaplicki

Strange Loop Conference
69K views • 12 years ago
Introducing SILE: A New Typesetting System47:25

Introducing SILE: A New Typesetting System

lathosjp
5K views • 11 years ago
Glenn Vanderburg - Cló: The Algorithms of TeX in Clojure42:25

Glenn Vanderburg - Cló: The Algorithms of TeX in Clojure

ClojureTV
9K views • 11 years ago
“What is Success?” by Evan Czaplicki47:52

“What is Success?” by Evan Czaplicki

Elm Europe
31K views • 8 years ago
Hacker Way: Rethinking Web App Development at Facebook44:36

Hacker Way: Rethinking Web App Development at Facebook

Meta Developers
900K views • 12 years ago
Sebastian Markbage: Minimal API Surface Area | JSConf EU 201424:28

Sebastian Markbage: Minimal API Surface Area | JSConf EU 2014

JSConf
71K views • 12 years ago
"Data Driven UIs, Incrementally" by Yaron Minsky36:18

"Data Driven UIs, Incrementally" by Yaron Minsky

Strange Loop Conference
20K views • 8 years ago
Category Theory, The essence of interface-based design - Erik Meijer1:03:14

Category Theory, The essence of interface-based design - Erik Meijer

FooCafe
74K views • 11 years ago
Om Next - David Nolen46:18

Om Next - David Nolen

ClojureTV
44K views • 11 years ago