Miles de consejos CSS, PHP, scripts. tutoriales y consejos útiles de vídeo

Existe una larga tradición de encuestas sobre CSS-Tricks. Son divertidos, recopilan buenos datos importantes y aumentan la conexión de las personas con el sitio. ¡Compromiso FTW! "

Ya hemos pasado un poco de tiempo eliminando páginas para que funcione nuestra navegación (video n. ° 030) y puedas hacer clic en el sitio, pero ¿qué hay en esos sub?

Tenemos el diseño de cuadrícula para la Galería en marcha. Desafortunadamente, la carga es un poco abrupta y torpe. Esto se debe a que las columnas CSS3 están diseñadas para "

Comenzamos a profundizar en el diseño del área de la Galería, que es algo que ha estado en mi mente desde el comienzo de este proceso de rediseño. Principalmente"

En el que descubrimos los problemas que teníamos para que el diseño de la columna se cargara correctamente. La solución fue eliminar el CSS que estaba creando el "

Agregamos cierta capacidad de respuesta a la cuadrícula que hemos configurado para la Galería. En las pantallas más amplias, lo tenemos configurado en cuatro columnas. Luego comenzamos a agregar "

Tenemos un buen comienzo en el diseño receptivo. El menú en los tamaños de pantalla más pequeños se divide en una cuadrícula de 2x4. Encaja muy bien en la pantalla, pero "

Hasta ahora, hemos realizado cambios de código localmente sin utilizar ningún tipo de control de versiones. Con la complejidad de este sitio en aumento, se está convirtiendo en "

Hay siete áreas principales diferentes del sitio más allá de la página de inicio. Entonces, contraté a siete ilustradores diferentes para hacer diseños. Este es el primero que somos "

Acabamos de instalar el encabezado personalizado para la Galería, así que mientras estamos en, sigamos agregando otro encabezado personalizado. este fue hecho por "

Tenemos el encabezado básico de la galería en su lugar, pero faltan las personitas azules que Erica puso en la ilustración original. Lo habíamos hablado en "

Mientras trabajaba en este diseño, se lanzó jQuery 1.8. Este es solo un video rápido para confiar en el hecho de que este tipo de cosas suceden a medida que desarrolla sitios "

La ilustración de Nick tenía tres capas diferentes para las cabezas. Son variaciones ligeramente diferentes. Podríamos intercambiar las imágenes con una animación "

Como saben, algunos de los anuncios de CSS-Tricks son "autogestionados", como el patrocinador principal de Treehouse. Lo asumí porque es solo un sencillo "

Ahora que sabemos exactamente con qué zonas estamos trabajando, volvemos a Photoshop y nos burlamos de cómo queremos que se vean estas zonas publicitarias. Tenemos un precedente de "

¡Lo único que falta ahora en el encabezado de los foros de aduanas es la parte que realmente dice "Foros"! Nick ilustró una mano sosteniendo un cartel que significaba "

Tenemos una maqueta de cómo queremos que se vean nuestras zonas BuySellAds, así que empecemos a construirlo de verdad. El sitio web BuySellAds proporciona el código que necesitamos "

Tenemos otra zona BSA para integrarnos al sitio. Este debería ser un poco más fácil porque ya tenemos JavaScript en su lugar y es simplemente "

Con nuestro diseño para el pie de página listo para usar en Photoshop, podemos comenzar a construirlo en nuestra maqueta de HTML y CSS estático. El primer paso es dar "

¡Nos embarcamos en el gran viaje que es el pie de página! CSS-Tricks siempre ha tenido un gran pie de página elegante y este diseño no será una excepción. No es puramente "