Verse hulpbronnen voor webontwerpers en ontwikkelaars (juli 2015)

Webontwikkelaars zijn gezegend met gratis hulpprogramma's en bronnen die online worden gevonden en die we elke maand plichtsgetrouw verzamelen in onze reeks Fresh Resources. Als je de batch van vorige maand hebt gemist, kun je deze hier opnieuw bekijken of bekijk de rest van de nieuwe bronnen die in het eerste deel van het jaar zijn verzameld.

Voor de batch van juli 2015 gebruiken we nieuwe hulpmiddelen en bronnen die uw taken vereenvoudigen, variërend van WordPress-plug-ins waarmee u plug-insupdates privé naar een JavaScript-bibliotheek kunt implementeren om boeiende animaties toe te voegen.

Aladdin

Deze plug-in voegt extra functionaliteit toe aan WordPress administratie die vergelijkbaar is met OS X Spotlight. Hiermee krijg je snel toegang tot bestanden en mappen op je Mac. Na de installatie drukt u tweemaal op de Shift-toets en typt u in wat u wilt openen. Het maakt WordPress-administratie toegankelijker met behulp van het toetsenbord.

SiteOrigin CSS

SiteOrigin CSS is een krachtige WordPress-plug-in om elk thema uiterlijk in real-time aan te passen. De plug-in voegt een nieuw paneel toe onder de Uiterlijk> Aangepaste CSS menu. Daarin kunt u aangepaste CSS-regels schrijven om de CSS van het thema dat u gebruikt te overschrijven, of u kunt ook het GUI-paneel gebruiken om de CSS-regels intuïtief toe te voegen.

DynamicsJS

DynmaicJS is een bibliotheek om op fysica gebaseerde animatie toe te passen. Ik ben geen Physic-expert, maar de voorbeelden hier in dit menu zien er echt gaaf uit. Het kan HTML- en SVG-elementen animeren en geeft u snelle prestaties zonder enige afhankelijkheid. DynamicJS is getest op Safari 7+, Firefox 35+, Chrome 34+ en IE10+.

Vliegtuigmodus

Deze plug-in voorkomt dat verschillende WordPress externe HTTP-verzoeken, zoals Google Fonts, Gravatar en WordPress-updater, proberen om verbinding te maken met plug-ins en thema-repository's voor updates. Het is een nuttige plug-in voor lokale ontwikkeling om fouten te onderdrukken wanneer deze oproepen mislukken (wat meestal gebeurt wanneer u zich lokaal ontwikkelt onder uitzonderlijk traag internet).

Coverr

Een verzameling video's die geweldig zijn voor uw websitekoppen. Alle video's zijn gratis, gelicentieerd onder Public Domain. Vergeet niet om de “Hoe te gebruiken” sectie om te leren hoe u de video aan uw webpagina kunt toevoegen.

VibrantJS

VibrantJS pakt prominente kleuren uit een afbeelding. Het bevat ook een aantal API's waarmee u de verkregen kleur kunt verwerken, zoals het omschakelen van het kleurformaat en het bepalen van de juiste compositie voor achtergrond en tekst. U kunt het gebruiken om uw website-interface te verbeteren met het genereren van dynamische kleuren, de kleur gebruiken als tijdelijke afbeelding wanneer de afbeelding nog niet volledig is geladen of een webtoepassing maken voor het genereren van een kleurstaal.

GradifyCSS

Deze bibliotheek grijpt twee prominente kleuren en genereert een CSS-gradiënt uit de verkregen kleuren. Vergelijkbaar met VibrantJS: u kunt het verloop toepassen als tijdelijke aanduiding voor de afbeelding wanneer de afbeelding niet volledig is geladen of als overlay-kleur.

PurifyCSS

PurifyCSS ruimt ongebruikte CSS-regels uit uw stylesheet. U kunt dit gebruiken om stylesheetformaten van grote frameworks zoals Bootstrap en Foundation tot 40% in te korten. PurifyCSS is beschikbaar als een Grunt en Gulp plug-in.

Titel kapitaal voor WordPress

De naam heeft het allemaal gezegd. Deze WordPress-plug-in verandert titels en de koppen in de inhoud naar het juiste hoofdlettergebruik bij het opslaan of publiceren van het bericht en de pagina. Ik vind deze plug-in nuttig voor websites met meerdere auteurs om consistentie te behouden voor de inhoud van hun website.

GitHub Updater

Met deze plug-in kan de gebruiker installeren en automatisch updaten WordPress-plug-ins gehost in GitHub. Ondanks de naam ondersteunt de plug-in ook Bitbucket en GitLab, waaronder een in een privérepository. Het is een nuttige plug-in voor ontwikkelaars die hun plug-ins of thema's uitsluitend voor hun klanten ontwikkelen en distribueren.

Code voorbeelden

Een verzameling codevoorbeelden van WordPress Theme Review Team. Op dit moment bestaat het voorbeeld uit codes om Theme Customizer-componenten te bouwen met behulp van de Customizer API, inclusief om de sectie, instellingen en paneel te maken. Meer codes voorbeelden van best practices toegevoegd in de toekomst.