“Advertising generally works to reinforce consumer trends rather than initiating themâ€
This quote becomes quite contradictory in its own terms when it comes to the web designing world. Trends hold a lot of importance when when it comes to incorporating any structure, layout, design, or even a single graphic to a website.
Technology changes with each click of the mouse. Every day, at every single click, a new trend or technology emerges, which changes web design trends. It undergoes a continuous and a very fast pace.
The web world of designs is going more humane, aesthetic, and functional in appeal. As the web industry is fickle, more and more designs trends are on their full pace. Sole web presence doesn’t really work. Incorporation of interactive and attractive designs in a website was, is and will always remain important and thus won’t hamper the new emerging trends.
The best way to communicate any idea in the world of web design is a good and a subtle straight-forward design. And it acts as an icing on the cake, when a website is launched with a creative and unique layouts. It does not stop at having a great content, the entire layout and how it has been structured, decides its readability and influence on the reader. Read the rest of this entry »
HumbleFinance is an HTML5 data visualization tool written as a demonstration of interactive graphing in HTML5. It is similar to the Flash tool on Google Finance. The tool itself is written entirely in JavaScript, using the Prototype and Flotr libraries. It can be used to display any two 2-D data sets of real numerical data which share an axis.
You can mouse over the chart for additional data, as well as zoom and pan the charts using the grey bottons. For best results view with FireFox, Chrome, or Safari.
Requirements: Prototype 1.6.1+, Flotr 2.0 (modified)
Demo: http://www.humblesoftware.com/finance/index
License: MIT License
Launchlist is intended to help and encourage web designers and developers to check their work before exposing it to the world at large.
The process is simple – Enter your name and email and the same for a recipient, your project details and website URL, and then proceed through the list of provided fields. If a question is irrelevant, you can tick N/A and it will be disregarded. You can even add your own custom fields at the bottom of the checklist if required.
Once submitted, you and your recipient/s will receive a report of your checklist with a summary for your records. Launchlist is and always will be free to use.
Source: http://launchlist.net/
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
