Screencasts de video 2025, Enero
Muchos sitios no utilizan ningún sistema de gestión de contenido (CMS) elegante para generar sus páginas, solo son buenos contenidos HTML estáticos. Un sitio para tu "
Como hemos dicho muchas veces por aquí: las fuentes de iconos son increíbles. Son eficientes de la misma manera que los sprites CSS son eficientes: muchas imágenes utilizables para "
En este screencast, respondemos en vivo a más publicaciones de foros sin planificación alguna. No creo que hayamos dado un jonrón en ninguno de los hilos que miramos, pero "
Nunca en mi vida envié una "Solicitud de extracción" en GitHub. Quería intentarlo, así que este video captura el momento en el que intento imaginar "
En este screencast, pasamos a Los foros para responder tantas preguntas como podamos. El punto es divertirse un poco y mostrarte lo fácil que es "
Les presento cuatro cosas realmente simples que puede hacer para que sus sitios web sean más rápidos. Nada tan complejo como crear sprites de imágenes (que no es eso "
Incluso si el diseño de un sitio es simple como un área de contenido principal a la izquierda y una barra lateral a la derecha, eso es una cuadrícula. Hay nuevos métodos de diseño en CSS "
CodePen PRO ofrece una gran cantidad de funciones nuevas. Puedes leer sobre ellos, pero mucho mejor mostrarlos, ¿verdad? : Y esto es sólo el principio."
CodePen es una aplicación para compartir y jugar con el código de la interfaz. Lo hice con algunos amigos míos: Alex Vazquez y Tim Sabat. En este típico "
Esta es una descripción general rápida para principiantes de los diferentes valores de posición de CSS. En pocas palabras: relativo le permite "empujar" y deja el elemento "
En este screencast, muevo mi propio sitio web personal de mis antiguas formas de edición FTP en vivo a un sistema controlado de versión adecuado, incluida la implementación. No tengo "
No hay nada que temer en este nuevo mundo de preprocesamiento. Las aplicaciones nativas lo hacen tan fácil que debería ser una parte vital de cualquier moderno "
Hay tres tipos diferentes de diseños para sitios web: ancho fijo, ancho fluido y ancho elástico. En este screencast vemos estos tres "
Chartwell es una fuente específica para crear gráficos circulares, gráficos de barras y gráficos de líneas simples y hermosos. Es tan simple como escribir ecuaciones simples "
LiveReload es una aplicación de barra de menú solo para Mac que es bastante útil para los desarrolladores web. Solo dígale que mire una carpeta específica, y cuando se guarda un archivo, el "
El tema predeterminado de WordPress en el momento de este screencast es TwentyEleven, un diseño maravillosamente simple y receptivo. Es decir, hasta que publiquemos un "
Hay muchas herramientas para mostrarle capturas de pantalla de sitios web en diferentes navegadores para ayudar con las pruebas. Pero falta una captura de pantalla de muchas maneras: no "
En el que tomo un ejemplo real de un lugar que sabía que usar sprites sería una buena idea, crear el sprite a mano en Photoshop (mi método preferido) y "
Simplemente guarde el sitio web desde el navegador (en Firefox, obtiene un archivo .html y todos los recursos), suéltelo en su carpeta pública y use el botón derecho del ratón "
En el que muestro y explico los conceptos básicos de lo que ha llegado a significar el "diseño web adaptable". Luego voy por todos lados y muestro ejemplos, relacionados "
Pasamos una hora entera mirando un diseño de Photoshop y escribiendo un marcado HTML5 que describe lo que vemos. Intentamos ser lo más semánticos posible y debatimos "
Probablemente sepa por qué es bueno usar el control de versiones. En caso de que no lo esté, lo repaso rápidamente en este video. Entonces entramos en "
¡Este es un episodio temático extra especial de EMPIRE STRIKES BACK de la serie de rediseño v10! Todo empieza bien. Empezamos a mover algunas cosas "
¡Este es un episodio extra especial con el tema RETURN OF THE JEDI de la serie de rediseño v10! Dejamos el último screencast completamente derrotado. Estábamos tratando de usar "
El Almanaque fue algo que se lanzó en la versión 9 y nunca se terminó. Sin embargo, cada día se acerca más y más. Así que en la v10 diseñaremos alrededor de "
¡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 "
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 "
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 "
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 "
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"