Google Page Speed

Google Page Speed, eine Erweiterung für Firefox und Firebug, soll Webseiten schneller machen und ist als als Open Source verfügbar.

Google veröffentlicht mit Page Speed eine Firefox-Erweiterung, die Web-Designern und -Entwicklern helfen soll, die Ladezeiten ihrer Seiten zu verringern. Dabei geht Page Speed allerdings einen Schritt weiter als andere, ähnliche Firefox-Erweiterungen.
Bislang kam Page Speed nur bei Google intern zum Einsatz. Die Firefox-Erweiterung bettet sich in Firebug ein und schlägt beim Laden von Webseiten Maßnahmen zu deren Optimierung vor. Dabei optimiert Page Speed beispielsweise automatisch die verwendeten Bilder und stellt eine komprimierte Version zur Verfügung, die direkt in der Webseite verwendet werden kann.

(Via Golem.de)

Coding-Werkzeuge: Die 10 nützlichsten Browser-Erweiterungen für Web-Entwickler

Aus einem Artikel aus dem T3N Weblog über »Coding-Werkzeuge: Die 10 nützlichsten Browser-Erweiterungen für Web-Entwickler« möchte ich unsere Favoriten zitieren und Webkit ergänzen:

Aardvark

Das Addon Aardvark für Firefox bietet Werkzeuge zur Seitenanalyse via Kontextmenü. Einzelne Seitenelemente lassen sich beispielsweise isolieren oder entfernen. Das ist auch für den „Normalnutzer‘ interessant: Auf diese Weise kann man zum Beispiel ungewünschte Seitenelemente wie Banner oder andere Bildelemente weglassen, um eine Seite für den Ausdruck zu optimieren.

ColorZilla

Mit ColorZilla lassen sich über ein Fadenkreuz Farbwerte auf Webseiten auslesen. Auch Abstandmessungen zwischen zwei Pixeln, Seitenzoom und verschiedenen Farbpaletten gehören zum Leistungsumfang der Erweiterung für Firefox und SeaMonkey.

CSS Validator

Die Firefox-Extension CSS Validator überprüft Webseiten auf Konformität mit dem W3C CSS Standard.

CSSViewer

Mit dem CSSViewer lassen sich die CSS-Attribute zu Elemeten einer HTML-Seite anzeigen.

Dafizilla ViewSourceWith

Die Erweiterung Dafizilla ViewSourceWith läuft mit den meisten Mozilla-basierten Anwendungen wie Firefox, Thunderbird, SeaMonkey, Songbird oder Flock. Sie ermöglicht die Anzeige von Quelltexten, Grafiken und externen CSS-/JavaScript-Dateien mit der bevorzugten Anwendung.

Firebug

Firebug gehört sicherlich zu den bekannteren Erweiterungen für den Firefox. Sie hilft Web-Entwicklern beim Debuggen ihrer Websites und Web-Applikationen. Mit Firebug Lite stehen wichtige Features auch für den Internet Explorer, Opera und Safari zur Verfügung

LinkChecker

Alle Links auf einer Website werden mit der Firefox-Erweiterung LinkChecker auf ihre Gültigkeit überprüft und entsprechend farblich gekennzeichnet.

Web Developer

Die Web Developer Erweiterung gibt es für Firefox, Flock und SeaMonkey. Sie fügt dem Browser ein Menü und eine Toolbar mit verschiedenen Tools für Webentwickler hinzu.

Webkit

Mit dem Safari zu Grunde liegenden Webkit lässt sich auch einiges machen. Ein guter Artikel darüber steht auch hier im Webkit-Blog.

(Via t3n.yeebase.com – Open Source, Web & TYPO3.)

Quality Assurance in PHP Projects

Derzeit entsteht ein viel versprechendes Buch mit dem Titel »Quality Assurance in PHP Projects« in Deutsch und Englisch, geplante Veröffentlichung im vierten Quartal. Im Buch soll umfassendes Fachwissen und Erfahrungen zur Qualitätssicherung in Web-Projekten vermittelt werden.

Wenn die Hütte brennt, werden Überstunden gemacht und Urlaube abgesagt, aber trotzdem meist Termine und Qualitätskriterien verfehlt. Da aber Software viel länger lebt als ursprünglich geplant, gehen die Probleme erst dann richtig los, wenn später weitere Änderungen und Erweiterungen notwendig werden.

Die Autoren: Diplom-Informatiker Sebastian Bergmann, Autor von PHPUnit, und Stefan Priebsch, Spezialist für PHP-basierte Software im Unternehmenseinsatz.

Zend Framework in Version 1.8 erschienen / Tutorials

Am ersten Mai-Wochenende ist das Zend Framework in Version 1.8 erschienen. Neu ist, neben Zend_Application, Zend_Navigation und Zend_Tag_Cloud zum Beispiel auch das Zend_Tool:

1.8.0 marks the first public release of Zend_Tool. At its simplest, Zend_Tool provides a command-line script that can be used to ease many common project-related tasks

Passend dazu hat Kim auf Designpicks seine »Top 5 Zend Tutorials« gelistet:

Ich beschäftige mich zurzeit intensiv mit dem Zend Framework und habe festgestellt, dass es gar nicht so leicht ist, gute Tutorials dafür zu finden. Nach langen Recherchen möchte ich euch hier die (meiner Meinung nach) besten fünf mitteilen.

PHP-Intrusion Detection System

PHPIDS (PHP-Intrusion Detection System) is a simple to use, well structured, fast and state-of-the-art security layer for your PHP based web application. The IDS neither strips, sanitizes nor filters any malicious input, it simply recognizes when an attacker tries to break your site and reacts in exactly the way you want it to. Based on a set of approved and heavily tested filter rules any attack is given a numerical impact rating which makes it easy to decide what kind of action should follow the hacking attempt. This could range from simple logging to sending out an emergency mail to the development team, displaying a warning message for the attacker or even ending the user’s session.

http://php-ids.org/

Styling Scrollbars

Styling Scrollbars: „WebKit now supports styling of the scrollbars in overflow sections, listboxes, dropdown menus and textareas. For those who want to skip the article and just go right to the source, here is an example:

Scrollbar Example

Here is a screenshot for those not running a recent enough WebKit:

The scrollbar pseudo-element indicates that an object should use a custom scrollbar. When this pseudo element is present, WebKit will turn off its built-in scrollbar rendering and just use the information provided in CSS.

::-webkit-scrollbar {
    width: 13px;
    height: 13px;
}

The width and height properties on the scrollbar element indicate the width of the vertical scrollbar and the height of the horizontal scrollbar. Percentages can be specified for these values as well, in which case the scrollbar will consume that percentage of the viewport area.

A scrollbar consists of scrollbar buttons and a track. The track itself is further subdivided into track pieces and a thumb. The track pieces represent the areas above and below the thumb.

In addition the scrollbar corner can now be styled, as well as the resizer used by resizable textareas.

Here is a complete list of all the new pseudo-elements. All of these pseudo-elements must be prefixed with -webkit-.“

(Via Surfin‘ Safari.)

PHP Deployment mit Phing

Über die Zend Developer Site bin ich auf einen interessanten Artikel gestoßen. Das Thema »Deployment« ist für jeden Entwickler interessant, insbesondere immer wiederkehrende Updates. Währen ich hier schon mit Ant, SVN und PEAR experimentiert habe, wird in diesem Artikel von Nabeel Shahzad Phing ins Spiel gebracht:

This weekend, I started my server migration, over to Slicehost. It went well, now I’m running on a lean ‘n mean nginx install. As I was moving my Subversion repositories, I was dreading having to move all my shell scripts, which I used to build and deploy some of my applications (outlined in this post). I was thinking there had to be a better way, after all, Ruby has Capistrano, and though it can be used with PHP, I didn’t want to have to install Ruby, etc etc. After some searching (not much), I found Phing, which looked like exactly what I needed. Sweet!

Ganzer Artikel im Blog von Nabeel Shahzad.

Aptana PHP

Aptana veröffentlicht Entwicklungsumgebung für PHP (als freies Plug-in für Aptana Studio

Die Entwicklungsumgebung Aptana PHP steht in einer ersten Version 1.0 zum Download bereit. Die Software basiert auf Eclipse und bietet Funktionenwie z.B. ein integrierter Codeassistent, eine Debuggerunterstützung, Syntaxhervorhebung, Codegenerierung und Refactoring. Dazu noch PHP-typische Funktionen wie ein eingebetteter PHP-Server, Unterstützung für Remote-Debugging und die PHPDoc-Erstellung.

PHP development and deployment just got way easier. Today, we’re pleased to announce the 1.0 availability of the Aptana PHP development environment. It’s got all the things you’d expect from a PHP IDE, plus all the Ajax tooling and other power tools from Aptana Studio. Combine that with the integrated PHP app hosting, staging and management features in Aptana Cloud and you’ve got an end-to-end PHP development and deployment environment with unprecedented ease of use.

Meldung auf der Aptana Website