background preloader

24 jours de web : Le calendrier de l'avent des gens qui font le web d'après.

24 jours de web : Le calendrier de l'avent des gens qui font le web d'après.

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

Blog web design et inspiration › Marie Guillaumet Visite des studios Harry Potter Mentions légales Nous précisons que ce générateur a le caractère d’information juridique, et non d’acte juridique, nous vous invitons à aller consulter un conseil juridique afin de compléter ces mentions si votre activité l’exige. Vous pouvez auto-générer gratuitement les mentions légales de votre site Internet en HTML avec le formulaire ci-dessous.Les informations demandées ne servent qu’à la création de vos mentions légales et ne seront jamais diffusées à des tiers. Le texte étant automatique, il est fortement conseillé de relire vos mentions légales, pour vous assurer que le texte est pertinent et rédigé dans un bon français. Le texte de mentions légales généré est relativement complet, et il est fourni dans l’état et sans support.Nous ne pourrons être tenu responsable, de texte manquant dans vos mentions légales.

Posts Code noms de domaine Un article de Wikipédia, l'encyclopédie libre. Cet article contient une liste des domaines de premier niveau (top-level domain en anglais, abrégé en TLD). Elle inclut à la fois les domaines génériques (.net, .com…) et les domaines nationaux de premier niveau (country code top-level domain, en abrégé ccTLD). Types de domaines de premier niveau[modifier | modifier le code] L'IANA distingue actuellement les types de domaines de premier niveau suivants[1] : un domaine de premier niveau spécial (.arpa) ;des domaines de premier niveau nationaux (en anglais, country-code top-level-domains ou ccTLD);des domaines de premier niveau internationalisés des domaines de premier niveau nationaux internationalisés (en anglais, internationalized country code top-level domains ou IDN ccTLD),des domaines de premier niveau internationalisés de test ;des domaines de premier niveau génériques (en anglais, generic top-level-domains ou gTLD) Les domaines nationaux sont associés à un pays. .om : Oman Aucun code.

Grunt pour ceux qui pensent que Grunt est compliqué On parle beaucoup de Grunt aujourd'hui, mais les articles disponibles sont souvent abscons et techniques. Pourtant Grunt n'est pas réservé aux spécialistes, comme le montre cette introduction de Chris Coyier. Par Chris Coyier On donne souvent les conseils suivants aux intégrateurs web : Divisez votre CSS et votre JavaScript en autant de parties que nécessaire, puis concaténez-les pour la version de production de votre site. Il y en aurait encore beaucoup à ajouter, mais voilà déjà quelques basiques. Je suis sûr que vous avez entendu parler de Grunt. Mais soyons clair : Grunt est un de ces nouveaux joujoux à la mode que tous les cool kids utilisent, mais qui à première vue semble étrange et intimidant. Écartons tout de suite quelques malentendus Peut-être avez-vous entendu parler de Grunt mais ne l'avez pas utilisé vous-même. Je n'ai pas besoin de ce que fait Grunt Probablement que si, en fait. Grunt fonctionne avec la console - Je ne suis qu'un designer Je suis designer, moi aussi. grunt

Optimiser le rendu de @font-face : tout un programme ! - Le blog de Clever Age Depuis quelques années, @font-face est devenu l’outil indispensable pour agrémenter une interface web de fontes exotiques. Mais comment expliquer les différences de rendu, parfois considérables, d’un navigateur et d’un OS à l’autre ? Penchons-nous sur la question. Introduction Pour utiliser une jolie typo sur un site web, vous avez plusieurs solutions, la plus pérenne et la plus efficace étant @font-face. Je ne vais pas couvrir la base du fonctionnement de @font-face : Typographisme, David Lemaitre et Goulven Champenois l’ont très bien fait. Non, ce qui m’intéresse moi, c’est de vous présenter un peu plus en détails les différents formats de police, en particulier TTF, OTF et WOFF, de tenter de répondre à la question « Mais pourquoi mes fontes sont toutes cracra sous Windows », et de vous donner quelques astuces pour optimiser le rendus des polices @font-face. @font-face, « une catastrophe industrielle » ? Bien que l’expression soit forte, je comprends très bien sa réaction. Pourquoi ?

- Webdesign, front-end, astuces et geek stuff Ébauche de workflow Gulp : tâches courantes, unCSS, includes HTML et critical-CSS Préambule : cet article part du principe que vous n’êtes pas totalement étranger aux notions et outils tels que LESS, NodeJS, Gulp ni à la ligne de commande, il ne s'agit d'un tutoriel de découverte de ces outils mais d'usage en environnement professionnel. Introduction Au sein de l’agence web Alsacreations.fr, nous avons instauré un processus de travail (un “workflow”) composé de langage LESS, compilé avec des tâches Gulp et saupoudré de conventions internes et de KNACSS. Le site goetter.fr est mon site personnel, mon bac à sable et mon espace de test pour moults expériences web. La version actuelle du site est très artisanale et manuelle. Cela m’a pris une journée de reprendre tout le workflow de mon site perso. L’environnement Gulp Avec le choix de Gulp, mon processus de travail est aujourd'hui différent dans la mesure où je scinde deux environnements distincts : tous mes fichiers en développement sont dans _src/ les fichiers compilés, à envoyer en prod sont tous dans _dist/ tâches CSS

Le guide ultime pour accélérer son développement frontend Il existe deux types de développeurs : ceux qui développent vite (et bien) et les autres. En tant que développeur frontend vous vous êtes sûrement déjà rendu compte que certaines parties de votre travail/passion était redondantes et qu'il était souvent possible d'aller plus vite. Bref, je vais vous apprendre à passer au niveau supérieur de productivité à travers une (longue) liste de conseils et d'astuces glanées sur le web. Sommaire 1. Avant toute chose je tiens à vous faire remarquer que ce guide est le fruit de ma réflexion et de mon expérience du développement frontend. Cet article provient à l'origine d'un post sur Quora que j'ai écrit pour répondre à la question "Quelles sont les meilleurs astuces pour gagner du temps lors d'un développement front ?". 2. Pendant longtemps sur mes projets personnels j'ai pris l'habitude de toujours débuter en négligeant la phase de conception. Astuce n°1 : Ne jamais mettre la charrue avant les boeufs Définir les grandes lignes Réaliser des prototypes

VIM Adventures

Related: