26. februar 2024

Raut #92: Design Ah! fra Japan, gratis fonter som ikke er Google Fonts og kreative 404-sider.

UX og design

• Meget fornøyelige Design Ah! er egentlig et barneprogram fra Japan om design, med noen meget fornøyelige små snutter og design og hvordan ting er satt sammen.

• Digitale løsninger er en vesentlig del av klimaproblemet. Vi må slette mer – og lagre mindre – ellers bidrar vi til å klimaendringene. La oss designe ting som oppfordrer til sletting.

• Design for digitale løsninger og kode går hånd i hånd, og det kan være bra for designere å forstå koding. Her er noen tanker om hvordan designer burde tenke på koding.

• Digitale farger kan være forvirrende, men artikkelen Okay, Color Spaces gjør det litt klarere.

• GOV.UK har lansert ny krone-logo for Kong Charles. At de hadde egen logo for den sittende regenten var nytt for oss, her er en sammenligning med Dronning Elizabeths krone-logo.

• Framer-komponenterbasert pådesignene til Dieter Rams.

• Figma kjøper Dynaboard – som er en slags Figma for utviklere, så det passer vel fint.

• FraUX Norge-tråden om designoppgaver, -spill og -challenges i Figma:

  • Lær deg pen tool på ordentlig medThe Bézier Game(ikke bare for Figma)

    • Fra Method of Action hvor det finnes flere spill som etfarge-spill for å øve på fargersom passer sammen,KernTypefor å øve på kerning ogShapeTypefor å øve på å tegne bokstaver.

  • Konkrete Figma-utfordringer du kan løse iBiscuit's Figma Design Challenge.

  • It's Centered That sjekker om du har et øye for design.

  • ICan't Unseeskal du velge hvilket design som er «mest korrekt».

  • Better Web Typeer et spill for å bli flinkere på typografi for webben.

• Datavisualisering er vanskelig. VizSweet er et datavisualiseringsverktøy som skal gjøre datavisualisering enklere. Se for eksempel Wikipedia’s Lamest Edit Wars.

  • Og på den noten anbefales Junk Charts, som kritiserer dårlige visualiseringer.

• Skrifttyper som er gratis og åpen kildekode(og som ikke er Google Fonts):

  • Tunera har et begrenset utvalg med friske fonter.

  • Collletttivo

  • Anrt

  • Uncut

  • The League of Movable Type

  • Lost Type(betal det du vil)

  • Badass libre fonts by womxn

  • Fontspacehar mange fonter, men mye rabe. SomDaFont,Befonts,1001 Free FontsogFfonts.

  • FontsArena

  • En favoritt: atipo foundry(betal det du vil)

Universell utforming

• En webkomponent for å lage tilgjengelige, sammenleggbart innhold. Se et sammenleggbart eksempel.

Frontend og kode

• Brad Frost har tidligere foreslått et globalt designsystem, Andy Bell foreslår på den noten en global dokumenteringsplattform for å ivareta det Mozilla gjør med MDN (visstnok er ikke Mozilla pålitelig lenger).

• CSS er litt snodig, og til tider frustrerende, men det er logisk.

• Polypane Portal gjør det mulig å teste lokale nettsted i alle nettlesere, eller bare å dele det lokale nettstedet med hvem som helst.

• Hvorfor du bør bruke window.matchMedia når du sjekker om nettleservinduet har endret størrelse.

• Hvordan lage en webkomponent fra bunnen av.

• Codropshar alltid hatt de kuleste frontend-demoene. Nå har detilgjengeliggjort alt i et arkiv.

• 404-sider bør være behjelpelige, men det er ogsågøy å være litt kreativ.

Annet

• Å starte et personlig nettsted har mange små barrierer. En av de store er kanskje å vite hva du egentlig skal gjøre med den. Her er 100 ting du kan gjøre på et personlig nettsted.

• Ryktene sier at Apple Ring er under utvikling.

• Du bør lagre skrevet innhold i helt vanlige tekstfiler –og ikke låse de inne i en tredjepartsløsning.

• Reor er en notatappfor lokale markdownfiler, hvor du kan bruke AI for å automatisk koble dem sammen og søke lokalt i dine egne notater.

• «Tautological» stedsnavn er navn som har ord som er forskjellige – men betyr det samme. Som «Lake Tahoe» hvor «Tahoe» betyr «Lake», altså «Lake Lake».

  • Se også RAS-syndromet hvor du bruker et ord som allerede er del av akronymet. Som «PIN-nummer».

Flest klikk i forrige Raut

• 🥇Hvordan overbevise om at UX-innsikt er nødvendig og verdifullt.