You should take time to design your URL structure. Don’t leave it up to your framework. Don’t leave it up to chance. Think about it and craft an experience. URL Design is a complex subject. There’s good URL design, there’s bad URL design, and there’s everything in between – it’s subjective.
But that doesn’t mean there aren’t best practices for creating great URLs. Kyle Neath has written a great article to show you some best practices in URL design and explain why new HTML5 javascript history APIs are so exciting to work with.
Source: http://warpspire.com/posts/url-design/
Tutorialzine are teaching us how to build a cross-browser, jQuery Custom Confirm Dialog Replacement. You can choose the text, buttons, and actions that will be executed when they are clicked.
You can customize the appearance of the dialog by modifying jquery.confirm.css. As the message attribute of the dialog takes HTML text, you can further customize it by displaying images and icons in the confirm window. You can even alternatively use this plugin as an alert dialog – you will just need to pass a single button with no action attribute.
Requirements: jQuery Framework
Demo: http://demo.tutorialzine.com/2010/12/better-confirm-box…
License: License Free
GoSquared thinks monitoring your website’s traffic should be simple, fun & enlightening. So they have built LiveStats and Trends, which are beautiful and powerful, yet easy to use web application for monitoring your traffic.
LiveStats shows you what’s happening on your website right now. It shows you your top content based on how many people are currently reading it. LiveStats finds all the stats you could need about your visitors. Find out which browser, and which operating system your visitors are using. Know their location down to city level. You can even find out whether your visitors have Adobe Flash installed, and the resolution of their computer screen. All in real-time – while your visitors are still online.
On the other hand, Trends works great with LiveStats for real-time traffic monitoring backed up by long-term historical data. You can Scan through your traffic data with beautiful, accessible graphs. They offer 3 different Views – List View, Graph View, and Combined. List View gives you the figures, making it easy for the statisticians to analyse the data themselves. Graph View makes it easy for anyone to spot a traffic spike or period of downtime. Read the rest of this entry »
Git is a free & open source, distributed version control system designed to handle everything from small to very large projects with speed and efficiency.
Every Git clone is a full-fledged repository with complete history and full revision tracking capabilities, not dependent on network access or a central server. Branching and merging are fast and easy to do.
Anthony Feint has written a great article explaining Why and How Did He Learn Git. And you should also check out Git Immersion, which is a guided tour that walks through the fundamentals of Git, inspired by the premise that to know a thing is to do it.
Requirements: –
Demo: http://git-scm.com/
License: GPL License
Memcached is a a free & open source, high-performance, distributed memory object caching system, generic in nature, but intended for use in speeding up dynamic web applications by alleviating database load.
Memcached is an in-memory key-value store for small chunks of arbitrary data (strings, objects) from results of database calls, API calls, or page rendering. Memcached is simple yet powerful. Its simple design promotes quick deployment, ease of development, and solves many problems facing large data caches.
Requirements: –
Demo: http://memcached.org/
License: New BSD License
We have got a New jQuery Modal Plugin called Reveal to join our Collection of Modal Plugins. Reveal is awesome because it’s easy to implement, is cross-browser compatible with modern browsers (with some graceful degradation of course) and lightweight coming in at only 1.75KB.
Setting up Reveal modals is only three easy steps. Attach the needed files, drop in your modal markup then add an attribute to your button. Reveal is licensed to use and abuse under the MIT license.
Requirements: jQuery Framework
Demo: http://www.zurb.com/playground/reveal-modal-plugin
License: MIT License
Springloops is a well-known source code management tool for web developers because of their reliable deployment features for websites. They have just released a new version of its service.
You can see a brand new slick User Interface on Springloops 2.0. They have also added a powerful ticketing system within Springloops 2.0. And it is now with Git Support. Best of all, it is free to sign up during beta! What are you waiting for?
Source: http://springloops.com/v2/
We have collated a set of Cheat Sheets for Web Developers a while ago. Now, we have one extra cheat sheet to add to our excellent collection.
How many times have you gone to the jQuery UI themeroller page, scrolled down to the bottom, hovered over the icon you wanted, and then looked at the hover tooltip to find the icon name? jQueryUI Icons Cheatsheet shows you all jQueryUI Icons for your reference.
Source: http://www.petefreitag.com/cheatsheets/jqueryui-icons/
jQuery Frontier Calendar is a full month calendar jQuery plugin that looks like Google Calendar. All UI elements such as next-month & previous-month buttons, add event form, edit event form, tooltips, etc, are not part of the calendar plugin. These are to be created by you so you can control how they look. Use the API hooks in your form elements to control the calendar.
When there are too many agenda items to fit within a day cell a “more” link appears. Clicking this link gives you a jquery modal dialog which displays all the agenda items that fall on that day. You may change the background image via the CSS file.
Requirements: jQuery Framework
Demo: http://code.google.com/p/jquery-frontier-calendar/
License: MIT License
jQuery File Upload Plugin allows you to select multiple files at once and upload them simultaneously. You can also upload files by dragging them from your desktop or filemanager and dropping them on your browser window.
It shows a progress bar indicating the upload progress for individual files. Individual file uploads can be canceled to stop the upload progress. It also provides an API to set individual options and define callBack methods for various upload events. It works with Google App Engine (Python, Java), Ruby on Rails, PHP and any other platform that supports HTTP file uploads.
Requirements: Chrome 7+, Safari 5+, Firefox 3.6+, Opera 10.6+, IE 6+
Demo: http://aquantum-demo.appspot.com/file-upload
License: MIT License
