Revision 159: Grunt im Einsatz

Published: March 2, 2014, 9:22 p.m.

G\xe4stefrei sind diesmal Schepp, Rodney und Stefan mit am Start, um mit Grunt nach\ndem Hype in Klausur zu gehen.\n\n\nSCHAUNOTIZEN\n\n[00:00:29] GRUNT\n\nGrunt ist ja nun schon eine Weile bekannt und im Einsatz, und erfreut sich immer\ngr\xf6\xdferer Beliebtheit bei den Entwicklern. Sogar Schepp hat seine\nselbstgebastelten Buildscripts f\xfcr diverse Projekte verlassen und ist in die\nGrunt-Welt eingetaucht. Wird reden \xfcber den Einsatz des Buildtools in gro\xdfen und\nkleinen Projekten, und wie man sich das effiziente Entwickeln, vor allem in\nHinblick auf CI und CD ohne Grunt eigentlich nicht mehr vorstellen kann. Plugins\ndie erw\xe4hnt werden sind unter anderem spritesmith, autoprefixer, svgmin, cssmin\nund connect. Au\xdferdem empfiehlt Rodney, statt load-grunt-tasks besser matchdep\nzu verwenden. Wer \xfcbrigens das letzte aus Grunt herauskitzeln will, dem\nempfehlen wir Paul Bakaus Artikel auf HTML5 Rocks\n\n\n[00:47:27] KEINE SCHAUNOTIZEN\n\nCHROME CLI\n\nViel im Terminal? Mit der Chrome CLI kann man seinen Entwicklungsbrowser nun\nauch bequem von der Kommandozeile aus steuern.\n\nWHAT NOBODY TOLD YOU ABOUT SASS @EXTEND\n\nHugo Giraudel schreibt \xfcber die Funktionsweise und Gefahren der Sass @extend\nMethode.\n\nTRY HANDLEBARS\n\nHandlebars templates direkt im Browser ausprobieren und sehen, ob\nselbstgeschriebene Helper funktionieren. Geht hier.\n\nPAGERES\n\nMit Sindre Sorhus neuem Tool kann man Screenshots von der Kommandozeile aus\nmachen.\n\nREFACTORING TECHNIQUES\n\nWie man richtig Refactoring betreibt wird in diesem Artikel erkl\xe4rt.\n\nJAVASCRIPT CODE STYLE CHECKER\n\nEin weiterer Code Style Checker, aber h\xf6chst konfigurierbar und bis aufs\nkleinste anzupassen\n\nWEB ANIMATION AT WORK\n\nRachel Nabors beschreibt ihr Steckenpferd in diesem List Apart Artikel.\n\nDRAGGABLE ELEMENTS THAT PUSH OTHERS OUT OF WAY\n\nChris Coyier schreibt \xfcber ein Design Pattern, und die unterschiedlichen Wege\nund Bibliotheken, es zufriedenstellend umzusetzen.\n\n\n[00:53:25] TIPP DER WOCHE\n\nINCLUDING DATA FROM GITHUB\n\nTipp von Rodney: Wenn man mal Github files im Rohformat braucht, hat man mit\ndiesen Services viel Freude.