"Building a Toolkit for Design" by Matthew Griffith
elm-conf2 HN recommenders · recommended in 3 months, 2020–2022
talk · intermediate · evergreen · 2020–2022 on HN
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.
Up next
14 mo on HNWhat the heck is the event loop anyway? | Philip Roberts | JSConf EU
JSConf
16 HN recommender · 2015–2025
13 mo on HNRich Harris - Rethinking reactivity
You Gotta Love Frontend
15 HN recommender · 2019–2026
10 mo on HNCrockford on JavaScript - Volume 1: The Early Years
YUI Library
10 HN recommender · 2013–2022
10 mo on HNRailsConf 2016 - Turbolinks 5: I Can’t Believe It’s Not Native! by Sam Stephenson
Confreaks
6 HN recommender · 2017–2020
10 mo on HNJavaScript: The Good Parts
Google TechTalks
11 HN recommender · 2009–2020
9 mo on HNPete Hunt: React: Rethinking best practices -- JSConf EU
JSConf
9 HN recommender · 2014–2025
8 mo on HNDan Abramov - Live React: Hot Reloading with Time Travel at react-europe 2015
ReactEurope
12 HN recommender · 2015–2022
7 mo on HNHey Underscore, You're Doing It Wrong!
InfoQ
9 HN recommender · 2014–2022
6 mo on HNChris McCord - Keynote: Phoenix LiveView - Interactive Apps without Javascript - ElixirConf EU 2019
Code Sync
4 HN recommender · 2019–2024
6 mo on HNOAuth 2.0 and OpenID Connect (in plain English)
OktaDev
7 HN recommender · 2019–2026
6 mo on HNJake Archibald on the web browser event loop, setTimeout, micro tasks, requestAnimationFrame, ...
JSConf
7 HN recommender · 2018–2023
6 mo on HNRiftSketch: Live coding in VR with the Oculus Rift, Firefox WebVR, JavaScript and Three.js
Brian Peiris
5 HN recommender · 2014–2020
5 comments from Hacker News
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
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
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. ;)
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
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