Friska resurser för webbdesigners och utvecklare (juli 2015)

Webbutvecklare är välsignade med gratis verktyg och resurser som hittas online, som vi samlar in i vår Fresh Resources-serie varje månad. Om du missade förra månadens parti, kolla in det här eller kolla in resten av de färska resurserna som sammanställdes i början av året.

För juli 2015 satsar vi höga färskt verktyg och resurser som skulle underlätta dina uppgifter, allt från WordPress plugins som låter dig distribuera plugin uppdateringar privat till ett JavaScript-bibliotek för att lägga till intressanta animationer.

Aladdin

Denna plugin lägger till extra funktionalitet för WordPress-administration som liknar OS X Spotlight. Med det får du snabbt tillgång till filer och mappar i din Mac. När du har installerat, tryck på Shift två gånger och skriv sedan in vad du vill komma åt. Det gör WordPress-administrationen mer tillgänglig med hjälp av tangentbordet.

SiteOrigin CSS

SiteOrigin CSS är ett robust WordPress-plugin för att anpassa temat utseende i realtid. Pluggen lägger till en ny panel under Utseende> Anpassad CSS meny. Där kan du skriva anpassade CSS-regler för att skriva över CSS av det tema du använder, eller du kan också använda GUI-panelen för att lägga till CSS-reglerna intuitivt.

DynamicsJS

DynmaicJS är ett bibliotek som applicerar fysikbaserad animering. Jag är ingen fysisk expert men exemplen här i den här menyn ser väldigt cool ut. Det kan animera HTML- och SVG-element, och det ger dig snabb prestanda utan något beroende. DynamicJS har testats på Safari 7+, Firefox 35+, Chrome 34+ och IE10+.

Flygplansläge

Denna plugin kommer att förhindra flera WordPress-externa HTTP-förfrågningar som till exempel Google Fonts, Gravatar och WordPress updater från att försöka ansluta till plugins och tematreparationer för uppdateringar. Det är ett användbart plugin för lokal utveckling för att undertrycka fel som uppstår när dessa samtal misslyckas (vilket vanligtvis händer när du utvecklar lokalt under exceptionellt långsam Internet).

Coverr

En samling videoklipp som är bra för dina webbplatshuvud. Alla videoklipp är fria, licensierade under Public Domain. Glöm inte att kolla in “Hur man använder” avsnitt om hur du lägger till videon på din webbsida.

VibrantJS

VibrantJS tar fram framträdande färger från en bild. Det visar också några API-skivor som låter dig bearbeta den erhållna färgen, till exempel byta färgformat och bestämma den korrekta kompositionen för bakgrund och text. Du kan använda den för att förbättra ditt webbplatsgränssnitt med dynamisk färggenerering, använd färgen som en platshållarbild när bilden inte är fullständigt laddad eller skapa ett webbprogram för att generera en färgprov.

GradifyCSS

Detta bibliotek tar två framträdande färger och genererar en CSS-gradient ur de erhållna färgerna. På samma sätt som VibrantJS, kan du använda gradienten som bildhållare för när bilden inte är fullt laddad eller som en överlagringsfärg.

PurifyCSS

PurifyCSS rensar upp oanvända CSS-regler ur ditt stilark. Du kan använda detta för att trimma stilarkstorleken på stora ramar som Bootstrap och Foundation med upp till 40%. PurifyCSS är tillgängligt som ett Grunt and Gulp plugin.

Titel Capital för WordPress

Namnet har sagt allt. Detta WordPress-plugin kommer att vända titlar såväl som rubrikerna i innehållet till korrekt aktivering vid lagring eller publicering av inlägget och sidan. Jag finner det här pluginet användbart för webbplatser med flera författare att behålla konsekvens för deras webbplatsens innehåll.

GitHub Updater

Denna plugin tillåter användaren att installera och uppdatera automatiskt WordPress-plugins värd i GitHub. Trots namnet stöder plugin även Bitbucket och GitLab, inklusive en i ett privat förråd. Det är ett användbart plugin för utvecklare som utvecklar och distribuerar sina plugins eller teman uteslutande endast för sina kunder.

Kod exempel

En samling kodexempel från WordPress Theme Review Team. För tillfället består exemplet av koder för att bygga komponenter för Theme Customizer med hjälp av Customizer API, inklusive att skapa avsnittet, inställningar och panelen. Fler koder exempel på bästa praxis läggas till i framtiden.