DEV Community: Salazar

Using inline SVGs with Rails

Salazar — Thu, 11 Jun 2020 15:45:33 +0000

Last night I spent about three hours fighting and struggling on how to get insert icons from zondicons and add some classes to them. Needless to say just adding an image_pack_tag was not doing the trick, as I needed something like this

<svg class="my-classes with-style">
  <path ...>
</svg>

...instead of this

<img src="path/to/icon.svg" class="my-classes" />

So I made a helper for this:

module ApplicationHelper
  def zondicon(icon_name, options={})
    file = File.read(Rails.root.join('app', 'javascript', 'images', 'zondicons', "#{icon_name}.svg"))
    doc = Nokogiri::HTML::DocumentFragment.parse file
    svg = doc.at_css 'svg'

    options.each {|attr, value| svg[attr.to_s] = value}

    doc.to_html.html_safe
  end
end

And now in my views I can do this:

<button class="btn btn-blue">
  <%= zondicon('wrench', class: 'fill-current teal-500') %>
  <span>Configure</span>
</button>

There's also a gem called inline_svg for this very purpose, but I decided to go for a simpler approach with no extra dependencies.

What's the most important topic to teach when teaching webdev?

Salazar — Thu, 26 Oct 2017 15:11:23 +0000

I'm currently working with a friend of mine in a non-profit, sideproject to teach highschool students (and up) the very basics of web development in order to empower them and give them a minor boost in their careers for those who are looking to start a career in tech.

We'll be using the ruby language because it is the one we master, but also because we find it easy and fast to learn and hack a thing or two. Being so, we're starting with the very basics of the language up to (surprise, surprise) a Rails aplication. Maybe a web scrapper in the way just so they see the potential.

However, I'd like some input on what would you teach, given the opportunity.

Wait for a follow-up post regarding the experience!

Hello there, I'm Salazar

Salazar — Tue, 06 Jun 2017 14:18:03 +0000

I have been a web developer for about four years, three of them in backend using the ruby language. Based in Monterrey, Mexico.

You can find me on GitHub as hslzr