background preloader

10 Useful Web Application Interface Techniques

10 Useful Web Application Interface Techniques
Advertisement More and more applications these days are migrating to the Web. Without platform constraints or installation requirements, the software-as-a-service model looks very attractive. Web application interface design is, at its core, Web design; however, its focus is mainly on function. To compete with desktop applications, Web apps must offer simple, intuitive and responsive user interfaces that let their users get things done with less effort and time. In the past we didn’t cover web applications the way we should and now it’s time to take a closer look at some useful techniques and design solutions that make web-applications more user-friendly and more beautiful. Please feel free to suggest further ideas, approaches and coding solutions in the comments to this post. and Twitter You may want to take a look at the following related articles: 1. Simplicity is important in user interface design. One way of making things simpler is to hide or conceal advanced functionality. 2. 3. 4.

Use Dojo Grid to Display Google Spreadsheets Google Spreadsheets is not only a basic spreadsheet product,but also a very powerful tool for web applications. By using the Spreadsheets Data API it can be easily performed as a web-based database to generate a web form, a online shopping cart, a Google Map mashup .... etc. Dojo DataGrid is a JavaScript library with spreadsheet view function , it supports datastores like Csv, Json, XML, Googlefeeds... etc. However, there is no Google Spreadsheets datastore for Dojo yet. The PHP Zend Gdata 1.10.0 library is used to talk to the Google Data API, it takes care the client login, file listing, spread sheet files and worksheet tokens retrieving and cells data feed. retrieve the spreadsheets file list and key tokens, once user decide which file to read, The first part of the PHP is for client login : <div style="color: blue;"> <span style="font-size: x-small;"><i>set_include_path(get_include_path() . To read the spreadsheets list : To read the worksheets list of select spreadsheet :

55 Online Bookmark Managers. How many do we actually use? Which do you prefer? Does anyone realise the number of Bookmark Manager sites runs into the hundreds? Each one has its own fair share of registered users and visitors. If I have missed any out, let me know. So, have your say…Which is the best? Backflip Backflip organizes personal bookmarks into a searchable directory. BibSonomy A social bookmark and publication sharing system that supports BibTeX. Bookmarks may be sorted into folders, and shared with the public. BlinkTo You can customize the appearance of each bookmark. A social bookmarks manager that allows categorization via custom tags. Bookie An experimental application which keeps all your bookmarks on a central server so that you can access bookmarks from anywhere on the web, using a variety of clients. Bookkit The service features update tracker, link validation, and a browser synchronizer plug-in. Bookmark Factory Access your bookmarks from any browser on any computer. Favoritoo Graphical interface and autologin. Yahoo!

125 Social Bookmarking Sites : Importance of User Generated Tags, Votes and Links Editor’s Note: This post was updated in October of 2016. Is social bookmarking still relevant in 2016? Read this updated post by Anna Crowe to learn more. The positive effects of social bookmarking for publishers of news sites, blogs, and other websites are outstanding. Some social bookmark sites pass on link juice, while some use the NoFollow attribute. The Benefits of Social Bookmarking The external metadata compiled via user-generated descriptions, tags, titles and categorization is incredibly valuable to search engines, as in the same philosophy as anchored backlinks, descriptive content about a web site defined by the users of that site who are not associated with the marketing or coding of that site, can be extremely powerful in gauging the importance and relevance of the content and tags which are used on that site. Monitoring social bookmarking services like Delicious and StumbleUpon help search engines in multiple ways by: (Updated) Social Bookmarking Sites You Should Consider

Top 3077 Free Web Apps - 1 to 50 based on popularity Home > Top 3129 Free Web Apps 1 to 50 based on popularity AppAppeal ranks all web apps based on worldwide popularity. « Previous123456789…6263Next » AppAppeal rating 4/5 Price range (p/month): $9.00 - $14.00 Invoicing and accounting app for small and medium-sized businesses AppAppeal rating 5/5 Zoho Projects is a site where project documents and contents are stored, updates are posted, everyone exchange ideas ... Pricing (p/month): $5.99 Free plan available Mobile apps HootSuite is a professional Twitter client. Pricing (p/month): $29.00 Ducksboard gives internet users an easy way to monitor data online. Price range (p/month): $39.00 - $199.00 HappyFox helps users offer better customer support. Price range (p/month): $5.00 - $125.00 users can gather user feedback with a website widget. Price range (p/month): $12.00 - $25.00 On-demand CRM (Customer Relationship Management) services for managing organization-wide sales, marketing, customer s... Price range (p/month): $35.00 - $170.00

62 ways to use Google Forms I feel bad. I ran across a very cool Google Doc and I can’t remember who told me about or how I found it. So . . . if it was you, thanks. For the last couple of years, I’ve been pushing teachers to use Google Forms. If you don’t get the idea, here’s a Google Form that might help make things clearer. The cool Google Doc I found is titled 62 Interesting Ways to Use Google Forms. My favorite? If you don’t have a Google account, you really need one. Like this: Like Loading...

Using Google Forms to create a simple iPhone app | Ben Hughes Written by Ben, June 19th, 2010 To help manage and plan the cycling clothes I need to wear through the Canberra winter, I decided to create an iPhone app. For a lot of reasons I decided to use HTML5 and some trickery rather than create a native app. The idea of the app is to record basic weather into, what I wore, and how hot or cold I was. Forms is so simple it's not worth explaining. You can seen I'm using a viewport and some Apple-specific meta tags. When you launch the app, it opens in it's own window, rather than in Safari. Drive SDK DrEdit is a sample Google Drive app written in Python. It is a text editor capable of editing files with the MIME types text/* and extensions such as .txt, .html etc. that are stored in a user's Google Drive. This article describes the complete application to help you in your integrations. Setting up this sample application Setting up DrEdit requires using Google App Engine and performing some configuration. Architecture DrEdit is a web application written on Google App Engine in Python. User interface at /The user interface is rendered including HTML, JavaScript, and CSS.Ajax services to communicate with Drive at /svc, /about and /userDrive API requests are made in response to GET, PUT, and POST requests and return JSON data. DrEdit implements two Google Drive use cases: The flow for both use cases is similar. This redirect takes place with two important parts of data as query parameters: Authorization These credentials can be loaded from: Client IDClient secretList of valid redirect URIs

Your complete guide to Google Drive The long-awaited cloud storage service from Google is finally available to the masses, allowing you to store, access, and share your files on a platform dubbed Google Drive. Google Docs has been retired and replaced by Drive, leaving you with one place to create and manage all your documents and files. You get 5GB of free storage, the ability to view and store dozens of file types, and integration with other Google services, like Google+ and Gmail. With the basics down, you're ready to dig deeper. Learn the ropes Everything you need to know about Google Drive Are you ready for a hard drive in the cloud? How to get started with Google Drive Get introduced to Google's new cloud storage service and find out how to start syncing and managing your files, photos, videos, and more. How to use Google Drive on Android Google Drive was officially launched this morning, complete with an Android app to help you manage your Drive. Advanced tips and tricks Beyond Google Drive

10 Linux based Web Hosting Control Panel Web hosting control panel is a simple web based user interface provided by your web hosting company to easily manage your hosted services such as Website, Databases, Emails, etc.. it is very useful application for access your server logs, get proper detail information about available and used web space and bandwidth, manage your email account configuration under your own domain name, easily handle your FTP user’s accounts, manage your database and visitor statistics and easily access your folders and files via file manager. In this article, we will show you 10 useful Linux based Web Hosting Control Panel. some of them are open source/free and some are commercials. but all control panels are very useful and easy to use. Kloxo – A free web hosting control panelKloxo is a fully scriptable, distributed and a 100% object oriented webhosting platform which support for apache/lighttpd, djbdns/bind and pure-ftpd and also CentOS 5.

Creating a (mobile friendly) multiple choice quiz with images or multimedia Ingredients: Google FormsGoogle SpreadsheetsPicasa (optional)BloggerGoogle Forms is a great tool for creating short surveys, polls and of course quizzes. It’s easy to create a math or vocab quiz and view the results in an associated Google spreadsheet. There is even a script that automatically grades the answers. One thing you cannot do in Google form is to use images or html code to embed images, audio files or videos. Blogger might give you a warning that the html code is not complete. If you want to make a mobile friendly quiz all you need to do is enable the “mobile template” in the Blogger settings (email & mobile). Directions: Create quiz in Google FormsCopy the html code from the finished formPaste the code into Blogger in html modeAdd your own media using either design or html modeSend the link to the post to your students