Startpagina » Webontwerp » Verse bronnen voor webontwerpers en ontwikkelaars (mei 2015)

    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.