Screencasts de video 2024, Diciembre
¡Hola a todos! Bienvenido a la serie completa sobre cómo crear un sitio web móvil para el primer artista con WordPress. Esto es ligeramente diferente a la última serie "
Nos dispusimos a construir la barra debajo del encabezado de la galería. Este bar tiene un buen trabajo. Les dice a las personas dónde están y qué están viendo (migas de pan ",
Termino el diseño en la tercera parte de esta serie sobre cómo convertir una maqueta de un sitio web de Adobe Photoshop en un sitio web HTML / CSS real. Este se centra en "
Estaba emocionado de comenzar con el área de Galería en el sitio. Es una de las áreas que fue particularmente mala en la v9. No recibe mucho tráfico, pero "
Es la Semana de WordPress aquí en CSS-Tricks, así que quería hacer un screencast con el tema de WordPress y cubrir muchos mini-consejos que no han llegado a los anteriores "
En este screencast hablo sobre cómo era la comunicación entre Jeff y yo cuando me envió por primera vez un correo electrónico sobre su deseo de rediseñar el sitio. Los"
En este video, realizamos algunos ajustes en la barra que hemos configurado con la mayor parte de la funcionalidad de la Galería. El diseño se trata de ajustes, ¿no? "
El índice Z puede resultar un poco confuso a veces. En este screencast intento explicar cómo funciona, cómo está relacionado con el posicionamiento, algunas peculiaridades y algunas "
Desde el último video, sabemos que tenemos cinco puntos principales a considerar al comenzar con el diseño de este sitio. Los mantendremos en la parte superior de nuestra mente como "
Cada captura de pantalla (o video) en la galería tiene su propia página individual. Puede acceder a ellos fácilmente, simplemente haciendo clic en la imagen. Queremos hacer esto "
Los Sprites de CSS han sido un tema candente durante mucho tiempo. El hecho es que cada imagen en una página web es una solicitud de servidor separada y puede dramáticamente "
Tenemos el área de la galería configurada en WordPress y está escupiendo lo que necesitamos para escupir, pero casi no hay estilo en la página todavía. Nosotros"
Una vez hicimos una encuesta preguntando a la gente cuál era su CMS favorito. WordPress fue un gran ganador, pero también recibió muchos comentarios de "¡WordPress no es un CMS!" ".
Comenzamos con nuestro archivo de Photoshop abierto. La captura de pantalla de iPhone "alargada" de aspecto bastante tonto, que simplemente nos da un lienzo en el móvil primero "
En este screencast, dedicamos un poco de tiempo a pensar en cómo se verá una página de captura de pantalla individual de la Galería. Hay algunos datos que ya "
Incluso más que el índice z (que cubrimos hace unas semanas), se sabe que la propiedad de flotación causa episodios de tirones de cabello y golpes del monitor. Parece"
Tenemos el "encabezado" del diseño en su lugar, solo necesitamos averiguar el resto de la página. Tenemos una lista de los objetivos más importantes que estamos intentando "
Todos nuestros motores de búsqueda personalizados de Google están configurados (configuramos uno diferente para cada sección del sitio). Nuestra interfaz de usuario para la búsqueda está lista para funcionar. Tenemos"
FoxyCart es mi nuevo sistema de comercio electrónico favorito. Es muy fácil empezar. Tiene control total del diseño sobre todos los aspectos (carrito, "
Queremos trabajar localmente mientras trabajamos en este proyecto. Solo algunas razones: es rápido. Podemos trabajar sin conexión desde cualquier lugar. Estamos trabajando en un "
Pasamos todo este tiempo en nuestra maqueta estática haciendo un JavaScript inteligente que "cargaría suavemente" las imágenes en la Galería. Ahora que tenemos lo real "
Lidiar con los dominios y el alojamiento y todo lo relacionado con la configuración del servidor no suele ser lo más cómodo para los diseñadores web. En este screencast camino "
Estamos en medio de reducir nuestro tema de WordPress a lo más básico posible. No nos preocupa el diseño al que intentamos llegar ".
El área de búsqueda en el encabezado "funciona" porque está diseñado y puede hacer clic en él para abrirlo y cerrarlo y todo eso. Pero en realidad no realiza ninguna búsqueda "
Uno de los puntos principales de Shadow DOM es que proporciona encapsulación. Sin estilos afuera, sin estilos adentro. Pero hay formas "a través de" Shadow DOM, y "
Hemos elegido Proxima Nova como la fuente principal que se utilizará en el sitio de Jeff. Es muy popular en estos días, pero se ve muy bien con el trabajo de Jeff. Sencillo,"
Tenemos un poco de una maqueta de Photoshop para trabajar desde aquí mientras continuamos construyendo la plantilla para la página de la galería individual. Primero, diseñamos el siguiente "
Hay un puñado de atributos CSS que se pueden combinar en un solo atributo para codificar brevemente. Apoyo el uso de la abreviatura CSS siempre que "
Pronto dejaremos de mirar el sitio antiguo aquí. ¡Esta es la última vez! Nuestro plan ahora que tenemos un entorno de desarrollo local adecuado es dar "
¡La búsqueda funciona! Es solo que la plantilla en la que aterrizas no es del todo correcta. Necesitamos ajustar la plantilla para que se vea bien y coincida con el estilo de "