Home
Work
Blog
Resources
Contact
About
 

Web developer

 

»   Firefox plugins  |  Javascript  |  PHP  |  XHTML  |  CSS

 

«   Resources

 

Firefox plugins

 

firebug.png

Firebug

Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page...

 
 

web_developer.png

Web Developer

The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools. It is designed for Firefox, Flock and Seamonkey, and will run on any platform that these browsers support including Windows, Mac OS X and Linux.

 
 

live_http.png

Live HTTP Headers

View HTTP headers of a page while browsing.

 
 

yslow.png

YSlow

YSlow analyzes web pages and why they're slow based on Yahoo!'s rules for high performance web sites.

 
 

grease_monkey.png

Greasemonkey

Greasemonkey is a Firefox extension that allows you to customize the way webpages look and function.

 
 

color_zilla.png

ColorZilla

Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies.

 
 

cache_viewer.png

CacheViewer

This extenion is a GUI Front-end of 'about:cache'. Allows searching and sorting memory and disk cache files.

 
 

Javascript

 

jquery.png

JQuery

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

 
 

jquery_ui.png

JQuery UI

jQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.

 
 

prototype.png

Prototype

Prototype is a JavaScript Framework that aims to ease development of dynamic web applications. Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice for web application developers everywhere.

 
 

scriptaculous.png

Script.aculo.us

script.aculo.us provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly.

 
 

mootools.png

MooTools

MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

 
 

pixastic.png

Pixastic

Pixastic is a JavaScript library which allows you to perform a variety of operations, filters and fancy effects on images using just a bit of JavaScript.

 
 

reflection_js.png

Reflection.js

Reflection.js allows you to add reflections to images on your webpages. It uses unobtrusive javascript to keep your code clean.

 
 

processing.png

Processing.js

Processing.js is an open programming language for people who want to program images, animation, and interactions for the web without using Flash or Java applets. Processing.js uses Javascript to draw shapes and manipulate images on the HTML5 Canvas element.

 
 

raphael.png

Raphaël

Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.

Raphaël uses the SVG W3C Recommendation and VML as a base for creating graphics.

 
 

dollar_fx.png

$fx()

$fx() is a tiny, self-contained Javascript library for animating HTML elements. It doesn't require any other library to function and [should] play well with any other libraries you are using (Prototype, JQuery, MooTools, etc.).

$fx() allows you to alter any CSS property along a timeline, allowing animated effects to play in succession - i.e. in the order you want them to.

 
 

modernizr.png

Modernizr

Modernizr is a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies.

 
 

swfobject.png

SWFObject

SWFObject is an easy-to-use and standards-friendly method to embed Flash content, which utilizes one small JavaScript file.

 
 

shortcut_js.png

Shortcuts.js

Handling Keyboard Shortcuts in JavaScript.

 
 

date_js.png

Datejs

Datejs is an open-source JavaScript Date Library. Comprehensive, yet simple, stealthy and fast. Datejs has passed all trials and is ready to strike. Datejs doesn't just parse strings, it slices them cleanly in two.

 
 

sylvester.png

Sylvester

Sylvester is a JavaScript library designed to let you do mathematics with vectors and matrices without having to write lots of loops and throw piles of arrays around. It includes classes for modelling vectors and matrices in any number of dimensions, and for modelling infinite lines and planes in 3-dimensional space. It lets you write object-oriented easy-to-read code that mirrors the maths it represents.

 
 

 

jslint.png

JSLint

The JavaScript Code Quality Tool.

 
 

jsmin.png

JSMin

JSMin is a filter which removes comments and unnecessary whitespace from JavaScript files. It typically reduces filesize by half, resulting in faster downloads. It also encourages a more expressive programming style because it eliminates the download cost of clean, literate self-documentation.

 
 

jspacker.png

Packer

A JavaScript Compressor.

 
 
 

smarty.png

Smarty TE

Although Smarty is known as a 'Template Engine', it would be more accurately described as a 'Template/Presentation Framework.'

Requires PHP Version 4.0.6 or higher.

 
 

simple_pie.png

SimplePie

SimplePie is a very fast and easy-to-use class, written in PHP, that puts the 'simple' back into 'really simple syndication'.

 
 

magpie_rss.png

MagpieRSS

MagpieRSS provides an XML-based (expat) RSS parser in PHP. MagpieRSS is compatible with RSS 0.9 through RSS 1.0. Also parses RSS 1.0's modules, RSS 2.0, and Atom (with a few exceptions).

 
 

php_flickr.png

phpFlickr

phpFlickr is a class written by Dan Coulter in PHP (compatible with PHP4 and PHP5) to act as a wrapper for Flickr's API. Methods process the response and return a friendly array of data to make development simple and intuitive.

 
 

php_twitter.png

PHP Twitter

PHP Twitter is (wrapper)class to communicate with the Twitter API.

Requires PHP cURL.

 
 

 

php.png

PHP Documentation

The PHP online documentation on php.net in different languages.

 
 

php_quickref.png

PHP Manual Quick Reference

A list of all the documented PHP functions.

 
 

XHTML

 

w3c_validator.png

W3C Markup Validation Service

This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc.

 
 

w3c_linkchecker.png

W3C Link Checker

In order to check the validity of the technical reports that W3C publishes, the Systems Team has developed a link checker.

 
 

w3c_qualitytools.png

W3C Quality Assurance Tools

The Basics - what you should run on all your web pages.

 
 

section_508.png

Section 508 / WCAG Validator

The HiSoftware Cynthia Says portal is a web content accessibility validation solution.

 
 

w3c_tidy.png

W3C HTML Tidy Service

Tidy online service at W3C.

 
 

html_tidy.png

HTML Tidy

When editing HTML it's easy to make mistakes. Wouldn't it be nice if there was a simple way to fix these mistakes automatically and tidy up sloppy editing into nicely layed out markup? Well now there is! Dave Raggett's HTML TIDY is a free utility for doing just that.

 
 

 

html_xhtml_ref.png

HTML 4.01 / XHTML 1.0 Reference

HTML 4.01 / XHTML 1.0 Reference from w3schools.com

 
 

html_spec.png

HTML 4.01 Specification (W3C)

This specification defines the HyperText Markup Language (HTML), the publishing language of the World Wide Web. This specification defines HTML 4.01, which is a subversion of HTML 4. In addition to the text, multimedia, and hyperlink features of the previous versions of HTML (HTML 3.2 [HTML32] and HTML 2.0 [RFC1866]), HTML 4 supports more multimedia options, scripting languages, style sheets, better printing facilities, and documents that are more accessible to users with disabilities. HTML 4 also takes great strides towards the internationalization of documents, with the goal of making the Web truly World Wide.

 
 

xhtml_spec.png

XHTML 1.0 Specification (W3C)

This specification defines the Second Edition of XHTML 1.0, a reformulation of HTML 4 as an XML 1.0 application, and three DTDs corresponding to the ones defined by HTML 4. The semantics of the elements and their attributes are defined in the W3C Recommendation for HTML 4. These semantics provide the foundation for future extensibility of XHTML. Compatibility with existing HTML user agents is possible by following a small set of guidelines.

 
 

html5_spec.png

HTML5 Specification (W3C Editor's Draft)

This specification defines the 5th major revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). In this version, new features are introduced to help Web application authors, new elements are introduced based on research into prevailing authoring practices, and special attention has been given to defining clear conformance criteria for user agents in an effort to improve interoperability.

 
 

xhtml2_wg.png

W3C XHTML2 Working Group Home Page

The mission of the XHTML2 Working Group is to fulfill the promise of XML for applying XHTML to a wide variety of platforms with proper attention paid to internationalization, accessibility, device-independence, usability and document structuring.

 
 

self_html.png

SELFHTML

HTML-Dateien selbst erstellen.

 
 

CSS

 

960_gs.png

960 Grid System (Framework)

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels.

 
 

blueprint.png

Blueprint CSS Framework

Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.

 
 

yaml.png

YAML

"Yet Another Multicolumn Layout" (YAML) is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users.

 
 

yui.png

YUI Library: Grids CSS

The foundational YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layout combinations.

 
 

 

w3c_css_validator.png

W3C CSS Validation Service

Check Cascading Style Sheets (CSS) and (X)HTML documents with style sheets.

 
 

cleancss.png

Clean CSS

CSS Formatter and Optimiser (based on csstidy 1.1).

 
 

csstidy.png

CSSTidy

CSSTidy is an opensource CSS parser and optimiser. It is available as executeable file (available for Windows, Linux and OSX) which can be controlled per command line and as PHP script (both with almost the same functionality).

 
 

css_sprite_generator.png

CSS Sprite Generator

CSS Sprite Generator allows you to automate the process of generating CSS sprites. Simply give it a ZIP file containing 2 or more images (GIF, PNG or JPG) and it will generate a sprite image and the corresponding CSS rules to target and display each component image.

 
 

css_redundancy_checker.png

CSS Redundancy Checker

Use this tool to find CSS selectors that aren't used by any of your HTML files and may be redundant.

 
 

css_optimizer.png

CSS Optimzer

Online CSS Optimizer is a web tool for reducing the file size of cascading style sheets. In order to save more space optimized files would be messy even so you may output it as a file. Non-valid or hacked (for certain browsers) CSS files may result in error.

 
 

 

css_ref.png

CSS Reference

CSS Reference from w3schools.com

 
 

css_spec.png

W3C CSS 2.1 Specification

This specification defines Cascading Style Sheets, level 2 revision 1 (CSS 2.1). CSS 2.1 is a style sheet language that allows authors and users to attach style (e.g., fonts and spacing) to structured documents (e.g., HTML documents and XML applications). By separating the presentation style of documents from the content of documents, CSS 2.1 simplifies Web authoring and site maintenance.

 
 

css_homepage.png

W3C Cascading Style Sheets

Cascading Style Sheets home page.