Share
C'était en 2016 - et quelle année! Oubliez un instant la politique mondiale, rassemblons la foule, criez-la à haute voix et revenons sur ce que les douze derniers mois ont représenté pour la conception Web..
Le mois de janvier est toujours un mois étrange, rempli d’anticipation au moment où nous lâchons prise sur l’année précédente et entrons dans la nouvelle. Jonathan Cutrell nous a dit ce que nous pouvions attendre de la conception Web en 2016, suggérant une augmentation des «expériences en direct», davantage d'internet des objets, de nombreuses discussions sur la conception politique aux États-Unis, l'importance continue de JavaScript, le battage médiatique croissant pour la réalité virtuelle, la SVG. Je dirais qu'il était à peu près sur la marque!
Chris Coyier et ses amis ont démarré les choses en grand, avec l'épisode 200 de The ShopTalk Show et une nouvelle console JavaScript sophistiquée pour CodePen.
Notre propre Cyan s'est entretenu avec The Sunrise des débuts d'Envato.
«Le travail à distance et un environnement de travail axé sur les résultats ont été définis dès le début […].» - Cyan Ta'eed s'exprimant au sujet de l'AMA de Sunrise
Février a été un mois occupé alors que l'année commençait à se préparer. Adobe a lancé Animate CC (anciennement connu sous le nom de «Flash», dont certains se souviendront peut-être), puis avec une ironie quelque peu poétique, le produit phare d'Envato, activeden.net, a fermé ses portes pour la dernière fois..
De manière plus positive, un envato.com rajeuni a lancé:
La partie continentale de la Chine a sonné pendant «l'année du singe brûlant». Kendra a donc écrit un article à ce sujet pour nous: Bonne année du singe! Déchiffrer le symbolisme du nouvel an chinois dans le design d'interface utilisateur.
Jon Gold a tweeté ce commentaire plutôt discordant, mais extrêmement résonnant (qu'avez-vous pensé?)
Lequel des deux sites possibles concevez-vous actuellement? pic.twitter.com/ZD0uRGTqqm
- kerning man 🤜💥🤛 (@jongold) 2 février 2016
Sarah Parmenter a demandé si le travail de conception Web tel que nous le connaissons est en train de s'assécher: L'éléphant dans la pièce. Et trumpdonald.org a aidé tout le monde à aimer.
Comment le web s'est-il amélioré en février? Nous avons publié le guide (excellent) pour l'accessibilité du Web de John Hartley (excellent) et Google, dans sa quête d'un meilleur Web, a lancé les listes AMP dans les résultats de recherche sur mobile. AMP a-t-il amélioré les choses? Google vient-il d'ajouter une nouvelle couche de complexité à nos emplois de concepteurs Web? Tu décides.
S'appuyant sur l'élan du nouvel an chinois, Kendra a demandé (et compris) comment dites-vous Envato en chinois? Spoiler, c'est: 云台.
En termes de nouveaux lancements, Adobe nous a donné un aperçu de Experience Design (qui deviendra plus tard XD). designfacts.org a ouvert ses portes en commençant par une pépite concernant Paul Rand et le logo original de l'UPS.
En ce qui concerne les livres, Design for Real Life est apparu sur les tablettes de A Book Apart, et Val Head nous a donné ceci (merci Val):
5SS ferme ses portes, j'ai donc mis mon guide CSS Animations Pocket à disposition ici (gratuitement): https://t.co/kCRA6uWspc pic.twitter.com/GT31a5j42N
- Val Head (@vlh) 30 mars 2016
Avril a été un mois au cours duquel les discussions sur l’éthique de l’utilisation des bloqueurs de publicités ont augmenté d’un cran; les utilisateurs en ont assez des sites Web lents et des intrusions, les créateurs de contenu doivent gagner de l'argent pour pouvoir faire leur travail. Rusé.
Etsy a lancé Pattern, un constructeur de sites Web pour ses vendeurs, et Tim Brown a rendu son guide de poche sur la combinaison de polices parfaitement gratuit (merci Tim)..
Chez Tuts +, nous avons couru le CodePen Challenge # 6: Lettrines décoratives, puis Nicole et moi avons expliqué comment nous avons créé nos nouveaux courriels brillants..
Zach Leatherman a classé les candidats aux présidentielles américaines sur la base de leurs stratégies de chargement des polices..
En mai 2016, Adobe a lancé Spark; son application de conception graphique pour la création de graphiques sociaux, d'histoires Web et de vidéos animées. Netflix a lancé fast.com, sans doute le plus simple outil de test de vitesse sur le Web.
Article Joyeux 6ème anniversaire @RWD! Mec, celui-là a changé quelques petites choses…
- Envato Tuts + Web (@wdtuts) 25 mai 2016
Https: //t.co/Xh1PhSFGJ5
Et Kim a remporté un Webby pour avoir brisé Internet:
“Selfies nues jusqu'à ma mort” - Kim Kardashian West
L'été est arrivé et avec lui, Google nous a invités à «découvrir comment nos sites fonctionnent correctement sur les appareils mobiles et les ordinateurs de bureau» avec le lancement de testmysite.thinkwithgoogle.com. D'autres équipes de Google étaient également occupées, Google Fonts a lancé une nouvelle refonte rapide:
Nous avons publié des tutoriels pratiques, mais techniques:
Oak Studios a lancé l'un des sites Web les plus inspirants (certainement en termes de couleurs) de l'année: le leur:
Craig Campbell a répondu au besoin pressant du monde d'apprendre la conception de mouvement, dans l'un de nos cours les plus populaires cette année. 3 projets GreenSock: Animation pratique avec GSAP.
Août! Nous avons célébré le dixième anniversaire d’Envato, ce qui a poussé Collis à décrire son expérience de la conception d’un site Web il ya dix ans. Il a également été interviewé sur son rôle en tant que PDG:
«Mais je travaille aussi beaucoup. J'ai une charge de travail assez lourde. Je suis une personne qui est simplement à l'aise avec le travail. ”- Collis Ta'eed, sur la gestion. Perturbé.
En termes de tutoriels, Kezz Bracey a expliqué comment configurer un thème Jekyll. Et comment le web s'est-il amélioré? Google a annoncé qu'il commencerait à pénaliser les «interstitiels intrusifs» (des fenêtres pop-up gênantes pour vous et moi).
Plus de nouveautés en septembre, y compris les polices de variables OpenType qui ont été accueillies avec enthousiasme et confusion. Gmail a annoncé qu’il commencerait à prendre en charge les normes Responsive Web Design (requêtes de médias et lissage). Marc Hemeon a lancé la nouvelle incarnation de designinc.com, WordPress.tv a lancé sa chaîne YouTube et A Book Apart a publié le brillant JavaScript pour les concepteurs Web de Mat Marquis.
Nous avons lancé notre série de didacticiels Comprendre la disposition en grille CSS, tandis que Jen Simmons a fourni l'inspiration sous la forme d'un relancement de laboratoire basé sur une grille:
Stripe a fait de même, montrant une nouvelle page d'accueil fessée. Voir plus de travail de conception de Stripe en suivant l'équipe sur Dribbbble.
Pour ce qui est de rendre le Web plus performant, Google a expliqué comment le temps de latence sur son mobile avait un impact sur le chiffre d'affaires des éditeurs. Christian Miller a déclaré qu'il pensait que votre corps de texte était trop petit. Je pense qu'il a raison.
Alors que le monde était impliqué dans l’élection présidentielle américaine, il est apparu que Donald Trump avait négligé d’enregistrer certains domaines (assez importants). Cela a laissé trump.org et trump.tv, entre autres, hors du contrôle de sa campagne.
En plaçant le chiffrement, l'intégrité des données et l'authentification en tête de liste des priorités, Envato Market est passé à HTTPS..
Kevin Marks a donné suite à ce que Christian Miller a écrit en septembre, nous expliquant comment le Web est devenu illisible.
Un certain framework front-end a eu cinq ans:
Joyeux 5ème anniversaire @ZURBfoundation! Des voeux chaleureux de @envato avec la permission de @adipurdila 🎉https: //t.co/c7OrsCYLVn
- Envato Tuts + Web (@wdtuts) 18 octobre 2016
Enfin, Caniuse a introduit le «mode date relative» afin de mettre en évidence le moment où les versions de navigateur ont été publiées et par conséquent les technologies adoptées..
Vers la fin de l'année, Tuts + a publié sa 3 000e traduction, tandis que @tutsplus_es a rassemblé 1 000 abonnés..
Il y a eu un certain nombre de libérations. Sketch 41 fait son entrée dans les rayons avec un nouveau look, des symboles imbriqués, etc. iA Writer 4 a été publié et Brad Frost a publié son livre très attendu, Atomic Design. De l'autre côté, Fontdeck a fermé ses portes.
De grandes améliorations ont été apportées au débogage du Web avec des outils Web:
«L'objectif de Chrome Dev Tools est d'optimiser votre productivité en tant que développeur.» - Paul Irish, Chrome Dev Summit 2016
Puis Jason Levine a fait la même chose chez Adobe Max.
Un jalon important dans l'utilisation d'Internet a été franchi:
Statcounter affirme que l’utilisation mondiale d’Internet pour mobiles / tablettes a dépassé les ordinateurs de bureau / ordinateurs portables ce mois-ci. / ht @TheRegister pic.twitter.com/DnfQW4a70M
- Peter Gasston (@stopsatgreen) 2 novembre 2016
Douze mois plus tard, quelques événements ont été lancés pour marquer la fin de l'année: Tim Kadlec a lancé www.webworldwide.io, Ethan Marcotte a lancé une refonte (réactive) de son propre site web. WordPress 4.7 “Vaughan” (avec le tout nouveau thème par défaut de Twenty Seventeen) a été publié.
2017.wordpress.netPour terminer le mois, nous avons reçu un design inspirant et solide au lancement de theoutline.com:
“Ce qui nous a amené ici ne nous y mènera pas.” - Matt Mullenweg, État de la Parole 2016
Cela met fin à notre coup d’œil sur la conception Web en 2016! Qu'est-ce qui vous a semblé significatif cette année? Comment la conception Web a-t-elle changé et où pensez-vous qu'elle va? Qu'attendez-vous en 2017??
Certains diront que la sécurité Web jouera un rôle important dans ce que nous ferons l'année prochaine. D'autres seront impatients de publier de nouveaux cadres. Peut-être que l'UX sera notre priorité? Ou l'internationalisation? Matt Mullenweg vous suggérera probablement de vous concentrer sur JavaScript. Les puristes vous diront peut-être qu'il est temps de rappeler un peu les choses et de vous rappeler les bases de ce que devrait être le Web..
Je vais vous laisser avec ceci:
“2017 est l'année de la disposition de la grille.” @Jensimmons #AEASF
- Jeffrey Zeldman (@zeldman) 31 octobre 2016
Accentsconagua