01#DevelopmentBouw voor het web, met de browser als uitgangspuntEen praktische route langs webfundamentals, gerichte cursussen, browsercompatibiliteit en toegankelijke implementatie.
Frameworks maken veel dingen handig, maar de browser bepaalt nog steeds hoe een pagina zich gedraagt. Een basis in HTML, CSS, JavaScript en toegankelijkheid maakt onbekende tools minder mysterieus. Deze referenties werken goed naast een klein project dat u veilig kunt inspecteren, wijzigen en afbreken.
Probeer dit eerst
Bouw een kleine pagina met een kop, een formulier en een…4 links12 posts
Digitaal werken: begrijpen, ontwerpen en afronden
Begin bij browsers en HTTP, ga verder met CSS en toegankelijk ontwerp en eindig met hulpmiddelen voor focus, tekst, afbeeldingen en de laatste controle van documenten.
- 01#DevelopmentBouw voor het web, met de browser als uitgangspuntEen praktische route langs webfundamentals, gerichte cursussen, browsercompatibiliteit en toegankelijke implementatie.
Frameworks maken veel dingen handig, maar de browser bepaalt nog steeds hoe een pagina zich gedraagt. Een basis in HTML, CSS, JavaScript en toegankelijkheid maakt onbekende tools minder mysterieus. Deze referenties werken goed naast een klein project dat u veilig kunt inspecteren, wijzigen en afbreken.
Probeer dit eerst
Bouw een kleine pagina met een kop, een formulier en een…4 links
02#DevelopmentLees één HTTP-uitwisseling voordat u het raamwerk de schuld geeftEen uitleg, een referentie en een verzoektestservice om te begrijpen wat een browser verzendt en een server retourneert.3 links
03#DevelopmentZorg ervoor dat een CSS-lay-out echte inhoud overleeftVier verzamelingen CSS-verklaringen voor het begrijpen van lay-outbeperkingen, veerkrachtige afmetingen en de lastige gevallen die een perfecte mockup kan verbergen.4 links
04#DevelopmentEen werkbank voor foutopsporing voor een pagina die traag aanvoeltBrowserdocumentatie en prestatiereferenties om “dit voelt traag” om te zetten in een reproduceerbare observatie en een gerichte volgende stap.4 links
05#DesignOntwerpreferenties voor beslissingen die een reden nodig hebbenGa verder dan visuele inspiratie met een kleine hoeveelheid bruikbaarheidsonderzoek, begeleiding bij toegankelijkheid, interactieprincipes en typografielessen.
Een mooie referentie kan laten zien hoe een scherm eruit ziet zonder uit te leggen waarom het werkt. Wanneer een ontwerpbeoordeling uitmondt in een wedstrijd van voorkeuren, helpt het om bronnen te hebben die de beslissing bespreekbaar maken. Deze verzameling gaat van gebruikersgedrag naar toegang, interactie en de details van het…4 links
06#DesignLees de redenering achter een ontwerpsysteemcomponentVier openbare referenties voor het bestuderen van componenten als beslissingen over inhoud, gedrag en toegang in plaats van een galerij van aantrekkelijke controles.4 links
07#DesignBeoordeel typografie met een alinea, niet met een lettertypenaamPraktische begeleiding, een tool op letterschaal, een schermgeoriënteerde familie en een realistisch archief om te testen hoe tekst daadwerkelijk leest.4 links
08#DesignTest een kleurenpaar waar mensen het daadwerkelijk zullen lezenContrastcontroles en visuele vergelijkingen voor het evalueren van tekst- en interfacekleuren die verder gaan dan een paletvoorbeeld.3 links
09#ProductivityEen kleine toolkit voor werk dat uw aandacht nodig heeftEen timer, een schetspapier, een kantoorpakket en een notitieboekje: vier tools met verschillende taken en een eenvoudige manier om ze uit te proberen.
Een nieuw productiviteitssysteem kan meer aandacht vergen dan het werk waarvoor het bedoeld was. Deze verzameling houdt de rollen bewust gescheiden: maak ruimte voor een taak, schets het idee, maak het document en laat een notitie achter voor de volgende keer. Je hoeft ze niet alle vier te adopteren.
Probeer dit eerst
Kies het punt waar uw werk…4 links
10#ProductivityEen kleine werkbank voor tekst die een andere vorm nodig heeftDrie hulpmiddelen voor het inspecteren van gestructureerde tekst, het toepassen van een herhaalbare transformatie en het controleren van het resultaat voordat u het elders gebruikt.3 links
11#ProductivityEen kleine werkbank voor afbeeldingen die naar internet gaanEen gerichte afbeeldingstoolkit voor het bewerken van een bron, het vergelijken van compressie, het opschonen van SVG en het controleren van een kleine animatie.4 links
12#ProductivityEen kleine toolkit voor de laatste passage voordat een document wordt verzondenHulpmiddelen voor het samenstellen van PDF's, tekstvergelijkingen en schrijfrevisies waarmee u kunt controleren welk bestand iemand anders daadwerkelijk ontvangt.4 links
