Efecto Parallax con el poder puro de CSS!

En este artículo, vamos a implementar el uso de una sencilla técnica con la que podremos lograr un efecto muy interesante, parecido al famoso Parallax para nuestras páginas web, y lo mejor es que todo lo lograremos usando sólo CSS, sin jQuery o algún otro recurso externo, te vas a sorprender de lo sencillo que es! 

Leer más...

Arrancando con SASS: Instalación y primer test

En este artículo veremos los primeros pasos para iniciar con SASS, un potente preprocesador de CSS que nos permite utilizar variables, Mixins y Funciones para extender la forma en que escribimos nuestras hojas de estilos, haciéndolas más dinámicas y flexibles. 

En un artículo anterior vimos un panorama general de que es SASS y para que sirve, puedes checarlo aquí

Leer más...

CSS con Superpoderes: Conoce a SASS

Eres de l@s que acostumbran a escribir líneas y líneas de CSS? Te aseguro que has escrito suficiente CSS como para haber visto todas las posibles combinaciones de los selectores y propiedades, pero también para haber odiado mas de una ocasión las limitaciones que tiene cuando las cosas se vuelven complejas....Si te has sentido identificad@, Permíteme presentarte a SASS!

Leer más...

Sitios Web de una sola página, ¿La nueva moda?

Cualquiera de nosotros como buenos internautas nos habremos percatado de esta nueva modalidad de construccion de sitios web.  Dónde a lo largo de una sola página se le proporciona al usuario la información que busca con efectos visuales atractivos y un significativo ahorro de tiempo. 

Leer más...

Tipografía y Legibilidad en proyectos web

Podemos establecer que en cualquier proyecto de carácter gráfico (web, impreso, editorial, etc) la imagen y el texto conviven en niveles paralelos y en dinámicas perceptivas diferentes, y que de la interacción de ambas es de donde nace el buen diseño.

Leer más...

Tips para el diseño de sitios web responsivos.

¿Qué es exactamente y qué hace a un sitio web que sea responsivo? El diseño Web Responsivo es el diseño que se ajusta al usuario, permitiendo que pueda tener una gran experiencia y acceso al contenido independientemente del dispositivo, resolución y/o explorador en que esté navegando.

Leer más...

Tutorial: Slider web que cambia de imagen arrastrándola con el dedo.

Los Sliders son esos contenedores de imágenes rotando felices por la vida que comúnmente encontramos en los sitios web, estos se han convertido en un elemento importante, ya que mediante su uso nosotros podemos destacar contenido, utilizar banners para llamar tu atención y hacer que estos estén rotando, un claro ejemplo de esto es el banner principal que tenemos en nuestro home.

Leer más...

Adentrandonos al diseño web responsivo: Layouts Fluidos. 

Imagina un mundo mágico en el que los diseñadores web y las resoluciones de dispositivos en los que se desplegara la página convivan en armonía, una sola web para gobernarnos a todos, una web que se adapte a las necesidades del medio en el que se requiere desplegar esa página, ¿suena como una utopía verdad? pues esa utopía que asemeja una visión loca, tomada de la mente hippie de John Lenon es una realidad, bienvenido al mundo del diseño responsivo.

Leer más...

Página 1 de 7