https://www.cssdesignawards.com/
Related: moreels • INSPIRATIONS10 Astuces CSS pour vous sauver la vie ! #2 Après un premier article présentant 10 astuces à connaître pour éviter de s’arracher les cheveux sur du CSS, voici la suite toujours aussi utile ! A première vue, le CSS est un langage, voire un « format », facile et rapidement assimilable. Seulement, il y a de nombreuses subtilités à connaître avant de maîtriser entièrement le duo xHTML/CSS. Je vais délivrer certaines connaissances, astuces ou autres trucs pouvant vous éviter de perdre des heures de recherches. Joomla! & HTTPS - Mise au point et Tutoriel pour basculer en SSL Le contexte du HTTPS Le HTTPS est la combinaison du HTTP avec une couche de chiffrement SSL. Le SSL est un procédé de chiffrement des données entre le serveur et votre terminal. Le SSL repose sur l'obtention d'un certificat par nom de domaine (voir plus loin). Au travers des informations distillées par Google depuis Août 2014 et qui se sont accélérées fin 2016, le passage au HTTPS est inévitable.
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
Mobilier design et lampes en ligne sur Einrichten-Design.de Quand vous vous levez le matin et votre premier regard tombe sur des meubles d’un design parfait, le monde est merveilleux déjà tôt le matin. Un intérieur valorisé grâce aux meubles haut de gamme stimule manifestement le bien-être. Mais d’où vient ce bien-être ? Et pourquoi l’harmonie entre forme et fonction est si importante pour le design de meubles ? Inspirations et techniques pour intégrateurs : Créer de l'interactivité sans Javascript #1 J'espère que vous n'avez rien contre le CSS, car il sera à l'honneur encore une fois pour ce mois de février ! Au programme : comment se passer du Javascript sans pour autant se passer de l'interactivité. Le CSS est sans aucun doute un outil fascinant, car très limité : pas "vraiment" de conditions, pas de boucles, pas "vraiment" de moyen de sauvegarder de l'information. Ces limites font pour certains que le CSS n'est pas un "vrai" langage, et sa création ne peut donc pas compter comme de la programmation.
10 erreurs fréquentes à ne plus commettre avec WordPress (Infographie) WordPress est LE CMS le plus populaire au monde, avec plus de 75 millions de sites qui l’utilisent dans le monde, que ce soit pour la création de blogs, de sites vitrines ou encore de sites E-commerce, WordPress est massivement utilisé, mais pas toujours aussi bien qu’il le faudrait. Cette infographie revient sur les 10 principales erreurs à ne plus commettre en 2015 avec WordPress. Erreur 1- Garder l’identifiant de connexion « Admin » pour le compte administrateur Toutes les attaques par force brute qui ciblent des installations WordPress seront plus à même de pénétrer votre site internet si ce dernier dispose d’un compte administrateur avec un login inchangé « admin ». En effet, les assaillants commencent toujours par les sites les plus faciles à pirater, ils vont donc dans un premier temps essayer de pénétrer tous les sites avec des identifiants inchangés. Cette modification d’identifiant doit être faite dès l’installation de WordPress.
Des ressources pour générer automatiquement la documentation de vos prochains projets Aujourd'hui, le BlogDuWebdesign vous propose de découvrir ou redécouvrir une pratique qui fera le bonheur de vos collaborateurs futurs : la génération de documentations pour vos projets. Pourquoi documenter ses projets Quand je parle de documenter ses projets, je pense que la plupart d'entre vous pensent à des projets publiques ou open source.
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é Adaptabilité : en quoi ça consiste ? C’est S’ADAPTER aux caractéristiques des utilisateurs (vues, perspectives, raccourcis…)
Le gif artistique, (re)revue d'une tendance Plus qu’un simple épiphénomène, le GIF artistique prend de plus en plus de place dans le paysage créatif. Nous n’en sommes pas encore à parler de discipline artistique à part entière, mais l’approche qu’il autorise, à mi-chemin entre la photo et la vidéo, n’a pas d’égal. Il y a quelques mois, j’avais abordé dans cet article la renaissance du GIF et les différentes catégories que l’on pouvait désormais y trouver. De l’utile au divertissant, en passant par le beau.
14 bibliothèques et outils CSS gratuits à utiliser sans hésiter De nombreuses ressources CSS open source sont disponibles sur le web pour vous aider à gagner du temps et à parfaire vos connaissances sur des spécificités du langage que vous ne maîtrisez peut-être pas encore. J’ai sélectionné dans cet article 14 bibliothèques et outils CSS gratuits qui viendront vous prêter main forte et vous faire gagner du temps lors de vos prochains projets web : outils, filtres photos, dégradés, couleurs, icônes, info-bulles, … 1. Hamburgers
Médiation numérique, le point aveugle de la conception ? Nous sommes nombreux à être en difficulté avec le numérique. Ce serait le cas de 13 millions de personnes selon une enquête de la mission société numérique. En 2016, une tribune publiée sur le Monde par Emmaüs Connect et nombre d’organisations et de personnalités de l’internet français, estimait que les citoyens en difficulté avec le numérique seraient plutôt autour de 5 millions, et que ceux-ci seraient surtout ceux qui cumulent précarité sociale et numérique. Selon une étude du CSA pour l’association des Petits frères des pauvres, 20 % des plus de 60 ans seraient en situation d’exclusion numérique… Selon un sondage de BVA pour le Digital Society Forum, un Français sur 10 serait mal à l’aise avec le numérique, toute classe d’âge confondue. 56 % d’entre nous se sentiraient démunis devant les démarches à faire en ligne… Nous sommes tous peu ou prou en difficulté avec le numérique
20 Actions Photoshop super pratiques et gratuites pour graphistes et UI designers Faciliter votre workflow peut vous faire gagner un temps considérable et surtout très précieux ! Voici 20 actions Photoshop gratuites, puissantes et indispensables. Adobe Photoshop a justement mis en place certains outils essentiels pour œuvrer dans ce sens-là, dont les fameuses actions. Ces scripts automatisés font tout le travail pour vous (une partie du moins) en un temps record (comptez quelques secondes). Ces actions très utiles surtout dans vos tâches répétitives, vous permettront d’optimiser indubitablement votre flux de travail.
Résolution, tablettes & smartphones Avec une troisième génération d’iPad, Apple a semé le trouble dans les résolutions d’écrans. En effet l’iPad 3 présente un nombre plus élevé de pixels que la majorité des PC avec une taille d’écran divisé par deux. Je propose donc un petit tableau pour essayer de faire le point sur le parc des résolutions d’écrans. Lanterne nomade Clover Lantern Jaune - Lexon Design - The Cool Republic Lexon Lumière nomade Dessinée par Ionna Vautrin, cette charmante lanterne, ovoïde, allie l'esthétisme à la fonctionnalité. Compacte et simple, elle se suspend en tout endroit pour apporter une indispensable lumière.