http://www.creativejuiz.fr/blog/
Related: Magazines - ActualitésResponsive Webdesign – présent et futur de l’adaptation mobile Après plusieurs mois de recherche sur le sujet, j'ai enfin publié mon article sur Smashing Magazine qui s'intitule "The State Of Responsive Web Design". Ce qui suit en est la traduction. Avertissement avant la lecture : Je n'ai pas la prétention de changer le monde, d'avoir la vérité absolue. Dans cet article – qui est long, je le sais – je souhaitais juste rendre attentif le lecteur au reste de ce gigantesque iceberg dont les Media Queries n'en sont que la surface. Le responsive webdesign reste une technique et une infime partie de ce qui est aujourd'hui appelé "Adaptive Webdesign".
L’importance d’un site Web épuré De nos jours, l’internaute moderne est paresseux et impatient. Il ne veut pas penser n’y attendre. Avec les dizaines de milliers de sites Web existants, la concurrence est énorme et il ne faut pas grand chose afin de faire perdre l’intérêt à un utilisateur. Steve Krug, un consultant en ergonomie, qui a entre autre travaillé pour Apple et Lexus, nous propose un livre intitulé : Don’t make me think . CSS Ô grands fous qui êtes tombés par inadvertance sur cette page et voulez apprendre ce langage si célèbre mais si ingrat qu’est le CSS ! Tant de simplicité dans sa puissance, tant de concision dans son mystère ! La fascination qui vous hante est celle qui vous mènera à votre perte.
HTML5-CSS3.fr - Tutoriels, exemples et démos HTML5 et CSS3 Trouver son code couleur HTML ! Les couleurs avec du CSS sont les mêmes que celles avec un code HTML. Pour faire référence à d'autres couleurs, vous devrez utiliser le code hexadécimal. C'est bien sûr un peu moins parlant mais universel. Les transformations 3D en CSS3 L’une des innovations majeures apportées par le CSS3 est la capacité à “transformer” des éléments. Ces transformations, qui peuvent être effectuées en 2D (sur la plan de la page) ou en 3D, permettent d’enrichir l’expérience utilisateur avec de tout nouveaux types d’effets visuels. Les transformations combinées avec les transitions permettent en effet d’animer des éléments HTML en effectuant des rotations, des transitions ou des changements d’échelle. Nous allons aujourd’hui appliquer ces transformations dans l’espace grâce aux transformations 3D du CSS3 ! Ce tutoriel a été rédigé par Vincent De Oliveira, enseignant et développeur à l’ENSG. Passionné du web, il est le créateur du site CSS3create, dédié à l’expérimentation et à l’apprentissage de CSS3 ainsi que de l’outil PrefixMyCSS, permettant l’ajout automatique des préfixes propriétaires CSS.
10 ressources JavaScript et jQuery - ressources-javascript Aujourd'hui sur le Blog Du Webdesign découvrez 10 ressources Javascript pour vos projets. FitText FitText est une library permettant de rendre vos polices "responsive" : Elles s'adapteront à la taille de leur contenant. List.js List.js, une excellente library pour créer, gérer et trier les listes
Gamification : 4 techniques pour augmenter les inscriptions La gamification, c’est l’utilisation de mécaniques de jeu pour influencer les comportements. Sur un site web, on peut utiliser la gamification pour inciter l’utilisateur à faire certaines actions : par exemple commenter ou partager des liens. Il existe aussi des techniques pour augmenter les chances d’inscription d’un visiteur. Voici 4 techniques, facile à mettre en pratique. Inciter la découverte Il y a très peu de chance qu’un visiteur s’inscrive sur un site s’il ne sait pas ce qu’il propose.
Responsive web design : Les autres usages Un site web « adaptatif » Vous l’aurez remarqué, depuis quelques temps, le web ne se consomme plus seulement derrière son écran d’ordinateur mais sur des tas de nouveaux appareils ayant chacun leurs spécificités (Taille de l’écran, résolution, connectivité internet, écran tactile, …). Au début de cette transition, beaucoup se sont lancés dans la création de site internet dédié au mobile afin de permettre aux utilisateurs nomades, d’avoir accès à l’information dans une version souvent très simpliste. A cette époque, il n’était pas rare de trouver deux versions d’un site internet (La version Desktop et la version Mobile).
Des plugins jQuery pratiques pour vos projets - integration-ressources Aujourd'hui sur le Blog du Webdesign, découvrez 10 plugins pour simplifier la création de vos projets web Sidr Sidr est un plugin jQuery permettant de faire apparaître un menu sur le côté, un peu comme sur le site mobile de facebook ou de Foundation. iCheck Cette ressource permet de personnaliser ses checkbox graces à des images. Mentions obligatoires - Les mentions qui doivent figurer sur votre site Les mentions obligatoires pour les sites professionnels soumis au droit français Les sites Internet soumis au droit français sont ceux qui sont hébergés en France. En application de l'article 6 III-2 de la loi du 21 juin 2004, les mentions devant figurer les sites professionnels sont les suivantes : - Si vous exercez en tant que personne physique, vous devez préciser vos nom et prénom, adresse, adresse électronique et numéro de téléphone - Si vous exercez en tant que personne morale, vous devez mentionner votre raison sociale (c'est-à-dire le nom de votre société), votre structure juridique (SARL, SA, ou autre), le numéro unique d’identification de votre entreprise (numéro composé d'une lettre et de 9 chiffres), la mention RCS suivie du nom de la ville où se trouve le greffe où elle est immatriculée, le montant du capital social, l'adresse de son siège social, une adresse électronique, ainsi qu'un numéro de téléphone
Responsive webdesign : adapter un site à toutes les résolutions Le Responsive webdesign (conception adaptative ou réactive en français) représente un ensemble de méthodes et techniques permettant d’universaliser un site Web. Qu’il soit consulté sur ordinateur, tablette, e-reader ou mobile, le site ainsi conçu s’adapte automatiquement à la taille de l’écran. Cette évolution très séduisante du Web pose néanmoins certaines questions d’ergonomie et oblige à repenser la conception des sites.
Tutoriel balises meta : guide complet en français Est-ce que Google tient compte de toutes les balises meta ? C'est sans doute un classique mais cette fois la réponse vient de Google directement... L'occasion de revenir sur chaque balise pour préciser son intérêt pour le référencement. Voici donc un tuto balises meta sous forme de liste complète de ces "meta tags" et de leur impact sur le référencement. Article mis à jour le 27/10/2014, publié initialement le 28/01/2009 Sommaire :