12 posts

Digitalt arbete: förstå, utforma och färdigställ

Börja med webbläsare och HTTP, gå vidare till CSS och tillgänglig design och avsluta med verktyg för fokus, text, bilder och den sista dokumentkontrollen.

Curated by moalier.picks Share

1. 01#DevelopmentBygg för webben, med webbläsaren som utgångspunktEn praktisk väg genom webbgrunderna, fokuserade kurser, webbläsarkompatibilitet och tillgänglig implementering. Ramar gör många saker bekväma, men webbläsaren bestämmer fortfarande hur en sida beter sig. En grund i HTML, CSS, JavaScript och tillgänglighet gör okända verktyg mindre mystiska. Dessa referenser fungerar bra vid sidan av ett litet projekt som du kan inspektera, ändra och bryta på ett säkert sätt. Prova detta först Bygg en liten sida med en rubrik, ett formulär och en lista. Lär dig…4 links
2. 02#DevelopmentLäs ett HTTP-utbyte innan du skyller på ramverketEn förklaring, en referens och en begäran-testtjänst för att förstå vad en webbläsare skickar och en server returnerar.3 links
3. 03#DevelopmentFå en CSS-layout att överleva verkligt innehållFyra samlingar av CSS-förklaringar för att förstå layoutbegränsningar, elastisk storlek och de besvärliga fallen som en perfekt mockup kan dölja.4 links
4. 04#DevelopmentEn felsökningsarbetsbänk för en sida som känns långsamWebbläsardokumentation och prestandareferenser för att göra "det här känns långsamt" till en reproducerbar observation och ett fokuserat nästa steg.4 links
5. 05#DesignDesignreferenser för beslut som behöver en motiveringGå bortom visuell inspiration med en liten hylla med användbarhetsforskning, tillgänglighetsvägledning, interaktionsprinciper och typografilektioner. En vacker referens kan visa hur en skärm ser ut utan att förklara varför den fungerar. När en designgranskning förvandlas till en preferenstävling, hjälper det att ha källor som gör beslutet diskuterabart. Den här samlingen går från användarbeteende till åtkomst, interaktion och läsningsdetaljer. Prova detta först Välj en riktig skärm och en fråga:4 links
6. 06#DesignLäs resonemanget bakom en designsystemkomponentFyra offentliga referenser för att studera komponenter som beslut om innehåll, beteende och åtkomst snarare än ett galleri med attraktiva kontroller.4 links
7. 07#DesignBedöm typografi med ett stycke, inte ett teckensnittsnamnPraktisk vägledning, ett typskalaverktyg, en skärmorienterad familj och ett verkligt arkiv för att testa hur text faktiskt läses.4 links
8. 08#DesignTesta ett färgpar där folk faktiskt kommer att läsa detKontrastpjäser och visuella jämförelser för att utvärdera text och gränssnittsfärger bortom en palettförhandsgranskning.3 links
9. 09#ProductivityEn liten verktygslåda för arbete som behöver din uppmärksamhetEn timer, en skissduk, en kontorssvit och en anteckningsbok: fyra verktyg med distinkta jobb och ett enkelt sätt att prova dem. Ett nytt produktivitetssystem kan ta mer uppmärksamhet än det arbete det var tänkt att stödja. Denna samling håller rollerna medvetet åtskilda: gör plats för en uppgift, skissa idén, producera dokumentet och lämna en lapp till nästa gång. Du behöver inte adoptera alla fyra. Prova detta först Välj den punkt där ditt arbete för närvarande stannar. Om det är svårt att…4 links
10. 10#ProductivityEn liten arbetsbänk för text som behöver en annan formTre verktyg för att inspektera strukturerad text, tillämpa en repeterbar transformation och kontrollera resultatet innan du använder det någon annanstans.3 links
11. 11#ProductivityEn liten arbetsbänk för bilder på väg till webbenEn fokuserad bildverktygssats för att redigera en källa, jämföra komprimering, rensa SVG och kontrollera en liten animation.4 links
12. 12#ProductivityEn liten verktygslåda för sista passet innan ett dokument skickasPDF-sammanställning, textjämförelse och skrivrevisionsverktyg för att kontrollera filen som en annan person faktiskt kommer att få.4 links

View profile