 |
 |
|
|
| |
| |
| |
|
|
|
| Acmeous Blog of Web Technologies |
| Acmeous Blog of Web Technology is all about Web Designing, Development, Usability, User Interface, Social Networking, Programming, Accessibility and lots of tricks & tips to help you make your web presence more stronger. You will also have your Marketing and Advertising tactics here, which will help you to make successful revenue. Helping you to be Web 2.0 enabled, Acmeous helps you to make money out of your sites, without bothering your users. Taking you to the acme of web interactive interfaces and money blogging. |
| Language: English |
| RSS Feeds for this Blog |
|
Statistics |
| Unique Visitors: 0 |
| Total Unique Visitors: 1746089 |
| Visitors Out: 5014 |
| Total Visitors Out: 11889 |
|
|
|
| |
|
|
| |
|
| How to Color Alternate Rows in a Table with JavaScript and CSS |
| 2011-10-12 16:51:00 |
Tables should be used only when you are actually representing tabular data. Yes, we know that. But by default tables are not so much usable unless we put some addons and make tables usable. One of the best ways to make tabular data usable is to color alternate row backgrounds with different colors so that users don’t get lost while looking into long set of data. This not only helps users to remain on a specific track but also helps them interpret data precisely without generating much visual noise.
You can checkout the Demo of Alternate Table Row Coloring here.
Here is a very simple JavaScript script which can transform any existing tables on a page into tables with alternate row color backgrounds. This scripts check for specific class for a table on a page and puts different classes for different <tr>.
You can simply copy the following code and paste into the <head> section of your page.
function tableAlternateRow() {
if(document.getElementsB...
|
| |
|
| How To Password Protect a Website Page With .htaccess on Apache WebServers |
| 2011-09-08 13:58:00 |
As you might know, a website or webpage can be easily password
protected from unauthorized access through several methods, easiest being the
login screen where users need to enter their valid login credentials before
they can access any page in a website. But in this case users can still easily
access resources like images, scripts or other non-executable files from your
site. If you want to password protect some particular webpage or directories or
some specific urls within your site then the strongest protection to your
webpage is the server side authorization by .htaccess.
Create a .htpasswd file in your Apache WebServer
For this you first need to create a file called .htpasswd
where you will be storing all your authorized usernames and respective passwords.
Format – username:password_encrypted_for_htpasswd_file
Example –
admin:53PWde6fcsrdo
This denotes the username is admin and password is 123admin (53PWde6fcsrdo is encrypted form of 123admin).
Easily Generate .htp...
|
| |
|
| How to Create Data Validation Drop Down Lists in Google Docs Spreadsheet Cells Online |
| 2011-08-12 18:01:00 |
So many of us are now using online Google Documents Spreadsheets as an alternative to Microsoft Office Excel or many other popular desktop based software. Yes we get several advantages when we go online. Real time data synchronization and powerful spreadsheet sharing options has really made Google Docs Spreadsheets a success. Whether you stuck onto http://docs.google.com/spreadsheet/ or http://spreadsheets.google.com/spreadsheet/, it is the same.Now while creating Google Docs Spreadsheets we always want to have a drop down list of data validation menu from which we can choose some predefined data to fill in a particular column of cells. To have those Google Docs Drop Down lists in your Spreadsheets you just need to add Data Validation to that particular columns.Steps to Add Google Docs Dro...
|
| |
|
| How to Create a Link To Smoothly Scroll To The Top of a Page by jQuery |
| 2011-07-17 08:49:00 |
"Go to top" is a very popular link that we use to put into web pages when pages tend to be long and users always need to go back to the top of the page to avail the options. Users can obviously go back by scrolling up and up and up. But we can also provide them with an option at the bottom of a page, clicking which will automatically take the user to the top of that page.The most natural and effective way to do it is to place a "quick link" or "inpage link" which should be linked to the ID of the topmost element on the page.Example of go to top link on a webpage:<html><body> <div id="header">header content here...</div> <div id="content">page content here...</div> <div id="footer"><a href="#header" id="goToTop">go to top<...
|
| |
|
| Mobile Phone Optimized Blogger Templates - Make Your Blogger Blog For Mobile Devices |
| 2011-06-30 01:57:00 |
Blogger or Blogspot has introduced several useful Mobile templates which can dynamically change your existing blog into mobile phone optimized site. This is something, I am sure, a big slice of Blogger users were waiting for long. Now they can be relieved to have a very easy way to transform their blogs into mobile compatible websites by just choosing an option to enable it.How to Turn on Mobile Templates for Blogger Blogs?You can now easily turn on mobile templates and test your Blogger blogs for mobile compatibility by just changing your Settings.Settings > Email & Mobile > Show mobile templateAs you can see, you can also preview your Blogger blog in mobile devices by just clicking the "Mobile Preview" button. This opens up a new pop-up window which is sized as of an iPhon...
|
| |
|
| Gmail Launches People Widget - Another Enhancement of Gmail or Just an Useless Addon? |
| 2011-06-29 11:30:00 |
Ya as you may have already guessed I am an extensive user of Gmail and none of the enhancements in it goes unnoticed by me. So this time its a new widget from Google which caught my eye. Actually, it was presented in such a way that it should caught the eye, something usual with Google product updates.People Widget - shows up your contacts, who are mentioned in the current email you have opened, in the right top corner of the mail chain or as Google would say conversation list. I can understand Google realized it very strongly that emails conversations are all about the people you are communicating with. So they are showing additional information about that contact of yours.So what additional information Gmail People Widget is going to show?Those additional in...
|
| |
|
| How to Create Easy Collapsible and Expandable Lists in JavaScript |
| 2011-03-21 17:01:00 |
Here is a very quick and easy way to make your lists collapsible and expandable on clicks by using JavaScript. Now when presenting a long lists of item you can set them to remain collapsed on page load, but after that users can click and expand any of those list headings to see the full list of items. Unlike accordion, here users can easily open up all the lists one by one. Checkout the Demo of Collapsible and Expandable Lists which is created here.First, just include a JavaScript file in your <header> section of the page - <script src="http://www.acmeous.com/tutorials/demo/acmeousCollapsibleLists/acmeousCollapsibleLists.js" type="text/javascript"></script>Then just below it, within the <header> section of your page, add the following code - <script type="text/j...
|
| |
|
| It's Time To Act - Join Hands With Japan and Help Millions of Human Being |
| 2011-03-19 16:21:00 |
March 11 2011, 2:46pm JST, Japan: A massive earthquake of magnitude 9.0 hits the northeastern coast of Japan triggering extremely devastative tsunami waves which appeared in Japan just few minutes after the earthquake. This was the largest earthquake to hit Japan in a hundred years. Warnings, precautions, and evacuations across the Pacific Ocean. Effect till now: 7,508 people died, 11,700 people are injured or missing, and millions of people are affected by lack of electricity, water and transportation. Northeast Japan devastated. 6 nuclear reactors crippled. If this is enough for you to react and start acting like a human being, then stretch your supporting arms of brotherhood to Japan who now needs international support to rebuild.Support millions of people in Japan by donating whatever ...
|
| |
|
| Differences Between Strict and Transitional DOCTYPEs |
| 2011-03-17 18:37:00 |
Attributes which are deprecated in Strict DOCTYPEs:align (allowed on elements related to tables only, like - col, colgroup, tbody, td, tfoot, th, thead, and tr)targetlanguagebackgroundlinkhspacenoshadenowrapbgcolortextvspacevlinkalinkheight (allowed on img and object)border (allowed on table)width (allowed on img, object, table, col, and colgroup)name (allowed in HTML 4.01 Strict, not allowed on form and img in XHTML 1.0 Strict)Elements which are deprecated in Strict DOCTYPEs:fontcenteriframeustrikeNotable Contextual Differences:Image and text contents now need to be contained within some block level elements like div or ptext in blockquote elements also must be contained in some block level element like div or pinput elements must not be direct descendants of a form elementSince Strict DO...
|
| |
|
| Gmail Changes Refresh Link to Button - A Notable Use Case for Information Architects |
| 2011-03-16 12:31:00 |
Now this time it is a relatively small change in Gmail that caught my eyes, but definitely it was not that small to remain un-noticed. Yes, the Refresh feature of Gmail. Frankly speaking I used this feature very less cause I was in a habit of clicking the Inbox link rather, and it was from the time when Refresh feature was not even available to Gmail.Recently I was using that Refresh link a bit and suddenly I noticed that it's no more a link. It has went up the Information Architecture ladder of Gmail and has been promoted to a button. Which means Google treats the refresh function to be as important as Archive, Report Spam, Delete or Move To actions. Definitely this is not something whimsical but result of good user research. I have noticed many users to use that Refresh feature profusely...
|
| |
|
| |
 |
|
| |
| |
|
 |
