Screencasts de video 2024, Diciembre

# 02: Configuración de archivo / Vinculación de jQuery - Trucos CSS

# 02: Configuración de archivo / Vinculación de jQuery - Trucos CSS

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 "

# 08: preventDefault, stopPropagation y devuelve falso - Trucos CSS

# 08: preventDefault, stopPropagation y devuelve falso - Trucos CSS

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 "

# 06: Extensiones de selector de jQuery - Trucos CSS

# 06: Extensiones de selector de jQuery - Trucos CSS

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 "

# 05: Todo sobre DOM Ready - Trucos CSS

# 05: Todo sobre DOM Ready - Trucos CSS

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 "

# 04: Los selectores de jQuery son selectores de CSS3 - Trucos CSS

# 04: Los selectores de jQuery son selectores de CSS3 - Trucos CSS

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 "

# 01: Bienvenido al curso de aprendizaje de jQuery - Trucos CSS

# 01: Bienvenido al curso de aprendizaje de jQuery - Trucos CSS

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

# 03: Seleccionar y hacer - Trucos CSS

# 03: Seleccionar y hacer - Trucos CSS

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 "

# 038 - Limpieza de comentarios - Trucos CSS

# 038 - Limpieza de comentarios - Trucos CSS

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 "

# 040 - Resumen de la serie - Trucos CSS

# 040 - Resumen de la serie - Trucos CSS

Es hora de cerrar esta serie. ¡Ha sido un viaje divertido! Hay alguna diferencia entre lo que cubrimos y lo que realmente se publica "

# 002 - Una mirada al sitio antiguo - Trucos CSS

# 002 - Una mirada al sitio antiguo - Trucos CSS

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 "

# 039 - Prueba multidispositivo - Trucos CSS

# 039 - Prueba multidispositivo - Trucos CSS

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 "

# 033 - Consultas de medios en JavaScript - Trucos CSS

# 033 - Consultas de medios en JavaScript - Trucos CSS

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 "

# 037 - Manipulación del color - Trucos CSS

# 037 - Manipulación del color - Trucos CSS

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 "

# 035 - Estados de desplazamiento del escritorio - Trucos CSS

# 035 - Estados de desplazamiento del escritorio - Trucos CSS

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 "

# 036 - Página de blog única en pantalla grande - Trucos CSS

# 036 - Página de blog única en pantalla grande - Trucos CSS

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 "

# 034 - Ajaxing en una publicación de blog - Trucos CSS

# 034 - Ajaxing en una publicación de blog - Trucos CSS

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 "

# 032 - Mover el navegador de inicio, consultas de medios - Trucos CSS

# 032 - Mover el navegador de inicio, consultas de medios - Trucos CSS

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 "

# 031 - Limitar la altura del control deslizante para escritorio - Trucos CSS

# 031 - Limitar la altura del control deslizante para escritorio - Trucos CSS

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 "

# 030 - El formulario de contacto - Trucos CSS

# 030 - El formulario de contacto - Trucos 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 "

# 029 - Resumen de eventos - Trucos CSS

# 029 - Resumen de eventos - Trucos CSS

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 "

# 026 - Super CMS, configuración de complementos - Trucos CSS

# 026 - Super CMS, configuración de complementos - Trucos CSS

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

# 027 - Control administrativo de las diapositivas de la página de inicio - Trucos CSS

# 027 - Control administrativo de las diapositivas de la página de inicio - Trucos CSS

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 "

# 028 - Eventos, administración y UI - Trucos CSS

# 028 - Eventos, administración y UI - Trucos CSS

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 "

# 025 - Super CMS, los complementos - Trucos CSS

# 025 - Super CMS, los complementos - Trucos CSS

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"

# 024 - Navegación de subpágina - Trucos CSS

# 024 - Navegación de subpágina - Trucos CSS

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 "

# 023 - Plantilla de página - Trucos CSS

# 023 - Plantilla de página - Trucos CSS

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 "

# 022 - Archivos del blog - Trucos CSS

# 022 - Archivos del blog - Trucos CSS

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 "

# 021 - El Blog, Parte 3 - Trucos CSS

# 021 - El Blog, Parte 3 - Trucos CSS

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 "

# 020 - El Blog, Parte 2 - Trucos CSS

# 020 - El Blog, Parte 2 - Trucos CSS

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 "

# 019 - El Blog, Parte 1 - Trucos CSS

# 019 - El Blog, Parte 1 - Trucos CSS

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 "