a cool set of common chemistry components written in HTML 5, javascript and Canvas tag:

Link: http://web.chemdoodle.com/

Labels: api, html, javascript, open_source, software_tools

Berts Breakdown is an attempt to make a platform game using the new HTML5 canvas element.

Technology:
Javascript, HTML Canvas Tag. Blender 3D for the graphics with some tweaking in the GIMP.

It’s pretty impressive. He is also using Chrome Frame to have the game work on IE as well.

Links:
http://www.paulbrunt.co.uk/bert
http://www.chromeexperiments.com/detail/berts-breakdown/

Labels: fun, games, html, javascript

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: games, html, 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, html, software_tips, software_tools, web_development

ok, alot of blog cms already contain this feature, but now......also Blogger does it:

With Jump Breaks you can show just a snippet of your post on your blog's index page. Blogger will insert a "Read more" link to the full post page where your readers can keep reading.

Link: http://buzz.blogger.com/2009/09/you-might-as-well-jump.html



This is one of many features announced as part of Blogger's 10th birthday. Happy Birthday!

Labels: blog, cms, html, software_tips

CitySounds.fm was built by Henrik Berggren and David Kjelkerud during Music Hack Day in London. The great music comes from professional audio platform SoundCloud, city photos are fetched from Flickr, local times from Earth Tools and the technologies behind are HTML, Rails, jQuery and SoundManager 2.

Link: http://citysounds.fm/

Labels: audio, geolocation, html, javascript, mashups

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: Frameworks, html, javascript, maps, mashups, open_source, software_tips, web_development

As hard as it is to believe, just by surfing around online, you can access most of the desktop app functionalities you need without selling out a cent and to be free of software piracy.

Classic Desktop Application	Online Alternative (SaaS)
Office: Microsoft Office2007	Google Docs Zoho OpenGoo
Image Processing: MS Paint, Photoshop	Splashup Photoshop Online befunky.com
Charts, Diagrams: Microsoft Visio 2007	Gliffy Lovely Charts iPlotz Draw Anywhere
Project-Management: Microsoft Project CRM/ GTD/ERP Enterprise Solution	zohoplanner.com Zoho CRM v-tiger salesforce.com CRM SugarCRM Springpad Deskaway Teamness Action Method ZingLists
PDF Converter	iConv Google Docs You convert it
Apple1 Password Manager and Form Fille	clipperz
Apple Aperture 1.5	Flickr
Microsoft Outlook 2007	Gmail
Desktop Operating Systems	10 Popular Web OS
HTML Editor: Dreamweaver Vector Graphics: Flash Animation	app2you Wix
Desktop calculators	InstaCalc
HP fax machine Printing paper	FaxZERO (U.S. and Canada)
RSS Reader: SharpReader (Windows) NetNew Wire (Mac OS X) Straw (Linux)	Netvibes AideRSS Google Reader feedshow.com NewsGator Rojo Bloglines
Website Analysis Software	Google Analytics GoingUp.com
Messenger: MSN, Google Talk IC, AIM Jabber, Yahoo!, Skype	meeboo IMO.IM Nimbuzz eBuddy.com
All desktop tools	Sosiu
Task Lists, Organizer, Time Management	Ta-da List Deskaway Backpack Springpad Action Method
Microsoft OneNote 2007	evernote.com
Apple MindManager 7.0 Mac	Bubbl.us mindjet.com
Microsoft Money Plus Premium	Wesabe Mint.com Quicken
Spreadsheets: MS Excel 2007	chartAll editgrid.com Google Docs
Presentation: MS PowerPoint	Preezo Scribd Slideshare formatpixel Amap
Adobe LiveCycle ES	Wufoo
Excel spreadsheets Invoices Financial software	PayPal blinksale.com freshbooks.com Invotrak Sales-King.eu
Hard drive storage space	DivShare box.net mediafire.com
Conference: MS NetMeeting	Voxli Dimdim
SSH Client	GotoSSH
Bittorrent client	BitLet

let me know, if we should list another one, to be continued...

Labels: cloud_computing, collaboration, e-business, html, rss, software_tips, software_tools, web_2.0, web_apps