On mangeait des tartines
Script Junkie | HTML5 Datalists: What They Are They and When to Use Them
Autocompletion is a pattern that all Web users are familiar with. When you do a search, your search engine suggests terms. When you type a new e-mail message, your mail client suggest recipients. This functionality, however, has not been available to Web developers without a nontrivial amount of JavaScript. In this article, I'll describe what datalists are, when it's appropriate to use them, their limitations and what to do for browsers that don't support them. Creating Datalists To show how a datalist works, let's start with a traditional text input: <label for="favorite_team">Favorite Team:</label><input type="text" name="team" id="favorite_team"> This field asks a user to provide his or her favorite sports team. <datalist> <option>Detroit Lions</option> <option>Detroit Pistons</option> <option>Detroit Red Wings</option> <option>Detroit Tigers</option> <! To tie a datalist to an input element, give the input element a list attribute and the datalist an id attribute that match. Figure 1.
DropDown Menu, un menu déroulant sobre - Creative Juiz, Plugins jQuery
À quoi sert-il ? Ce plugin jQuery personnalisable vous offre la possibilité de transformer vos menus en ul>li à 2 niveau d'imbrication (ul>li>ul>li>ul>li) en un joli menu animé.Il vous suffira de cibler votre menu grâce à la fonction du plugin pour le transformer en un menu fluide et agréable d'utilisation. Voir la démonstration Utilisation Ce type d'outil est très simple à mettre en place puisqu'il s'agit d'un plugin de la bibliothèque jQuery. Chargez le fichier des styles du plugin. Personnalisation Ce plugin vous offre un large choix de personnalisation puisqu'il vous sera possible de modifier l'aspect de votre menu via CSS, mais aussi la vitesse et les effets d'animation. Voici la liste des paramètres par défaut : Si vous le souhaitez nous en parlons sur le blog, alors n'hésitez pas à poser vos questions ! Lorsque vous souhaitez modifier un style, il vous suffit de compléter la fonction ainsi :
Créer un Cloud personnalisé et sécurisé
"Le Cloud, c'est sympa". Peut-être. Mais pour le moment, vos données y sont très exposées et peu sécurisées... Séverin Marcombes a donc pensé une solution pour vous. Ce jeune ingénieur en informatique diplômé de l'ESCP est le créateur de Lima, vous savez, ce petit device qui a levé 1,2 millions de dollars sur Kickstarter l'an dernier, en l'espace de quelques semaines. Sa promesse : vous permettre d'héberger vos données et documents sur un disque dur, chez vous, et d'y avoir accès depuis n'importe où. Déjà en prévente, Lima se décline dans toutes les couleurs.
40 maps that explain the internet
The internet increasingly pervades our lives, delivering information to us no matter where we are. It takes a complex system of cables, servers, towers, and other infrastructure, developed over decades, to allow us to stay in touch with our friends and family so effortlessly. Here are 40 maps that will help you better understand the internet — where it came from, how it works, and how it's used by people around the world. How the internet was created Before the internet, there was the ARPANET Before the internet, there was the ARPANETARPANET, the precursor to the modern internet, was an academic research project funded by the Advanced Research Projects Agency, a branch of the military known for funding ambitious research projects without immediate commercial or military applications. The internet around the world Threats to the internet How internet access in Egypt was disrupted in 2008 How internet access in Egypt was disrupted in 2008Fiber optic cables are relatively fragile.
HTML5 : L'élément <datalist>
Avec l'annonce d'HTML5, de grandes nouveautés accompagnent les formulaires. Ils peuvent enfin s'enrichir afin de s'adapter au plus près des nouveaux besoins. Ainsi l'élément <datalist> fait son entrée. Des suggestions de choix Inauguré avec la vague HTML5, <datalist> est un élément de formulaire permettant de lier une liste de choix à un élément input. Par défaut, <datalist> demeure invisible. Compatibilité navigateur de l'élément <datalist> Un navigateur ne supportant pas l'élément n'affichera aucune suggestion. Utilisation classique Dans la majorité des situations, il sera utile d'associer un champ d'entrée texte <input type="text"> à une liste de suggestions. <label for="choix_bieres">Indiquez votre bière préférée :</label><input list="bieres" type="text" id="choix_bieres"><datalist id="bieres"><option value="Meteor"><option value="Pils"><option value="Kronenbourg"><option value="Grimbergen"></datalist> Démonstration Aperçu sous Internet Explorer 10 Utilisation multiple Démonstration
jQuery: The Write Less, Do More, JavaScript Library
GitHub - PHPOffice/PHPWord: A pure PHP library for reading and writing word processing documents
