Web tools & docs

Helpful links in one place to learn, design, develop and test the web (many are web online tools).

Narzędzia webowe do nauki, projektowania, programowania i testowania weba.

HTML & CSS Tools

Color Scheme Designer

Tiny Fluid Grid

Tiny Fluid Grid: The happy & awesome way to build fluid grid based websites.

A fluid grid calculator

A Fluid Grid Calculator

Modular Grid Pattern: application for web designers, which helps you quickly and easily to create a modular grid in Adobe Photoshop, Adobe Fireworks, GIMP, Microsoft Expression Design and other.

Modular Grid Pattern: application for web designers, which helps you quickly and easily to create a modular grid in Adobe Photoshop, Adobe Fireworks, GIMP, Microsoft Expression Design and other.

The Typetester

The Typetester: is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated.

WebPutty

WebPutty: is a simple CSS editing and hosting service. WebPutty gives you a syntax-highlighting CSS editor you can use from anywhere, the power of SCSS and Compass, a side-by-side preview pane, and instant publishing with minification, compression, and automatic cache control. Get started with just a pair of tags in your website’s template and WebPutty will host and serve your published CSS minified and gzipped for super speed.

More on HTML & CSS Tools

JavaScript Tools

JsFiddle: is a playground for web developers, a tool which may be used in many ways. One can use it as an online editor for snippets build from HTML, CSS and JavaScript. The code can then be shared with others, embedded on a blog, etc. Using this approach, JavaScript developers can very easily isolate bugs. We aim to support all actively developed frameworks – it helps with testing compatibility.

Tinkerbin: lets you play around with HTML, JavaScript and CSS without creating files or uploading to servers. It also supports CoffeeScript, Sass (with Compass), Less, HAML, and more.

More on JavaScript Tools

Other Web Tools

Regular Expression Test Tool

Solmetra RegEx: Test your PERL or POSIX compatible regular expressions online.

Papparazzi!

Papparazzi!: A small utility for Mac OS X that makes screenshots of an entire webpages.

Under the Site

UnderTheSite: We detect and catalog the technologies used by your favorite websites. Use UnderTheSite to learn more about how the web works, to see which technologies are popular, or to spread word about tools that you care about.

More on Other Web Tools

Docs & Manuals

W3Schools: All in one web basics.

PHP Documentation

HTML5Rocks: All about HTML 5 you need to know.

http://learn.appendto.com/

Learn jQuery & JavaScript for free

jQuery Fundamentals: An overview of the jQuery JavaScript library; when you’re done with the book, you should be able to complete basic tasks using jQuery, and have a solid basis from which to continue your learning.

More on Docs & Manuals

Similar pages

Dyskusja

Wypowiedz się