Screencasts de video 2024, Diciembre
En el video # 55, el resultado final fue FeedSmusher, que insertó contenido de fuentes RSS externas en una página propia. En este screencast, comenzaremos "
Este screencast muestra el código que alimenta un formulario web bastante avanzado. Utiliza jQuery para ocultar y mostrar entradas según sea necesario, así como potencia tres "
La navegación de la página de inicio satisface bien nuestras necesidades, pero tener esa gran cantidad de navegación en cada página del sitio no es práctico. Necesitaremos "
Esto es algo así como una mirada entre bastidores a cómo creo y distribuyo el screencast. Repaso el hardware y el software que utilizo, cómo funciona "
Realmente podemos extender las capacidades de "CMS" de WordPress con solo un par de complementos: Campos personalizados avanzados y IU de tipos de publicaciones personalizadas. Con estos"
Este video es MUY básico de lo que es HTML y CSS, para el principiante absoluto. Los archivos HTML y CSS son, literalmente, solo archivos de texto. No necesitas "
Aprendimos cómo hacer un bucle personalizado y generar datos personalizados de nuestros tipos de publicaciones personalizadas y campos personalizados en el último video. Esta vez tenemos que hacerlo "
Solo un par de trucos rápidos, desde cero, para codificar tablas. Usamos las etiquetas semánticas adecuadas para un encabezado de tabla y luego lo configuramos en una posición fija "
Tenemos otro tipo de publicación que necesita que se apliquen los campos personalizados adecuados: las diapositivas de la página de inicio. Este es el tipo de cosas que sería fácil y tentador "
Más que cualquier otra característica, lo que hace de WordPress un CMS (en lugar de una plataforma de blogs) son los campos personalizados. Los campos personalizados son fragmentos de datos "
Con nuestros dos complementos de extensión CMS de caballo de batalla instalados, pasamos un poco de tiempo configurándolos. "Eventos" en el sitio de Jeff es un ejemplo perfecto. Un evento""
Esta galería de fotos se construirá automáticamente a partir de un directorio de imágenes, incluidos los subdirectorios y las imágenes que contienen. Las imágenes se abren en un bonito "
Pensé que podríamos pasar rápidamente por Eventos, de lo que hablamos en el último video, pero mientras desarrollaba el área de Eventos, tuve que escribir suficiente código "
Andy Bell se une a mí para hablar sobre su metodología CSS que él llama CUBE CSS. Eso es Composición, Utilidad, Bloque y Excepción. CUBE CSS es una metodología CSS "
Una de las cinco áreas principales del sitio es la página de contacto. Sin embargo, apenas requiere cobertura, porque lo construimos en Wufoo y "
Este video se centra en tomar una idea y un código ya existentes y convertirlos en un complemento de jQuery. En este caso, ayuda a mantener nuestro código tan semántico como es "
Cuando la ventana del navegador se agranda, el control deslizante en la parte superior de la página de inicio se vuelve ridículamente grande. Esta es una primera serie para dispositivos móviles, pero desde los dispositivos móviles "
Antes de avanzar demasiado en estos screencasts, pensé en presentarles un poco mi entorno de trabajo y explicar las herramientas que utilizo ".
Este video demuestra la técnica que se ve en el sitio Think Geek 3.0. La parte inferior del sitio tiene un diseño de un grupo de robots y como la pantalla es "
Estamos trabajando para arreglar el sitio para que en pantallas de "escritorio" (es decir, más grandes) el sitio se vea bien. La navegación de la página de inicio es otra cosa que "
Simplemente paso por algunas pequeñas molestias y quejas que tengo con todo, desde OS X hasta Photoshop, WordPress y CSS. Pensé en cinco más "
Terminamos con una prueba realmente simple que se carga en un artículo del blog para mostrar si hay espacio: // Cargar contenido adicional si hay espacio suficiente para consultar "
Recibí la invitación de TypeKit, me registré y obtuve hermosas fuentes personalizadas que sacudieron mi página en solo unos minutos. Te mostraré todo el proceso desde "
En pantallas más grandes, tenemos más espacio en todas nuestras páginas. Hemos tratado esto en la página de inicio, pero también podemos hacerlo mejor en las otras subpáginas. Un solo "
Este es el comienzo de una serie de tres partes sobre la creación de un sitio web. Este será un sitio web real para un músico amigo mío, cuyo sitio web arruiné "
El hecho de que esta sea una serie de dispositivos móviles no significa que podamos ignorar las interacciones de las computadoras de escritorio / portátiles. Dedicamos un poco de tiempo a asegurarnos "
Creamos un patrón de diseño de galería de imágenes bastante típico, una cuadrícula de imágenes que aparecen más grandes cuando se hace clic en ellas. Pero esta página de la galería de imágenes utiliza hot "
Cuando estábamos jugando con brindar capacidades de CMS al control deslizante de la página de inicio, le dimos un campo personalizado a cada diapositiva de la página de inicio con un selector de color. Que nos da "
En la parte 3 de esta serie, tomamos el HTML y CSS que ya hemos creado para este diseño y lo convertimos en un tema de WordPress. Empezamos con un "
Mientras estábamos usando el escritorio en el sitio, movimos la navegación de la página de inicio al lado derecho de la página para abrir un agujero en el lado izquierdo para más "