Jarrod Medrano

Jarrod Medrano

Jarrod Medrano is a front-end developer specializing in the creation of beautiful user interfaces. He has lent his extensive experience to Portent, Inc. for the past 8 years.

Articles by Jarrod Medrano

Test Your Responsive Design

Jarrod Medrano //  7 Oct, 2014

How to Test Responsive Web Design

Photo by Jeremy Keith. With the multitude of phones, tablets, phablets, fondleslabs, and other devices on the market, it can be difficult to determine whether or not your new responsive web site is actually responsive. Unless you have a lot of cash to blow on every mobile device that exists, you are probably going to… Read More

How to use Intention.js for Responsive Design

Jarrod Medrano //  11 Mar, 2014

How to use Intention.js for Responsive Design

When developing responsive websites, you will inevitably encounter designs that require some kind of HTML reordering. Often this arbitrary reordering can be achieved through clever CSS tricks, but if that is not possible or practical, you may end up having to do some kind of javascript to sniff for browser widths. Enter Intention.js. Intention.js is… Read More

Wait Cursor for Macs

Jarrod Medrano //  28 Mar, 2013

Make Photoshop Faster with These Simple Settings

***** If you’ve ever used Photoshop on a Mac, you’re probably familiar with this guy. Would you like to send him packing and never see him again? If you answered yes, strap on your Photoshop helmet and get ready for the blog post of your life. For this blog post I am using Adobe Photoshop… Read More


Jarrod Medrano //  1 Mar, 2012

Basic Guide to Email Design

Though not as popular as it used to be, email remains a viable component of a good marketing strategy. When designing email templates, it’s important to consider the wide array of devices and email clients available. Follow these simple tips to make sure your message is coming across clearly on every platform and not making… Read More


Jarrod Medrano //  17 Feb, 2012

Six Basic Web Design Mistakes

Whether you are designing a website, a banner, or a flyer for a magician, you’ve probably thought this to yourself at some point: “Why isn’t this design working? Is it because nobody likes magicians?” The answer to that question is yes, but chances are, you are also making one of these six common design mistakes.… Read More

Jarrod Medrano //  11 Aug, 2011

Facebook Reveal Tab Tutorial

I am going to explain how to create a Facebook tab with like to reveal functionality from start to finish. You will need to have PHP and cURL installed on your server to make this work. Step 1: Download facebook.php from the Facebook PHP SDK You can get a copy of the PHP SDK here.… Read More

Jarrod Medrano //  9 May, 2011

The Worst of Google Logos

Over the past couple of years the extremely bored artists at Google have taken to celebrating random holidays around the world, by creating a new Google Logo EVERY DAY. Obviously there is not much work for an artist at Google; all of their art is generated by algorithms. The very few artists there are forced… Read More

Jarrod Medrano //  13 Apr, 2011

Movies Every Internet Marketer Should See

There are some films you can go your entire life without seeing. These are not those films. If you don’t know your A,B,S from your A,B,Cs, I am here to help. Many of these movies are available on the Netflix Instant Watch, so you can pump this steaming hot knowledge directly into your nucleus accumbens.… Read More

Jarrod Medrano //  31 Mar, 2011

Easy CSS Columns: to Float or not to Float?

This method is based upon Float-less Layout. But I have made it simpler to fit my needs. I also don’t like how they make their entire site a list, while it seems to make sense, I find that putting a whole bunch of stuff inside a list becomes annoying fast, just like using tables. Since… Read More

Jarrod Medrano //  26 Feb, 2009

The Golden Rule of Graphic Design

  The Magic Number If you have ever had any interest in the art of graphic design, chances are you have heard of the golden ratio. Throughout history, artists, mathematicians and musicians alike have studied this peculiar number. Some say that it is the most aesthetically pleasing of all proportions, while others contend that this… Read More

Jarrod Medrano //  31 Oct, 2008

Quick Photoshop Tip: Make your product images shine.

When designing a website for a business, it’s easy to overlook the little things. A lot of time is spent on design, layout, and development. Other, less glamorous things like image file size and product images are often overlooked. Attention to the little details in a website can make all the difference in the world… Read More

Jarrod Medrano //  18 Aug, 2008

Does Web 2.0 still look good? Did it ever?

Web 2.0 was sighted at a local party last evening. Many who attended expressed that he was ‘Not as cool as we remembered.’   Recently I was poking around a few design blogs and noticed something interesting. It seems like the trends and styles that were so popular only a year ago are starting to… Read More

Jarrod Medrano //  3 Aug, 2008

A Firefox Quirk You May Not Be Aware Of

When I was making some updates to the Portent Blog, I came across a strange problem. Whenever I highlighted the text with my cursor, I would get no visual feedback showing me what I had highlighted. I’ve actually run across this on a couple of other sites, which is why I thought I should share… Read More

Jarrod Medrano //  18 Jul, 2008

How to Design Your Site Like It’s 1999

The internet today is filled with tutorials on how to design your web site ‘web 2.0′ style. I thought it would be fun to teach you some of the horrible design trends from the past. So I invite you to return to a simpler time, a time when people still listened to TLC’s ‘No Scrubs’… Read More

Jarrod Medrano //  25 Apr, 2008

Create Rusty Metal Text in Photoshop: Tutorial

Recently I was looking for a way to make some cool rusted metal text in Photoshop, and after searching through a few metal text tutorials on Google I decided that all of them were garbage. So I messed around for a while and created my own.