I den här omgången av serien kommer vi att presentera en lista över nya bibliotek, ramverk och verktyg som jag är säker på att frontend-utvecklare och designers kommer att uppskatta. Vi har ett nytt avancerat CSS-verktyg, ett användbart verktyg och bibliotek för animering och några nya resurser för ikoner. Låt oss hoppa för att hitta hela listan.
webc
WebC är en JavaScript-bibliotek som gör webbkomponentutveckling mer hanterbar. Du kan inte bara definiera en webbkomponent, utan du kan också utöka den till ett grundläggande HTML-format med standardwebbkonventioner och generera CSS-omfånget från HTML.
Den stöder SSR (server-side rendering), så du kan använda den med några populära. SSR-ramverk som Next.js och Gatsby.
LightningCSS
Lightning CSS är mer än bara en CSS-minifierare. Det låter dig också skriva nästa generations standard-CSS, som t.ex häckandeanpassade mediefrågor, logiska egenskaper och några nya väljare.
Det kommer automatiskt att konvertera dessa funktioner till en kompatibel syntax baserat på din webbläsares målinställningar. Allt som allt är det liksom Babel men för CSS.
Varför ram?
Ett verktyg som låter dig utvecklas isolerat. Du kan designa varje komponent oberoende, vilket gör det enkelt att optimera och kapsla in problem utan att påverka andra komponenter. Är snabb, flexibel och kompatibel med många front-end-ramverk inklusive Svelte, Vue.js, React.js, Solid.js och React.js.
JSONCrack
JSON gör data portabel mellan olika programmeringsspråk. Att läsa JSON är också lätt om det inte finns för många av dem där. Det är här JSONCrack kommer in.
JSONCrack är en onlineredigerare som låter dig representera datastrukturen i en graf, vilket i sin tur kommer att göra det lättare att skanna och fånga data. Förutom det kan du också justera diagrammets layout, dela det och till och med bädda in den på din webbplats.
Lärare
Mästaren är en programvara som låter dig testa din mobilapplikation. Det betyder att du kan prestera testutlåtanden och interaktioner som att trycka på knappen Tillbaka-knapp, rulla, svep och ta till och med skärmdump. Ett viktigt verktyg installerat för alla utvecklare av mobila enheter.
Rörelse
En gratis och Webbapplikation med öppen källkod för att komponera och redigera rörlig grafik för utvecklare.. Det är som Adobe After Effects med användarvänligheten av canva. Den har funktioner som keyframing, maskering, filter och många fler. Burk ladda ner animationen som WebM, GIF eller bara en bild.
Vätsketypsvåg
Traditionellt använder vi en statisk teckenstorlek för webbplatsen. Men som ett sätt för webbplatsen att se den behöver vi möjligheten att använda teckenstorleken mer dynamiskt för att få innehållet att se bra ut. Detta är nu endast möjligt med CSS och som namnet antyder kommer detta verktyg att göra genereringen av CSS-koder enklare.
Övningsfält
en ny officiell källa för att lära sig Laravel. Den här nya guiden är utformad för att hjälpa dig att snabbare komma igång med att skapa en funktionell applikation med modern praxis i Laravel. Burk välj din väg mellan att använda Vue.js eller React.js. Sammantaget tror jag att detta är en bra källa för Laravel, oavsett om det är för nybörjare eller erfarna.
StarbeamJS
Ett JavaScript-bibliotek för att lägga till “reaktivitet” till din applikation. Denna reaktivitet gör dig Appar är mer dynamiska och känns mer flytande.. Det är ett fristående bibliotek som fungerar med alla front-end-ramverk som React.js, Vue.js och Svelte.
Korsett
Corset är ett JavaScript-bibliotek för lägg till reaktivitet till din applikation utan komplexiteten. Det fungerar på samma sätt som jQuery genom att det länkar direkt till HTML och ger uttrycksfull CSS-liknande syntax. Eftersom det bara fungerar med HTML är det lätt att välja, snabbt och kan enkelt integreras med din befintliga applikation.
uppsättning berättelser
En samling av Gratis illustrationer som du kan använda på din webbplats.. Ger illustrationer om olika ämnen. Varje illustration är konfigurerbar. Du kan anpassa bakgrunden och färgen, dölja några av egenskaperna och ladda ner den som SVG eller PNG.
ikonmonster
Iconmonstr är en samling av mer än 4000 ikoner. En annan bra källa för webbdesigners. Varje ikon har en unik design. Den finns också i flera varianter och finns i SVG och PNG. Oavsett appbehov är jag ganska säker på att du hittar rätt ikoner.
SourceShare
Ett praktiskt onlineverktyg för generera vackra teckensnittspar. Det är gratis för både personligt och kommersiellt bruk. Vi kan välja typsnitt som sans-serif, handskrivet eller skript. Det gör det till och med lättare när du kan generera teckensnittsparet baserat på typsnittets “känsla” eller “personlighet”..
Fast rostat bröd
Ett React.js-bibliotek som låter dig lägg till vackra toastaviseringar. Den är lätt, bara 4kb. Du kan anpassa innehåll, ikoner, färger och attribut. Den stöder SSR och tillhandahåller Promise API.
Mock API
Ett gratis onlineverktyg som tillhandahåller API för att hämta skendata för att testa din applikation. Du kan hitta olika typer av data som djur, länder, valutor, etc.
Reagera fantastiskt avslöjande
Ett bibliotek för React.js som tillhandahåller en uppsättning animerade effekter, såsom studs, tona, vända, snurra, rotera och glida animering. Du använder den för att lägga till avslöjande animationer till dina komponenter när de går in i webbläsarens visningsport när användare rullar ner på sidan.
Öppna Moji
Ett gratis och öppen källkod Emoji-bibliotek. Innehåller mer än 4000 emojis. Stöder standard och anpassade Emoji-standarder. Den är också helt kompatibel med Fitzpatricks hudtonsskala och flera hudtonskombinationer.
Ett perfekt bibliotek om du vill tillhandahålla ett urval av Emoji på din webbplats eller din ansökan..
Förenklad webbutveckling
TILL blogg som lyfter fram några uppdateringar om webbutveckling. Den täcker olika ämnen inklusive CSS, JavaScript, HTML, React.js, Node.js och mer. Det här är en bra källa för att hänga med i webbutveckling utan att känna sig överväldigad.
Designsystem för Figma
En samling designsystem skapade i Figma från olika populära namn och ramverk på internet. Du kan hitta designsystemet från Uber, Atlassian och till och med Goldman Sachs. Detta är en dold pärla som varje designer bör märka.
TS-mönster
Mönstermatchning är en programmeringsteknik som tillåter komponera komplexa villkor eller datastrukturer till ett kortare, mer läsbart uttryck. Denna teknik är implementerad i Haskell, Rust, Swift, Elixir och andra språk. Med det här biblioteket kan du använda samma teknik i TypeScript.
