Det händer mycket den här månaden inom teknikbranschen; Från att Docker uppdaterar sina verksamheter och planer, förvärvas framstående WordPress-, Web3-, NFT-företag, såväl som nya resurser och uppdateringar i HTML, CSS och JavaScript. Det är därför vi har tagit med några av dessa för att hålla dig uppdaterad.
Först har vi några JavaScript-bibliotek för att skapa animationer, ett CLI-verktyg som hjälper dig att hantera och distribuera din WordPress webbplats på DigitalOcean, det finns också ett par resurser i CSS-kategorin som kommer att förbättra sättet du skriver CSS på i moderna applikationer, och mycket mer. Vi får se.
theater.js
Theater.js är en JavaScript-bibliotek för att skriva animationer.. Den kommer med ett rikt användargränssnitt som kallas “Studio” som gör det mer intuitivt att använda jämfört med liknande bibliotek. Den har också många funktioner; du kan använda den till animera HTML, SVG, WebGL eller använd med ett 2D/3D-grafik JavaScript-bibliotek som Three.js eller Pixie.js.
seglade
en fri Kommandoradsgränssnitt med öppen källkod (CLI) för att hantera dina WordPress-webbplatser på DigitalOcean. CLI låter dig hantera din webbplats effektivt, inklusive serverprovisionering.
Du kan också distribuera webbplatsen, säkerhetskopiera webbplatsen och utföra en återställning, och till och med hantera DNS- och SSL-certifikat med Låt oss kryptera. Ett bra användbart verktyg för avancerade WordPress- och SysOps-användare.
Metataggar
En webbapplikation för generera förhandsvisning av din webbplats på Google och olika sociala nätverkssajter som Facebook, Twitter, Pinterest och Slack. Du kan använda det här verktyget för att hantera webbplatsens titel, beskrivning och bild för att se till att de passar och är optimerade innan du delar dem på dessa webbplatser.
Houdini
“Houdini” gör CSS kraftfullare. Det fungerar ungefär som hur anpassade element fungerar i HTML; han tillåter webbutvecklare att definiera anpassade CSS-egenskaper med sina egna anpassade funktioner.
Så du kan skapa något som –cool-text-decoration som kommer att ge rikare anpassad textdekoration än vad webbläsaren tillhandahåller.
Stygn
Ett JavaScript-bibliotek som låter dig skriv CSS för din app direkt i JavaScript-filer; även känd som CSS-in-JS. Biblioteket optimerade CSS när det kompilerades.
Tillhandahåller endast den CSS som behövs av applikationskomponenten och stöder rendering på serversidan. Också, Stygn är ramoberoende så att du kan använda den i någon av dina favoriter, oavsett om det är React.js, Vue.js eller Smal.
Disconnect.js
Unplugin är ett JavaScript-bibliotek som syftar till att tillhandahålla en enhetligt system för att skapa plugins för byggverktyg som webbpaket, Rulla uppoch vite. Om du är en utvecklare som vill stödja flera av dessa byggverktyg är det här biblioteket du kanske vill kolla in som kan spara tid och påskynda utvecklingen.
reager render tracker
Ibland rendering av en React.js-komponent Det kan vara ganska dyrt för webbläsaren att bearbeta och kan påverka applikationens prestanda. Du kan använda det här verktyget för att inspektera hur många gånger komponenten renderas i webbläsaren.
Du vill se till att komponenten inte överrenderar. Ett användbart verktyg för att felsöka och optimera din React.js-applikation.
Bra “alternativ” text
Alt text är viktig information i bilden. Det ger ytterligare bildinformation som inte bara skulle gynna sökmotorn utan även hjälpmedlet. Detta gör att din bild presterar bättre i sökmotorer och gör din webbplats mer tillgänglig för användarna.
Men hur skapar man bra “alternativ” text? Jake Archibaled från Google Developer Advocate har några råd till dig.
Molder
Det här lilla verktyget kan hjälpa dig att snabbt prototypera din nästa fantastiska webbapp. Istället för att skapa det från grunden kan du spara tid genom att använda det här verktyget generera bas-UI-stilar med vissa parametrar definierade typsnitt, textstorlek, färgaccent och dess proportion.
Verktyget genererar omedelbart förhandsgranskningen och bas-CSS som du kan kopiera och klistra in i din webbplats stilmall.
BeeKeeperStudio
En skrivbordsapplikation för ansluta och hantera databasen. Den stöder olika typer av databaser, inklusive MySQL, Postgres, SQLite och SQL Server. Med det här programmet kan du enkelt utföra olika databasoperationer som att skapa eller ta bort en databas, köra en SQL-fråga och mer.
BeeKeeperStudio är tillgängligt för macOS, Windows och vissa Linux-distributioner. Det är öppen källkod och gratis; och det kommer alltid att vara gratis.
Filamenthanterare
Filamentet är HÖGT (Tailwind, Alpine.js, Laravel och Livewire) för att skapa en administratörspanelapplikation. Den är förpackad med funktioner du skulle behöva för att skapa en fungerande standardapplikation, såsom användarautentiseringar, auktorisering och vissa verktyg den där underlätta utveckling och öka produktiviteten.
rörelse.dev
Ett JavaScript Animationsbibliotek fokuserat på prestanda och enkelhet.. Utnyttjar Animation API Det gör att den förblir liten (3,1 kb) samtidigt som den tillhandahåller inbyggda animeringsfunktioner som transformationer, övergångar och nyckelbildrutor ur lådan.
Utöver det erbjuder den också alternativ och faciliteter för att skapa en animation som känns mer levande.
Cal.com
Calendso har nyligen bytt namn till Cal.com och är en verktyg med öppen källkod för att vara värd för och hantera din egen kalenderapplikation. Sammantaget är det ett bra alternativ till Google Calendar eller Calendly, speciellt om du behöver ha full kontroll över data och anpassa den hur du vill för att passa ditt företags eller utvecklingsbehov.
Cesium
TILL JavaScript-bibliotek i flera webbläsare för att skapa 3D- eller 2D-objekt. Använder WebGL för hårdvaruaccelererad grafik. Designad för dynamisk precision och visuell kvalitet, är Cesium det perfekta biblioteket för att skapa interaktiva bilder. 3D-modeller som jordglob, stadsbild, terräng och andra dynamiska visualiseringar..
droppzon
Detta är ett annat intressant JavaScript-bibliotek värt att nämna. Dropzone.js förvandlar alla HTML-element till en “släppzon”. Burk dra och släpp en fil på den.
Den kommer att visa förhandsgranskningen av filen, hantera uppladdningsprocessen och visa framstegen. Om du letar Förbättra användarupplevelsen för att ladda upp filer till din webbplats.det här är JavaScript-biblioteket du vill ha.
ROM
En reaktionshake det där förbättrar och förenklar inhämtningen av data för en webbapplikation. Till skillnad från traditionell datasökning täcker SWR de vanliga kraven för en modern React-applikation.
Inte bara det snabb, lätt och återanvändbarmen det är det också stöder SSR (server-side rendering) och SSG (server-side generator), React Suspense och React Native. Detta bibliotek har dig täckt så att du kan fokusera på att utveckla den bästa användarupplevelsen för din app.
UpptidKuma
En egen värd applikation för platsövervakning. UptimeKuma har ett trevligt interaktivt användargränssnitt och stöder flera protokoll, såsom grundläggande HTTP(S), TCP, Ping eller via DNS-poster.
Du kan ställa in den för att skicka aviseringar till olika kanaler inklusive e-post, Slack, Discord, Telegram, etc. UptimeKuma är ett bra alternativ till kommersiella erbjudanden som Uptime Robot; Det är öppen källkod och du kan lägga till så många som webbplatsen du vill övervaka utan extra $ kosta.
Dopefolio
TILL Standardtext och mall för att snabbt skapa en onlineportfölj. Den är byggd med endast HTML, CSS (Sass) och JavaScript. Det är förkonfigurerat, så allt du behöver göra är att fylla i HTML-sidan, anpassa stilarna med Sass och köra NPM-kommandot för att kompilera stilarna. Den är snabb, lyhörd och eftersom det bara är en statisk webbplats kan du enkelt distribuera den till statisk webbplatsvärd som Netlify eller Cloudflare Pages.
Norr
En noggrant utvald färgpalett syftar till att skapa tydliga och eleganta mönster efter ett minimalistiskt och platt stilmönster. Den här paletten har översatts för att färga vissa appar från populära utvecklare som Atom, Coda, JetBrains, SublimeText, Terminal och till och med Slack. Ett bra initiativ för att förena dina dagliga applikationer med ett enhetligt färgschema.
