Accentsconagua

Web Dev PSA uw favoriete hulpprogramma's zijn bijgewerkt

Code
Share

De laatste week was een beetje een werveling met veel van onze favoriete tools die updates en tweaks ontvangen.

Gewoonlijk bewaar ik de aankondiging voor ons maandelijkse "Onlangs in Web Development" stuk, maar gezien hoeveel en hoe vaak we de onderstaande tools gebruiken, is het alleen maar eerlijk dat je zo snel mogelijk geïnformeerd wordt.

HTML Boilerplate

De eerste op onze lijst is de eerbiedwaardige HTML5-boilerplate of h5bp voor zijn zachte fans. Maar wat is precies dit 'boilerplate'-ding, vraag je?

HTML5 Boilerplate is de HTML- / CSS / JS-sjabloon van de professionele badass voor een snelle, robuuste en toekomstbestendige site.

Als je nog steeds verdwaald bent, stel ik voor een kijkje te nemen in deze uitstekende gids van Paul Irish.

Als je net als ik bent en moet kijken naar wat precies is veranderd, kun je hier de volledige changelog bekijken.

Nou, het grote nieuws is dat h5bp is bijgewerkt naar versie drie. Hier zijn enkele hoogtepunten in deze versie:

  • Het build-script is nu geëxporteerd naar zijn eigen project.
  • h5bp is op dieet gezet. Deze versie is merkbaar kleiner in omvang
  • Het bouwsysteem is gesplitst in een afzonderlijk project.
  • In een vleugje eigenzinnigheid is het ontwerp van de 404-pagina verbeterd

Modernizr

Een volledige acht maanden na versie 2.0 komt 2,5 van Modernizr - een uiterst handige JavaScript-bibliotheek.

Het is een veel voorkomende misvatting dat Modernizr op miraculeuze wijze alle browsers upgradet om HTML5- en CSS3-ondersteuning mogelijk te maken. Helaas is dit niet het geval. In plaats daarvan detecteert het echter ondersteuning, wat ons veel kracht geeft!

Versie 2.5 wordt geleverd met een enorme reeks wijzigingen, die u hier kunt bekijken, maar hier zijn de belangrijkste.

  • Meer dan 60 extra feature-detecties toegevoegd.
  • html5shiv en yepnope toegevoegd aan kern.
  • Respond.js verwijderd van kern
  • Een polyfill voor Function.prototype.bind wordt standaard ingebakken.

yepnope.js

Het werk van Ralph Holzmann en yayQuery's Alex Sexton, yepnope, een hulpprogramma dat je helpt bij het slim laden van je JavaScript- en CSS-code, is zojuist bijgewerkt naar versie 1.5.2.

yepnope is een asynchrone voorwaardelijke hulpbronloader die supersnel is en waarmee je alleen de scripts kunt laden die je gebruikers nodig hebben.

Deze handige resource loader, die slechts 1,7 KB verkleind en gzipped is, is gebundeld met Modernizer en is geweldig voor het laden van polyfills, het vooraf laden of "primen" van de cache van de gebruiker, of als een eenvoudige asynchrone resource loader / filter! U kunt hier meer lezen.

html5shiv

Uw spiksplinternieuwe HTML5-elementen zijn in al hun glorie ongevoelig voor CSS-regels in IE. Dit is waar html5shim te hulp komt. Voeg het gewoon toe aan uw pagina's sectie en je zult in staat zijn om de nieuwe HTML5-elementen perfect in te richten.

De nieuwe versies van html5shiv worden geleverd met enkele radicale prestatieverbeteringen, waarbij sommige tests 10 [!] Keer sneller lopen.

html5shiv is ingebouwd in Modernizr.

Mobiele ketelplaat

Als een mobiel alternatief voor h5bp, wordt de mobiele standaard geleverd als een intelligente reeks standaardinstellingen voor mobiele sites en web-apps. Versie drie brengt het up-to-date met de recente versies van Modernizr en volgt de wijzigingen in de HTML5-tegenhanger op de voet.

Ga Check 'em Out!

'genoeg gezegd! De medewerkers van Nettuts + gebruiken bijna allemaal dagelijks en we denken dat ze ook de moeite waard zijn.

Code
×