Oh, muchos desafíos, demasiados en realidad … No es un secreto, solo la práctica que viene con la construcción de varios frentes de sitios web, y los desafíos diferentes / únicos asociados con proyectos de sitios web de la vida real …
Cosas como, eh, no sé colocar 2 contenedores con una canaleta de 30 px entre ellos, cada uno ocupando el 50% del espacio restante, cada uno de igual altura independientemente del contenido.
Reordenación de elementos / orden de imágenes dentro del dom en ciertas consultas de medios.
- ¿Cómo funciona Django si los navegadores solo entienden JavaScript?
- ¿Podemos desarrollar un sitio web sin programación?
- Cómo abrir sitios web restringidos por un operador móvil
- ¿Cuáles son los mejores institutos de diseño web en Delhi?
- ¿Cuánto puede aprender sobre el servidor / plataforma para un sitio web dado desde el lado del cliente?
Diseños con imágenes de fondo de pantalla completa, tal vez desplazamientos parralex / cambio de fondos a medida que avanza la página. Y … ¡oh, el safari de mierda en ciertos dispositivos de Apple no admite la conexión en segundo plano: corregido en las etiquetas del cuerpo! … Err workround es una imagen de pantalla completa, ¡consultemos trucos css! Imagen de fondo de página completa perfecta | CSS-Tricks
Imágenes … Ugh imágenes ancho máximo 100% altura auto ftw lol, pero luego
Svg formas / texto que animan / cambian de color según ciertas condiciones.
Crear un control deslizante personalizado (o usar un complemento básico como slick: el último carrusel que necesitará)
Barras de navegación ugh … Un menú que mantiene un logotipo horizontal de navegación + hasta {768px} … (¿Pero qué hacer con los enlaces de desplazamiento en un 1040px <paisaje ipad ??), y luego 800px se desvanecen en un menú fijo fijo.
Formas … Omg formas, estos son a menudo críticos para el negocio, pero Cristo, ¿tardan mucho en diseñar …?
Usted se da cuenta de que estos son algunos ejemplos de desafíos y podría pensar en 50 más … Toda parte de la experiencia construyendo diferentes sitios web a lo largo del tiempo, y por supuesto, cada proyecto tiene sus propios desafíos diferentes.
Además, si no puedes inspirarte en componentes html, te recomiendo que consultes codrops …
Menús de deslizamiento y empuje
Construyendo una navegación circular con transformaciones CSS
Como he dicho en muchas de mis publicaciones, esta serie de videos hace un gran trabajo preparándote para principiantes → intermedios (razonablemente competentes *) en diseños CSS: