12 berichten

Digitalt arbeid: forstå, utform og gjør ferdig

Begynn med nettlesere og HTTP, fortsett med CSS og tilgjengelig design, og avslutt med verktøy for konsentrasjon, tekst, bilder og siste gjennomgang av dokumenter.

Samengesteld door moalier.picks Delen

1. 01#DevelopmentBygg for nettet, med nettleseren som utgangspunktEn praktisk vei gjennom grunnleggende web, fokuserte kurs, nettleserkompatibilitet og tilgjengelig implementering. Rammer gjør mange ting praktiske, men nettleseren bestemmer fortsatt hvordan en side oppfører seg. En forankring i HTML, CSS, JavaScript og tilgjengelighet gjør ukjente verktøy mindre mystiske. Disse referansene fungerer godt ved siden av et lite prosjekt du kan inspisere, endre og bryte trygt. Prøv dette først Bygg en liten side med en overskrift, et skjema og en liste. Lær den…4 links
2. 02#DevelopmentLes én HTTP-utveksling før du gir rammeverket skyldenEn forklaring, en referanse og en forespørselstesttjeneste for å forstå hva en nettleser sender og en server returnerer.3 links
3. 03#DevelopmentFå en CSS-layout til å overleve ekte innholdFire samlinger med CSS-forklaringer for å forstå layoutbegrensninger, spenstig størrelse og de vanskelige tilfellene en perfekt mockup kan skjule.4 links
4. 04#DevelopmentEn arbeidsbenk for feilsøking for en side som føles tregNettleserdokumentasjon og ytelsesreferanser for å gjøre «dette føles tregt» til en reproduserbar observasjon og et fokusert neste trinn.4 links
5. 05#DesignDesignreferanser for beslutninger som trenger en begrunnelseGå utover visuell inspirasjon med en liten hylle med brukervennlighetsforskning, tilgjengelighetsveiledning, interaksjonsprinsipper og typografitimer. En vakker referanse kan vise hvordan en skjerm ser ut uten å forklare hvorfor den fungerer. Når en designgjennomgang blir til en konkurranse av preferanser, hjelper det å ha kilder som gjør avgjørelsen diskuterbar. Denne samlingen beveger seg fra brukeratferd til tilgang, interaksjon og detaljene i lesing. Prøv dette først Velg én ekte skjerm og…4 links
6. 06#DesignLes begrunnelsen bak en designsystemkomponentFire offentlige referanser for å studere komponenter som beslutninger om innhold, atferd og tilgang i stedet for et galleri med attraktive kontroller.4 links
7. 07#DesignVurder typografi med et avsnitt, ikke et skriftnavnPraktisk veiledning, et typeskalaverktøy, en skjermorientert familie og et arkiv i den virkelige verden for å teste hvordan tekst faktisk leses.4 links
8. 08#DesignTest et fargepar der folk faktisk vil lese detKontrastkontroller og visuelle sammenligninger for å evaluere tekst- og grensesnittfarger utover en palettforhåndsvisning.3 links
9. 09#ProductivityEt lite verktøysett for arbeid som trenger din oppmerksomhetEn tidtaker, et skisselerret, en kontorpakke og en notatbok: fire verktøy med forskjellige jobber og en enkel måte å prøve dem på. Et nytt produktivitetssystem kan ta mer oppmerksomhet enn arbeidet det var ment å støtte. Denne samlingen holder rollene bevisst atskilt: gi plass til en oppgave, skisser ideen, lag dokumentet og legg igjen et notat til neste gang. Du trenger ikke adoptere alle fire. Prøv dette først Velg punktet der arbeidet ditt stopper for øyeblikket. Hvis det er vanskelig å…4 links
10. 10#ProductivityEn liten arbeidsbenk for tekst som trenger en annen formTre verktøy for å inspisere strukturert tekst, bruke en repeterbar transformasjon og sjekke resultatet før du bruker det andre steder.3 links
11. 11#ProductivityEn liten arbeidsbenk for bilder på vei til nettetEt fokusert bildeverktøysett for å redigere en kilde, sammenligne komprimering, rense SVG og sjekke en liten animasjon.4 links
12. 12#ProductivityEn liten verktøykasse for siste pass før sending av et dokumentPDF-sammenstilling, tekstsammenligning og skriverevisjonsverktøy for å sjekke filen en annen person faktisk vil motta.4 links

Profiel bekijken