Interagir avec le DOM au cours du chargement Problématique En termes d’ergonomie, il est souhaitable qu’une page HTML se charge le plus vite possible ou en tout cas que les composants graphiques qu’elle comporte soient manipulables dès que possible par l’utilisateur. Lorsqu’on utilise un framework javascript (et qu’on n’utilise pas la méthode du partage de code cf. dernier article), il faut charger le code correspondant. Sur la plupart des navigateurs actuels, l’interprétation du code javascript est bloquante vis-à-vis de l’interprétation du DOM. Autrement dit, si la page est en train de se charger, qu’elle rencontre une balise SCRIPT, l’HTML cesse d’être interprété pendant que le contenu de la balise SCRIPT (le code javascript) est exécuté.
HtaccessProtection Comment protéger l'accès à un répertoire par une authentification ? Introduction Vous pouvez réaliser ceci grâce à un fichier .htaccess. Avant de procéder, il est nécessaire de préciser quelques petites choses par rapport aux fichiers .htaccess. Tout d'abord, il faut savoir qu'il s'agit de fichiers particuliers pour le serveur web, et que ces fichiers n'apparaissent pas dans l'arborescence du répertoire concerné si un internaute fait un accès à un répertoire listable (qui ne contient pas de page index, et dont le listage n'est pas interdit). Ensuite, il faut bien prendre en compte que les paramétrages indiqués par un fichier .htaccess s'appliquent au répertoire où le fichier est installé, ainsi qu'à tout ses sous-répertoires.
Responsive design : définition, fonctionnement, ressources et tutoriels Si vous vous intéressez de près ou de loin au webdesign ou à l’intégration, vous n’avez pas pu échapper au dernier terme à la mode : le “responsive web design”. Cette avancée technologique est également une nouvelle philosophie de création de site. Voici un article pour définir ce qu’est le “responsive web design” et expliquer quels en sont les points-clés (puis plein de liens, de tutoriels et de ressources super cools aussi !).
Calculer lheure idale pour se lever Calculer l’heure idéale pour se coucher À quelle heure vous levez-vous ? Moi ça dépend des jours et de mon niveau de fatigue... Parfois 5h du matin... parfois 7h...Mais savez-vous à quelle heure il faut vous coucher pour ne pas être trop défoncé le matin ? Design d’interface et critère ergonomique 8: Adaptabilité Ma liste de critères ergonomiques pour la conception d’interface contient 11 critères. C’est une liste personnelle, établie au départ sur la base des normes & standards existants (ISO 9241, AFNOR Z67 133, Bastien & Scapin, Heuristiques US …), que je m’efforce de partager au quotidien avec les équipes de développement tout en sensibilisant le métier sur la question. Critère n°1 : Incitation Critère n°2 : Lisibilité Critère n°3 :Groupement-Distinction entre items Critère n°4 : Feedback Direct Critère n°5: Contrôle Utilisateur Critère n°6 : ConcisionCritère n°7 : Gestion des erreursCritère n°8: AdaptabilitéCritère n°9: CohérenceCritère n°10: SignifianceCritère n°11: Compatibilité
Charger dynamiquement les frameworks javascript (Mootools, JQuery, etc...) grâce à Google API By Aymeric on septembre 27th, 2009 Petite astuce que j’ai découvert il y a quelques jours : la possibilité de charger grâce à Google API les fichiers javascript nécessaires au fonctionnement des frameworks javascript comme Mootools , jQuery , DoJo , etc… ( liste complète disponible ici ). Les serveurs de Google sont surement plus rapides que celui qui héberge votre site web
Demonstration Une démonstation de Fancybox. C'est la traduction française de la documentation issue du site officiel Des animations différentes ('fade', 'elastic' and 'none') La position des titres ('outside', 'inside' and 'over') Les galeries d'images (utilisez la molette de la souris) Quelques exemples Goban Club – Responsive Web Design par Ethan Marcotte : une traduction française Le Web Design Réactif par ETHAN MARCOTTE Le contrôle qu’exercent les designers au sein du média imprimé et qu’ils désirent souvent retrouver au sein du virtuel est simplement le produit d’une limitation de la page imprimée. Nous devrions accepter le fait que le Web n’a pas les mêmes contraintes, et concevoir en fonction de cette flexibilité. Mais avant, nous devons « accepter le flux et le cours des choses. John Allsopp, « Le Maître du Web Design ». Commentant son métier, l’Anglais Christopher Wren affirmait avec un brin d’ironie que « l’architecture vise l’éternité ».
Tlcharger Outerra Télécharger Outerra Vous vous souvenez de Outerra, le moteur 3D qui permet de générer des planètes entières du sol à l'espace ? Et bien bonne nouvelle, une première release est maintenant téléchargeable par tous à des fins de tests. Cette démo permet d'explorer la Terre de la pelouse sol au plafond étoilé et tous les détails des textures sont générés par des algos. Vous pouvez vous balader sur cette planète dans un camion ou librement tel un ange venu du ciel et si vous êtes prêt à lâcher 15 $ vous aurez accès à une alpha ++ qui permettra d'avoir des mises à jour régulières, de faire des demandes de fonctionnalités, d'importer vos propres éléments (routes, rails, bâtiments) et de vous y déplacer en hélico ou en avion.
Ergonomie web : les mythes et légendes ont la vie dure... Malgré le travail acharné de grands ergonomes Web reconnus (Amélie Boucher et Jean-François Nogier chez nous, ou Steve Krug et Jakob Nielsen aux USA, pour ne citer qu’eux), des mythes perdurent en donnant des réponses à l’apparence facile et pratique aux profanes, tout en dépréciant notre démarche au passage. Grâce aux ouvrages de Steve et Amélie dont je me suis inspiré pour cet article, et en y ajoutant mon expérience personnelle, je vous livre ici une courte liste de 12 légendes qui sont encore colportées régulièrement sur l’Ergonomie Web… 1. La règle des 3 clics Ergonomie web : la règle des trois clics Vous avez déjà tous entendu cette phrase : “Pour que ton site web soit facile à utiliser, l’internaute doit trouver ce qu’il veut en moins de 3 clics, sinon il se barre” ou du style…
Plugins jQuery Zoomooz est un plugin jQuery qui permet de zoomer sur des éléments d’une page web. Continue la lecture Chocolat permet de visualiser une ou plusieurs images sans quitter la page. Le choix est laissé à l’utilisateur de regrouper une série d’image sous un lien, ou de laisser apparaître les images sous forme de miniatures.
CSS3 – Créer un slideshow automatique et contrôlable Si vous suivez le compte @NoupeMag sur Twitter (ça marche aussi pour mon compte), vous avez certainement vu passer mon slideshow en CSS3 datant de l’an dernier. Ce n’était pas ma première tentative de slideshow comme le présentent ces premier et second travaux datant de mai 2010. Ce tutoriel ne s’adresse pas aux débutants, il vous faudra un minimum de connaissances techniques pour vous y retrouver dans les tronçons de code qui vont suivre. Cependant, le code commenté reste – je l’espère – accessible.
Loi de Fitts Un article de Wikipédia, l'encyclopédie libre. §Le modèle[modifier | modifier le code] Mathématiquement, la loi de Fitts a été formulée de plusieurs manières différentes. Une forme commune est la formulation de Shannon (proposée par Scott MacKenzie, et nommée d'après sa ressemblance avec le théorème de Shannon-Hartley (en)) pour le mouvement suivant une unique dimension : où T est le temps moyen pris pour effectuer le mouvement ;a et b sont des paramètres pouvant être déterminés empiriquement par régression linéaire ;D est la distance séparant le point de départ du centre de la cible ;L est la largeur de la cible mesurée selon l'axe de mouvement ; L peut également être considérée comme la tolérance de la position finale, étant donné que le point final du mouvement peut tomber dans la fourchette de plus ou moins L/2 du centre.
Easy Query Builder, crer des requtes SQL complexes sans connaitre la syntaxe Dans le monde professionnel, nous sommes entourées de données, dont la plupart résident dans des bases de données relationnelles. Toutes ces informations sont une vraie mine dans divers domaines, comme le marketing, la relation client, … Pour autant, tout le monde n’est pas en mesure de les extraire pour les exploiter car cela nécessite de connaitre la syntaxe SQL. Easy Query Builder est un logiciel très pratique qui permet de construire les requêtes les plus complexes sans écrire une ligne de SQL. Les rapports les plus exacts sont ainsi à portée de mains de tout le monde.