Référencement Marseille, audit, formation et actualités SEO - Kiwano Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web Résolutions d'écrans les plus utilisées pour un site web. Les usages sur internet évoluent vite, les résolutions les plus utilisées en 2013 sont plus grandes que les années précédentes. On note l'essor de la navigation sur tablette (et mobile) qui représente souvent entre 15% et 20% du trafic. Quels choix impliquent ces évolutions pour le concepteur web ? L'analyse statistique des différentes façon de naviguer sur le web montre trois évolutions importantes entre 2012 et 2013 : - Des résolutions d'écrans plus grandes de manière générale, - En 1ère position la résolution 1366x768. - La croissance assez forte des tablettes et mobiles. - Une diversité plus importantes de tailles à prendre en compte. Les tailles d'écrans du trafic web actuel La résolution 1366x768 est la grande gagnante de ces derniers mois, et sera certainement la résolution la plus utilisée en 2013, détrônant ainsi le 1280x800 ou encore le 1024x768 jusqu'alors considérés comme les standards du web. Retour sur les résolutions d'écrans du passé. Quel choix pour le webdesigner en 2013
Responsive 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. On entend parler de "Responsive Webdesign" depuis plusieurs années maintenant, et le sujet s'est vraiment démocratisé et popularisé en 2012. Dans cet article, nous allons nous intéresser à ce qui est aujourd'hui déjà possible en terme d'optimisation de sites pour mobiles, mais également à ce qui sera possible dans le futur. L'état des images dans le responsive webdesign Quelle meilleure manière d'aborder le sujet que de commencer par ce qui pose un gros souci : la gestion des images. Beaucoup de designers adorent le "pixel-perfect", mais les images de taille "normale" sont souvent "pixelisées" lorsqu'elles sont affichées sur des écrans haute définition. La solution flexbox La solution Grid Layout
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 Intro.js Intro.js vous permettra de faire des présentations prenant votre utilisateur par la main pour le guider pas à pas. jQuery Fle Uploader Comme son nom l'indique, un plugin jquery pour gérer les uploads multiples et asynchrones HTML5. Bower Bower est un package manager pour le web, fait sous la tutelle de Twitter. Chart.js Chart.js est une library pour faire des charts dans le style de Morris.js, mais sans dépendances. Crel Crel est une library supersonique pour créer des éléments DOM. Moment.js Moment.js est une library très utilise pour parser, générer et gérer des dates sous différents formats. Typeaheah Tyeahead est le moyen le plus simple d'implementer une autocompletion efficace. Keymaster
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. Validatr Cette ressource fournit un support complet de la validation HTML5 pour les formulaires TinyIcon Cette ressource vous permettra de faire apparaître des notifications sur le favicon. Dynamo Dynamo permet de créer des mots qui se permutent avec le temps très simplement. jBar Ce plugin permet de faire apparaître une barre d'appel a l'action au-dessus de votre site. Timepickr Il y a quelque temps, j'ai eu besoin d'un time picker, et celui-là est le seul correct que j'ai trouvé qui n'utilise pas jQuery UI. InfiniteDrag Ce plugin permet de créer un mur se scrollant à l'infini. X-editable Ce plugin fournit un système d'édition en ligne.