Javascript

Facebook Twitter

Libraries

Create a page flip effect with HTML5 canvas. Net magazine is the number one choice for the professional web designer and developer.

Create a page flip effect with HTML5 canvas

It's here that you find out about the latest new web trends, technologies and techniques – all in one handy package. Each issue boasts a wealth of expert tips and advice, including in-depth features and over 30 pages of advanced front and backend tutorials on subjects as diverse as CSS, HTML, JavaScript, WordPress, PHP, and plenty more. net compiles the hottest new sites from around the web, and being the voice of web design, our mission is to source the best articles written by the best people in the industry and feature interviews and opinions crammed with inspiration and creative advice. In short, If you're serious about web design and development, then net is the magazine for you. Editorial Oliver Lindberg, editor, oliver.lindberg@futurenet.com Ruth Hamilton, production editor, ruth.hamilton@futurenet.com Mike Brennan, art editor, mike.brennan@futurenet.com Advertising. Better Check Boxes with jQuery and CSS.

Better Check Boxes with jQuery and CSS. Martin Angelov In this short tutorial, we will be creating a replacement for the default browser checkboxes in the form of a simple jQuery plugin.

Better Check Boxes with jQuery and CSS

It will progressively enhance your forms but at the same time fall back to the default controls if JavaScript is unavailable. The first step is to lay down the structure of the underlying HTML document. We will need a form with checkboxes which we will later be replacing with their enhanced jQuery versions. index.html <! The main container element – the #page div, holds our form. Notice the HTML5 data attributes, specified on some of the labels. And here is the markup of our replacement checkboxes: <span class="tzCheckBox checked"><span class="tzCBContent">ON</span><span class="tzCBPart"></span></span> When our plugin is called, it will loop through the checkboxes, and insert the HTML code you can see above after each one, while at the same time hiding the original. Checkbox Replacements Explained Now lets move on to the styling. jQuery Conclusion. "Select All" JavaScript for Forms Posting to an Array.

The problem that led to this snippet of code was that when posting from a form to a PHP script, you may sometimes want to have several fields with the same name and different values.

"Select All" JavaScript for Forms Posting to an Array

For example, you might want people to be able to tick boxes to indicate which cities they have been to from a list. You would normally add "[]" to the name of the field inputs, like so: <input type="checkbox" name="cities[]" value="London"> London<input type="checkbox" name="cities[]" value="Paris"> Paris<input type="checkbox" name="cities[]" value="Berlin"> Berlin<input type="checkbox" name="cities[]" value="Madrid"> Madrid<input type="checkbox" name="cities[]" value="Rome"> Rome.

20 Things I Learned About Browsers and the Web. IllustrationChristoph Niemann Writers/EditorsMin Li Chan, Fritz Holznagel, Michael Krantz Project CuratorMin Li Chan & The Google Chrome Team DesignFiPaul Truong DevelopmentFi Very Special Thanks To.

20 Things I Learned About Browsers and the Web