Frontend Weekly 28. Mai 2012

Debugging

  • Front-end Unit Testing mit PhantomJS (Webkit-Console API) und CasperJS (Navigations-Skript für Tests). Klingt nach einer brauchbaren Alternative zu Selenium.
  • Adobe Shadow is a new inspection and preview tool that allows front-end web developers and designers to work faster and more efficiently by streamlining the preview process, making it easier to customize websites for mobile devices.“ Hier gibt’s eine kleine Einführung.

CSS

Responsive Design

  • Interessante Casestudy zum Relaunch der BBC TV-Seiten mittels Mobile-/Responsive-Strategie
  • Guter Einblick: „Die Responsive Images Story: Responsive Images sind zur Zeit in aller Munde und verursachen viel Streit. Was steckt dahinter und wert streitet mit wem? Zeit für einen Überblick von jemandem, der mitten drin steckt und selbst an der Entwicklung von Entwürfen zum Thema beteiligt war.“
  • „The Teehan+Lax Density Converter allows you to input the width and height for any density, and instantly see the dimensions you would have to scale the graphic to for each of the other densities.“
  • Which responsive images solution should you use?

Querbeet

  • Knackiger Einstieg in Git ohne Firlefanz
  • Slidedecks der Front-Trends Konferenz
  • Das wird klasse: In Freiburg steigt vom 17.-19. September die 1. SmashingConf – das Who is Who der internationalen Szene ist mit von der Party. Early Bird Tickets waren innerhalb weniger Stunden weg, aber auch die etwas teureren 350,- € für 2 Tage voller Web-Talks sind ein toller Preis.
  • Javascript zum automatischen Generieren von Dummy-Inhalten z.B. in HTML-Prototypen – erspart händisches Copy&Paste von Blindtexten: Fixie
  • Wem Scrollorama nicht reicht: SuperScrollorama
  • Safer event handling with jQuery namespaced events
  • „The smarter, faster, easier way to build a successful web application“: „Getting Real“ von 37signals ist jetzt kostenlos zu haben.

Frontend Weekly 18. Mai 2012

CSS
Responsive Design
Querbeet
Javascript
  • Javascript Unit Testing framework, das bei asychronen Requests stabiler als QUnit sein soll.
  • Douglas Crockford’s JSCheck “ is a specification-driven testing tool. From a description of the properties of a system, function, or object, it will generate random test cases attempting to prove those properties, and then report its findings.“. Interessanter Artikel dazu bei nettuts.

RESS

Konferenzmaterial

Frontend Weekly 27. April 2012

SASS
Responsive Design
Debugging
  • Auf der „beyond tellerrand“ aufgeschnappt: Ripple Emulator zum Testen mobiler Apps. Scheinbar ziemlich nah an nativer Emulation gängiger Devices.
  • Debugging mit Breakpoints in den Chrome Dev Tools
  • jQuery-Debugging lernen: „Fixing These jQuery“
Styleguides
  • kneath/kss: „A methodology for documenting CSS and generating styleguides“
  • Google veröffentlicht hauseigenen HTML/CSS Style Guide. Nichts überraschendes dabei, alle „Do’s & Dont’s“, die man so kenn(t|en sollte).
Querbeet