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

Vi är tillbaka igen med en handfull resurs för våra medarbetare. I denna avbetalning är samlingen ganska olika. Vi har på listan en skrivbordsapplikation, några webbapplikationer, praktiska PHP- och JavaScript-bibliotek, och ett par WordPress-plugins. Låt oss kolla in dem.

Klicka för mer resurser

Klicka för mer resurser

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

MARP

MARP är en redaktör till skapa presentationer i Markdown. Den har två paneler: en redaktör till vänster och en förhandsvisning till höger, där du kan se bildutmatningen i realtid. Den är tillgänglig i OS X, Windows och Linux. Det är ett bra alternativ till en uppblåst programvara som PowerPoint.

LightGallery

En JavaScript till visa bildlampa och galleri. De ljusbox gränssnitt är utrustad med en handfull knappar där du kan zooma in, zooma ut, ladda ner bilden och vrida bilden i fullskärm. Det är verkligen ett allt-i-ett-paketet JavaScript-bibliotek i den här kategorin.

Reakt Utvecklarverktyg

Reakt Utvecklarverktyg är en Google Chrome-förlängning som låter oss avkoda Reacts gjorda komponenter i webbläsaren. En gång installerat lägger den till en ny flik i DevTools där du kan inspektera rot, element och felsöka React-komponenter som du skulle med vanlig HTML.

SharingButtons

SharingButtons är en dela knappar generator. Det stöder för närvarande ett antal populära sociala webbplatser som Facebook, Twitter och Pinterests. Utmatningen avlastar JavaScripts bloats och kan senare enkelt anpassas via CSS.

Trotsa

Trotsa är ett JavaScript-bibliotek som lägger till en fin engagerande effekt på texten. Det är svårt för mig att namnge den här typiska effekten, men det verkar verkligen coolt. Kolla in demoen!

Hyper

Hyper är en terminal emulatorn, en applikation, byggd ovanpå HTML, CSS och JavaScript. Det är modulärt där utvecklare kan bidra, introducerar moduler som lägger till ny funktionalitet. Appen är för närvarande endast tillgänglig för macOS.

Hänga över

OverHang.js är en jQuery-plugin till visa omedelbar varning. Pluggen kan anpassas. Du kan ställa in textmeddelandet i meddelandet, färgerna och hur länge det visas innan det blir utbränt.

grafika

grafika är en samling av PHP-funktioner som tillåter oss att manipulera bilden. Vi kan tillämpa bildfilter som oskärpa och sepia. Vi kan också omvandla bilder som att bläddra, rotera och ändra storlek.

Enkel typografi

Enkel typografi är ett Sass-bibliotek som återställer typografi styling - som typsnittstorlek och linjehöjd. Det är ett annat litet bibliotek som du kanske vill använda till göra text på din webbplats vackert och proportionellt medelstora.

Jekyll Admin

Jekyll är en statisk blogggenerator. Detta är en officiell Jekyll-plugin som lägger till en GUI-redaktör för att skriva inlägg med Jekyll; Detta gör författarens inlägg med Jekyll mer intuitivt.

Anime.js

Anime.js är ett JavaScript-bibliotek till utföra flytande animering på webben. Den gäller för vanliga HTML, SVG, CSS Transformations. Hitta den fullständiga anvisningen för att göra det mesta av det och några inspirerande exempel i dokumentationen.

PostLeaf

PostLeaf är en PHP-baserad CMS utrustad med några praktiska funktioner inbyggda. Front-end redigering, säkerhetskopiering, sidor, inlägg, oEmbed, SEO, navigering som är nödvändiga för att göra det lätt att behålla webbplatser.

Browsers Logos

En komplett samling av alla webbläsarlogotyper. Du kan hitta ikoner för populära webbläsare som Chrome, Firefox och Internet Explorer, inklusive ikonerna för deras mobilapp. Du kan också hitta mindre populära webbläsare som du aldrig har hört tidigare, till exempel Blisk, Iridium och Orbitum.

wA11y

Ett WordPress-plugin för att hjälpa oss förbättra tillgängligheten på en webbplats. När det är aktiverat kommer plugin att utvärdera våra webbplatser med tota11y, leverera feedback för överträdelser som påverkar åtkomst och föreslå lösningar för att åtgärda det.

Automatisk alternativtext

Ett annat WordPress-plugin som är värt att nämna, som förbättrar webbplatsens tillgänglighet av tillsats alt text till bilder laddat upp via WordPress Media Manager. Den genererade “alt” Texten drivs av Microsoft Computer API.

Multi-range

Ett JavaScript-bibliotek, en polyfil, för HTML 5.1 multi-intervall produktionen som för närvarande är fortfarande dåligt genomförd i webbläsare. Lea Verou delade sin historia bakom det här biblioteket i hennes senaste inlägg, introducerande multirange: en liten polyfil för HTML5.1-handtag, som definitivt är värt att läsa.

jQuery Betalning

Ett jQuery-plugin utvecklat av Stripe, en betalningsbehandlingstjänst. Denna plugin gör Utveckla ett kreditkortsformulär mindre skrämmande. Den stöder många kreditkort inklusive Visa, Master Card Amex, UnionPay och JCB.

Trix Editor

Trix är en WYSIWYG redaktör som vi kan använda för att producera innehåll. Utveckla trix är snabbt och enkelt utbyggbart med ny funktionalitet för att möta ditt behov. Du kan hitta alla instruktioner i dokumentationen och starta Trix på din webbapplikation.

Recept

Recept är en samling av PHP till kör gemensamma verktygsfunktioner som grab Gravatar-bild, generera en QR-kod, konvertera en matris till ett objekt och mycket mer.

Paper

en notering som bygger på PHP och Angular vilket innebär att du kan distribuera det på en webbserver. Det här kan vara ett bra alternativ till en stationär app som Evernote eller OneNote, på ett sätt som du kan hantera och anpassa nästan allt ut av det, och lagra dina data privat på din egen server.