Archivo del sitio

Ejemplo con First-Letter en CSS3

El uso de first-letter en CSS ya existía desde niveles anteriores. Pero en CSS3 hay una pequeña variante en la sintaxis con el uso de :: A continuación veremos un ejemplo donde se combina el uso de la propiedad first-letter con


Ejemplo de perspectiva con CSS3

Las capacidades de realizar transformaciones son una de las grandes ventajas introducidas en CSS3. Mediante el uso de la perspectiva y la rotación, podemos crear interesantes efectos, para los cuales anteriormente se requería de otras tecnologías. A continuación vemos el


Media Queries Level 4

Desde Junio de 2014 está en marcha el nivel 4 de Media Queries como borrador de trabajo del W3C. En Septiembre de 2017 llega al estado W3C Candidate Recommendation. Entre las novedades propuestas que se comienzan a ver en esta


Variables en CSS

El W3C cuenta con el documento CSS Custom Properties for Cascading Variables Module Level 1, que introduce a las hojas de estilo en cascada la posibilidad e incorporar variables. Actualmente en Last Call de Working Draft, esta implementación promete elevar


Las tipografías en la web actual

El tiempo de estar limitados a las Web Safe Fonts ha llegado a su fin. De la mano de @FontFace y CSS3 ahora podremos utilizar una variada gama de fuentes en nuestros proyectos Web. Pero no todo es color de


Animaciones con CSS3

Las animaciones en CSS representan una de las características más esperadas del nivel 3 de este estándar. Con la introducción del concepto de keyframes en CSS3, ahora es posible determinar una trayectoria para animar elementos. Este es uno de los


Media Queries para adaptar nuestos sitios

Vivimos en un tiempo donde la resolución y tamaño de pantalla “estándar” es imposible de predecir para todos los medios y dispositivos. Desde el clásico 640×480 px hasta el 1024×768 px (pasando por 800×600 px) hemos visto desfilar diferentes “resoluciones


Crear un preloader con jQuery y CSS3

La posibilidad de introducir un preloader para nuestras páginas es una ventaja visual que resultará útil para darle mayor elegancia a nuestro sitio, mientras el usuario espera que termine de cargar. Seguramente conocemos muchas soluciones creadas en AJAX (¡y haste


Cómo funcionan los navegadores modernos: el detrás de escena

¿Alguna vez se pusieron a pensar cómo funcionan los navegadores por dentro? Desde pequeño he sido muy curioso y me ha interesado “comprender” lo que hay en el interior de las cosas, qué las hace funcionar. Creo que algo de



Cursos y capacitaciones para empresas y profesionales

  • HTML & CSS (maquetado web).
  • CSS3 & Responsive Web Design (diseño web adaptado a móviles y tablets).
  • Flexbox & Grids (técnicas modernas de CSS).
  • LESS & SASS (CSS preprocessors).
  • Responsive E-mail (diseño de emails multidispositivo).
  • Bootstrap (el framework de diseño más utilizado).
  • HTML5 (Nivel inicial y Avanzado + APIs).
  • PhoneGap/Cordova (Aplicaciones para Android e iOS basadas en lenguajes Web).
  • JavaScript (Nivel inicial y avanzado con ECMAScript 6).
  • jQuery (una de las librerías más famosas de JavaScript).
  • Angular (framework para construir aplicaciones Web con JavaScript).
  • PHP & MySQL (programación del lado servidor y bases de datos).

Encontrame en las redes sociales. Contactame.