Friske ressurser for webdesignere og utviklere (juni 2018)
I denne delen av de friske ressursene har vi et mangfold av ressurser på listen. Bortsett fra noen kodebaserte verktøy som nye JavaScript-biblioteker og rammer, har vi også tatt med et par hendig GUI-applikasjoner Jeg er sikker på at både utviklere og designere vil sette pris på.
La oss sjekke listen i detalj og gi meg beskjed om hvilken som er din favoritt i kommentarfeltet nedenfor.
Unik
Et verktøy til finn unike skrifter som sjelden kan sees andre steder, er Unikt nyttig for å lage en logo eller bare for å finne en skikkelig unik skriftkombinasjon for dokumentet ditt enkelt med bare noen få klikk. Når du har valgt dine preferanser, kan du last ned og gi det navnet på din egen skrift. Det er veldig kult!
Duotones
En enkel web app som vil slå et bilde til duotoner; et monokromatisk bilde bestående av to kontrastfarger. Du kan laste opp dine egne bilder eller velge bildene som verktøyet gir for å redigere og laste ned resultatet. En god verktøy for å lage et slående bakgrunnsbilde på websidene dine.
MDX
MDX er en spesifikasjon som kombinerer Markdown og JSX. Dette gjør at du kan gjøre noen galne ting som aldri blir gjort før, for eksempel å importere Markdown-filer, bruk Markdown-filen som en frittstående komponent å inkludere i de andre filene, og bruk en React-komponent i den.
FontDrop
En hendig verktøy for å vise detaljert informasjon om skrifttypen. Bare slipp fonten, det vil vise navnet, stilen, versjonen, opphavsretten informasjon, glyphs, støttet språk, etc. blant annet.
DOM Testing Library
Et JavaScript-bibliotek for å teste DOM (Document Object Model). Du kan bruke dette til skriv en testenhet for dine webgrensesnittkomponenter, sørge for at brukergrensesnittet fungerer som den virkelige brukeren bruker den. Dette hjelper deg også med å opprettholde UI-funksjonaliteten til brukergrensesnittet under koderefaktorering.
dump
En enkel React komponent til dump eller logg ut i nettleseren i stedet for i nettleserkonsollen med console.log
. Verktøyet er opprettet av Wes Bos, en av de mest populære forelesere i React.
etcher
En praktisk app for blinker OS-bilder til en oppstartbar flashdisk. Denne prosessen pleide å være ganske vanskelig å følge. Med Etcher er det like enkelt som 1-2-3. Dette verktøyet støtter nesten alle store operativsystemer, inkludert Windows, Linux og MacOS.
Ni
En alternativ bedre måte å installere NPM-pakker på, kan Ni installere manglende avhengigheter fra package.json
fil, vis de avvikte avhengighetene, og et generelt bedre grensesnitt.
Cuttlebelle
En statisk side generator for React.js., Gir Cuttlebelle større utvidbarhet på en måte som du kan utvide sideoppsettet med React-baserte komponenter. Hvis du allerede er kjent med React.js, kan du enkelt lage et nytt layout og bruke det i en hvilken som helst av Markdown-filen som er mulig.
ImgBlur
En enkel JavaScript-komponent for å laste bilder på en moderne måte, kommer ImgBlur med en CLI for å generere et sløret bilde fra det opprinnelige bildet. Det uskarpe bildet har en liten størrelse som lastes først før den laster opp originalen. Sjekk ut demoen for å se denne komponenten i bruk.
Dinero.js
Et JavaScript-bibliotek for å lage, beregne og formatere penger, Dinero.s. støtter alle internasjonale valutaer utenfor boksen. Du kan bruke biblioteket i et Node.js-miljø, laster det i nettleserne, med CommonJS eller EcmaScript 6.
WiredJS
WiredJS er bygget med innfødte “Webkomponenter”. Det er et unikt UI-bibliotek med et sketchy utseende. Hva er kult fra dette biblioteket er at elementstrekk trekkes tilfeldig, noe som betyr at ingen to elementer vil være nøyaktig det samme. Et perfekt bibliotek for å lage wireframes eller mockups.
Vuido
Vuido er et lette skrivebordsapplikasjonsramme med Vue.js. Du kan bruke Vue.js API og mange av tilleggene som Vuex, for eksempel til bygge et skrivebordsprogram for Windows, Linux og MacOS. Det er et flott alternativ til Electron.
hybrider
Et JavaScript-bibliotek for å lage et egendefinert HTML-element ved hjelp av innfødte Web-komponenter med vennligere API. Biblioteket gir en enklere API lik den som finnes i Vue.js eller React.js.
Saber.js
EN statisk nettsted generator bygget for Vue.js. Saber.js kommer ikke med fancy ting som i Nuxt.js. Valg og konfigurasjoner er minimal, noe som gjør det til et godt alternativ hvis du bare vil ha en statisk nettside som er lett å vedlikeholde.
Winds
En moderne RSS- og Podcast-leser, Winds er tilgjengelig for Windows, MacOSv og Linux. Appen ser vakker og moderne ut med elvated box-skygge, runde hjørne, gradienter og hva ikke. Dette er bra app for å administrere nettstedabonnementene dine for å følge med med denne industrien med rask endring.
Avslappet
En omformer som vil slå HTML eller Pug til PDF. Du kan lage en komplisert layout ved hjelp av HTML, CSS, JavaScript og bruk Markdown å skrive ned hovedinnholdet. På toppen av det kan du også bruke et JavaScript-bibliotek, som Chart.js for å legge til diagram og MathJax for å legge til Math-formatering.
Font Style Matcher
Et verktøy for å velge to Google Fonter og innfødt skrifttype installert i datamaskinen med det samme. Dette er et praktisk verktøy for webutvikler for å redusere den stygge FOUC (flash av ustilt innhold) når Google Fonts ikke er fullstendig lastet.
PWA WP
Et initiativ til ta med PWA (Progressive Web Application) til WordPress Core. På dette tidspunktet er dette prosjektet i tidlig stadium. Dette er et interessant prosjekt å følge spesielt hvis du jobber primært i WordPress økosystem.
Blueprint.js
Et React-basert UI-bibliotek inneholder Blueprint.js en gjeng med de faste som knappen og fanene, og andre UI-komponenter som vanligvis trengs for å bygge moderne web-applikasjoner Omnibar; en flytende søkefelt omtrent som Spotlight eller Alfred app i macOS.