Adding Data Attributes using haml_tag

Normally when using haml_tag you can add attributes by typing something like; haml_tag :a, class: 'my-class'

Unfortunately because of the hyphen in data attributes the same pattern doesn't work if you try and add them, so haml_tag :a, data-id: '5' will crap itself.

What you can do though is call something like; haml_tag :a, data: {id: '5'} which will output the following HTML; <a data-id='5'></a>

You can also add multiple data attributes like so; haml_tag :a, data: {id: '5', type: 'arbitrary code'} which is pretty handy.

Recent posts View all

Talk CSS

FrontEnders - Web Performance

Sharing some of my thoughts on a FrontEnders meetup on the topic of Web Performance

Conferences

Tips for how to ask for time off to attend conferences

Asking for time off to attend a conference can be nerve-racking, these tips will get you closer to attending the conferences you're interested in.