Hoy en día sabemos que lo importante en el desarrollo de un sitio web es la experiencia audiovisual que pueda obtener el usuario, pues hay un método en HTML5 que nos permite mostrar un video como fondo web. Simplemente tendremos que utilizar un sencillo código HTML5 yNo es la primera vez que intento buscar una buena solución a la navegación dinámica por una web, siempre me ha llamado la atención...

CSSreferenc.io es una guía visual de las propiedades más habituales de CSS. Pero en vez de ser el típico listado a lo bruto tipo W3C u O’Reilly esta guía está elegantemente diseñada, de modo que se pueda ver el resultado de un vistazo. Más fácil imposible. Influye todas las propiedades de animación, cajas, cajas flexibles, posicionamiento, transiciones y tipografía.

Empresarios de China, Corea del Sur, Rusia y Japón han firmado un Memorandum de Entendimiento que persigue crear la 'Asia Super Grid', una red de transmisión de electricidad desde regiones con importantes recursos renovables hacia otras regiones del planeta donde se consuma la energía. La idea todavía está sujeta al desarrollo de la tecnología de transmisión a largas distancias de electricidad en ultra-alto voltaje (1.000 kV en alterna y 800 kV en continua).

Recopilación de juegos clásicos realizados en HTML y CSS (sin ayuda de javascript u otro lenguaje de programación) plenamente funcionales. Como "El buscaminas", "3 en raya", "Donkey Kong", "Tiro al pato"...

Artículos. ejemplos y vídeos sobre el CSS Grid Layout para que, partiendo incluso desde cero, comprender y comenzar a experimentar la realización de grillas o rejillas web basadas en esta novedad de CSS.

¿Quieres crear presentaciones web en HTML5? Existen varios frameworks Javascript con los que podrás crear sorprendentes diapositivas de forma muy sencilla.

En este curso aprenderemos a maquetar sitios Web con HTML5 y a brindar estilos con CSS. No necesitas conocimientos previos, pues empezaremos desde cero con una serie de ejemplos prácticos y al término del curso, desarrollaremos un proyecto real en el cual aplicaremos todo lo aprendido

¿El menú "modo de fusión" o "blending mode" de Photoshop? Ahora lo tienes, casi en su integridad, disponible directamente en el más puro CSS3. Con este tutorial podrás desatar tu hechicería "photoshopera" en la web.

Que en pleno 2015 haya gente que no tenga acceso a la electricidad es algo que parece difícil que entre en nuestro marco mental desde la perspectiva de persona que vive en un país desarrollado pero sólo en África se estima que 600 millones de personas no tiene acceso a la electricidad. Un dato escalofriante.

Recopilación de demos con temática Star Wars realizadas en su mayor parte con CSS o SVG. Entre otros, recreaciones de la intro de apertura, sables laser, Stormtroopers, R2D2, BB-8 o alguna nave. Algunos pens cuentan con algo de Javascript para darles un plus de vistosidad o funcionamiento.

En el tutorial de hoy vamos a hablar de una propiedad CSS que nos ahorrará muchos quebraderos de cabeza y sobretodo evitar el uso de Javascript o jQuery. Lo que hace de la propiedad hover una propiedad superutil es su facilidad para hacer cualquier función con tan solo pasar por encima del elemento al que se le aplica la propiedad.

Un forma divertida y distendida para conocer el flexbox de CSS. Al escribir alguna declaración del grupo del flexbox sus efectos se ven reflejados en el comportamiento del elemento, que en este caso está representado por una rana. Se podría decir que "Aprende el Flexbox de la mano, digo ancas, de una simpática rana."

Todos damos por sentado que cuando presionamos la tecla entrar después de escribir la URL en la barra de direcciones de los navegadores sucede la magia. El navegador recibe nuestro HTML, que luego solicita todas las dependencias, a continuación un poco de magia, siguen sucediendo cosas y, finalmente, queda dibujada la página web que hemos pedido. Sencillo, ¿verdad?

26 formas totalmente distintas de centrar elementos con css y algunas de sus variaciones: en la horizontal, la vertical o ambas. Elementos de bloque, línea, posiciones absolutas, relativas, de tamaños conocidos o ignorados, cajas, textos, imágenes... Desde las soluciones de CSS2 a las más nuevas de CSS3: en el flexbox, el grid layout o el nuevo módulo CSS Box Alignment.

O "Manejo `responsive´ de texto con el elemento <text> de SVG". Las diapositivas o slides de la conferencia en "CSS Dev Conf 2015" de Brenna O'Brien sobre el manejo de textos en SVG (gráficos vectoriales escalables). Entre otras cuestiones trata aspectos sobre el elemento <text> y sus asociados: "Responsive texts"; textos curvos o cómo rellenarlos con un gradientes, imágenes o vídeo; su animación con 'animate', css y js... Incluye enlaces a las distintas demos.

Una librería ligera para emular en las imágenes los filtros de Instagram con los modos de fusión y filtros css.

Estas webs y canales de YouTube te ayudarán a aprender CSS y a desenvolverte con toda agilidad con esta clase de lenguaje. Intuitivo y con múltiples opciones de personalización, CSS (Cascading Style Sheets u Hojas de estilo personalizadas) es un lenguaje que se emplea en la presentación de documentos HTML o páginas web, un sistema que nos permite organizar su aspecto y presentación y que se utiliza para dotarla de tipos y tamaños de letra, colores, etcétera; entre otros.

Si visitas la web de Google sin estilos CSS, ves una imagen que es invisible al navegar con normalidad. Tirando del hilo, encontramos un directorio de iconos y logotipos, algunos de varios años atrás.

El próximo Lunes 7 de Septiembre, va a comenzar un curso gratuito para "Aprender programación Web". Será un curso de iniciación para personas que no tienen conocimientos de programación o que se están iniciando. La metodología del curso consta de clases mediante streaming en directo con chat en tiempo real, grabación de las clases, foro de dudas y evaluación final con el que podrás obtener diploma acreditativo.

Muchos webmasters hemos recibido recientemente un email de Google con el asunto "El robot de Google no puede acceder a los archivos CSS y JS". El problema es que Google no puede indexar bien nuestro sitio web.

Gamesa plenea comenzar a realizar pruebas con un prototipo de central eléctrica fuera de la red (para consumo propio) el año que viene, abriendo una nueva línea de negocio para uno de los mayores fabricantes de aerogeneradores del mundo. La central, que combina un aerogenerador con un generador diesel, será comercializadoa a industrias que necesian energía para sus operaciones, pero que no tienen fácil acceso a la red eléctrica. Gamesa ofrecerá el mismo prototipo con energía solar en regiones donde el viento sea menos abundante.

La colaboración, pretende probar el sistema BESS (Battery Energy Storage System), desarrollado por la compañía japonesa, en varios puntos de su red de distribución eléctrica. El objetivo del proyecto es evaluar la efectividad de las baterías para responder a los momentos de punta de demanda, así como su capacidad para gestionar el suministro eléctrico en lugares con alta demanda eléctrica temporal o estacional, también evaluará su efectividad para gestionar fluctuaciones en la red causadas por fuentes de energías renovables.

¿Sabías que hay una forma muy sencilla de crear animaciones con sprites en CSS? En esta guía o tutorial te explico cómo crearlas.