CSS (13)


Bucle For con SASS o SCSS

Hasta la llegada de los preprocesadores, los bucles, condicionales o las variables eran conceptos que no tenían nada que ver con las hojas de estilo, pero eso ha cambiado. No es que sea nada puntero, de hecho a estas alturas me parece inconcebible que no se considere algo así como un estándar de facto cuando para cualquier proyecto, pequeños incluidos, acelera el desarrollo y hace que sea más mantenible, es decir, vital.




WordPress theme: Material for Coders

Material for Coders is a WordPress theme that I made from scratch. It is very easy to use but I think it might be nice to have at least one page for showing a bit of documentation, roadmap, changelog and everything else that can be related to the theme.

You can view the code and download it or create issues on GitHub or use WordPress to install.




CSS: Overflow ellipsis con varias lineas de texto

Este es un truco que aprendí hace algún tiempo y que me ha hecho lidiar mejor con los diseñadores en varias ocasiones. Se trata de un contenedor con texto que tiene siempre un tamaño fijo, pero el texto no es siempre el mismo. Por ejemplo una versión resumida de la biografía de un usuario, que puede tener entre 10 y 1000 caracteres.




jQuery plugin: SameHeightElements

Hace un par de días tuve que hacer unos cambios en una web. Tenía que hacer que todos los elementos de una fila tuvieran el mismo alto, independientemente del contenido (en la imagen que hay más adelante se ve entiende mejor). La opción normalmente es usar display: table-cell; ó display: flex;, pero el resultado no siempre es el mejor y la compatibilidad con los navegadores tampoco. Así que hice un pequeño plugin para jQuery, lo apliqué en la web y después de ver que funciona bastante bien lo publiqué en Github.