As an aid for the Georgia Tech Hack 2010 and as a follow-up to my talk about geolocation here is a simple JavaScript library that answers most of your geo questions. It wraps the following services in a simple interface:
Thursday, April 15, 2010
Yahoo Geo-Location Library
YQL Geo Library - get all your geo needs in JavaScript - geolocation, reverse geocoding, content analysis
As an aid for the Georgia Tech Hack 2010 and as a follow-up to my talk about geolocation here is a simple JavaScript library that answers most of your geo questions. It wraps the following services in a simple interface:
As an aid for the Georgia Tech Hack 2010 and as a follow-up to my talk about geolocation here is a simple JavaScript library that answers most of your geo questions. It wraps the following services in a simple interface:
jquery accordian
Grid Accordion with jQuery
Accordions are a UI pattern where you click on a title (in a vertical stack of titles) and a panel of content reveals itself below. Typically, all other open panels close when the new one opens. They are a clever and engaging mechanism for packing a lot of information in a small space.
Accordions are a UI pattern where you click on a title (in a vertical stack of titles) and a panel of content reveals itself below. Typically, all other open panels close when the new one opens. They are a clever and engaging mechanism for packing a lot of information in a small space.
jquery data picker
Using jsDatePick
jsDatePick is a javascript date picker that uses DOM techniques to generate its HTML code. Read the parameters and working examples below, and within minutes, you can have a popup date picking solution on your website.
Read below for full documentation of parameters, and to download jsDatePick. We developed jsDatePick as a custom date picking module for our web-based money management software - check it out if you like.
jsDatePick is a javascript date picker that uses DOM techniques to generate its HTML code. Read the parameters and working examples below, and within minutes, you can have a popup date picking solution on your website.
Read below for full documentation of parameters, and to download jsDatePick. We developed jsDatePick as a custom date picking module for our web-based money management software - check it out if you like.
web resources - php / jquery / security references
web resources for php / jquery / html security / images / scripts available here
great treasure for scripts
great treasure for scripts
simple slider - jquery
it's easy
The package is based around the way you already build your website, so you don’t have to retain swaths of arbitrary knowledge to use it on a regular basis.
simple slider - jquery
The package is based around the way you already build your website, so you don’t have to retain swaths of arbitrary knowledge to use it on a regular basis.
simple slider - jquery
color codes - html
0to255 is a simple tool that helps web designers find variations of any color.
Basically, it's a simple tool that helps web designers find lighter and darker colors based on any color. Why is this necessary? Well, that takes a little more explanation.
color codes
Basically, it's a simple tool that helps web designers find lighter and darker colors based on any color. Why is this necessary? Well, that takes a little more explanation.
color codes
Tuesday, April 13, 2010
CSS Audio Font
A web document can be rendered by a speech synthesizer. CSS2 allows you to attach specific sound style features to specific document elements.
Aural rendering of documents is mainly used by the visually impaired. Some of the situations in which a document can be accessed by means of aural rendering rather than visual rendering are the following.
CSS Voice & Speach Examples
http://www.cssdog.com/css_aural_media.html
http://www.w3.org/TR/css3-speech/
using custom font ::
http://www.howtoplaza.com/how-to-use-custom-fonts-on-your-website-with-css
Aural rendering of documents is mainly used by the visually impaired. Some of the situations in which a document can be accessed by means of aural rendering rather than visual rendering are the following.
CSS Voice & Speach Examples
http://www.cssdog.com/css_aural_media.html
http://www.w3.org/TR/css3-speech/
using custom font ::
http://www.howtoplaza.com/how-to-use-custom-fonts-on-your-website-with-css
Monday, April 12, 2010
Using HTML Symbol Entities
Using HTML Symbol Entities
Some characters (e.g. the less than and greater than signs) are reserved for HTML markup. In order to display these characters as text, you must enter the HTML entities in the source code. For example, to display the less than sign (<), you need to enter < (entity name) or < (entity number). Among the entity list, there are quite a lot of symbol entities that we can use in layout design. For examples: → ♥ ♫ ✓ ✗ • ☞ ✁ ★ “ ⊕. Have you seen the snowman ☃ symbol before? If not, continue on this post to find more surprises.
Tuesday, April 6, 2010
Facebook Style Footer Admin Panel
Facebook Style Footer Admin Panel
The popularity of social media has been booming in the past few years and Facebook definitely has climbed high to the top of the social network rankings. Facebook has many Ajax driven features and applications that are very impressive, and one of the things I particularly like is the footer admin panel, where it neatly organizes frequently used links and applications.
This week I would like to cover part 1 of how to recreate the Facebook footer admin panel with CSS and jQuery.
The popularity of social media has been booming in the past few years and Facebook definitely has climbed high to the top of the social network rankings. Facebook has many Ajax driven features and applications that are very impressive, and one of the things I particularly like is the footer admin panel, where it neatly organizes frequently used links and applications.
This week I would like to cover part 1 of how to recreate the Facebook footer admin panel with CSS and jQuery.
VALIDATE FORMS LIKE YOU'VE NEVER BEEN VALIDATING BEFORE!
VALIDATE FORMS LIKE YOU'VE NEVER BEEN VALIDATING BEFORE!
"But doesn't jQuery make it so very easy to write your own validation plugin?" Sure, but there still are a lot of subtleties that you have to worry about: You need a standard library of validation methods (think of emails, URLs, credit card numbers). You need to place error messages in the DOM and show and hide them when appropriate. You want to react to more than just a submit event, like keyup and blur. You may need different ways to specify validation rules, based on the server-side enviroment you are using on different projects. And after all, you don't want to reinvent the wheel, do you?
"But doesn't jQuery make it so very easy to write your own validation plugin?" Sure, but there still are a lot of subtleties that you have to worry about: You need a standard library of validation methods (think of emails, URLs, credit card numbers). You need to place error messages in the DOM and show and hide them when appropriate. You want to react to more than just a submit event, like keyup and blur. You may need different ways to specify validation rules, based on the server-side enviroment you are using on different projects. And after all, you don't want to reinvent the wheel, do you?
AutoCompleter Tutorial – jQuery(Ajax)/PHP/MySQL
AutoCompleter Tutorial – jQuery(Ajax)/PHP/MySQL
I thought i would write this tutorial because most of the auto completer applications i have seen just dump the code into a zip and tell you how to use it rather than how and why it works, knowing about this enables you to customise it a lot more (this has been demonstrated with the other apps i have written here)!
I thought i would write this tutorial because most of the auto completer applications i have seen just dump the code into a zip and tell you how to use it rather than how and why it works, knowing about this enables you to customise it a lot more (this has been demonstrated with the other apps i have written here)!
Monday, March 29, 2010
Digg like javascript current date box
Digg like current date box
To get the current date in Javascript, you need to create a date object, then access its specific attributes to identify individual items.
To get the current date in Javascript, you need to create a date object, then access its specific attributes to identify individual items.
Friday, March 19, 2010
rounded corner div - jquery
rounded corner div - jquery
two liquid methods
1. Liquid Canvas - by Steffen Rusitschka
2. Ruzee Cornors - by Steffen Rusitschka
try them
two liquid methods
1. Liquid Canvas - by Steffen Rusitschka
2. Ruzee Cornors - by Steffen Rusitschka
try them
Monday, March 8, 2010
Code-only rounded HTML boxes
Code-only rounded HTML boxes
This is a Javascript library that makes creation of rounded-corner HTML boxes easier, with a focus on Internet Explorer.
IE is supported through use of VML. Standards-compliant browsers are, by default, ignored. If you wish it so, each call to DD_roundies.addRule can take an optional third parameter that will spit out appropriate proprietary code for browsers that are known to support the CSS border-radius property.
Download
Uncompressed JS file
Compressed JS File
This is a Javascript library that makes creation of rounded-corner HTML boxes easier, with a focus on Internet Explorer.
IE is supported through use of VML. Standards-compliant browsers are, by default, ignored. If you wish it so, each call to DD_roundies.addRule can take an optional third parameter that will spit out appropriate proprietary code for browsers that are known to support the CSS border-radius property.
Download
Uncompressed JS file
Compressed JS File
Subscribe to:
Posts (Atom)