Hilo de 艾略特 (@elliotchen100)

"El desarrollo front-end nunca morirá" - Serie original capítulo de píxel a píxel El desarrollo front-end nunca morirá; apreciamos y necesitamos ingenieros front-end píxel a píxel más que nunca. En sus inicios, los desarrolladores frontend recibían archivos de Photoshop de los "chicos del corte de imágenes". Los diseños de estos archivos se dividían en secciones, como Encabezado, Navegación, Cuerpo y Pie de página. (En aquel entonces, no había héroes sofisticados; un carrusel combinado con el diseño ya era increíblemente genial). Una vez que el front-end recibe el archivo segmentado de Photoshop, que contiene regiones, subregiones y capas, el front-end puede exportar los recursos necesarios según sus necesidades y luego construir la página de acuerdo con los valores, dimensiones y fondo marcados. El front-end necesita extraer los valores de color, optimizar las imágenes para aplicaciones web, aprender a cubrir el fondo y familiarizarse con las diferencias entre JPG y PNG, la gama de colores y el tamaño. En los días previos a las cuadrículas y los flexboxes, centrar un div de tamaño desconocido podía volver locos a los desarrolladores front-end. En aquel entonces, un dicho popular era que un buen desarrollador front-end debería ser capaz de reproducir el diseño 1:1 en la página, de ahí el término "píxel a píxel". Parece sencillo, ¿verdad? Pero ¿sabías que en esa época Chrome solo tenía una cuota de mercado del 10% y que existían múltiples navegadores que usaban diferentes motores de renderizado, como Webkit (Chrome), Gecko (Firefox) y Presto (Opera)? En aquel entonces, había otro conocido alborotador. Era arrogante y dominante, y todos nuestros padres lo usaban. Su motor de renderizado era Trident y se llamaba IE, Internet Explorer. Esto significa que el principal enemigo del front-end son los distintos navegadores. Tenga en cuenta que estos navegadores se visualizan de forma diferente en distintos sistemas (Windows o Mac). Tenga en cuenta también que el infame IE (Internet Explorer) es diferente en cada versión. Por lo tanto, para lograr una conversión de píxel a píxel en varios navegadores, los desarrolladores front-end tienen que escribir muchas reglas, realizar pruebas repetidas y maldecir a Internet Explorer diez mil veces al día. Al final, los desarrolladores front-end tuvieron que ceder en beneficio de la cuota de mercado de IE, a la vez que intentaban ofrecer una experiencia de página atractiva y elegante para nuestros padres que usan IE6. ¿Sabes cuánto esfuerzo tuvieron que invertir los desarrolladores front-end? Siguiente capítulo: La llegada del diseño responsivo