Tag: Html
Enable Tab navigation for your entire page using jQuery
One of the most commonly faced Accessibility issue is in maintaining the tab order. If you don't take it the right way, you might end up wasting days and days of effort, when you can just get it done in 2mins using jQuery. Requirement: Clicking on tab should go through all the functional controls on ...
‘Add to Favourites’ button javascript
Here is a simple code, that i found useful from dynamicdrive. You can use for 'Add to Favourites' button in HTML. Add them in your head tag: <script type="text/javascript"> /*********************************************** * Bookmark site script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ ...
HTML 5: Part 1 – Getting Started
Hola Amigos! Before i work with the elephant in the room; lemme tell you HTML 5 specs aint REC ready (Candidate Recommendation - W3C stage for stamping the spec to be ready for use). If Apple dint care waiting for 802.11g spec to stabilize for use in their products...then why should we.. 😉 ..jsssst kidding ...
Some Common Html Validation errors you should keep in mind
Some common standards that i keep in mind while writing an html code: 1. Avoid using html tags inside <script>: It would be good if you avoid using html tags inside script tags on the page. <script type="text/javascript"> <!-- // This is an error! document.write("</P>"); // --> </script> As mentioned in the HTML 4 Recommendation's ...
Learn jQuery: A simple ‘Hello World’ jQuery Code
jQuery - A powerful javascript library capable of doing all your complex javascript actions and functionality in a line or two. How cool is that. Pre-requisites : Notepad, jquery.js file(You can get it here), some coding background and an open mind Let's Start with a simple Hello World: Open your notepad, create a html file ...
jQuery : To check if an element is present in the page or not
This is a precautionary measure that you can adopt, if you are doubtful about the presence of a particular control in the page. Under normal scenarios, in case if the element is not there, it would throw an error. But you can now check if that particular element is present in the page or not, ...
Javascript to maximise window on load
Well this is simple script to get your browser maximised onload: <html> <head> <script language="JavaScript"> window.onload = maxWindow; function maxWindow() { window.moveTo(0,0); if (document.all) { top.window.resizeTo(screen.availWidth,screen.availHeight); } else if (document.layers||document.getElementById) { if (top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.availWidth) { top.window.outerHeight = screen.availHeight; top.window.outerWidth = screen.availWidth; } } } </script> </head> <body>Testing</body> </html> I just tested it it IE. Hope this ...
CSS and Browser Compatibility Chart
We have a lot of browsers poping up every year. Not to mention the versions they come in. At times it can prove difficult to check if the website you have designed would look good in all browser. Browser compatibility has always been a web designers nightmare. Taking into account of this, i thought it ...
The Relentless FrontEnd - Aackose Lal's Blog 