Bueno, eso fue 2016, ¡y qué año ha sido! Olvídese de la política mundial por un momento, juntemos a la multitud, gritemos en voz alta y veamos lo que significaron los últimos doce meses para el diseño web.
Enero siempre es un mes extraño, lleno de anticipación a medida que liberamos nuestro control sobre el año anterior y salimos a lo nuevo. Jonathan Cutrell nos contó lo que podríamos esperar del diseño web en 2016, sugiriendo un aumento en las "experiencias en vivo", más Internet de las cosas, un gran debate sobre el diseño político de los EE. UU. SVG. Yo diría que estaba bastante en la marca!
Chris Coyier y sus amigos iniciaron todo a lo grande, con el episodio 200 de The ShopTalk Show y una nueva y elegante consola de JavaScript para CodePen.
Nuestro propio Cyan habló con The Sunrise sobre los primeros días de Envato..
"El trabajo remoto y un entorno de trabajo basado en resultados se desarrollaron en [...] desde el principio". - Cyan Ta'eed hablando en la AMA de The Sunrise
Febrero fue un mes muy ocupado ya que el año comenzó a prepararse. Adobe lanzó Animate CC (anteriormente conocido como "Flash", que algunos de ustedes recordarán), luego con una ironía un tanto poética, el buque insignia original de Envato activeden.net cerró sus puertas por última vez..
En noticias más positivas, un rejuvenecido envato.com lanzó:
La parte continental de China sonó en el "Año del mono de fuego", por lo que Kendra escribió un artículo para nosotros: ¡Feliz año del mono! Descifrando el simbolismo del año nuevo chino en el diseño de IU.
Jon Gold tuiteó este comentario bastante divisivo, pero enormemente resonante (¿qué pensaste?)
¿Cuál de los dos sitios web posibles estás diseñando actualmente? pic.twitter.com/ZD0uRGTqqm
- kerning man 🤜💥🤛 (@jongold) 2 de febrero de 2016
Sarah Parmenter preguntó si el diseño web funciona como lo conocemos: The Elephant In The Room. Y trumpdonald.org ayudó a todos a disfrutar del triunfo..
¿Cómo mejoró la web en febrero? Publicamos (excelente) la Guía de accesibilidad web para principiantes de John Hartley, y Google, en su búsqueda de una mejor web, lanzó las listas de AMP en los resultados de búsqueda móvil. ¿AMP ha mejorado las cosas? ¿Google acaba de agregar otra capa de complejidad a nuestros trabajos como diseñadores web? Tú decides.
Aprovechando el impulso del año nuevo chino, Kendra preguntó (y se dio cuenta) ¿cómo se dice Envato en chino? Spoiler, es: 艺.
En cuanto a los nuevos lanzamientos, Adobe nos dio una vista previa de Experience Design (que luego se convertirá en XD). designfacts.org abrió sus puertas, comenzando con un nugget sobre Paul Rand y el logotipo original de UPS.
En cuanto a los libros, Design for Real Life llegó a los estantes de A Book Apart, y Val Head nos dio esto (gracias Val):
5SS se está cerrando, por lo que he hecho que mi CSS Animations Pocket Guide esté disponible aquí (gratis): https://t.co/kCRA6uWspc pic.twitter.com/GT31a5j42N
- Val Head (@vlh) 30 de marzo de 2016
Abril fue un mes durante el cual la discusión sobre la ética del uso de los bloqueadores de anuncios subió un nivel; los usuarios están hartos de sitios web lentos e intrusos, los creadores de contenido necesitan ganar dinero para hacer su trabajo. Difícil.
Etsy lanzó Pattern, un creador de sitios web para sus vendedores, y Tim Brown hizo su Guía de bolsillo para combinar tipografías completamente gratis para descargar (gracias Tim).
En Tuts + corrimos el CodePen Challenge # 6: Decorative Drop Caps, luego Nicole y yo explicamos cómo hicimos nuestros nuevos y brillantes correos electrónicos..
Zach Leatherman calificó a los candidatos presidenciales de EE. UU. Según sus estrategias de carga de fuentes.
Mayo de 2016 vio a Adobe lanzar Spark; Su aplicación de diseño gráfico para la creación de gráficos sociales, historias web y videos animados. Netflix lanzó fast.com, posiblemente la herramienta de prueba de velocidad web más simple de la web..
Feliz 6to cumpleaños artículo @RWD! Hombre, esa cambió algunas cosas ...
- Envato Tuts + Web (@wdtuts) 25 de mayo de 2016
🍾https: //t.co/Xh1PhSFGJ5
Y Kim ganó un Webby por romper el internet:
"Selfies desnudas hasta que muera" - Kim Kardashian West
Llegó el verano y con ello Google nos invitó a "descubrir qué tan bien funcionan nuestros sitios en dispositivos móviles y de escritorio" con el lanzamiento de testmysite.thinkwithgoogle.com. Otros equipos de Google también estaban ocupados, Google Fonts lanzó un nuevo rediseño:
Publicamos algunos tutoriales prácticos, pero técnicos:
Oak Studios lanzó uno de los sitios web más inspiradores (sin duda de color) del año: el suyo propio:
Craig Campbell abordó la necesidad apremiante del mundo de aprender diseño de movimiento en uno de nuestros cursos más populares de este año 3 Proyectos GreenSock: Animación práctica con GSAP.
¡Agosto! Celebramos el décimo cumpleaños de Envato, lo que llevó a Collis a describir cómo era diseñar un sitio web hace diez años. También fue entrevistado sobre su papel como CEO:
"Pero yo también trabajo mucho. Tengo una carga de trabajo bastante pesada. Soy una persona que se siente cómoda trabajando mucho ". - Collis Ta'eed, en Administración. Interrumpido.
En cuanto a los tutoriales, Kezz Bracey explicó cómo configurar un tema de Jekyll. ¿Y cómo mejoró la web? Google anunció que comenzaría a penalizar los "intersticiales intrusivos" (ventanas emergentes molestas para ti y para mí).
Más novedades en septiembre, incluidas las fuentes de variable OpenType que han sido recibidas con igual entusiasmo y confusión. Gmail anunció que comenzaría a admitir los estándares de diseño web responsivo (consultas de medios y problemas). Marc Hemeon lanzó la nueva encarnación de designinc.com, WordPress.tv lanzó su canal de YouTube y A Book Apart publicó el brillante JavaScript para diseñadores web de Mat Marquis..
Lanzamos nuestra serie de tutoriales Understanding CSS Grid Layout, mientras que Jen Simmons proporcionó inspiración en la forma de un relanzamiento de laboratorio basado en grid:
Stripe hizo lo mismo, mostrando una nueva página de inicio de azotes. Vea más sobre el trabajo de diseño de Stripe siguiendo al equipo en Dribbbble.
En términos de hacer de la web un lugar mejor, Google informó cómo la latencia móvil afecta los ingresos del editor, y Christian Miller afirmó que cree que el texto de su cuerpo es demasiado pequeño. Creo que tiene razon.
Mientras el mundo estaba involucrado en las elecciones presidenciales de los Estados Unidos, se supo que Donald Trump había olvidado registrar ciertos dominios (bastante importantes). Esto dejó a trump.org y trump.tv, entre otros, fuera del control de su campaña..
Al colocar el cifrado, la integridad de los datos y la autenticación en la parte superior de la lista de prioridades, Envato Market pasó a HTTPS.
Kevin Marks hizo un seguimiento de lo que Christian Miller escribió en septiembre y nos mostró cómo la Web se volvió ilegible..
Un cierto marco de front-end cumplió cinco años:
Feliz 5to cumpleaños @ZURBfoundation! Algunos cálidos deseos de @envato cortesía de @adipurdila 🎂 🎉https: //t.co/c7OrsCYLVn
- Envato Tuts + Web (@wdtuts) 18 de octubre de 2016
Finalmente, Caniuse introdujo el "modo relativo a la fecha" para resaltar cuándo se lanzaron las versiones del navegador y, por lo tanto, cuando adoptaron tecnologías..
Avanzando hacia el final del año, Tuts + publicó su traducción número 3.000, mientras que @tutsplus_es cruzó 1.000 seguidores..
Hubo una serie de lanzamientos; El Sketch 41 llega a los estantes, con una nueva apariencia, símbolos anidados y más. iA Writer 4 fue lanzado, y Brad Frost publicó su tan esperado Atomic Design, el libro. Por otro lado, Fontdeck cerró sus puertas..
Se hicieron grandes mejoras para depurar la web con herramientas web:
"Nuestro objetivo en Chrome Dev Tools es maximizar su productividad como desarrollador". - Paul Irish, Chrome Dev Summit 2016
Entonces Jason Levine hizo eso en Adobe Max..
Se cruzó un hito importante en el uso de Internet:
Statcounter dice que el uso global de Internet móvil / tableta superó a la computadora de escritorio / portátil este mes. / ht @TheRegister pic.twitter.com/DnfQW4a70M
- Peter Gasston (@stopsatgreen) 2 de noviembre de 2016
Doce meses después y algunas cosas se lanzaron para marcar el final del año: Tim Kadlec lanzó www.webworldwide.io, Ethan Marcotte lanzó un rediseño (sensible) de su propio sitio web. WordPress 4.7 “Vaughan” (junto con el nuevo tema predeterminado de Twenty Seventeen) fue lanzado.
2017.wordpress.netPara redondear el mes, nos dieron un diseño fuerte e inspirador cuando lanzó theoutline.com:
“Lo que nos trajo aquí no nos llevará allí”. - Matt Mullenweg, Estado de la Palabra 2016
¡Eso concluye nuestro rápido vistazo al diseño web en 2016! ¿Qué sentiste fue significativo este año? ¿Cómo cambió el diseño web y dónde crees que va? ¿Qué esperas en 2017??
Algunos dirían que la seguridad web desempeñará un papel importante en lo que haremos el próximo año. Otros esperarán el lanzamiento de nuevos marcos. Quizás UX sea nuestra prioridad? ¿O la internacionalización? Matt Mullenweg probablemente te sugerirá que te concentres en JavaScript. Los puristas pueden decirle que es hora de devolver un poco las cosas y recordar lo básico de lo que debería ser la web..
Solo te dejo con esto:
"2017 es el año de Grid Layout". @Jensimmons #AEASF
- Jeffrey Zeldman (@zeldman) 31 de octubre de 2016