Det h\u00e4nder mycket den h\u00e4r m\u00e5naden inom teknikbranschen; Fr\u00e5n att Docker uppdaterar sina verksamheter och planer, f\u00f6rv\u00e4rvas framst\u00e5ende WordPress-, Web3-, NFT-f\u00f6retag, s\u00e5v\u00e4l som nya resurser och uppdateringar i HTML, CSS och JavaScript. Det \u00e4r d\u00e4rf\u00f6r vi har tagit med n\u00e5gra av dessa f\u00f6r att h\u00e5lla dig uppdaterad.<\/p>\n
F\u00f6rst har vi n\u00e5gra JavaScript-bibliotek f\u00f6r att skapa animationer, ett CLI-verktyg som hj\u00e4lper dig att hantera och distribuera din WordPress<\/strong> webbplats p\u00e5 DigitalOcean, det finns ocks\u00e5 ett par resurser i CSS-kategorin som kommer att f\u00f6rb\u00e4ttra s\u00e4ttet du skriver CSS p\u00e5 i moderna applikationer, och mycket mer. Vi f\u00e5r se.<\/p>\n Theater.js \u00e4r en JavaScript-bibliotek f\u00f6r att skriva animationer.<\/strong>. Den kommer med ett rikt anv\u00e4ndargr\u00e4nssnitt som kallas “Studio” som g\u00f6r det mer intuitivt att anv\u00e4nda j\u00e4mf\u00f6rt med liknande bibliotek. Den har ocks\u00e5 m\u00e5nga funktioner; du kan anv\u00e4nda den till animera HTML, SVG, WebGL eller anv\u00e4nd med ett 2D\/3D-grafik JavaScript-bibliotek<\/strong> som Three.js eller Pixie.js.<\/p>\n en fri Kommandoradsgr\u00e4nssnitt med \u00f6ppen k\u00e4llkod (CLI)<\/strong> f\u00f6r att hantera dina WordPress-webbplatser p\u00e5 DigitalOcean. CLI l\u00e5ter dig hantera din webbplats effektivt, inklusive serverprovisionering.<\/p>\n Du kan ocks\u00e5 distribuera webbplatsen, s\u00e4kerhetskopiera webbplatsen och utf\u00f6ra en \u00e5terst\u00e4llning, och till och med hantera DNS- och SSL-certifikat<\/strong> med L\u00e5t oss kryptera<\/a>. Ett bra anv\u00e4ndbart verktyg f\u00f6r avancerade WordPress- och SysOps-anv\u00e4ndare.<\/p>\n En webbapplikation f\u00f6r generera f\u00f6rhandsvisning av din webbplats p\u00e5 Google<\/strong> och olika sociala n\u00e4tverkssajter som Facebook, Twitter, Pinterest och Slack. Du kan anv\u00e4nda det h\u00e4r verktyget f\u00f6r att hantera webbplatsens titel, beskrivning och bild f\u00f6r att se till att de passar och \u00e4r optimerade innan du delar dem p\u00e5 dessa webbplatser.<\/p>\n “Houdini” g\u00f6r CSS kraftfullare. Det fungerar ungef\u00e4r som hur anpassade element fungerar i HTML; han till\u00e5ter webbutvecklare att definiera anpassade CSS-egenskaper med sina egna anpassade funktioner<\/strong>.<\/p>\n S\u00e5 du kan skapa n\u00e5got som \u2013cool-text-decoration som kommer att ge rikare anpassad textdekoration \u00e4n vad webbl\u00e4saren tillhandah\u00e5ller.<\/p>\n Ett JavaScript-bibliotek som l\u00e5ter dig skriv CSS f\u00f6r din app direkt i JavaScript-filer<\/strong>; \u00e4ven k\u00e4nd som CSS-in-JS. Biblioteket optimerade CSS n\u00e4r det kompilerades.<\/p>\n Tillhandah\u00e5ller endast den CSS som beh\u00f6vs av applikationskomponenten och st\u00f6der rendering p\u00e5 serversidan. Ocks\u00e5, Stygn \u00e4r ramoberoende<\/strong> s\u00e5 att du kan anv\u00e4nda den i n\u00e5gon av dina favoriter, oavsett om det \u00e4r React.js, Vue.js eller Smal<\/a>.<\/p>\n Unplugin \u00e4r ett JavaScript-bibliotek som syftar till att tillhandah\u00e5lla en enhetligt system f\u00f6r att skapa plugins<\/strong> f\u00f6r byggverktyg<\/a> som webbpaket<\/a>, Rulla upp<\/a>och vite<\/a>. Om du \u00e4r en utvecklare som vill st\u00f6dja flera av dessa byggverktyg \u00e4r det h\u00e4r biblioteket du kanske vill kolla in som kan spara tid och p\u00e5skynda utvecklingen.<\/p>\n Ibland rendering av en React.js-komponent<\/strong> Det kan vara ganska dyrt f\u00f6r webbl\u00e4saren att bearbeta och kan p\u00e5verka applikationens prestanda. Du kan anv\u00e4nda det h\u00e4r verktyget f\u00f6r att inspektera hur m\u00e5nga g\u00e5nger komponenten renderas i webbl\u00e4saren<\/strong>.<\/p>\n Du vill se till att komponenten inte \u00f6verrenderar. Ett anv\u00e4ndbart verktyg f\u00f6r att fels\u00f6ka och optimera din React.js-applikation.<\/p>\n Alt text \u00e4r viktig information i bilden. Det ger ytterligare bildinformation som inte bara skulle gynna s\u00f6kmotorn utan \u00e4ven hj\u00e4lpmedlet. Detta g\u00f6r att din bild presterar b\u00e4ttre i s\u00f6kmotorer och g\u00f6r din webbplats mer tillg\u00e4nglig f\u00f6r anv\u00e4ndarna.<\/p>\n Men hur skapar man bra “alternativ” text? Jake Archibaled fr\u00e5n Google Developer Advocate har n\u00e5gra r\u00e5d till dig<\/strong>.<\/p>\n Det h\u00e4r lilla verktyget kan hj\u00e4lpa dig att snabbt prototypera din n\u00e4sta fantastiska webbapp. Ist\u00e4llet f\u00f6r att skapa det fr\u00e5n grunden kan du spara tid genom att anv\u00e4nda det h\u00e4r verktyget generera bas-UI-stilar med vissa parametrar definierade<\/strong> typsnitt, textstorlek, f\u00e4rgaccent och dess proportion.<\/p>\n Verktyget genererar omedelbart f\u00f6rhandsgranskningen och bas-CSS som du kan kopiera och klistra in i din webbplats stilmall.<\/p>\n En skrivbordsapplikation f\u00f6r ansluta och hantera databasen<\/strong>. Den st\u00f6der olika typer av databaser, inklusive MySQL, Postgres, SQLite och SQL Server. Med det h\u00e4r programmet kan du enkelt utf\u00f6ra olika databasoperationer som att skapa eller ta bort en databas, k\u00f6ra en SQL-fr\u00e5ga och mer.<\/p>\n BeeKeeperStudio \u00e4r tillg\u00e4ngligt f\u00f6r macOS, Windows och vissa Linux-distributioner<\/strong>. Det \u00e4r \u00f6ppen k\u00e4llkod och gratis; och det kommer alltid att vara gratis.<\/p>\n Filamentet \u00e4r H\u00d6GT (Tailwind, Alpine.js, Laravel och Livewire) f\u00f6r att skapa en administrat\u00f6rspanelapplikation. Den \u00e4r f\u00f6rpackad med funktioner du skulle beh\u00f6va f\u00f6r att skapa en fungerande standardapplikation, s\u00e5som anv\u00e4ndarautentiseringar, auktorisering och vissa verktyg<\/a> den d\u00e4r underl\u00e4tta utveckling och \u00f6ka produktiviteten<\/strong>.<\/p>\n Ett JavaScript Animationsbibliotek fokuserat p\u00e5 prestanda och enkelhet.<\/strong>. Utnyttjar Animation API<\/a> Det g\u00f6r att den f\u00f6rblir liten (3,1 kb) samtidigt som den tillhandah\u00e5ller inbyggda animeringsfunktioner som transformationer, \u00f6verg\u00e5ngar och nyckelbildrutor ur l\u00e5dan.<\/p>\n Ut\u00f6ver det erbjuder den ocks\u00e5 alternativ och faciliteter f\u00f6r att skapa en animation som k\u00e4nns mer levande.<\/p>\n Calendso har nyligen bytt namn till Cal.com och \u00e4r en verktyg med \u00f6ppen k\u00e4llkod f\u00f6r att vara v\u00e4rd f\u00f6r och hantera din egen kalenderapplikation<\/strong>. Sammantaget \u00e4r det ett bra alternativ till Google Calendar eller Calendly, speciellt om du beh\u00f6ver ha full kontroll \u00f6ver data och anpassa den hur du vill f\u00f6r att passa ditt f\u00f6retags eller utvecklingsbehov.<\/p>\n TILL JavaScript-bibliotek i flera webbl\u00e4sare f\u00f6r att skapa 3D- eller 2D-objekt<\/strong>. Anv\u00e4nder WebGL f\u00f6r h\u00e5rdvaruaccelererad grafik. Designad f\u00f6r dynamisk precision och visuell kvalitet, \u00e4r Cesium det perfekta biblioteket f\u00f6r att skapa interaktiva bilder. 3D-modeller som jordglob, stadsbild, terr\u00e4ng och andra dynamiska visualiseringar.<\/strong>.<\/p>\n Detta \u00e4r ett annat intressant JavaScript-bibliotek v\u00e4rt att n\u00e4mna. Dropzone.js f\u00f6rvandlar alla HTML-element till en “sl\u00e4ppzon”. Burk dra och sl\u00e4pp en fil p\u00e5 den<\/strong>.<\/p>\n Den kommer att visa f\u00f6rhandsgranskningen av filen, hantera uppladdningsprocessen och visa framstegen. Om du letar F\u00f6rb\u00e4ttra anv\u00e4ndarupplevelsen f\u00f6r att ladda upp filer till din webbplats.<\/strong>det h\u00e4r \u00e4r JavaScript-biblioteket du vill ha.<\/p>\n En reaktionshake det d\u00e4r f\u00f6rb\u00e4ttrar och f\u00f6renklar inh\u00e4mtningen av data f\u00f6r en webbapplikation<\/strong>. Till skillnad fr\u00e5n traditionell datas\u00f6kning t\u00e4cker SWR de vanliga kraven f\u00f6r en modern React-applikation.<\/p>\n Inte bara det snabb, l\u00e4tt och \u00e5teranv\u00e4ndbar<\/strong>men det \u00e4r det ocks\u00e5 st\u00f6der SSR (server-side rendering) och SSG (server-side generator), React Suspense och React Native<\/strong>. Detta bibliotek har dig t\u00e4ckt s\u00e5 att du kan fokusera p\u00e5 att utveckla den b\u00e4sta anv\u00e4ndarupplevelsen f\u00f6r din app.<\/p>\n En egen v\u00e4rd applikation f\u00f6r plats\u00f6vervakning. UptimeKuma har ett trevligt interaktivt anv\u00e4ndargr\u00e4nssnitt och st\u00f6der flera protokoll, s\u00e5som grundl\u00e4ggande HTTP(S), TCP, Ping eller via DNS-poster<\/strong>.<\/p>\n Du kan st\u00e4lla in den f\u00f6r att skicka aviseringar till olika kanaler inklusive e-post, Slack, Discord, Telegram, etc. UptimeKuma \u00e4r ett bra alternativ till kommersiella erbjudanden som Uptime Robot; Det \u00e4r \u00f6ppen k\u00e4llkod och du kan l\u00e4gga till s\u00e5 m\u00e5nga som webbplatsen du vill \u00f6vervaka utan extra $<\/strong> kosta.<\/p>\n TILL Standardtext och mall f\u00f6r att snabbt skapa en onlineportf\u00f6lj<\/strong>. Den \u00e4r byggd med endast HTML, CSS (Sass) och JavaScript. Det \u00e4r f\u00f6rkonfigurerat, s\u00e5 allt du beh\u00f6ver g\u00f6ra \u00e4r att fylla i HTML-sidan, anpassa stilarna med Sass och k\u00f6ra NPM-kommandot f\u00f6r att kompilera stilarna. Den \u00e4r snabb, lyh\u00f6rd och eftersom det bara \u00e4r en statisk webbplats kan du enkelt distribuera den till statisk webbplatsv\u00e4rd som Netlify eller Cloudflare Pages.<\/p>\n En noggrant utvald f\u00e4rgpalett syftar till att skapa tydliga och eleganta m\u00f6nster efter ett minimalistiskt och platt stilm\u00f6nster. Den h\u00e4r paletten har \u00f6versatts f\u00f6r att f\u00e4rga vissa appar fr\u00e5n popul\u00e4ra utvecklare som Atom, Coda, JetBrains, SublimeText, Terminal och till och med Slack. Ett bra initiativ f\u00f6r att f\u00f6rena dina dagliga applikationer med ett enhetligt f\u00e4rgschema.<\/p>\n<\/span>theater.js<\/a><\/span><\/h4>\n
<\/span>seglade<\/a><\/span><\/h4>\n
<\/span>Metataggar<\/a><\/span><\/h4>\n
<\/span>Houdini<\/a><\/span><\/h4>\n
<\/span>Stygn<\/a><\/span><\/h4>\n
<\/span>Disconnect.js<\/a><\/span><\/h4>\n
<\/span>reager render tracker<\/a><\/span><\/h4>\n
<\/span>Bra “alternativ” text<\/a><\/span><\/h4>\n
<\/span>Molder<\/a><\/span><\/h4>\n
<\/span>BeeKeeperStudio<\/a><\/span><\/h4>\n
<\/span>Filamenthanterare<\/a><\/span><\/h4>\n
<\/span>r\u00f6relse.dev<\/a><\/span><\/h4>\n
<\/span>Cal.com<\/a><\/span><\/h4>\n
<\/span>Cesium<\/a><\/span><\/h4>\n
<\/span>droppzon<\/a><\/span><\/h4>\n
<\/span>ROM<\/a><\/span><\/h4>\n
<\/span>UpptidKuma<\/a><\/span><\/h4>\n
<\/span>Dopefolio<\/a><\/span><\/h4>\n
<\/span>Norr<\/a><\/span><\/h4>\n