Dan Ubilla

A Software Developer's blog focusing on JavaScript, Rails, and CSS.

Bower: Your Third-Party Front-End Code Assistant

As I’ve started diving into more client-side heavy web apps, I’m finding myself constantly asking why any given tool was developed. Lots of web technologies can look cool, but what problem is each trying to solve. Bower was one that mystified me, even as I let Yeoman go ahead and install it in my latest project. It describes itself as a package manager for the web. As a user of npm, I was aware of various packages and tools that can be installed, but I did not understand what packages Bower could be capable of handling. What problem is Bower trying to solve?

jQuery Selectors With Valueless Attributes

It goes without saying that the possibilities involving jQuery Selectors are vast. I recently needed to select all table cells within a given table that only spanned one row. The start to this seemed easy enough. The not selector would be able to target all td’s with a rowspan, but how could the selector cover all possible rowspans? It might be easy to assume that the values would be small enough.

HTML5 and Media Queries

I finally took it upon myself to tackle HTML5, and you are looking at the results.  Of course, implementing any form of HTML5 isn’t necessarily rewriting all of your markup with fancy new <section> and <nav> tags nor does it have to be adding HTML5 native Javascript.  The first step is the simplest, but it’s a first step nonetheless.  I started by simply replacing my doctype with <! DOCTYPE HTML5>.  Gorgeous in its simplicity, no?  This change alone will give you HTML5  features in all modern browsers1.

Davis Square Flag

I came across this project for Good magazine in which a collection of designers and illustrators were called upon to design flags for their respective neighborhoods. Some were beautiful in their simplicity, others appeared to be the product of designers trying to show of their skills rather than fit the creative limitations.

The Importance of Bind() in jQuery

The jQuery library has always been held in high appeal for its gradual learning curve and generally quick implementation. The API is concise and includes such simple event watching nomenclature as show(), hide(), ready(), submit(), focus(), and more. The one popular event watcher that I kept seeing popping up in script after script was the generic bind() function. I never fully understood what made implementing the bind function any more desirable than click() or focus() until working on a larger scale javascript project the other day.