Notes by James

Displaying keyword search results 1 - 10
Created by James on January 11, 2011 22:08:26    Last update: February 03, 2012 11:23:25
By default Firefox puts a dotted line box around the link or button label when you click them. Sometimes it's annoying and makes your sexy buttons look ugly. You can get rid of the dotted lines for links with outline:none in CSS, but that doesn't work for buttons. <!doctype html> <html> <head> <style t... For buttons you need " button::-moz-focus-inner { border: 0; } ": <!doctype html> <html> <head> <style t... I've also seen this: /* get rid of those system borders being generated... For more information : Remove Button Focus Outline Using CSS
Created by James on February 02, 2012 09:31:03    Last update: February 02, 2012 09:31:03
This is an example that adds a validation rule to jQuery validation: // add a custom method $.validator.addMethod("m...
Created by James on November 27, 2011 12:43:24    Last update: November 27, 2011 12:59:01
An easy to digest stylesheet example for XSLT for Atom. Simply list entry titles and summary: <?xml version="1.0" encoding="utf-8"?> <xsl:sty... To show the first 3 items in atom feed: <?xml version="1.0" encoding="utf-8"?> <xsl:sty...
Created by James on November 23, 2011 13:57:51    Last update: November 23, 2011 13:57:51
An easy to digest stylesheet example for XSLT for RSS. Simply list item titles descriptions: <?xml version="1.0" encoding="utf-8"?> <xsl:sty... URL for Google news feed: http://news.google.com/news?ned=us&topic=h&output=rss
Created by James on March 27, 2009 03:20:58    Last update: May 08, 2011 12:32:31
Use show create table <tablename> : mysql> show create table my_test_table; +------... Select from information_schema.table_constraints and information_schema.key_column_usage mysql> select * from information_schema.table_cons...
Created by James on March 13, 2011 13:44:37    Last update: March 21, 2011 11:30:55
This is a jQuery input control that lets you enter any number of input rows of name and value pairs. <!DOCTYPE html> <html> <head> <title>jQu...
Created by James on February 14, 2011 12:10:19    Last update: February 14, 2011 20:22:05
I have long noticed that IE8 displays a "broken page" icon while showing my web pages, but didn't pay much attention. Since the world in general considers IE to be broken, it's not so unlogical for IE to see much of the world as broken. Until one day I noticed that the Google home page was not "broken". Then I thought may be I should fix my pages also. So I moused over the "broken page" icon, and this is what I saw: Compatibility View: websites designed for older browsers will often look better, and problems such as out-of-place menus, images, or text will be corrected. Very descriptive indeed! Older browsers? Such as Firefox 1.5? When it comes to MS products, I often had better...
Created by James on October 11, 2010 19:01:28    Last update: January 11, 2011 20:38:56
Test page (click the "new window" icon to see the transition): <!DOCTYPE html> <html> <head> <title>jQu...
Created by James on September 28, 2010 18:57:58    Last update: January 11, 2011 20:35:02
Test page to demo that preventDefault works perfectly for a text input but fails for select , even though the event is cancelable: <!DOCTYPE html> <html> <head> <title>Pre...
Created by James on July 06, 2010 15:27:28    Last update: January 11, 2011 20:20:03
This example shows three jQuery icons with hover effects. <!DOCTYPE html> <html> <head> <title>jQu... Hint: mouseover an icon on the ThemeRoller page to get the CSS classname.
Previous  1 2 Next