psd.js is a Photoshop (PSD) file parser written in Coffeescript/Javascript for both browsers and NodeJS implementations. Given a PSD file, it can parse out information such as image size and color modes, image resources, layer info, image contents, etc.
This implementation is more or less a direct port of pypsd with some help from psdparse. However, this is still a work in progress and is not finished yet. We do not recommend using in production anywhere.
Requirements: –
Demo: http://meltingice.github.com/psd.js/
License: License Free
Bear CSS is a handy little tool for web designers. It generates a CSS template containing all the HTML elements, classes & IDs defined in your markup. It was created using a combination of HTML5/CSS, jQuery and PHP, with some help from the PHP Simple HTML DOM Parser and Uploadify jQuery Plugin.
Requirements: –
Demo: http://bearcss.com/
License: License Free
HTML5 Please helps you look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are. So that, you can decide if and how to put each of these features to use.
The recommendations represent the collective knowledge of developers who have been deep in the HTML5 trenches. If you think the recommendation is incorrect, you can edit the recommendation for each feature and send a pull request as well.
Requirements: HTML5 Browser Support
Demo: http://html5please.us/
License: License Free
Whilst we see, read and hear a lot about the new semantic elements in HTML5 we arguably hear far less about the application programming interfaces (APIs) that make up a large part of the specification itself.
In some cases the APIs have been around and implemented for a while, but they’ve never been documented; something which HTML5 has set out to change.
.Net Magazine has published an article: The developer’s guide to the HTML5 APIs, which we’re not going to look at code but instead we’ll focus on describing the APIs, their purpose and progress. So that you will be in the right direction to find out more.
Source: http://www.netmagazine.com/features/developer-s-guide-html5-apis
Cut the Rope is an immediate favorite for anyone who plays it. It’s as fun as it is adorable. They have just made this great game available to an even bigger audience by offering it on the web using the power of HTML5.
To do this, Microsoft’s Internet Explorer team partnered with ZeptoLab and the specialists at Pixel Lab to bring Cut the Rope to life in a browser. The end result is an authentic translation of the game for the web, showcasing some of the best that HTML5 has to offer: canvas-rendered graphics, browser-based audio and video, CSS3 styling and the personality of WOFF fonts.
You can play the HTML5 version of Cut the Rope at: www.cuttherope.ie.
Source: http://www.cuttherope.ie/dev/
Pokki is an application platform for creating desktop applications using HTML5, CSS3 and JavaScript. Pokki uses Chromium internally, meaning layout and rendering is powered by WebKit and JavaScript is powered by V8 – giving you the latest and greatest of HTML5.
Beyond the standard HTML5 features you are accustomed to, Pokki gives you a set special JavaScript APIs and events, a window for your application called a popup, and an invisible background window for notifications.
Pokki also takes care of all the “desktop†stuff you don’t want to think about, like memory management and installers, so you can focus purely on application development. Would you like to have Gmail on your desktop with instant notifications for new mail, quick account switching and a beautiful interface? Or stay notified and quickly access everything you love about Facebook, without having to open a browser? Pokki brings awesome apps to your desktop too!
Source: http://www.pokki.com/
There has been some discussion in the past about how/when to use tables in web development. Though, the conclusion is the same: when you’re dealing with tabular data, tables are absolutely required.
Designing a table is a challenge. It’s (mostly) about how easy is your table to read. Red Team Design has written a nice tutorial on how to to create Practical CSS3 Tables with Rounded Corners. Also, jQuery will be used to create fallbacks for older browsers.
Requirements: jQuery Framework and CSS3
Demo: http://www.red-team-design.com/wp-content/uploads/2011/10/practical…
License: License Free
Jef Vlamings had an idea to build a calendar app called LiveCal, which was supposed to become a platform where you could share calendars. The whole idea was that calendars would become something you subscribe to. Due to the complexity of the idea and the lack of knowledge, the project never really took off.
However, he made a CSS3 calendar with some jQuery animation while he was working on the project. And then he has shared a nice tutorial on How to Create A Clean Calendar in CSS3 & jQuery.
Requirements: jQuery Framework and CSS3
Demo: http://www.jepija.com//blog/projects/CSS3-calendar/
License: License Free
When building a coming soon or event page, you find yourself in search for a good way to display the remaining time. A countdown gives the feel of urgency, and combined with an email field will yield more signups for your newsletter.
Tutorialzine has shared a tutorial on Making a jQuery Countdown Timer. It will show the remaining days, hours, minutes and seconds to your event, as well as an animated updates on every second.
Requirements: jQuery Framework
Demo: http://demo.tutorialzine.com/2011/12/countdown-jquery/
License: License Free
Tmpltr is a Realtime Tinkertool for JSON Templating. Yep, this is another jsFiddle clone. But this is less about JavaScript and more about realtime template binding.
Data is stored as JSON, bound to an HTML template, and styled with CSS. Changes are automatically saved locally to your browser but can also be exported for sharing. Browser allowing, you can drag in .JSON, .HMTL, and .CSS files to be loaded respectively.
Requirements: –
Demo: http://rocktronica.github.com/tmpltr/
License: License Free
