WebGL is the evolution of work that Mozilla started a few years ago with experiments called Canvas 3D -- essentially a way of accessing OpenGL from within the browser, through the HTML5 canvas tag.

The Canvas 3D extension provides access to OpenGL ES 2.0-like APIs via the HTML Canvas.

actually its just experimental just as our life is ;)

Labels: development, games, html, Web Development, web_2.0, web_development

while i was searching for the stablest php framework, which could be Kohana, i found useful tools to analyse your page perfomance and make our web faster!

below is a list of popular tools, which can do this. found via google code

Web page analysis

AOL Page Test

Open source tool for measuring and analyzing web page performance using Internet Explorer.

IBM Page Detailer

Graphical tool that assesses web page performance and provides details include the timing, size, and identity of each item in a page.

Microsoft VRTA

Tool that visualizes web page download, identifies areas for performance improvements, and recommends solutions.

MySpace Performance Tracker

Internet Explorer browser plugin that helps improve web page performance by capturing and measuring possible bottlenecks.

Yahoo! YSlow

Firefox/Firebug Add-on that analyzes web pages and suggests ways to improve their performance, based on a set of rules for high performance web pages.

Resource optimization

CSS Sprite Generator

Generates a CSS sprite out of a number of images.

Smush It

Online tool that allows you to upload images for lossless compression and optimization. Provides a report of bytes saved and downloads a zip file containing the optimized versions of the files.

SpriteMe!

Tool that determines background images to sprite, groups and sprites them, and generates resultant modified CSS.

JSLint

Tool that looks for code quality problems in JavaScript programs.

JSMin

Filter which removes comments and unnecessary whitespace from JavaScript files.

YUI Compressor

JavaScript minifier designed to yield a higher compression ratio than other tools.

Web debugging

Fiddler 2

Web debugging proxy which logs all HTTP/S traffic between your computer and the Internet. Inspect HTTP/S traffic, set breakpoints, and "fiddle" with incoming or outgoing data.

Firebug

Firefox Add-on that lets you edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

HttpWatch

HTTP viewer and debugger integrated with IE and Firefox to provide HTTP/S monitoring without leaving the browser window.

Performance benchmarking

httperf

Tool for generating HTTP workloads and measuring web server performance, and constructing micro- and macro-level benchmarks.

mon.itor.us

Provides a personalized Ajax dashboard interface, checks server performance and availability, generates uptime reports, tracks visitors, checks CPU, memory and other systems resources, and alerts when it detects abnormalities.

Pylot

Open source tool for testing the performance and scalability of web services. It runs HTTP load tests, verifies server responses, and produces reports with metrics.

Wbox

Performs various tests, including page load benchmarking, web server and web application stress testing, and verifies correct configuration of virtual domains configuration, redirects, and HTTP compression.

Development

Cuzillion

Tool for quickly constructing web pages to see how components interact and how behavior differs across browsers, sometimes in unexpected ways. Also lets you share sample pages with others.

Hammerhead

Firebug Add-on for measuring the load time of web pages.

OOCSS

Development environment and framework for creating fast, reusable CSS objects and modules.

PHP profiling

Xdebug

Extension for PHP that provides profiling and code coverage analysis, as well as debugging information including stack and function traces, and memory allocation.

XHProf by Facebook

Instrumentation-based hierarchical profiler for PHP.

Labels: browser, development, html, software_tips, software_tools, tip, utilities, Web Development, web_development

MockFlow is an online tool for creating wireframes of software and websites. It helps to enhance your planning process by enabling to quickly design and share interactive UI mockups.

Link: http://mockflow.com

Related
Creating Interactive Wireframe Prototypes with iPlotz
Lovely Charts - New Online Flex Based Diagramming Application

Labels: design, development, software_tools, utilities, Web Development, web_apps, web_design, web_development

The VirtualBox Web Console (VBoxWeb) is an open source project implementing an AJAX version of the popular VirtualBox user interface. As a modern web interface, it allows you to access and control remote VirtualBox instances.

The project is currently in early stages and looking for contributors.

VBoxWeb makes use of the following technologies:

• Sun VirtualBox
• Python and the VirtualBox Python API
• VirtualBox RDP Web Control (Flash based RDP client)
• Prototype (JavaScript library)
• jQuery and jQuery UI (JavaScript libraries)

Installation and Setup Instructions

The server components are written in the Python programming language and make use of the VirtualBox Python API which is now part of the standard installation of VirtualBox (previously you had to get the VirtualBox SDK and manually setup the Python bindings) (via blog)

Links: project site(googlecode), vbox blog

Labels: ajax, development, e-business, software_tools, sun, utilities, Web Development, web_2.0, web_apps, web_development

CKEditor is a text editor to be used inside web pages. It's a WYSIWYG editor, which means that the text being edited on it looks as similar as possible to the results users have when publishing it. It brings to the web common editing features found on desktop editing applications like Microsoft Word and OpenOffice.

url: http://ckeditor.com/

Labels: blog, cms, development, e-business, javascript, Web Development, web_development

popforge is an awesome collection of action script, flash, audio and 3d stuff found at Andre Michelle Laboratory.

link: http://lab.andre-michelle.com/
http://code.google.com/p/popforge/

Labels: audio, development, flash, framework, Frameworks, inspiration, mashup, mashups, Web Development, web_development

zembly, a new kind of application development environment powered by sun, is introducing a few new features for creating in an easy way orkut application or widget.

follow their simple tutorial to get start with zembly ide ;)

link zembly, blog

Labels: development, e-business, framework, Frameworks, gadgets, mashup, mashups, software_tips, sun, tip, Web Development, web_development

Cartagen - a framework for dynamic mapping

Using JavaScript and HTML5's canvas element, Cartagen takes data (including OpenStreetMap data) and renders it in the browser. This provides significant advantages over image-based mapping systems like Google Maps, because maps are generated on the fly, meaning that data can be mapped in real-time without needing extensive server-side rendering.

Cartagen uses Geographic Style Sheets (GSS), which is a JSON- and CSS-based stylesheet language for styling maps. GSS can specify how the map in rendered, including fill and stroke color, widths, labels, outlines.

source: http://code.google.com/p/cartagen/
link: http://cartagen.org/ | warcraft map demo

Labels: development, framework, Frameworks, html, javascript, maps, mashup, mashups, open_source, opensource, software_tips, tip, Web Development, web_development