On this page you will learn how to create imageless and crossbrowser CSS checkboxes and radio buttons by applying CSS3 generated content, gradients and UTF characters to minimal and semantically correct markup. The styled form elements will preserve their native accessibility features and keyboard support. Supported Browsers Mozilla FireFox Google Chrome Apple Safari Opera Microsoft [...]
Archive for the ‘Forms’ Category
Imageless CSS3 Custom Checkboxes and Radio Buttons
Posted in CSS3, form styling, Forms, forms-js, HTML5, Tips and Tricks, Web Development, Website Widgets and Components, tagged css3 checkbox, css3 form elements, css3 form input, css3 form styling, css3 radiobutton, custom checkbox, custom radio button on June 23, 2011 | 2 Comments »
CSS3 iPhone Toggle Buttons
Posted in CSS, CSS3, Forms, Tips and Tricks, tagged css3 iphone buttons, css3 iphone checkbox, css3 iphone radio button, css3 iphone toggle button, css3 toggle button, iphone toggle button on June 18, 2011 | 3 Comments »
On this page you will learn how to create cool iPhone toggle checkboxes and radio buttons with CSS3, minimal, semantic and accessible markup and no JavaScript at all. Really, all you need is markup like this: <div class=”iphone-toggle-buttons”> <ul> <li><label for=”checkbox-0″><input type=”checkbox” name=”checkbox-0″ id=”checkbox-0″ /><span>checkbox 0</span></label></li> <li><label for=”checkbox-1″><input type=”checkbox” name=”checkbox-1″ id=”checkbox-1″ checked=”checked” [...]
Custom Crossbrowser Styling for Checkboxes and Radio Buttons
Posted in CSS, CSS3, form styling, Forms, Tips and Tricks, tagged css generated content, css pseudo elements, css3, custom checkbox, custom radio, custom radio button, form skinning on February 24, 2011 | 5 Comments »
Here’s an unobtrusive crossbrowser solution for checkbox and radio button styling that does not use any vendor-specific properties such as (-webkit-appearance), but relies entirely on official CSS properties and no JavaScript at all. Older browsers that do not support the adjacent elements selector (E + E), :checked and :disabled pseudo classes or generated CSS content [...]
The New Killer Version of Forms.JS Form Element Skinning Component is Out
Posted in Forms, forms-js, News, Website Widgets and Components, tagged custom checkbox, custom combobox, custom radiobutton, custom select box, custom textarea, form skinning, input type file skinning, selectbox replacement on November 13, 2010 | 1 Comment »
Forms.JS is a powerful component that will give you total control over the form elements on your page without any additional markup or sophisticated JavaScript. All you have to do is to add a single line of JavaScript in the head section of your webpage, define which elements will be styled, specify skinning region, set [...]
Forms.JS – Unobtrusive Form Elements Styling
Posted in Acid.JS, Forms, forms-js, News, Website Widgets and Components, tagged acid.js, custom checkbox, custom combobox, custom radiobutton, custom select box, custom textarea, form skinning, input type file skinning, rounded corners text boxes, selectbox replacement on November 22, 2009 | Leave a Comment »
Forms.JS is the successor of 6 separate controls for form styling, now consolidated in a single powerful component that will give you total control over the form elements on your page without any additional markup or sophisticated JavaScript. All you have to do is to add a single line of JavaScript in the head section [...]
CheckBox.XML – The AJAX Checkbox Decorator
Posted in Forms, Website Widgets and Components, tagged checkbox css, checkbox skin, checkbox style, checkbox styling, custom checkboxes, form controls styling on August 28, 2009 | Leave a Comment »
I am happy to announce that version 7.0 of CheckBox.XML is here! CheckBox.XML is an unobtrusive and almost codeless way to give the ordinary checkboxes cool looks and appeal and yet keep their native functionality, for example – keyboard support, client events, etc. All you have to do is to register the runtime scripts, set [...]
RadioButton.XML – The AJAX Radiobutton Decorator
Posted in AJAX, Forms, Website Widgets and Components, tagged radiobutton css, skinnable forms on August 11, 2009 | 2 Comments »
RadioButton.XML is ajax-driven almost codeless, reliable, accessible and semantic approach for skinning of radio buttons. The solution makes use of real radio buttons with labels and their toggle functionality and skinned list-items, allowing single-line and multi-line radiobutton list rendering, native client- or server-side validation and easy skinning using an image sprite and a few lines of CSS. The [...]
Acid.JS JavaScript Library 3.4 Released with 5 New Scripts
Posted in Acid.JS, AJAX, Content Management, Forms, Website Widgets and Components, tagged acid.js, ajax contact form, ajax library, ajax loading overlay, ajax toolkit, custom checkboxes, custom radiobuttons, form skinning, javascript library, modal panel, selectbox replacement, website controls on August 9, 2009 | 1 Comment »
Get most of the website widgets and tools I’m developing in a single package that is regularly updated. Whenever a new script or script update is available, it will be included in the download file. To stay informed and up-to-date with Acid.JS, please, subscribe to my RSS feed.
Useful AJAX Form Scripts for your Website
Posted in AJAX, Content Management, Forms, Website Widgets and Components, tagged ajax booking form, ajax contact form, ajax feedback form, ajax form, ajax hotel booking form, hotel-reservation-form-js on July 21, 2009 | Leave a Comment »
Here is a list of a couple of AJAX form controls that I have worked on recently. Enjoy: ContactForm.JS – Full of features and customizable AJAX contact form for your Web 2.0 website. It is skinnable, highly customizable, localizable, crossbrowser and ultra fast. The installation and the configuration of the script is easy, and your [...]
ContactForm.JS – AJAX Contact Form for your Web 2.0 Website
Posted in AJAX, contact-form-js, Forms, News, Website Widgets and Components, tagged ajax contact form, ajax feedback form, php ajax contact form on July 20, 2009 | 1 Comment »
ContactForm.JS is a full of features and customizable AJAX contact form for your Web 2.0 website. It is skinnable, highly customizable, localizable, crossbrowser and ultra fast. The installation and the configuration of the script is easy, and your form can be up and running on your website within minutes. Key Features of ContactForm.JS Cool Web 2.0 looks [...]
Share
Follow
Latest Tweets
- Fixed a small Chrome 19 bug in the JavaScript-less CSS3 tree view solution. Get the updated code from here: acidjs.wemakesites.net/css3-treevew-n… 1 week ago
- PayPal Gets Its Own Share Of The Yahoo Diaspora, Hires JavaScript Icon Douglas Crockford techcrunch.com/2012/05/13/pay… via @techcrunch 1 week ago
- Русский язык в американском кино - Вдохновение adme.ru/vdohnovenie-91… via @adme_ru 2 weeks ago
- Emulating border-color: transparent in Internet Explorer 6: wp.me/pdtEi-S via @wordpressdotcom 2 weeks ago
- CSS Hack for Internet Explorer 8: wp.me/pdtEi-7c via @wordpressdotcom 2 weeks ago
Blogroll
Categories
- acc-checker-js (1)
- accessibility (1)
- Acid.JS (31)
- Acid.RSS (2)
- AJAX (34)
- Annual Review (2)
- Browsers (14)
- builder-css (2)
- builder-js (1)
- captcha-ajax (1)
- Components (1)
- contact-form-js (5)
- Content Management (11)
- Controls (1)
- Cool Websites (6)
- CSS (48)
- CSS Hacks (15)
- CSS3 (20)
- css3 animations (1)
- Deals and Promotions (3)
- dialogs-js (7)
- doctype (3)
- editor-bb (1)
- Fonts (1)
- form styling (2)
- Forms (43)
- forms-js (7)
- Fun (1)
- guitar-chords-js (1)
- help and manuals (1)
- hotel-reservation-form-js (9)
- HTML5 (6)
- image-slider-js (1)
- JavaScript (28)
- json (4)
- LoadingPanel.JS (1)
- minifier (3)
- News (84)
- obfuscation (3)
- OO JavaScript (1)
- php (2)
- pisi (1)
- progressbar-js (1)
- ribbon-bar-xml (3)
- skinnable window (1)
- split-button-xml (1)
- SVG (1)
- tabstrip-xml (5)
- template (3)
- template engine (3)
- templatr (2)
- Thoughts (5)
- TinySite.XML (2)
- Tips and Tricks (44)
- Tools (5)
- tooltip (1)
- tooltip-js (1)
- tour-dates (4)
- Typography (1)
- Updates (6)
- usability (1)
- UX (5)
- Web 2.0 AJAX Loading Panel (7)
- web 2.0 window (1)
- Web Development (38)
- Website Widgets and Components (103)
- window component (1)
- window-js (1)
- XHTML (12)
- XML (14)
- YUI (2)
-
Most Popular Posts
- Using CSS to Style Radiobuttons and Checkboxes in Safari and Chrome
- Imageless CSS3 Custom Checkboxes and Radio Buttons
- Setting Opacity and Other Filters in Internet Explorer 8
- CSS Hack for Internet Explorer 8
- The Mystery of c:\fakepath Unveiled
- Creating a Gaussian Blur Effect With CSS3
- Using the IE8 X-UA Compatibility Meta Tag Properly
- CSS3 Treevew. No JavaScript.
- CSS3 iPhone Toggle Buttons
- Custom Crossbrowser Styling for Checkboxes and Radio Buttons
-
Recent Posts
Archives
- May 2012 (3)
- March 2012 (6)
- February 2012 (5)
- January 2012 (3)
- November 2011 (1)
- October 2011 (3)
- September 2011 (3)
- August 2011 (1)
- June 2011 (2)
- May 2011 (2)
- April 2011 (1)
- March 2011 (2)
- February 2011 (1)
- January 2011 (1)
- December 2010 (4)
- November 2010 (7)
- October 2010 (1)
- September 2010 (1)
- August 2010 (4)
- July 2010 (10)
- June 2010 (3)
- May 2010 (4)
- April 2010 (1)
- March 2010 (3)
- February 2010 (2)
- January 2010 (1)
- November 2009 (4)
- October 2009 (4)
- September 2009 (5)
- August 2009 (5)
- July 2009 (7)
- June 2009 (4)
- May 2009 (7)
- April 2009 (1)
- March 2009 (7)
- February 2009 (2)
- January 2009 (3)
- December 2008 (2)
- November 2008 (9)
- October 2008 (7)
- September 2008 (4)
- August 2008 (5)
- July 2008 (4)
- June 2008 (2)
- May 2008 (4)
- April 2008 (1)
- March 2008 (1)
- September 2007 (1)
- July 2007 (1)
- May 2007 (1)
- April 2007 (1)
- March 2007 (1)
- January 2007 (1)
- December 2006 (1)
Tags
acid.js AJAX ajax booking form ajax cms ajax contact form ajax form ajax hotel booking form ajax library ajax loader ajax loading overlay ajax loading panel ajax toolkit ajax tools CSS css filters css hack css opacity css tricks custom checkbox custom checkboxes custom combobox custom radiobuttons Forms form skinning google chrome css hack hotel-reservation-form-js hotel reservation form JavaScript javascript library modal overlay php hotel booking form php hotel reservation form reservation form script reservation php script safari css hack selectbox replacement skinnable forms tools web 2.0 web 2.0 ajax loading panel website controls website development website widgets XHTML XML