Screencasts de video 2025, Enero

# 018 - Pie de página - Trucos CSS

# 018 - Pie de página - Trucos CSS

Este será el pie de página más simple de un sitio. Será un símbolo de copyright con el nombre de Jeff (siempre es agradable, creo, tener el nombre del "

# 016 - Navegación desde el hogar, Parte 2 - Trucos CSS

# 016 - Navegación desde el hogar, Parte 2 - Trucos CSS

Tenemos un buen comienzo en la navegación de la página de inicio, pero hay algunas cosas de estilo que aún deben hacerse. Empezamos por completar el contenido en sí "

# 017 - Navegación desde el hogar, Parte 3 - Trucos CSS

# 017 - Navegación desde el hogar, Parte 3 - Trucos CSS

Casi hemos terminado con la navegación de la página de inicio, pero hay un espacio extraño debajo de nuestro control deslizante y encima de la navegación en sí. Investigamos para descubrir "

# 015 - Navegación en la página de inicio, Parte 1 - Trucos CSS

# 015 - Navegación en la página de inicio, Parte 1 - Trucos CSS

Tenemos un plan para la navegación de la página de inicio, solo necesitamos hacerlo en código. La navegación de la página de inicio, digo específicamente, porque es probable que solo "

# 014 - Colocación del control deslizante - Trucos CSS

# 014 - Colocación del control deslizante - Trucos CSS

¡El control deslizante funciona! Pero no está colocado exactamente como lo hemos diseñado en nuestro archivo de Photoshop. Necesitamos más espacio debajo para exponer más de la principal "

# 013 - Ajustar el control deslizante - Trucos CSS

# 013 - Ajustar el control deslizante - Trucos CSS

El control deslizante está implementado y funciona, simplemente no se parece a cómo lo hemos diseñado. Pasamos por el proceso de eliminar HTML y CSS que "

# 012 - Cimientos deslizantes - Trucos CSS

# 012 - Cimientos deslizantes - Trucos CSS

Decidimos usar RoyalSlider para el control deslizante en la página de inicio. Hace mucho que soy fanático de AnythingSlider, porque fui parte de su creación y "

# 010 - CodeKit para un gran éxito - Trucos CSS

# 010 - CodeKit para un gran éxito - Trucos CSS

En este screencast, CodeKit comienza a ver nuestro proyecto. Esto facilita mucho las tareas del desarrollador. Lo primero que hacemos es "

# 008 - Darnos un nuevo comienzo con un tema limpio, Parte 1 - Trucos CSS

# 008 - Darnos un nuevo comienzo con un tema limpio, Parte 1 - Trucos CSS

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 "

# 011 - El encabezado y las fuentes personalizadas a través de TypeKit - Trucos CSS

# 011 - El encabezado y las fuentes personalizadas a través de TypeKit - Trucos CSS

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,"

# 009 - Darnos un nuevo comienzo con un tema limpio, Parte 2 - Trucos CSS

# 009 - Darnos un nuevo comienzo con un tema limpio, Parte 2 - Trucos CSS

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 ".

# 007 - Configuración del entorno de desarrollo local - Trucos CSS

# 007 - Configuración del entorno de desarrollo local - Trucos CSS

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 "

# 006 - Móvil de Photoshopping, Parte 2 - Trucos CSS

# 006 - Móvil de Photoshopping, Parte 2 - Trucos CSS

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 "

# 005 - Móvil de Photoshopping, Parte 1 - Trucos CSS

# 005 - Móvil de Photoshopping, Parte 1 - Trucos CSS

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 "

# 004 - Un lienzo de Photoshop - Trucos CSS

# 004 - Un lienzo de Photoshop - Trucos CSS

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 "

# 003 - Comunicación inicial con el cliente - Trucos CSS

# 003 - Comunicación inicial con el cliente - Trucos CSS

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"

# 001 - Introducción a la serie - Trucos CSS

# 001 - Introducción a la serie - Trucos CSS

¡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 "