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.

Hinterlasse eine Antwort

Pflichtfelder sind mit * markiert.

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax