background preloader

Customize checkboxes and radio buttons with iCheck (jQuery and Zepto) plugin - Iceweasel

Customize checkboxes and radio buttons with iCheck (jQuery and Zepto) plugin - Iceweasel
iCheck plugin works with checkboxes and radio buttons like a constructor. It wraps each input with a div, which may be customized by you or using one of the available skins. You may also place inside that div some HTML code or text using insert option. For this HTML: <label><input type="checkbox" name="quux[1]" disabled> Foo </label><label for="baz[1]">Bar</label><input type="radio" name="quux[2]" id="baz[1]" checked><label for="baz[2]">Bar</label><input type="radio" name="quux[2]" id="baz[2]"> With default options you'll get nearly this: <label><div class="icheckbox disabled"><input type="checkbox" name="quux[1]" disabled></div> Foo </label><label for="baz[1]">Bar</label><div class="iradio checked"><input type="radio" name="quux[2]" id="baz[1]" checked></div><label for="baz[2]">Bar</label><div class="iradio"><input type="radio" name="quux[2]" id="baz[2]"></div> By default, iCheck doesn't provide any CSS styles for wrapper divs (if you don't use skins). Options These options are default: Related:  fasilbabukdy

Select2 3.3.2 - Iceweasel Gets or sets the selection. If the value parameter is not specified, the id attribute of the currently selected element is returned. If the value parameter is specified it will become the current selection. val method invoked on a single-select with an unset value will return "", while a val method invoked on an empty multi-select will return []. Example: alert("Selected value is: "+$("#e8").select2("val")); $("#e8").select2("val", "CA"); Notice that in order to use this method you must define the initSelection function in the options so Select2 knows how to transform the id of the object you pass in val() to the full object it needs to render selection. Gets or sets the selection. data method invoked on a single-select with an unset value will return null, while a data method invoked on an empty multi-select will return []. Reverts changes to DOM done by Select2. Opens the dropdown. Closes the dropdown. Notifies Select2 that a drag and drop sorting operation has started. change val added object

Become an Author Every time an item is sold on the Envato Marketplaces a percentage of the sale price goes to the author. The amount is determined by whether the author is selling the item only on the Envato Marketplaces and by the total cumulative sales they have had in the past. as a non-exclusive author You can sell the items you sell with us in other places too. or as an exclusive author (based on sales volume) As an exclusive author, any items you sell on Envato's marketplaces cannot be sold elsewhere. With a total cumulative sales of $37,500 your commission rate will be 60% Your commission rate will adjust according to your earnings amount: You can also make money with Envato by becoming a part of our affiliate program.

Creating Different CSS3 Box Shadows Effects - Iceweasel In this tutorial we are going to be creating box shadow effects with just CSS. Below is an image created in photoshop of different box shadows effects. These used to be the only way of creating this effect but thanks to CSS3 we can now do all this with just CSS. View Demo page to see what we are going to create CSS Box Shadow Effects Demo CSS Box Shadow We are going to be using the CSS box shadow property which is one my favourite CSS properties which you will see in this tutorial how easy you can use it. The box-shadow property allows you to easily create multiple drop shadows on box elements by specifying values for colour, size, blur and offset. The box-shadow property accepts 2-6 options, the required options are horizontal offset and vertical offset, the two optional options are spread distance and colour. box-shadow: inset horizontal vertical blur spread colour; Examples Browser Support All of the major newest browsers support box-shadow property. The box-shadow property is no different.

Bavardages – DIY, lifestyle, graphisme & cie. » DIY J’ai testé… Réaliser un mug personnalisé 14 janvier 2012 – 15:14 Réaliser une tasse personnalisée petit budget c’est possible ! J’ai acheté un mug blanc tout simple et un stylo pour verre, après une esquisse au crayon, je me suis lancée et voici le résultat. J’ai choisi le stylo pour verre vitrea 160 de la marque Pébéo un peu au hasard, et je n’ai pas été déçue. Les plus : • L’encre est bien fluide, il ne faut pas oublier de secouer le stylo pour qu’elle soit opaque. • Pas besoin de cuisson. • L’encre sèche très rapidement, je dirais en moins de 10 min, même s’il faut attendre 72h avant de le laver. • Le dessin résiste au lave-vaisselle. • Le fini est brillant.Le moins : • La mine n’est pas assez précise, difficile de faire des détails. Vous l’aurez compris, je vous le recommande, il existes d’autres couleurs donc la seule limite est votre imagination… Tasse : Maisons du mondeStylo pour verre : Vitrea 160 Pébéo DIY et si on partait… 8 janvier 2012 – 14:04

KNACSS diy – Menu surprise à télécharger crédit photos : Olivier Martin-Gambier De toutes les idées créa de mon sujet de Noël dans Prima, ce sont les menus surprises à gratter qui semblent avoir eu le plus de succès ! Le numéro n’étant plus en kiosque, on peut dire qu’il y a prescription et que j’ai le droit d’en parler sur mon blog non ? Oui, on va dire que oui. J’avais au départ trouvé une « recette » à base de peinture et de produit vaisselle, censée fonctionner sur tout support, mais comment dire… ce fût un cuisant échec. Pour réaliser ces menus surprise, il vous faudra donc: – des menus imprimés ou fait-main sur du bristol (vous pouvez aussi télécharger mon modèle en fin d’article) – du scotch transparent crystal – de la peinture acrylique – facultatif, pour les perfectionnistes: une règle et un cutter. 1- Coller une bande de scotch sur le texte à recouvrir (écrivez si possible le texte dans une couleur proche de la peinture, pour optimiser le camouflage !) 3- Laissez sécher.

Flippant Heading Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Modal » Card » Donec sed odio dui. Whys and hows: Flippant is tiny. Flippant is easily customized. Flippant exports a single function: flip. var front = document.getElementByID('flipthis') , back_content = "<h1>I'm the back! Two modes: card (the default), and modal. back = flippant.flip(front, back_content, 'modal') The back gets the default class of flippant-modal-dark for modal flips and flippant-modal-light for cards. back = flippant.flip(front, back_content, 'modal', 'my-modal-classname') The full API: flip(element_to_flip, content_for_back, type(modal/card), classname_for_back) -> back_element 74.3% of the magic is in the css file.

Animated Checkboxes and Radio Buttons with SVG Previous Demo Back to the Codrops Article How do you collaboratively administrate empowered markets via plug-and-play networks? Where do you proactively envision multimedia based expertise and cross-media growth strategies? Why do you interactively procrastinate high-payoff content without backward-compatible data? How would you dynamically target high-payoff intellectual capital for customized technologies? How can you appropriately empower dynamic leadership skills after business portals? How do you interactively productize premium technologies whereas interdependent quality vectors? Do you rapaciously seize adaptive infomediaries and user-centric intellectual capital and how? Your to do list to uniquely deploy cross-unit benefits with wireless testing procedures: If you enjoyed these effects you might also like: Animated Border Menus Creative Button Styles

Porto - Responsive HTML5 Template Versions HTML5 Version Main Features Overview Porto is a professional multipurpose template for any business or portfolio website, it’s fully responsive design ready to look stunning on any device. Customize your website as much as you want, you have tons of layout possibilities with unlimited variations and colors. The template comes with 35+ HTML pages built using Bootstrap 3. HTML5 and CSS3 Bootstrap 3 Grid System and Responsive Design Touch Swipe Support 55+ HTML Files Blog Pages (Not Functional) Shop Pages (Not Functional) Login/Register Pages and Headers (Not Functional) Wide & Boxed Layouts 6 Header Versions 4 Footer Versions Parallax One Page Template SEO Optimized Over 350 Icons Google Fonts Support Owl Carousel Nivo Slider Premium resources Slider Revolution Responsive jQuery Plugin (12$ Value – Included!) Support Most of the questions are already answered in the FAQ’s – View FAQ’s – Post a New Topic Updates Version 2.9 – 10 April 14 Version 2.8 – 20 March 14 - Shop Pages. Credits

Anatomie d’une Landing Page qui Convertit Très Bien Une landing page est une page de votre site dont l’objectif est d’amener vos lecteurs à accomplir une action précise telle qu’effectuer un achat par exemple. L’optimisation d’une landing page consiste à améliorer le pourcentage de visiteurs de votre site web qui sont convertis en clients ou qui génèrent un lead (comme remplir un formulaire). Une landing page réussie est optimisée au niveau de son contenu et des éléments visuels qui la composent. Si le sujet vous intéresse, je vous invite à consulter l’infographie ci-dessous de Neil Patel qui présente l’anatomie d’une landing page qui convertit très bien. Tags: landing page Catégorie: E-marketing 325+ Best Free Responsive HTML5 CSS3 Website Templates So we’re pretty bored with the current limits of the best “HTML CSS” and it’s clear that the “HTML5 CSS3” is the cure to let the creativity flow. We’re also going to implement a jQuery slider, so the lead image will be part of a rotation rather than just a static image. And Even if you don’t use these templates, you can get a doze of inspiration by having a look at these CSS/XHTML Web Templates. Here are 325+ best free premium HTML5 CSS3 website templates to help you get inspired and started. Trendy UI KIt Flat Responsive Free HTML5 Template Trendy UI Kit is a Plain and bold UI kit that includes lots of user interface elements. Art a Portfolio Singlepage Flat Responsive Free HTML5 Website Template Art a Flat Single Page Responsive web template is based on the Flat Design trend. Spike Shoes a Flat ECommerce Responsive Free HTML5 Website Template Bicycle a Product Based Flat Responsive Free HTML5 Website Template Bicycle is a clean, flat and product based Template for companies.

Related: