WebDevTeam’s Blog

digg.com hat eine neue

“method for optimizing delivery of Digg’s complex AJAX-enhanced site”

herausgebracht, die

“eventually give it a huge boost in un-cached page rendering efficiency”.

Der Fokus liegt darauf, nicht gecachte Inhalte von vielen einzelnen Ajax Requests zusammenzufassen und alles mit einem Mal auszuliefern. D.h. sie machen nur einen Request zwischen Client und Server und

“the separate ‘page objects’ such as dialog boxes, CSS and more can be bundled and sent through the same open connection”.

Hört sich interessant an, weiterlesen sollte man hier: Digg Demos Optimized Datastreams.

Ich denke, dieser Artikel sollte sich mit der Zeit gut befüllen lassen. Ich mache mal den Anfang:

• 15 Favorite E-Books for Web Design and Development

Die Posts werden immer kürzer Aber dafür habe ich per Twitter eine gute jQuery Seite gefunden: http://jquerystyle.com

• Beispielseiten (Gallery)
• Tutorials
• Plugins

Alles was das Herz höher schlagen lässt, wenn man nur die Zeit hätte, sich das alles mal anzuschauen… Für alle Ehemaligen aus dem “Projekt 19. Etage” – bei der Kategorisierung findet man auch “Slideshow”, “Slider”, “Accordian”…

Wer Inspirationen und Beispiele für Wireframes braucht, sollte hier mal vorbeischauen: I love Wireframes.

Update 24.04.:

Grace Smith hat einen interessanten Artikel zu Wireframes geschrieben: Get Wireframing: The All-In-One Guide.

Ich wollte eigentlich einen eigenen Artikel mit Screenshots usw. schreiben, das hat man mir aber schon abgenommen Five Best Screen Capture Tools.

Mein Favorit ist Jing:

• kostenlos
• schnell
• beim Auswählen werden Fensterbereiche automatisch hervorgehoben, einfach nur draufklicken
• Bild speichern oder kopieren
  
• Screencast als SWF (mit Ton)
  

Das Snipping Tool werde ich bei Gelegenheit auch probieren, weil man dort auch ein “Free-form Snip. ” machen kann.

Nur ganz kurz – Bilder suchen und ähnliche Bilder als Vorschlag bekommen, mit denen man weitersuchen kann: http://similar-images.googlelabs.com/ (via). Macht vor allem dann Sinn, wenn man stilistische ähnliche Bilder suchen möchte.

Ich bin bei Dr. Web auf einen interessanten und praxisorientierten Artikel zu CSS-Sprites gestoßen. Es wird dort auch ein Sprite-Generator vorgestellt den ich aber noch nicht getestet habe.

Wer 0,79 € übrig hat, der kann diese für jeweils ein CheatSheet im AppStore ausgeben:

• HTML Cheat Sheet
• JavaScript Cheat Sheet
• jQuery Cheat Sheet
• CSS Cheat Sheet
• RegEx Cheat Sheet

Die CheatSheet List gibts hier bei Concentric Sky.

IMO sind die Cheat Sheets für diese Themen auf dem iPhone nicht wirklich sinnvoll, da man beim Entwickeln sowieso am Rechner sitzt und die Sachen entweder in einem Cheat Sheet PDF (z.B. hier) hat oder online nachschauen kann.

Dafür ist jTouch

A touchable jQuery Cheat Sheet in your pocket, accessible anywhere.

schon viel interessanter, weil kostenlos – Internetzugang vorausgesetzt.

Gefunden habe ich die ganzen Links in diesem Artikel “Javascript Cheat Sheets & Quick Reference Guides for Javascript Webmasters, Coders, Web developers & Designers“.

Gerade bei Ajaxian gelesen: Firediff, eine Erweiterung für den Firebug. Damit kann man – Firebug 1.4 vorausgesetzt – Änderungen am DOM und CSS tracken.

Firediff implements a change monitor that records all of the changes made by firebug and the application itself to CSS and the DOM. This
provides insight into the functionality of the application as well as provide a record of the changes that were required to debug and tweak the page’s display. (Quelle)

Ich habe jetzt den Firebug 1.4 Alpha nicht drauf, werde die Erweiterung aber im Auge behalten. Wenn jemand Erfahrungen damit gemacht hat, Kommentare bitte!

Ich hatte vorhin gerade mit einem Kollegen darüber gesprochen. Wenn man sich also HTTP Requests anschauen bzw. modifizieren möchte, sollte man sich folgende Erweiterungen ansehen:

• Tamper Data (Firefox Addon)
• Live HTTP Headers (Firefox Addon)
• Poster (Firefox Addon)
• Fiddler Web Debugger (eigenständig, exe)
• HttpWatch (eigenständig, exe)