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.

Estaba buscando como integrar SASS con React y encontre esto, comparte esta guía para quien tuviera el mismo problema que yo. ¿Estas usando React con CSS? Olvídalo, un proyecto con cualquier tecnología es imprescindible usas SASS y ahora te enseño como implementarlo en React JS.

El grupo Azure Cloud Advocates de Microsoft ha presentado una formación de desarrollo web para principiantes, con un plan de 12 semanas y 24 lecciones sobre los fundamentos de JavaScript, CSS y HTML. Cada lección incluye pruebas antes y después de la lección, instrucciones escritas para completar la lección, una solución y una tarea. Se basa en proyectos para que el aprendizaje sea práctico, según la información ofrecida por este grupo en GitHub. Hay un foro de debate que invita a los profesores a incluir sugerencias. En inglés.

Una colección de estilos CSS avanzados para crear efectos realistas para las caras de las cartas de Pokémon. ¡Las tarjetas usan transformaciones 3D, filtros, modos de fusión e interacciones para brindar una experiencia única cuando se miran más de cerca!

Una demo inspirada en DOOM sin JavaScript realizada con la propiedad CSS scroll- timeline, por ahora sólo compatible con Chrome.

Una guía de estilo, o de pautas, es un documento activo que detalla el código visual de todos los elementos y módulos de un sitio web o aplicación; incluyendo el lenguaje visual, estilos de encabezados, paletas de color...

Velocity.js nos permite la creación y aplicación de animaciones y patrones de movimiento en nuestras aplicaciones Web, de forma sencilla.

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.

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?

¿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.

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

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

We take a look at the new Bootstrap 4 flexbox grid system and the changes it brings to the grid we are so used to.

Este tutorial le familiarizará con todas las características básicas que necesita saber para escribir hojas de estilo limpias y fáciles de mantener con Sass.

Para editar las imágenes de nuestra web siempre recurrimos a editores de fotos externos, pero ahora lo puedes hacer sin salir de tu web convirtiendo esta en tu editor de imágenes en muy pocos pasos y sin tener que ir de una en una, ¿quieres saber como?

Estas son algunas de las características más interesantes de Chrome Developer Tools, la herramienta orientada a diseñadores web e integrada en Google Chrome.

Si le preguntas a cualquiera que se dedique al diseño de interfaces de usuario (UI) te dirá que la gran mayoría de los entornos gráficos de las aplicaciones para dispositivos móviles o para escritorio se realizan en Sketch. El problema es que Sketch sólo funciona bajo MacOS. Sin embargo hay varias herramientas para Windows que te pueden hacer la vida más fácil a la hora de compatiblizar Sketch con Windows y aquí os las comento por que me parecen muy útiles.

En el artículo mostramos detalladamente cómo ejecutar en nuestro dispositivo móvil una aplicación súper básica con React Native, tecnología que permite la creación rápida de aplicaciones "nativas" para dispositivos Android y iOS. Siguiendo estos pasos, veremos la facilidad de lanzar la tu primera app con este stack tecnológico en apenas 5 minutos.

Un diseñador, un desarrollador, un gestor de redes sociales... incluso un usuario sin más, en ocasiones, necesita realizar tareas sencillas, pero no dispone de las herramientas necesarias. La web 10015.io pretende solucionar esta cuestión reuniendo en un único lugar todo tipo de utilidades, clasificadas en diversas categorías y con buscador para encontrar la más adecuada. 10015 Tools tiene el objetivo de conseguir lo anterior con, además, una interfaz de usuario limpia y bonita.

Los lectores me preguntan de vez en cuando qué generador de HTML estático utiliza fabiensanglard.net, y si pueden tomar la misma hoja de estilos/fuentes para empezar su propio blog. Suelo devolverles las 134 líneas completas de gen.php e invitarles a copiar lo que necesiten para empezar. También añado un consejo no solicitado. Los escritores que están empezando pueden no necesitar nada de esto. Puede que todo lo que necesiten sea HTML.

Los centros de datos o datacenters siguen creciendo en España, como un punto estratégico para estas infraestructuras de comunicaciones y datos. El fondo estadounidense Thor Equities Group invertirá 600 millones de euros para poner en marcha el mayor centro de datos. Un centro de datos o centro de procesamiento de datos (CPD) de España. El activo estará ubicado en la ciudad de Fuenlabrada (Madrid) y ocupará una superficie de 225.000 metros cuadrados.

El centro de gravedad de un avión es el punto donde el peso se equilibra. En cada vuelo ese centro de gravedad varía, pudiendo ser delantero o trasero, pero siempre debe de estar dentro de unos límites para garantizar la seguridad del mismo. La hoja de carga y centrado marca los límites máximos y mínimos y la distribución de los pesos de cada vuelo.

Los centros de datos requieren de gran capacidad de energía para funcionar. A mayor tamaño, la energía que necesitan aumenta. Ahora, Rusia ha desarrollado el que será el mayor centro de datos del país con una capacidad de 10,000 racks Para poder habilitar el funcionamiento de este gran centro de datos en Rusia, se ha construido muy cerca de una estación nuclear que será la que lo abastecerá de poder