Nya resurser för webbdesigners och utvecklare (juni 2023)

Att vara webbutvecklare innebär ständigt lärande, eftersom området fortsätter att utvecklas med nya uppdateringar varannan dag. Speciellt när det kommer till HTML, CSS och JavaScript kommer det alltid att finnas nya verktyg och material som vi kan lära oss av.

I den här omgången av serien har vi satt ihop olika typer av resurser för webbutvecklare. Dessa inkluderar några Användbara verktyg och läromedel för att förbättra dina färdigheter i webbutvecklingoch vissa PHP- och JavaScript-paket.

Utan vidare, låt oss titta på hela listan.

Fantastiska CLI-appar

Kommandoradsgränssnittet (CLI) är kraftfullt, snabbt och låter dig automatisera uppgifter som skulle vara långsammare eller omöjliga om de gjordes med dess UI-motsvarighet.

Det här är lista över alla tillgängliga CLI-applikationer – från en CLI för att hämta fotbollsresultat och ladda ner en YouTube-video för att interagera med den, Facebook och Spotify och många andra saker.

TerminalsAreSexy

På denna plattform kan du hitta en lista över Terminalapplikationer som Bash ZSH och Fish etc. redigeringsprogram som VIM, emacs och andra typer av redigerarepakethanterare, plugins och en lista över community-webbplatser.

Om du vill lära dig mer om hur du använder Terminal och CLI bör du bokmärka den här webbplatsen som en omfattande inlärningsresurs.

Grafikblock

Ett plugin för att intuitivt infoga diagram i WordPress-blockredigeraren med bara ett par klick. Insticksprogrammet stöder flera typer av diagram, inklusive stapel-, linje-, cirkel- och munkdiagram.

Laravel Prosa Linter

Ett Laravel-paket för att kontrollera textinnehållet i din Laravel-applikation. Det kan kontrollera översättningar, stavfel, slang och föreslå en bättre skrivstil. Det är faktiskt ganska unikt.

Radar

En applikation som låter dig samla olika typer av realtidsdata som du vill övervaka på ett ställe. Du kan lägga till till exempel Bitcoin-pris, Twitter-anhängare, valutaväxling, AdSense-intäkter och mycket mer.

Relaterad Sony antyder att de kommer att behöva hjälp av partners för att tillverka elfordon

Leaderboard prestanda

Ett verktyg för att jämföra flera olika webbplatser för att jämföra deras prestanda. Den använder Lighthouse under huven och kommer inte bara att generera LCP och FCP men också tillgänglighetsrapporten och koldioxidavtrycket. Det är ett utmärkt verktyg om du behöver övervaka prestanda på andra webbplatser.

Astrokonstruktion

Ett modernt ramagnostiskt verktyg för att skapa en statisk webbplats. Du kan använda ditt favoritramverk som React, Vue, Web Components eller helt enkelt gammal HTML+CSS, medan Astro kommer att göra allt arbete för att kompilera alla dessa komponenter till en snabb statisk webbplats.

IconVG

IconVG är Googles initiativ till Alternativt format för liten och enkel grafik som ikoner, logotyper och emoji som ofta används på webben. är upp till 3x mindre jämfört med SVG och mycket mindre jämfört med PNG.

I skrivande stund är detta format experimentellt; Det är dock ganska spännande att se hur detta format kommer att antas i framtiden på webben.

margaritaui

Ett UI-kit byggt på Tailwind CSS. Det som gör DaisyUI unik är samlingen av teman. Det ger ett antal alternativ att välja mellan som din UI-karaktär utöver det traditionella mörka och ljusa temat.

Du kan till exempel välja “Retro”-temat för att ändra användargränssnittet till gamla färger eller “Lyx” för att göra det mer elegant.

Mobil palett

Om du har tyckt att det är svårt att hitta rätt färgschema för din mobilapp kan du ha nytta av den här praktiska webbappen. Välj bara basfärgen, det genererar automatiskt ett snyggt färgschema för det mobila användargränssnittet.

tråkiga avatarer

Som namnet antyder är detta ett verktyg för skapa en avatarbild, uttråkad. Verktyget genererar avataren baserat på kombinationen av mönster, färger och användarnamn.

Relaterad The Last of Us Part II, Fallout 76 och andra populära spel släpps på PlayStation Now den 5 oktober

Ger 6 typer av utseenden, 2 former och 3 storlekar att skapa en avatar. Du kan kopiera den genererade SVG:n eller använda URL:en, till exempel:

https://source.boringavatars.com/marble/120/Jon%20Doe?colors=264653,2a9d8f,e9c46a,f4a261,e76f51

MoneyPHP

Att hantera valutor kan vara komplicerat och detta är ett PHP-bibliotek som syftar till att göra det enkelt. Det låter dig göra addition, subtraktion och jämförelse. Du kan göra avancerade saker som att beräkna förhållandet, konvertera valuta och format.

N8N

Ett verktyg för arbetsflödesautomatisering utan kodning. Du kan ansluta till många tjänster som Github, Slack, Google Spreadsheet, Dropbox och många fler. Ett bra alternativ till IFTTT och Zapier, N8N är gratis och öppen källkodoch du kan köra det på din egen server.

30 sekunders kod

En samling av Tips och kodavsnitt för några vanliga programmeringsproblem. och webbutveckling. Täcker JavaScript, Python, React och Git.

I samlingen kan du till exempel hitta flera exempel på algoritmiska operationer, matematik, webbläsar-API-hantering, arrayer och objektoch några praktiska exempel på hur man konverterar JSON till CSV.

HashID

Ett bibliotek som låter dig generera ett kort, unikt och icke-sekventiellt ID. ID skulle vara som Vz5prKnEoo. Det liknar ett ID från en Youtube-video. Biblioteket är tillgängligt på många olika språk, inklusive PHP, JavaScript, Ruby, Python, Swift och många fler.

Tips för utvecklingsverktyg

En annan användbar webbplats för bokmärken, DevToolTips, innehåller en hel del tips och tricks för att använda DevTools. Den täcker DevTools från Chrome, Firefox, Edge och till och med Safari. Du kommer garanterat att hitta små knep som du aldrig har känt till förut.