If you’re building a multi-language website or app, you probably use language files. When you change content in one language file, you need to remember to update the other language files. Even with source control, this can get messy pretty quickly if you have many languages, many translators or a large site.
String was built to keep things organized. It can manage your language files – from PHP to PO to Rails to iPhone apps. Import and export easily. You can now easily add languages and sections to your site. You can also invite users and control permissions. String is free, with no project limits. Invite as many users as you like. You’re free to extract all your data and close your project at any time.
Requirements: –
Demo: http://mygengo.com/string/
License: License Free
The spirit20 icon set consists of almost 500 transparent PNGs at 20×20 pixels, and is completely free to use for both personal and commercial projects. No attribution is required. It includes icons documents, media, system, internet, mail, hardware, users, actions and misc.
Requirements: –
Demo: http://www.19eighty7.com/icons
License: License Free
Dragdealer is a drag-based JavaScript component that embraces endless front-end solutions. Elegantly crafted for JavaScript-aware coders. It supports 2D drag and tap, mouse and touch (mobile tested). Basically it gets dragged, tapped, even somehow stretched; then it slides, snaps, responds and reacts.
The file size is just 12kB unminified with No dependency. You can also easily change the shape and look of the slider, with modest CSS skills.
Requirements: Javascript Enabled
Demo: http://code.ovidiu.ch/dragdealer/
License: MIT License
Each language, and the countries that speak that language, have different expectations when it comes to how numbers (including currency and percentages) and dates should appear.
Obviously, each language has different names for the days of the week and the months of the year. But they also have different expectations to the structure of dates, such what order the day, month and year are in. In number formatting, not only does the character used to deliniate number groupings and the decimal portion, but the placement of those characters differ.
A user using an application should be able to read and write dates and numbers in the format they are accustomed to. The jQuery Globalization plugin makes this possible, providing an API to convert user-entered numbers and dates in their own format into real numbers and dates, and conversely, to format numbers and dates into that format.
Requirements: jQuery Framework
Demo: http://weblogs.asp.net/scottgu/archive/2010/06/10/jquery-globalization…
License: License Free
TomatoCart is the new generation of open source shopping cart solution. It is branched from osCommerce 3 as a separate project. As web applications become more and more sophisticated, modern web 2.0 technology such as Ajax and Rich Internet Applications offers significant usability improvements and makes interacting with the web interfaces faster and more efficient. They have compared a lot of frameworks and come to the conclusion that ExtJS is the best framework for TomatoCart.
They completely rewrite osCommerce 3 administration site based on the qWikiOffice project which is a web desktop implementation of the ExtJS RIA framework. Web desktop application mimics user experience of desktop Operating System, offering features and applications similar to a PC environment. So that users can easily start to work with TomatoCart without any difficulty.
One of the core features of TomatoCart is that it allows users to keep several windows open simultaneously, to enable users to work with several modules such as products, customers and orders at the same time.
Requirements: PHP v5.1.6+ (with MySQLi), MySQL v4.1.13+ or v5.0.7+
Demo: http://www.tomatocart.com/index.php/products/store-demo
License: GPL License
In tutorial: Sliding Checkbox Actions Menu with jQuery, we will create an actions menu with jQuery that appears when checkboxes are selected. This can be a very helpful UI property since we don’t force the user to scroll to the place where the actions are – they just appear whenever the user needs them.
Additionally, the user can drag the actions box to the place that is more practical for him, and the box will always follow when the user scrolls the page. It will also show a count of how many checkboxes were selected.
Usually, actions are placed at the top and the bottom of a table, and that’s OK if the table is not too big. But since we cannot control the size of the user’s viewport, it is not guaranteed that the actions are close to the users focus. With this solution we make it very easy for the user to perform certain actions on selected items.
Requirements: jQuery Framework
Demo: http://tympanus.net/Tutorials/CheckboxActions/
License: License Free
Do you love mini icons? You can find 100 icons in PNG format in 16×16 px within Boolean Iconset. Now, Its all up to your creativity, the metaphors depicted here aren’t meant to be used as is, you can give them your own spin, like the Binocular for Search, Legos for Add-Ons/Plugins, Tree for directory tree, what have you.
This will be a user driven set, so you guys can come up with the ideas/thoughts for the expansion of this Iconset, you can contact the author directly. These icons are licensed under Creative Commons Attribution 3.0 license.
Requirements: –
Demo: http://prax-08.deviantart.com/art/Boolean-The-Pixel-Icon-City…
License: Creative Commons 3.0 License
It’s a common problem, you have a text form that you need to validate client side. It’s easy enough to do this when the form is submitted but in some cases better to do as they type.
Imagine how annoying Twitter would be if you had to submit your tweet before it told you how many characters you had left. On the other hand this same immediate validation can be abused if overused. Don’t insult the user by congratulating them for each and every text field they fill in.
Implementing this requires binding events to the keyup event, and a couple other events if you want to detect text changes on cut and paste. Even if you’re a JavaScript god it’s tedious to keeping writing this logic over and over again. Be smart and use the ZURB jQuery Text Change Event Plugin instead.
Requirements: jQuery Framework
Demo: http://www.zurb.com/playground/jquery-text-change-custom-event
License: License Free
wdCalendar is a jquery based google calendar clone. It cover most google calendar features. User can choose to have a daily view, weekly view or monthly view. User can easily create, update or remove events by drag & drop. It is very simple to to integrate wdCalendar with a database.
wdCalendar is free (open source LGPL license), easy to use, and with great functionalities. You can check out the demo, and download it here.
Requirements: jQuery Framework
Demo: http://www.web-delicious.com/jquery-plugins-demo…
License: LGPL License
Every new Apple mobile device and every new Mac — along with the latest version of Apple’s Safari web browser — supports web standards including HTML5, CSS3, and JavaScript. These web standards are open, reliable, highly secure, and efficient. They allow web designers and developers to create advanced graphics, typography, animations, and transitions.
Apple has demonstrated how the latest version of Apple’s Safari web browser, new Macs, and new Apple mobile devices all support the capabilities of HTML5, CSS3, and JavaScript. Not all browsers offer this support. But soon other modern browsers will take advantage of these same web standards — and the amazing things they enable web designers to do. You can also visit Safari Dev Center for more information about HTML5 and to see how you can add effects like these to your website.
Source: http://www.apple.com/html5/
