Friske ressourcer til webdesignere og udviklere (juni 2018)
I denne del af de friske ressourcer har vi en række forskellige ressourcer på listen. Bortset fra nogle kodebaserede værktøjer ligesom nye JavaScript-biblioteker og rammer, har vi også inkluderet et par handy GUI applikationer Jeg er sikker på, at både udviklere og designere vil sætte pris på.
Lad os kontrollere listen i detaljer, og lad mig vide, hvilken er din favorit i kommentarfeltet nedenfor.
Enestående
Et værktøj til Find unikke skrifttyper Det kan sjældent ses andetsteds. Unikt er nyttigt til at skabe et logo eller bare for at finde en ordentlig unik skrifttypekombination til dit dokument nemt med blot et par klik. Når du har valgt dine præferencer, kan du download og navngiv din egen skrifttype. Det er virkelig sejt!
duotoner
En simpel web app, der vil vend et foto til duotoner; et monokromatisk billede bestående af to kontrasterende farver. Du kan uploade dine egne billeder eller vælge de billeder, som værktøjet giver til at redigere og downloade resultatet. En god værktøj til at skabe et slående baggrundsbillede på dine hjemmesider.
MDX
MDX er en specifikation der kombinerer Markdown og JSX. Dette giver dig mulighed for at lave nogle vanvittige ting, som aldrig bliver gjort før, som f.eks. Import af Markdown-filer, Brug Markdown-filen som en selvstændig komponent at medtage i de andre filer, og brug en React komponent i den.
FontDrop
En praktisk værktøj til at vise detaljerede oplysninger om skrifttypen. Bare slip fonten, den vil vise navnet, stilen, versionen, ophavsret informationen, glyphs, understøttet sprog mv bl.a..
DOM Testing Library
Et JavaScript-bibliotek til at teste DOM (Document Object Model). Du kan bruge dette til skriv en testenhed til dine web-UI komponenter, at brugergrænsefladen fungerer som den rigtige bruger bruger den. Dette hjælper også dig med at opretholde UI-funktionaliteten i brugergrænsefladen under koderefaktorering.
Dump
En simpel React komponent til dump eller log output lige i browseren i stedet for i browserens konsol med console.log
. Værktøjet er oprettet af Wes Bos, en af de mest populære foredragsholdere i React.
etcher
En praktisk app til blinker OS-billeder til en bootbar flashdisk. Denne proces plejede at være ret vanskeligt at følge. Med Etcher er det lige så let som 1-2-3. Dette værktøj understøtter næsten alle større operativsystemer, herunder Windows, Linux og MacOS.
Ni
En alternativ bedre måde at installere NPM pakker på, Ni kan installere manglende afhængigheder fra package.json
fil, Vis de afviste afhængigheder, og en samlet bedre grænseflade.
Cuttlebelle
En statisk site generator til React.js., Cuttlebelle giver større udvidelighed på en måde, som du kan udvid sidelayout med React-baserede komponenter. Hvis du allerede er bekendt med React.js, kan du nemt oprette et nyt layout og bruge det i enhver Markdown-fil, der er mulig.
ImgBlur
En simpel JavaScript-komponent til at indlæse billeder på en moderne måde, leveres ImgBlur med a CLI for at generere et sløret billede fra det oprindelige billede. Det slørede billede har en lille størrelse, der først indlæses, før den lægger originalen. Tjek demoen for at se denne komponent i aktion.
Dinero.js
Et JavaScript-bibliotek til at oprette, beregne og formatere penge, Dinero.s. understøtter al international valuta uden for boksen. Du kan bruge biblioteket i et Node.js-miljø, læse det i browsere, med CommonJS eller EcmaScript 6.
WiredJS
WiredJS er bygget med indfødte “Webkomponenter”. Det er et unikt UI-bibliotek med et skitseret look. Hvad er cool fra dette bibliotek er, at elementstrejke er trukket tilfældigt, hvilket betyder at ingen to elementer vil være nøjagtigt ens. Et perfekt bibliotek til at skabe wireframes eller mockups.
Vuido
Vuido er en letvægts desktop applikations ramme med Vue.js. Du kan bruge Vue.js API og mange af dens tilføjelsesprogrammer som Vuex, for eksempel til opbygge en desktop-applikation til Windows, Linux og MacOS. Det er et godt alternativ til Electron.
Hybrider
Et JavaScript-bibliotek til at oprette et brugerdefineret HTML-element ved hjælp af indbyggede webkomponenter med mere brugervenlig API. Biblioteket giver en enklere API ligner den i Vue.js eller React.js.
Saber.js
EN statisk site generator bygget til Vue.js. Saber.js kommer ikke med fancy ting som i Nuxt.js. Valg og konfigurationer er minimal, hvilket gør det til et godt alternativ, hvis du bare vil have en statisk hjemmeside, der er let at vedligeholde.
Winds
En moderne RSS- og Podcast-læser, Winds er tilgængelig til Windows, MacOSv og Linux. Appen ser smuk og moderne ud med elvated box-skygge, runde hjørne, gradienter, og hvad ikke. Dette en god app til at administrere dit abonnement på webstedet for at holde trit med denne hurtigt skiftende industri.
Afslappet
En konverter, der vil slå HTML eller Pug til PDF. Du kan oprette en komplekse layout ved hjælp af HTML, CSS, JavaScript og brug Markdown at skrive ned hovedindholdet. Derudover kan du også bruge et JavaScript-bibliotek, som Chart.js for at tilføje diagram og MathJax for at tilføje Math-formatering.
Font Style Matcher
Et værktøj til at vælge to Google Fonts og indfødt skrifttype installeret i computeren med det samme. Dette er et praktisk værktøj til webudvikler til at begrænse den grimme FOUC (flash af uformet indhold), når Google Fonts endnu ikke er fuldt indlæst.
PWA WP
Et initiativ til bringe PWA (Progressive Web Application) til WordPress Core. På tidspunktet for denne skrivning er dette projekt i sin tidlige fase. Dette er et interessant projekt at følge, især hvis du arbejder primært i WordPress økosystem.
Blueprint.js
Et Reage-baseret UI-bibliotek indeholder Blueprint.js en flok af de faste som knappen og fanerne og andre UI-komponenter, der typisk er nødvendige for at opbygge moderne webapplikationer Omnibar; -en flydende søgefelt meget ligesom Spotlight eller Alfred app i macOS.