nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


Controleer de prestaties en kwaliteit van elke website met Lighthouse

Google loopt voorop in modern webdesign. Het biedt zoveel tools van Analytics tot DevTools allemaal met als doel mensen te helpen een beter web te maken.

Onlangs publiceerde het nog een handige tool genaamd Lighthouse. Dit is een gratis geautomatiseerde testtool die wordt uitgevoerd op de achtergrond van Chrome . Het werkt als een mini-website audit waarbij het de prestaties, snelheid, toegankelijkheid en naleving van semantische best practices controleert.

De uitbreiding van de vuurtoren is voornamelijk gemaakt voor progressieve webapps . Dit zijn algemene webapps die in de browser worden uitgevoerd en zich gedragen als native apps, maar toch functioneren als typische websites.

PWA's vormen een groot deel van het Lighthouse-project. Maar het doel van Lighthouse is om alle webontwikkelaars te helpen de kwaliteit van hun pagina's te controleren.

Dit kan onder andere HTML / CSS-bugcontrole zijn of op zoek naar dubbele regels code. Lighthouse kijkt ook naar webprestaties met optimalisatietips voor afbeeldingen, bestandsgroottes, HTTP-aanvragen en nog veel meer.

Alle belangrijke auditresultaten verschijnen direct in de DevTools van Chrome, zodat u niet eens een nieuw venster hoeft te openen om statistieken te controleren. Het enige wat u nodig hebt, is een actieve versie van Chrome en enige tijd om de auditresultaten van Lighthouse door te nemen.

Over het algemeen valt dit uiteen in vier categorieën:

  • Prestatie.
  • Toegankelijkheid.
  • Beste praktijken.
  • Progressive Webapp-eigenschappen.

Elke categorie splitst zich verder op in kleinere panden met aanbevelingen voor UX-verbeteringen.

Met één klik op de knop kunt u auditresultaten genereren die u helpen de prestaties, snelheid, bruikbaarheid en vrijwel elke waarde van Google waar het om gaat, radicaal te verbeteren.

Als je meer wilt leren over de hoofdpagina en meer wilt weten over de vele functies van Lighthouse.

Je kunt deze presentatie ook bekijken via Google I / O 2017, die Lighthouse voor het eerst introduceerde in de dev-community.

10 manieren om uw vertrouwen te vergroten [Infographic]

10 manieren om uw vertrouwen te vergroten [Infographic]

Ben je geen zelfverzekerde persoon? Heb je problemen om jezelf uit te drukken als je in een groepsdiscussie bent. Twijfel je aan de beslissingen die je neemt en haat je het spreken in het openbaar? Is "vertrouwen" iets waarvan je wilt dat je er meer van hebt? Deze infographic kan misschien helpen

(Technische en ontwerptips)

Vind semantische tags met deze HTML5-robot

Vind semantische tags met deze HTML5-robot

Het HTML5-doctype is veel veranderd in de wereld van frontend-codering. De nieuwe standaard kwam met een hoop nieuwe elementen, waarvan er vele nu semantischer zijn dan eenvoudige divs.Maar hoe weet u welk element het beste is voor uw subnavigatie of zijbalk? Vraag het maar aan de HTML5-robot.Deze gratis webapp vertelt u precies welke tags de beste keuze zijn voor uw HTML-pagina

(Technische en ontwerptips)