Innhold
- 01. Plate
- 02. Kostnaden for JavaScript
- 03. Fyr
- 04. Poeng
- 05. Min nettleser
- 06. Dyslexie font
- 07. Notist
- 08. StyleURL
- 09. Fleksibel typesetting av Tim Brown
- 10. Moceen
Hvis du noen gang har jobbet i et stort selskap, har du sannsynligvis møtt en situasjon der viktig informasjon om hvordan noe fungerer har gått glipp av - så denne måneden ser vi på Slab, et nytt verktøy som gir et hjem for alle dine viktig info slik at den ikke går seg vill.
Det er også en ressurs fra Googles ingeniøransvarlige Addy Osmani, som gir gode råd om hvordan du forbedrer mobilytelsen ved å gjøre smartere ting med JavaScript, et veldig morsomt kreativt kodingsverktøy og mye mer.
01. Plate
Slabs formål er å løse problemet med informasjonsregistrering i organisasjoner. I dette Medium-innlegget beskriver grunnleggeren et scenario der selskapet hans ble kjøpt opp, og teamet hans hadde til oppgave å integrere deres produkt i den eksisterende infrastrukturen til moderorganisasjonen, men de slet med å finne noen som kunne fortelle dem hvordan. Til slutt spores de opp ingeniøren som bygde den, som pekte dem på et mistet Google Doc som alle hadde glemt.
Uten et skikkelig hjem for den avgjørende informasjonen om hvordan ting fungerer, skjer dette mye, spesielt når ansatte går videre og bedrifter vokser raskt. Slab er designet for å organisere informasjon om selskapets arbeidsprosesser effektivt og holde alle oppdatert, og den integreres med alle dine andre verktøy som Slack og GitHub.
02. Kostnaden for JavaScript
Denne må-se ressursen fra Google Chrome engineering manager Addy Osmani har noen viktige data om hvor mye JavaScript bremser nettstedet ditt på mobiltelefoner, samt noen teknikker for å redusere oppblåsthet. Han forteller oss at JavaScript er den dyreste ressursen vi sender til telefoner fordi den har størst potensial for å forsinke interaktivitet. Og han sier at vi alle skal søke å minimere bruken av den ved å revidere og trimme JavaScript-pakker, bare laste inn koden som er nødvendig for den nåværende siden, omfatte ytelsesbudsjetter og se etter andre måter å få jobben gjort der det er mulig.
03. Fyr
Hvor godt gjør nettstedet ditt når det gjelder ytelse, tilgjengelighet og beste praksis? Dette Google-verktøyet vil fortelle deg. Den kjører revisjoner på en hvilken som helst URL du fører inn i den og genererer en rapport som forklarer hvorfor hver revisjon er viktig, og hva du kan gjøre for å forbedre eventuelle aspekter som mislykkes. I tillegg til ytelse og tilgjengelighet, kan den revidere for beste praksis for SEO og Progressive Web App. Du kan kjøre den fra Chrome DevTools, fra kommandolinjen eller som en Node-modul.
04. Poeng
Hvis du noen gang har blitt fristet til å prøve deg på kreativ koding, kan dette være et flott sted å starte - Pts er et JavaScript-bibliotek som gjør det enkelt å kode animasjoner, datavisualiseringer og morsomme nettbaserte leker. Med en enkelt linje med kode kan du tegne noe som følger musepekeren rundt lerretet, og derfra går du raskt frem til å skape mer komplekse interaksjoner. Det er mange guider og dokumentasjon som lærer deg hvordan du bruker den, slik at du ikke flyr alene. Ta en titt på demoene nederst på hjemmesiden for å se hva som er mulig.
05. Min nettleser
Å få nettleserinformasjon fra brukere for feilrettingsformål kan være tregt og frustrerende, så front-end-utvikler og designer Andy Bell bygde dette flotte verktøyet for å gjøre det enkelt å få alle relevante data. I stedet for å håndtere vage feilrapporter, kan du sende brukeren URL-en til dette verktøyet, og en rapport om systemet deres blir automatisk generert når de besøker nettstedet. De kan deretter dele rapportens URL med deg slik at du kan se deres eksakte nettleserversjon, visningsstørrelse, operativsystem og annen nyttig info. Skaperen har sørget for at data blir riktig anonymisert, slik at brukerne ikke trenger å bekymre seg for personvernet deres. Du kan lese mer om det her.
06. Dyslexie font
Designerne av denne skrifttypen ignorerte prinsippene for typedesign, og brukte i stedet egenskapene til dysleksi til å lage en skrift som er lettere for lesblindere å lese. Den er designet for å minimere effekten av vanlige lesefeil - for eksempel er bokstavene tyngre i bunnen for å forhindre at de blir oppfattet som omvendt; åpningene til bokstaver blir forstørret slik at de lettere gjenkjennes; og store bokstaver og skilletegn er fet for å understreke pauser og avslutninger på setninger. Det har fått gode tilbakemeldinger fra brukerne, så det er et godt alternativ hvis du vil gjøre nettstedet ditt mer tilgjengelig.
07. Notist
Teamet bak Perch CMS har opprettet Notist, et sted å lage en taleportefølje slik at du kan vise lysbilder, lenker, tilbakemeldinger, tweets, bilder og alt som er knyttet til samtalene dine. Du kan legge til en fremtidig tidsplan slik at folk kan se hvor neste foredrag er, og ha en ressursavdeling for konferansearrangører slik at de kan laste ned hodeskuddene og annet materiale uten å måtte kontakte deg. Det er gratis for uformell bruk, og det er en Pro-konto for vanlige høyttalere. Det er også et flott sted å bla gjennom og oppdage interessante samtaler.
08. StyleURL
StyleURL genererer en URL som du kan bruke til å forhåndsvise CSS-endringer på et live nettsted - den laster automatisk inn CSS-endringene dine på det eksisterende nettstedet, slik at du kan se hvordan endringene dine ser ut og også dele dem med andre. StyleURL-er lagres i en Gist i GitHub slik at du og andre enkelt kan oppdatere dem senere.
09. Fleksibel typesetting av Tim Brown
Tim Brown er leder for typografi hos Adobe, og i denne boka, som Ethan Marcotte beskriver som "en absolutt glede å lese", utforsker han hvordan vi kan søke å angi online type med suksess, mens vi navigerer gjennom vanskelighetene som oppstår når vi ikke vet nøyaktig hvordan teksten vår vil vises. I stedet for å velge parametere for tekst, designer vi nettstedene våre for å gjøre det for oss avhengig av forholdene som arbeidet vårt forbrukes i. Denne boken veileder deg gjennom den vanskelige prosessen.
10. Moceen
Denne enkle appen gjør det enkelt å lage et bilde av appen din eller nettstedet som vises på en enhet du ønsker. Det er et utvalg av flere mobile og stasjonære enheter - velg en, og last opp skjermbildet av nettstedet ditt for å umiddelbart lage et bilde av det på enheten som du kan dele med klienter eller bruke på nettstedet ditt.
