Screencasts de video 2024, Diciembre
En este screencast cubro la configuración mínima absoluta para utilizar jQuery en un sitio web "real". Tenemos un archivo index.html con el HTML5 básico "
Surgió muy brevemente en el último video: ¿cómo evitas que el navegador salte hacia abajo cuando haces clic en un enlace hash? Ese es el comportamiento predeterminado del navegador "
JQuery puede seleccionar cualquier cosa que CSS3 pueda seleccionar. ¡Pero no se detiene ahí! Hay una serie de selectores adicionales que ofrece jQuery (a través de Sizzle "
Hemos hablado bastante sobre selectores. Un selector de jQuery como $ ("h1") seleccionará todos los elementos de la página. Pero ¿qué pasa con ... cuando no es así? Aquí hay un "
En CSS, puede seleccionar todos los elementos en la página con esto: h1 (/ * aplicar estilo a todos los elementos * /) En jQuery, puede usar exactamente el mismo selector. $ ("h1") // establecer "
¡Bienvenida! El objetivo de este curso es llevarlo a usted, hermoso desarrollador front-end, de alguien con muy poco o ningún conocimiento de jQuery o JavaScript "
Una forma de pensar en jQuery es la biblioteca "Seleccionar y hacer". jQuery es particularmente bueno para seleccionar elementos en la página (cosas en el DOM) y luego hacer "
WordPress impulsa el área de comentarios del sitio de Jeff. Esto será muy fácil de limpiar con nuestros superpoderes CSS. Hacemos un archivo .scss solo para comentarios "
Es hora de cerrar esta serie. ¡Ha sido un viaje divertido! Hay alguna diferencia entre lo que cubrimos y lo que realmente se publica "
En este screencast, echamos un vistazo al sitio web existente de Jeff. Esta serie no se centra tanto en el "rediseño" como en la serie v10, pero existe una "
En su mayor parte, hasta ahora, hemos utilizado el simulador de iOS para probar la versión móvil de nuestro sitio. Eso es bastante bueno, mucho mejor que probar un estrecho "
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 "
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 "
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 "
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 "
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 "
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 "
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 "
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 "
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 "
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""
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 "
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 "
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"
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 "
En casi todos los temas de WordPress hay un archivo llamado page.php. Esta es la plantilla que controla "Páginas", uno de los tipos de contenido predeterminados que "
Solo hay una forma de acceder al área de blogs del sitio desde la página de inicio, y es haciendo clic en "Último escrito". Pero eso te lleva al máximo "
La tipografía todavía no es del todo correcta, por lo que dedicamos un poco más de tiempo a hacerle ajustes. Vale la pena hacerlo aquí, porque el encabezado y el cuerpo "
El blog está generando lo que queremos, pero la tipografía y el diseño no están del todo bien. Agregamos un poco de marcado aquí y allá según sea necesario para dar "
Empezamos a trabajar en el área de blogs del sitio. Queremos tener el área de blog del sitio en / blog /, por lo que terminamos haciendo una plantilla de página para eso llamado "