Web Dev PSA Ihre Lieblingstools wurden aktualisiert

Die letzte Woche war ein bisschen durcheinander. Viele unserer beliebtesten Tools erhielten Aktualisierungen und Verbesserungen.

Normalerweise würde ich die Ankündigung für unser monatlich erscheinendes Stück "Recent in Web Development" speichern, aber wenn man bedenkt, wie viel und wie oft wir die folgenden Tools verwenden, ist es nur fair, dass Sie so schnell wie möglich informiert werden.


HTML-Speicherplatte

Auf unserer Liste steht als erstes die ehrwürdige HTML5-Heizplatte oder h5bp für ihre ansprechenden Fans. Aber was genau ist das "Boilerplate" -Ding, fragen Sie?

HTML5 Boilerplate ist die professionelle HTML / CSS / JS-Vorlage von badass für eine schnelle, robuste und zukunftssichere Website.

Wenn Sie immer noch verloren sind, schlage ich Ihnen einen Blick auf diesen ausgezeichneten Führer von Paul Irish.

Wenn Sie wie ich sind und genau sehen müssen, was sich genau geändert hat, können Sie hier das vollständige Änderungsprotokoll einsehen.

Nun, die große Neuigkeit ist, dass h5bp auf Version drei aktualisiert wurde. Hier einige Highlights in dieser Version:

  • Das Build-Skript wurde jetzt in ein eigenes Projekt exportiert.
  • h5bp wurde auf Diät gesetzt. Diese Version ist deutlich kleiner
  • Das Build-System wurde in ein separates Projekt unterteilt.
  • Mit einem Hauch von Laune wurde das Design der 404-Seite verbessert

Modernizr

Volle acht Monate nach der Version 2.0 kommt 2.5 von Modernizr - eine äußerst praktische JavaScript-Bibliothek.

Es ist ein weit verbreitetes Missverständnis, dass Modernizr auf wundersame Weise alle Browser aktualisiert, um die Unterstützung von HTML5 und CSS3 zu ermöglichen. Leider ist das nicht der Fall. Stattdessen erkennt es Support, der uns eine Menge Leistung bringt!

Version 2.5 beinhaltet eine Vielzahl von Änderungen, die Sie hier sehen können, aber hier sind die wichtigsten.

  • Es wurden mehr als 60 zusätzliche Funktionen erkannt.
  • html5shiv und yepnope wurden zum Kern hinzugefügt.
  • Respond.js aus dem Kern entfernt
  • Ein Polyfill für Function.prototype.bind wird standardmäßig eingebacken.

yepnope.js

Die Arbeit von Ralph Holzmann und Alex Sexton von yayQuery, yepnope, ein Dienstprogramm, das Sie beim intelligenten Laden Ihres JavaScript- und CSS-Codes unterstützt, wurde auf Version 1.5.2 aktualisiert.

yepnope ist ein asynchroner, bedingter Ressourcenlader, der extrem schnell ist und nur die Skripts laden kann, die Ihre Benutzer benötigen.

Dieser raffinierte Ressourcenlader, der nur 1,7 KB groß und gezippt ist, ist im Lieferumfang von Modernizer enthalten und eignet sich hervorragend zum Laden von Polyfills, zum Vorladen oder "Priming" des Cache des Benutzers oder als einfacher asynchroner Ressourcenlader / -filter! Sie können hier mehr erfahren.


html5shiv

Ihre schlauen neuen HTML5-Elemente in all ihrer Pracht sind gegen die CSS-Regeln im IE unempfindlich. Hier kommt html5shim zur Rettung. Fügen Sie es einfach in Ihre Seite ein Abschnitt und Sie können die neuen HTML5-Elemente perfekt gestalten.

Die neuen Versionen von html5shiv wurden mit einigen radikalen Leistungsverbesserungen versehen. Einige Tests laufen 10 [!] Mal schneller.

html5shiv ist in Modernizr integriert.


Mobile Heizplatte

Als mobile Alternative zu h5bp wird die mobile Heizplatte als intelligenter Standardsatz für mobile Websites und Web-Apps ausgeliefert. Die dritte Version bringt sie mit den neuesten Versionen von Modernizr auf den neuesten Stand und verfolgt die Änderungen an ihrem HTML5-Pendant genau.


Go Check 'em Out!

'Nuff sagte! Die Mitarbeiter von Nettuts + verwenden fast alle diese Funktionen täglich und wir sind der Meinung, dass sie auch Ihre Zeit wert sind.