Make columns same height on Bootstrap 3.x, even for Safari and iOS

When you work in the frontend side it’s rather easy to get things done with Bootstrap in a good and nice way, however sometimes things get more complex.

Today I faced one of those issues. On one of my projects I needed to display custom categories saved in the database by the customers and those categories could have images or icons to be displayed nicely.

categories-nice-design
Categories with good ratio images

 

Continue reading “Make columns same height on Bootstrap 3.x, even for Safari and iOS”

Free Google WebFonts plugin for WordPress

google_fonts

Google Fonts are a tremendous addition to any designer’s arsenal, providing a basic library of typefaces that cover most requirements. But if you’ve ever tried to add them to a WordPress theme you’ll know what kind of hacking is involved.

Fortunately, web designer Eric Alli has recognized the issue and released a great plugin for WordPress that will allow anyone to utilize Google’s font library.

Continue reading “Free Google WebFonts plugin for WordPress”

Efecto de libro animado (flip book) con CCS3 y jQuery

Revisando algunos emails que tenía pendientes he visto en uno de ellos un efecto de libro animado muy interesante que puedes conseguir con CSS3 y jQuery.

Resulta realmente increíble lo que podemos conseguir hoy en día con unas pocas lineas de código y una hoja de estilo CSS3, por supuesto, también necesitamos un navegador con soporte para estas nuevas funciones. 😉

Continue reading “Efecto de libro animado (flip book) con CCS3 y jQuery”

DocHub – Recurso para programadores – Documentacion lenguajes

Recientemente me he encontrado con un recurso muy útil e interesante.

Todos los que nos dedicamos a la programación nos encontramos constantemente con dudas sobre métodos, funciones o particularidades de un lenguaje de programación, especialmente si estás cambiando entre varios lenguajes diariamente. Si este es tu caso, seguro que terminas poniendo ; al final de las sentencias python o utilizando None en Dart.

Continue reading “DocHub – Recurso para programadores – Documentacion lenguajes”

Introducing Closure Stylesheets by Michael Bolin (Open Source Engineer at Google)

Cross-posted from the Open Source at Google blog

When the Closure Tools were first released a little over two years ago, they gave web developers the ability to organize and optimize their JavaScript and HTML in a new way. But there was something missing, namely, a tool to help manage CSS.

You see, the nature of CSS runs contrary to the DRY principle that is exhibited in good software engineering. For example, if there is a color that should be used for multiple classes in a stylesheet, a developer has no choice but to copy-and-paste it everywhere because CSS has no concept of variables. Similarly, if there is a value in a stylesheet that is derived from other values, there is no way to express that because CSS also lacks functions. Common patterns of style blocks are duplicated over and over because CSS has no macros. All of these properties of CSS conspire to make stylesheets extremely difficult to maintain.

To this end, we are excited to introduce the missing piece in the Closure Tools suite: Closure Stylesheets. Closure Stylesheets is an an extension to CSS that adds variables, functions, conditionals, and mixins to standard CSS. The tool also supports minification, linting, RTL flipping, and CSS class renaming. As the existing Closure Tools have done for JavaScript and HTML, Closure Stylesheets will help you write CSS in a maintainable way, while also empowering you to deliver optimized code to your users. We hope you enjoy it! Please let us know what you think in the discussion forum.

Michael Bolin – Open Source Engineer at Google.

Create a website or blog at WordPress.com

Up ↑