web

TwitterFacebook
Get flash to fully experience Pearltrees
In this section you can find a bunch of tools and libraries that are useful for front-end development. Use these tools to speed up your workflow and libraries to make your dev life easier. JavaScript Frameworks

Developer Tools

http://blog.romanliutikov.com/developer-tools/
html5

https://hacks.mozilla.org/2011/07/tilt-visualize-your-web-page-in-3d/ Tilt is a Firefox extension that lets you visualize any web page DOM tree in 3D. It is being developed by Victor Porof (3D developer responsible with the Firefox extension itself), along with Cedric Vivier (creating a WebGL optimized equivalent to the privileged canvas.drawWindow, see #653656 ) and Rob Campbell (who first thought about creating a 3D visualization of a webpage). Everything started initially as a Google Summer of Code project, but now, with an enthusiastic team behind it and so many new features and ideas, it has become an active Developer Tools project.

Tilt: Visualize your Web page in 3D

useful sites

Express - node web framework

Getting started With node installed ( download ), get your first application started by creating a directory somewhere on your machine: $ mkdir hello-world In this same directory you'll be defining the application "package", which are no different than any other node package. http://expressjs.com/guide.html

Far Better Than 3-D: Animated GIFs That Savor A Passing Moment | Co.Design

You know how people sometimes say that jazz is the only truly American art form? Animated GIFs are like the jazz of the internet: they could only exist, and be created and appreciated, online. That said, PopTart Cat is not exactly on par with Thelonious Monk. http://www.fastcodesign.com/1663683/far-better-than-3-d-animated-gifs-that-savor-a-passing-moment

I PLAN WEBSITES ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲

Ge3kine5s I'm admittedly obsessed with technology and might have wasted more time than I should reading about the light spectrum, alternate database types, cognition, obscure html5 apis, and machine learning. On the other hand, using both sides of the brain let me understand precisely how websites and apps work under the hood. http://iplanwebsites.com/#work
javascript

Feb 01 2009 CSS frameworks have grown in popularity recently, enabling developers to rapidly prototype designs . The idea of CSS Frameworks is to do all the heavy lifting of the repetitive tasks you do over and over again on each site, allowing you to get faster results and get to the fun stuff designers love. Main features of good CSS Framework is to 1) rapidly speed up our development time, 2) should have a very small size, 3) have good documentation and tutorials and 4) have clean grid structure. You will need a basic understanding of the CSS framework you are going to use to understand why and how things get solved. In today’s post we present an overview of the 5 most popular CSS Frameworks ; showcasing handpicked tutorials for using each of them among other useful tools and resources you will definitely find useful and time-saving.

5 Popular CSS Frameworks Tutorials & Tools for Getting Started - Noupe Design Blog

http://www.noupe.com/css/5-popular-css-frameworks-tutorials-tools-for-getting-started.html

30 Useful Open Source Apps for Web Designers

There are plenty of open source applications that can help you tremendously as a web designer . Open source projects are great not only because of their price tag (free), but also because of the passionate community that typically forms around them. In these economic times, it’s often a worthwhile endeavor to see places where you can conserve, and open source alternatives are a good place to start looking. http://sixrevisions.com/tools/30-useful-open-source-apps-for-web-designers/
http://box2d-js.sourceforge.net/index2.html

Box2DJS - Physics Engine for JavaScript

Left-click to create an object. Right-click to show next example. Box2DJS is a JavaScript port of Box2D Physics Engine . To tell the truth, this is converted from Box2DFlashAS3 _1.4.3.1 in an automatic manner.
css

http://code.google.com/p/svg-edit/

svg-edit - Project Hosting on Google Code

SVG-edit is a fast, web-based, JavaScript-driven SVG drawing editor that works in any modern browser. 2013-04-09 is the upcoming community conference call (Make sure to join us!) 2013-02-12 was the previous community conference call (You can listen to the recording) 2013-01-15: SVG-edit 2.6 was released Try out SVG-edit 2.6 demo , the latest stable release. For the adventurous ones, please do try out the trunk build demo (This is the development code of the next version).