web

TwitterFacebook
Get flash to fully experience Pearltrees
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 ✩ Mozilla Hacks – the Web developer blog

useful sites

Express - node web framework

To create an instance of the express.HTTPServer , simply invoke the createServer() method. With our instance app we can then define routes based on the HTTP verbs, in this example app.get() . To initialize a express.HTTPSServer we do the same as above, however we pass an options object, accepting key , cert and the others mentioned in node’s https documentation . Configuration 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 ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲

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. Working tightly with a dev team is not only efficient (Do you know many designers who can integrate, test, and publish their work using command line terminal?) http://iplanwebsites.com/#work
WebGL not supported To ensure fast performance and prevent crashes, some browsers that support WebGL deactivate it for particular video driver and operating system versions. (For some browsers it is possible to override this -- you can manually turn WebGL back on by changing a setting. http://www.zygotebody.com/no_webgl.html

Google Body - Google Labs

http://www.reddit.com/r/AskReddit/comments/g8jiq/reddit_whats_a_littleknown_site_you_think/

what's a little-known site you think everyone should know about? : AskReddit

If you need to enter an e-mail somewhere but don't want to get spammed, http://tempalias.com/ gives you one that not only lets you receive mail, but temporarily forwards it to your actual e-mail. Way more convenient than something like Mailinator.
Welcome to the Web API for the boilerpipe Java library. boilerpipe provides algorithms to detect and remove the surplus "clutter" ( boilerplate , templates ) around the main textual content of a web page. The restriction can be removed by purchasing a commercial license for this Web API directly from Kohlschütter Search Intelligence for a modest fee. This usually works fairly well, but you can adjust the extraction parameters to suit your needs. First, you can use several extraction strategies that come with boilerpipe. Second, you can choose from several output modes.

boilerpipe

http://boilerpipe-web.appspot.com/
Brainstorm using Mockingbird, then use your mockups going into the building stage to make sure your team is on the same page — about every page. https://gomockingbird.com/

Website wireframes: Mockingbird

All The Cheat Sheets That A Web Developer Needs | Top Design Magazine - Web Design and Digital Content

http://www.topdesignmag.com/all-the-cheat-sheets-that-a-web-developer-needs/ No matter how good programmer you are, you can`t memorize everything. It often happens to spend more time searching for a particular library, tag or declaration, than implementing it on our code. To ease your work I have gathered here some of the most important cheat sheets that you will ever need.
javascript

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. The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels.

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.

Box2DJS - Physics Engine for JavaScript

Because this libray does not have a lazy-loading system now, you should load all classes before starting your simulation. To make things worse, each library has a bit complecated dependency each other so that loading libraries in wrong order may cause a fatal error. To avoid such a trouble, it is strongly recomended to copy the header part of this file or `index.html' including the downloaded zip file.
css

svg-edit - Project Hosting on Google Code

In browsers that support the W3C File API, this editor allows you to open local files. The set of browsers in which this supported is: Firefox 3.6+, Chrome 6+, Safari 5+, and Opera 11.10+ (builds from 2011-04-05 onwards). SVG-edit is an online vector graphics editor that uses only JS, HTML5, CSS and SVG (i.e. no server-side functionality). SVG-edit has the following features: SVG-edit works directly in the browser.