• Design
  • Shotty
  • Blog
  • Reading
  • Photos
Menu

Jacob Ruiz

Product Designer
  • Design
  • Shotty
  • Blog
  • Reading
  • Photos
hero (1).png

Tutorial: How to use SVGs from Sketch in React

January 30, 2019

It’s easy to create SVGs in Sketch. But how do you get them into React so you can use them? Better yet, how can you use them in a way where you can change their color, shape, and other properties based on user input? It’s surprisingly easy.

Read More
In Code, Design, Javascript Tags react, svg, design, development, code
Comment

Improving the render method in TodoMVC

June 5, 2018

Today's exercise was to improve the render method in TodoMVC. The problem with the render method was that it did more than just render the view. It also stored data to local storage. Here's a look at the method:

Read More
In Javascript, Code Tags mastering javascript fundamentals
Comment
closures@2x.png

Mastering Javascript Fundamentals: Scopes, locals, closures, globals

April 27, 2018

Summary:

  • Functions can always remember the variables they could see at creation.

  • They can see variables defined inside the function.

  • They can see variables defined in enclosing functions.

Read More
In Javascript, Code Tags mastering javascript fundamentals
shotty-skinny2x.jpg

Shotty - Faster Access To Your Screenshots on Mac

Shotty is an award-winning Mac app I created to give you instant access to all your recent screenshots, right from the menu bar. You can even add annotations on-the-fly. Stop wasting time digging through Finder for your screenshots. I promise it’ll change your workflow forever (just read the App Store reviews!).



Most popular

information-architecture

Information Architecture: The Most Important Part of Design You're Probably Overlooking

Follow @JacobRuizDesign