共 12 篇

Digitalt arbejde: forstå, design og gør færdigt

Begynd med browsere og HTTP, fortsæt med CSS og tilgængeligt design, og slut med værktøjer til fokus, tekst, billeder og den sidste gennemgang af dokumenter.

moalier.picks 的策展 分享

1. 01#DevelopmentByg til nettet med browseren som udgangspunktEn praktisk rute gennem grundlæggende web, fokuserede kurser, browserkompatibilitet og tilgængelig implementering. Rammer gør mange ting praktiske, men browseren bestemmer stadig, hvordan en side opfører sig. En jordforbindelse i HTML, CSS, JavaScript og tilgængelighed gør ukendte værktøjer mindre mystiske. Disse referencer fungerer godt ved siden af ​​et lille projekt, du kan inspicere, ændre og bryde sikkert. Prøv dette først Byg en lille side med en overskrift, en formular og en liste. Lær…4 個連結
2. 02#DevelopmentLæs en HTTP-udveksling, før du giver rammen skyldenEn forklaring, en reference og en anmodningstesttjeneste for at forstå, hvad en browser sender, og en server returnerer.3 個連結
3. 03#DevelopmentFå et CSS-layout til at overleve ægte indholdFire samlinger af CSS-forklaringer til forståelse af layoutbegrænsninger, elastisk størrelse og de akavede tilfælde, som en perfekt mockup kan skjule.4 個連結
4. 04#DevelopmentEt fejlfindingsarbejdsbord til en side, der føles langsomBrowserdokumentation og præstationsreferencer for at gøre "dette føles langsomt" til en reproducerbar observation og et fokuseret næste trin.4 個連結
5. 05#DesignDesign referencer til beslutninger, der kræver en begrundelseGå ud over visuel inspiration med en lille hylde med brugbarhedsforskning, tilgængelighedsvejledning, interaktionsprincipper og typografilektioner. En smuk reference kan vise, hvordan en skærm ser ud uden at forklare, hvorfor den virker. Når en designgennemgang bliver til en præferencekonkurrence, hjælper det at have kilder, der gør beslutningen diskutabel. Denne samling bevæger sig fra brugeradfærd til adgang, interaktion og læsningsdetaljer. Prøv dette først Vælg en rigtig skærm og et…4 個連結
6. 06#DesignLæs ræsonnementet bag en designsystemkomponentFire offentlige referencer til at studere komponenter som beslutninger om indhold, adfærd og adgang snarere end et galleri af attraktive kontroller.4 個連結
7. 07#DesignBedøm typografi med et afsnit, ikke et skrifttypenavnPraktisk vejledning, et værktøj i skriftskala, en skærmorienteret familie og et arkiv i den virkelige verden til at teste, hvordan tekst faktisk læses.4 個連結
8. 08#DesignTest et farvepar, hvor folk rent faktisk vil læse detKontrastbrikker og visuelle sammenligninger til evaluering af tekst og grænsefladefarver ud over en palet-forhåndsvisning.3 個連結
9. 09#ProductivityEt lille værktøjssæt til arbejde, der kræver din opmærksomhedEn timer, et tegnelærred, en kontorpakke og en notesbog: Fire værktøjer med forskellige opgaver og en enkel måde at prøve dem på. Et nyt produktivitetssystem kan tage mere opmærksomhed end det arbejde, det var beregnet til at understøtte. Denne samling holder rollerne bevidst adskilt: gør plads til en opgave, skitser ideen, lav dokumentet og læg en note til næste gang. Du behøver ikke adoptere alle fire. Prøv dette først Vælg det punkt, hvor dit arbejde i øjeblikket går i stå. Hvis det er…4 個連結
10. 10#ProductivityEt lille arbejdsbord til tekst, der har brug for en anden formTre værktøjer til at inspicere struktureret tekst, anvende en gentagelig transformation og kontrollere resultatet, før du bruger det andre steder.3 個連結
11. 11#ProductivityEt lille arbejdsbord til billeder på vej til nettetEt fokuseret billedværktøjssæt til redigering af en kilde, sammenligning af komprimering, rensning af SVG og kontrol af en lille animation.4 個連結
12. 12#ProductivityEn lille værktøjskasse til den sidste gennemgang inden afsendelse af et dokumentPDF-samling, tekstsammenligning og skriverevisionsværktøjer til at kontrollere filen, som en anden person rent faktisk modtager.4 個連結

查看個人頁面