12 articles

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.

Sélection de moalier.picks Partager

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 liens
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 liens
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 liens
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 liens
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 liens
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 liens
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 liens
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 liens
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 liens
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 liens
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 liens
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 liens

Voir le profil