Veröffentlicht am

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.)

Veröffentlicht am

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.

Veröffentlicht am

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.

Veröffentlicht am

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/

Veröffentlicht am

Sexy Album Overlays

Rogie King hat in seinem Blog ein sehr schönes Template für die Darstellung von Musik-Hüllen im Web erzeugt. Es gibt ein CD-Jewel-Case, eine CD und eine Schallplatte (Vinyl mit Hülle). Die Dateien (HTML, CSS, Bilder) hat er freundlicherweise auch zum Download zur Verfügung gestellt.

album_banner.jpg

Veröffentlicht am

Web-Analyse Werkzeuge

In einem Artikel fasst Rick Tansun auf SitePoint »10 Web Analytics Tools For Tracking Your Visitors« zusammen. An sich interessant, aber mein Favorit – Piwik – fehlt in der Liste leider.

Piwik is a downloadable, open source (GPL licensed) web analytics software program. It provides you with detailed reports on your website visitors: the search engines and keywords they used, the language they speak, your popular pages… and so much more.

Veröffentlicht am

10 Useful PHP Tips Revisited (Smashing Magazine)

10 Useful PHP Tips Revisited (Smashing Magazine): „Last November Smashing Magazine posted an article titled ’10 Advanced PHP Tips to Improve Your Programming’, which was met with many negative comments. It seems that many of the tips were either incomplete, or directly giving bad advice. To remedy this, they have asked Chris Shiflett and Sean Coates to write a rebuttal article which they have done. This new article goes into detail of each of the previous 10 points, explains the issues with the previous suggestions, and then gives solid advice on what should be done.

(Via Zend Developer Zone.)

Veröffentlicht am

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.)