Joshfire is an open source framework for developing web applications that can work in multiple devices.
It only uses HTML5 + JavaScript and web apps can be built to be compatible with browsers, desktops, smart phones, smartTVs and connected objects.
The content, design and data is separated for a flexible development process and the framework makes use of many popular resources like MediaElement.js or Zepto.js.
Currently, supported devices are desktop browsers, iOS, Android, GoogleTV, SamsungTV and there is an adapter for Node.js as well.
Applications can be controlled with keyboard, mouse, touch, tv-remoteand more depending on the capabilities of the device.
The library is improved continuously, documented in detail and comes with various examples.
Perkins is a HTML5/CSS-powered framework for building websites quicker and easier.
It comes with a simple template which includes most of the supported tags and a set of LESS stylesheets + mixins for popular items like navigation, rounded corners, gradients and more.
All of the items (typography, forms, tables, buttons, etc.) are styled very nicely and there is a @font-face icon set included for instant-inline icons.
Compatibility: All Modern Browsers
Website: http://p.erkins.com/
Download: http://code.google.com/p/perkins-less/downloads/list
Everyday, we are seeing more websites which are built with HTML5 as it offers features that web designers waited for a long time.
If you have already started building websites with HTML5, W3C announced the official logo of HTML5 where you can insert into these websites.
Besides the HTML5 itself, there are also logos for the features and principles HTML5 is built around like semantics, offline and storage, CSS3 and more.
Other than the logos in multiple formats (including vector), there is an online badge builder provided where you can customize the icons to be used, select its orientation and get an embed code to start using instantly.
Website: http://www.w3.org/html/logo/
Entri is a free collaborative tool for writing and sharing documents. Say you are writing an article for your blog and you want to share with your readers before you publish it to get feedback and allow changes.
They are building the API, they will have a feature that will let you flip between past Entris that you made, plus a new text editor with better formatting features. You will be able to integrate blogging engines such as Wordpress and Expression Engine as well.
Source: http://entri.co/
jQuery project has just published the expected jQuery Mobile; the touch-optimized web framework for smartphones & tablets.
It is built on top of jQuery and provides a unified user interface system that’llperform the same in all popular mobile device platforms.
The framework is built around the principle of progressive enhancement and uses the HTML5 and CSS3 features but degrades nicely for browsers that don’t support them.
Currently, there are various components offered like pages-dialogs, toolbars, buttons, content formatting, form elements and list views.
jQuery Mobile also comes with a powerful theming structure and it is app-cabaple which means it will work with real-apps besides mobile-web-apps.
It is currently in alpha release but still very promising and works in major mobile browsers.
Building a web application can be a lot of fun. However, there is a problem if we are having a web app with users in more languages than just English. Where do you start with internationalisation? Steve Ellis published a great article aboutHow To Give Your Web Application an International Appeal which breaks into two parts. In Part I Steve Ellis covered the basics of internationalisation. In Part II he takes us around the world with several real life examples, like tricky plurals, dynamic data, localising images, video and audio, and more.
Original Article: http://www.thinkvitamin.com/features/webapps/give-your-web-app-international…
Getting Real is the business, design, programming, and marketing philosophies of 37signals — a developer of web-based software used by over 1 million people and businesses in 70 countries. 37signals used the unconventional Getting Real process to launch five successful web-based applications (Basecamp, Campfire, Backpack, Writeboard, Ta-da List), and Ruby on Rails, an open-source web application framework, in just two years with no funding, no debt, and only 7 people.
Anyone working on a web app — including entrepreneurs, designers, programmers, executives, or marketers — will find value, fresh perspectives, and inspiration in this practical book. At under 200 pages it’s quick reading too. Makes a great airplane book. The complete book with 16 chapters and 91 essays is now Completely free to read online.
Requirements: No Requirements
Demo: http://gettingreal.37signals.com/toc.php
License: N/A
While starting a web project, we usually use a set of resources like CSS-reset, various JS hacks for IE, etc. to overcome browser incompability issues.
HTML5 Reset is a project which aims to offer a base for the HTML5-CSS3 projects which covers these issues by default.
Besides the standard HTML tags, it has rules to reset the new tags like title, header, footer and JavaScript-powered fixes for IE.
The set comes in 2 versions:
- Bare Bones (stripped down to the essentials)
- Kitchen Sink (when we want the option to remove features, rather than add them)
Inside the download package, there is also a sample content provided to help you get started.
MyWebSql is a web-based and open source MySQL client that is built withPHP.
It has an Ajaxed interface and besides the rows of tables, it can control views, stored procedures, triggers and functions.
Data can be exported and imported easily (query results can be exported as well).
MyWebSql comes with a syntax highlighting rich-text SQL editor to run queries (the last-ran query is shown automatically which is a nice reminder).
The application is improved frequently and, within time, can become a good alternative to mature solutions.
