Friska resurser för webbdesigners och utvecklare (juni 2016)

Vi utökar listan för halvårsutgåvan. Den här avbetalningen innehåller några CLI (och här är vårt inlägg på varför du borde lära sig kommandoraden), ett par skrivbordsapp för arbete och roligt, och flera CSS- och JavaScript-bibliotek. Det ingår också läsmaterial, referenser och guider om bästa praxis som du bör kolla in, bokmärke och eventuellt läsa en dag.

Jag kommer inte att förstöra resten av listan så långt borta. För mer friska resurser, klicka här.

Klicka för mer resurser

Hitta hela vår samling av rekommenderade resurser och de bästa webbdesign och utvecklingsverktygen som finns tillgängliga.

CertBot

CertBot ger ett mer praktiskt sätt att distribuera certifikat från Låt oss kryptera. Det ger en uppsättning kommandorader med stöd för många serverkonfigurationer som Apache, NGINX och Plesk. Tala om vilket, Låt oss Kryptera är en gemensam ansträngning för att göra webben säkrare genom att tillhandahålla ett gratis SSL-certifikat. Det används för närvarande på mer än 3 miljoner webbplatser.

Mononoki

Mononoki är ett typsnitt som är utformat speciellt för att visa kod. Mononoki är tillgänglig som en installerbar skrivbordsfont.ttf) och webbfont.EOT, och .WOFF). Det är ett nytt alternativ till klassiker monotypes som Monaco, Menlo och Courier.

BideoJS

Det visar sig vara en stigande trend att visa en fullständig autoplay-video på hemsidan. BideoJS är ett JavaScript-bibliotek som låter dig göra exakt det med färre hinder. Den är lätt, lyhörd och kan konfigureras för att passa dina behov.

CSS Purge

CSS Purge är en samling referenser, artiklar och statistik för CSS. En resursfull information som detta kan hjälpa dig att fatta välinformerade beslut om vilka CSS-metoder, verktyg och ramverk du vill anta i ditt projekt.

Mailgen

Mailgen är en nodmodul för att skapa en bra, enkel responsiv HTML-e-post. En handfull alternativ finns, så att du kan anpassa nästan alla delar av e-postmeddelandet. Du kan ställa in e-postmeddelandet “tema”, e-postrubriken och “Uppmaning till handling” knapp. Det kan också integreras i ditt Node-baserade skrivbord eller webbapplikation.

Deco

Deco är en IDE för att bygga en mobilapp med hjälp av Facebook-initiativet React Native. Tänk på Deco som XCode eller Visual Studio där du kan bygga en app med ett användarvänligt användargränssnitt med dra och släpp, reglage och färgplockare.

IE8 Linter

Internet Explorer 8 (IE8) är en antik webbläsare som inte stöder modern webbteknologi som CSS3 Animations, Transform, Övergångar och de flesta HTML5-element utan en polyfill. DRY-principen är ett verktyg som vi kan använda för att skanna webbplatser för IE8-kompatibilitet. Det ger rapporten och lösningarna.

getter

getter är en inofficiell Facebook Messenger desktop app. Den är byggd ovanpå Node.js och Electron, vilket gör att den kan vara en plattformsapplikation; Den är tillgänglig i OS X, Windows och Linux. In kommer också i två färger, Dark and Light.

Photon Kit

Photon Kit är en ram för att starta en ny app med Electron. Liksom Bootstrap, Foundation och liknande kommer Photon med ett antal komponenter som låter dig bygga vanliga användargränssnitt i en app som knapparna, verktygsfältet och sidofältet.

Yeoman App

Yeoman App är en skrivbordsapplikation som genererar projektpanna, ramar och byggnadsställningar från Yeoman. Det är ett bra alternativ för dem som inte är bekväma att arbeta genom Terminal och kommandoreder.

SQLectron

SQLectron är en SQL-skrivarklient som låter dig visa och utföra flera SQL-operationer mer bekvämt. Den stöder MySQL, PostgreSQL och Microsoft SQL Server. SQLectron är tillgängligt för OS X, Windows och Linux.

Familj SCSS

FamilySCSS är en samling mixins som gör att välja element med : N: te-barn mer intuitivt. Mixinsna är deklarativa. Till exempel kan du skriva @ inkludera första (3) för att välja de tre första barnelementen och skriva @ inkludera mellan (2, 4) för att välja 2: e till 4: e barnets element.

EasyEngine

EasyEngine är en samling kommandorader som låter dig konfigurera din WordPress med verktyg och moduler som Redis, Caching plugin och PageSpeed. Det gör att du installerar WordPress-servern för snabb bris.

Phinx

Phinx är en PHP-modul för databashantering och migrering. Det kommer med klasser och kommandorader som låter dig köra nästan vilken databashandling som Skriva, ladda ner och ladda upp. Phinx Docs är en resursfull referens för att hjälpa dig att komma igång.

RichCSS

RichCSS är en CSS-ram som ger en sund struktur. Ramverket organiserar ordentligt mappar, kataloger och klasser på ett pro-DRY-sätt som gör att den kan återanvändas. På toppen av knappar, listor och formulär kommer RichCSS också med sin egen CLI som du kan använda för att starta ett nytt Rich-projekt som Bower, Git och NPM.

Frend

Frend är en samling av vanliga webbkomponenter. Samlingen består för närvarande av Accordion, Dialog Modal, Offcanvas, Tooltip, Tabs, med några fler att komma i nästa utgåva. Frend kan vara ett bra alternativ till jQuery UI.

FLA

Detta är ett omfattande ramverk för att bygga en responsiv rutnätlayout med Flexbox.

PHP på rätt sätt

PHP är ett programmeringsspråk som är lätt att lära sig, men du kan också enkelt gå fel med koderna och det kan eventuellt kompromissa med din webbplatss säkerhet och prestanda. PHP på rätt sätt är en omfattande referens till att lära sig de bästa metoderna i PHP.

Starability

Starability är ett CSS-bibliotek för att bygga ett stjärnklassystem med snygg animerad feedback. Stjärnklasseringen är byggd med tillgänglighet i åtanke; Du kan navigera genom och tilldela stjärnor via tangentbordet.

WaitAnimate

WaitAnimate är ett praktiskt webbverktyg för att beräkna en “paus” timing i en enda CSS-animering @keyframe. De “paus”, när det är gjort rätt kan det göra animationen mer engagerande - här är några exempel.