Verse bronnen voor webontwerpers en ontwikkelaars (mei 2015)
Het voelt alsof oud en nieuw net gisteren was. Niettemin, we zijn hier nu binnen mei en het is tijd voor ons om nieuwe bronnen te delen met onze mede-webontwikkelaars.
In deze ronde hebben we enkele goede referenties die het waard zijn om te bookmarken, een hulpmiddel om te controleren op HTML-fouten, een shortcode voor het componeren van muzieknotaties, een JS-bibliotheek voor het reactief omgaan met tabellen en een responsief rastersysteem.
Kan Shortcode gebruiken
CanIUse is een uitgebreide bron voor het volgen van browserondersteuning voor moderne webfuncties. Dit is een WordPress-plug-in die een CanIUse-tabel voor de opgegeven functie weergeeft met behulp van een handige shortcode. Eenmaal geactiveerd, kunt u bijvoorbeeld toevoegen, [ciu-display feature = "audio"]
om de resultaten weer te geven voor ondersteuning van HTML5-audio-elementen in een tabel.
jQuery FileAPI
Een plug-in voor jQuery die communiceert met het API-bestand van de browser om bestandsuploads af te handelen, deze plug-in biedt ook de mogelijkheid voor het bijsnijden en vergroten of verkleinen van afbeeldingen en het uploaden van meerdere bestanden.
TabellaJS
Het opbouwen van een responsieve tabel is echt lastig. Er zijn veel JavaScript-bibliotheken en -technieken die u kunt gebruiken, maar elk heeft zijn eigen valkuilen. Tabella is een bibliotheek die er veelbelovend uitziet om deze beruchte hindernis in responsief webdesign aan te pakken.
StickyFill
StickyFill is een polyfill van de nieuwe CSS3 kleverig
positie. Het simuleert perfect het plakkerige positiegedrag en het werkt ook met veel plakkerige instanties.
Basket.js
Basket.js is een JavaScript-bibliotheek die wordt gebruikt om de JavaScript-laadtijd te optimaliseren. Basket.js cached JavaScripts in de localStorage en vermijdt zo onnodige belasting in de toekomst. Dit zal ook de snelheid van de website verbeteren, omdat de scripts niet door de gebruiker worden gebeld, maar in plaats daarvan van de server worden opgehaald.
HTMLHint
HTMLHint is een kleine webtool om fouten in HTML te controleren. De tool controleert op naamgevingsnormen, ontbrekende sluitingslabels, toegankelijkheidsproblemen, correct gebruik van Doctype en dubbele id's en andere problemen die u vaak over het hoofd ziet.
ABC-notatie
Ben je een muzikant en heb je een op WordPress gebaseerde site? Deze plug-in is misschien wat je zocht. Met de geactiveerde ABC-notatie kunt u muzieknotaties in uw bericht en pagina samenstellen met een shortcode.
KSS StyleGuide
KSS Styleguide maakt het creëren van een gids voor levende stijlen handiger. De tool automatiseert het proces en naarmate uw website groeit met nieuwe toevoegingen en UI-iteraties, zal KSS de stijlgids bijwerken.
Internet Explorer-status
Internet Explorer evolueert ten goede. In de nieuwste versie (vóór Spartan) heeft Internet Explorer veel nieuwe webstandaarden omarmd. Nu volg je de status van aankomende functies die met de volgende versie moeten worden vrijgegeven. Het is een handige referentie voor webontwikkelaars naast CanIUse en Chrome-status.
CSS Flexbox
Een verzameling van alles wat te maken heeft met CSS Flexbox, zoals handleidingen, artikelen en cheatsheets. Een zeer nuttige referentie voor ontwikkelaars om een bladwijzer te maken.
Vallei
Vallei is een verzameling van OS X-mappictogrammen en gemeenschappelijke door derden gegenereerde mappen zoals Dropbox, Drive en OneDrive. De mapkleur is meer afgezwakt, wat volgens mij een betere beslissing is dan wat je krijgt met de OS X Yosemite (te levendig!) Mappen.
CSS Wizardry Grid
Een lichtgewicht en toch robuust CSS-responsief rastersysteem, ontwikkeld door Harry Robert, het zit vol met een handvol CSS-goedheid; het is volledig responsief, wordt aangedreven door Sass, gestructureerd met de BEM-methodologie en zijn omkeerbare rasters.