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
- Aspekte, die man bei der Evaluierung von CSS Frameworks beachten sollte
- Understanding the CSS Transforms Matrix
- CSS Selektoren interaktiv lernen – gut demonstriert!
- “position: fixed” ist ein Biest, was die crossbrowser-Tauglichkeit betrifft. Scott Jehl hat eine Testsuite entwickelt, die beim Scrollen die feste Platzierung von derartigen Elementen prüft.
- Was man alles mit dem Tilde-Selektor anstellen kann
- Diverse Icon-Fonts Tools: Foundation Icon Fonts, shifticons, modern pictograms, fontello – iconic font scissors
- Pac-Man, Yin Yang und andere Formen mit CSS
- Favicons Next To External Links
- The CSS3 Flex Box Specification
- CSS Viewport (CSS Device Adaptation) support in IE10. Dazu passend ein Hintergrundartikel zu Meta Viewport und @meta
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.
