Troc de Voiture Ergolab Design and Web Development Magazine, be Inspired and Creative How to Work as A Freelance Designer and Travel Life as a freelance designer is not always as glamorous as it may sound. There is often work to be done … even when you have travel plans. CSS3 Hover Link Effects One of the essential parts of a website is a text link. Best Website Examples that Use Startup Design Framework This article is a case study in websites built using Startup Design Framework. The What, Why, and How of Mockups Before we get into how to make the most of your mockups, it helps to know what exactly they are — and what they’re not. How to Create a Moto 360 Smart Watch in Adobe Illustrator If you’re into smartwatches, now this is the tutorial for you. Introducing New Qards: More Features, Better & Faster Developing Qards we started thinking about the essence of creating a website, when you want to tell about your product in a beautiful way, while not digging in complex editors with a large amount of functions. How to Choose the Right Monitor for Web Design
10 crimes sur l’ergonomie des sites web que vous ne devriez plus commettre L’article sur les 10 crimes sur les balises HTML que vous ne devriez plus commettre est actuellement l’article qui a été le plus lu sur Kiwano et aussi celui qui a entrainé le plus de commentaires de votre part. Alors, nous n’avons pas pu résister à l’idée de vous proposer une traduction du nouvel article de Chris Spooner intitulé « 10 Usability Crimes You Really Shouldn’t Commit » sur son blog Line 25 Web Design Blog. Voici donc une sélection des dix crimes les plus courants concernant l’ergonomie et l’accessibilité des sites webs avec la solution pour les éviter. Crime n°1 : avoir des labels non associés aux champs de saisies dans vos formulaires Il est indispensable d’utiliser la balise label pour vos labels de formulaires et de renseigner l’attribut « for » pour pointer sur l’ID du champ de saisie. Crime n°2 : avoir un logo qui ne contient pas de lien vers la page d’accueil de votre site Crime n°3 : ne pas avoir de couleur différente sur les liens qui ont été visités
Customiser Google Map : afficher un plan personnalisé par devblog.fr Lorsqu’on veut afficher un plan, il est parfois compliqué de trouver la bonne requête Google pour afficher une carte précise. De plus, si le lieu n’est pas répertorié par Google, l’info-bulle sera assez pauvre. Voyons comment obtenir exactement le plan que l’on souhaite, grâce à l’API Google Maps version 3. Il suffit de connaître les coordonnées GPS du point à afficher*. Vous pouvez voir la démo ici : carte google map personnalisée. 1 – Charger l’API Dans le head de votre script, appelez le script suivant : 2 – Notre script A la suite de votre script, incluez un script js, par exemple carte.js. Dans ce script nous créeons une fonction affichePlan(). 3 – Affichage Nous n’avons plus qu’à appeler la fonction affichePlan() au chargement de la page (exemple utilisant JQuery) : On peut bien-entendu remplacer les valeurs en dur par des données issues d’une base de données, qu’on récupère en php ! *Il s’agit des coordonnées GPS en format décimal.
Exemple de test utilisateur sur le site seloger.com Tutoriel jQuery UI jQuery UI est une surcouche de jQuery qui propose des outils pour créer des interfaces graphiques interactives. Ses fonctionnalités se divisent en 3 catégories : Interactions Elles permettent de donner des propriétés très intéressantes à des éléments HTML, comme le fait de pouvoir être attrapé et déplacé avec la souris (drag & drop), d'être redimensionné comme une fenêtre, ou encore d'être sélectionné comme des icônes sur le bureau de votre OS.Widgets Les widgets sont des objets "clé en main " qui proposent des fonctionnalités de haut niveau comme le DatePicker par exemple, qui affiche un calendrier permettant de sélectionner une date. Effects Ils enrichissement les effets par défaut proposés par jQuery que l'on a vus dans les chapitres précédents (fadeIn, slideUp...). Pour utiliser jQuery UI, il faut bien entendu avoir inclus jQuery dans votre page web avec la balise <script> , mais il faut aussi ajouter le fichier .js de jQuery UI ainsi qu'une feuille de style. Exemple 1 Exemple 2 Drag
Le Responsive Design : un livre blanc pour comprendre la méthode | MiratechMiratech Le responsive design permet d’adapter le design d’un site web à tous types de terminaux : smartphone, ordinateur, télévision, tablette… Quels sont les principes à respecter pour réussir son site web en responsive design ? Quels sont les écueils à éviter ? Quelles sont les limites de la méthode ? Le livre blanc présente les guidelines illustrées des meilleures pratiques , ainsi que l’analyse d’un cas e-commerce concret. 47 pages pour saisir l’essentiel sur le responsive design ! Introduction Qu’est-ce que le « Responsive Design » ? Guidelines Les blocs de contenu Penser en bloc Conserver un ordre logique Adapter les blocs Les menus mobiles Présentation du menu en haut de page Menu en liste déroulante ‹select› Déploiement du menu « Toggle » Menu déroulant par la gauche Menu avec ancre vers le footer Menu uniquement dans le footer Supprimer l’accès au menu Les visuels Supprimer les visuels trop importants Adapter les icônes d’un site Les éléments cliquables Les fonctionnalités des terminaux mobiles
jquery-frontier-calendar - Full month calendar jQuery plugin that looks like Google Calendar. Full month calendar jQuery plugin that looks like Google Calendar. Latest Version, 1.3.2- June 24th, 2010 Please visit the downloads section for a working example and API documentation. Download Latest Version: Download Older Versions: Google Group: Shameless mention of my other vertical tab plugin Change Log Screenshots All UI elements such as next-month & previous-month buttons, add event form, edit event form, tooltips, etc, are not part of the calendar plugin. When there are too many agenda items to fit within a day cell a "more" link appears. You may change the background image via the CSS file.
Mail de confirmation en PHP Face à un phénomène grandissant qui est celui des inscriptions automatiques et autres multi-comptes, un des systèmes les plus efficaces reste à ce jour la confirmation par mail. Vous savez, c'est le genre de message que l'on reçoit pour activer notre compte après une inscription sur un forum, site, jeu... Pour lutter contre se fléau, nous allons créer un petit module qui enverra automatiquement un mail lors de la validation du formulaire d'inscription. Ce mail contiendra alors la procédure à suivre (un lien internet) pour finaliser l'inscription du nouveau compte. Cet article part sur le principe que vous possédez une Base de Données (BDD) et que vous maîtrisez sa gestion. Cet article s'adresse principalement aux Webmasters désireux de limiter les inscriptions factices et par conséquent diminuer le temps perdu à la maintenance et à la vérification de validité des données... Avant de commencer, il nous faut quelques petits équipements : La fonction Mail() pour l'envoi du Mail. I. <? II. <?