Mixin Sass para bocadillos (bubbles) con CSS

See the Pen ByOwPy by lureka (@lureka) on CodePen.

Como últimamente estoy utilizando en mis proyectos indicadores tipo “bocadillos” de comic (bubbles), he montado un pequeño mixin para reutilizarlo que os comparto a continuación.

A este mixin lo bautizamos como “bubble”, para qué complicarnos, al que le pasamos 4 variables:

 @mixin bubble($location, $with, $length, $color) {
 ...
}

Sigue leyendo

Utilización de instancias de objetos en tus wireframes

Para que tus wireframes permitan modificaciones con poco esfuerzo, debes crear símbolos con los elementos que se repitan a lo largo del proyecto. De este modo modificando el símbolo se modificarán todas las instancias del mismo en cualquier sitio donde se utilice.

simbolo

Crear un símbolo en Balsamiq

La forma de crear un símbolo en Balsamiq es muy sencillo, se seleccionan los elementos que lo conformarán y los agrupamos (Edit -> Group).

Sigue leyendo