Screencasts de video 2024, Diciembre
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 "
Comenzamos jugando con nuestro módulo de publicación de blog, jugueteando con el espaciado. También agregamos el pequeño cuadrado de color en la parte superior izquierda del módulo "
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 "
Hay mucho contenido sobre CSS-Tricks. Esa es una de las cosas que hace que su diseño sea un poco desafiante. Si bien podemos mantenernos limpios con el diseño, "
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 "
Ahora que hemos editado con Photoshop lo que esperamos lograr con el área de búsqueda, nos dispusimos a construirlo con HTML y CSS. Ya tenemos nuestra fuente de iconos "
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 "
Tomamos un pequeño descanso del trabajo en la búsqueda para resolver un pequeño problema. "FOUT" es "Destello de texto sin estilo". Este es un fenómeno donde @ font-face "
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 "
Continuamos donde lo dejamos en el Video # 034 y continuamos construyendo el área de búsqueda. Esta vez nos centraremos en el estado "abierto" de la búsqueda, construyendo "
Nunca antes había jugado con la creación de fragmentos personalizados de Sublime Text. Entonces, cuando James Nowland envió uno, aproveché la oportunidad para aprender. Aquí está: mq "
Tenemos un poco más de trabajo por hacer para terminar el área de búsqueda. Nos desviamos por un segundo cuando noto que no agregamos el tridimensional "
El CMS perfecto para satisfacer las necesidades de cualquier sitio web orientado al contenido no trivial no viene listo para usar. Requieren personalización. Por ejemplo, un "
Hemos dejado una gran cantidad de espacio abierto en el encabezado. Desde el principio, supe que esto sería para el patrocinador principal de CSS-Tricks, Treehouse. En esto"
Los botones de CSS-Tricks, en el momento de este video, tienen un efecto 3D falso. Se ven como un ladrillo azul que se mira desde arriba en ángulo. Cuando"
Tenemos el marcado para el anuncio de Treehouse en la parte superior de la página, pero tenemos algunos trabajos de estilo por hacer. Comenzamos con el gráfico del árbol en sí. Fueron"
Siempre hicimos gráficos de 16x16 y los pusimos en formato .ico de alguna manera. Probablemente utilicé esta herramienta de conversión un millón de veces. En algún lugar del "
Comenzamos con la intención de saltar a HTML y CSS con el anuncio Top Treehouse que acabamos de diseñar, pero, por supuesto, nos descarrilamos tan pronto como comenzamos "
Esta es una presentación que di en conferencias a finales de 2012 y principios de 2013. En este screencast te lo doy por última vez, o 'suscriptor de CSS-Tricks. Eso"
Hemos creado la apariencia de un botón en su estado normal, pero un botón 3D como ese pide un estado "presionado". Lo que hacemos es agregar un color más oscuro a "
¿Modernizr debería formar parte de todos los proyectos web modernos? No necesariamente. En este screencast hablo sobre cómo necesitas Modernizr cuando planeas hacerlo "
El anuncio que tenemos es excelente para pantallas grandes / de escritorio, pero comienza a fallar rápidamente en pantallas más pequeñas. Ya tenemos algunos puntos de interrupción "
Ha habido MUCHOS comentarios excelentes sobre la primera serie de Conversión de una maqueta de Photoshop en HTML / CSS. ¡Así que hagámoslo de nuevo! Cada sitio web es diferente "
Apretar muy poco un navegador de escritorio puede darle una vaga idea de cómo funciona un diseño receptivo, pero no es una representación precisa de un "
Emmet es un complemento para editores de código que le permite escribir HTML y CSS más rápidamente. En el frente HTML, le permite escribir abreviaturas para HTML ".
Creo que por primera vez en esta serie, vamos a agregar algunas cosas nuevas al diseño directamente trabajando en el navegador (no comenzando en Photoshop "
Esta es una presentación que di en una conferencia solo una vez en diciembre de 2012. En este screencast te lo doy por última vez, o 'suscriptor de CSS-Tricks. I"
El diseño de búsqueda funciona bien hasta que llegamos al tamaño de nuestro "bebé oso" (móvil pequeño). Tenemos que hacer algo diferente allí. Hacemos algo de espacio "
Effeckt.css es un proyecto de código abierto en progreso que tiene como objetivo proporcionar transiciones y animaciones CSS de calidad y rendimiento para diseñadores web. La idea es "
El módulo superior en la barra lateral principal del sitio pertenece a Treehouse, como patrocinador principal de CSS-Tricks. Según una conversación que tuve con Ryan Carson, "