Jorge Pedret

Designer & Front-end Engineer
Vancouver, Canada

Project Hub: A new Harp template to track project timelines

January 3rd 2014

A new Harp template that serves as a centralized home base for your projects and makes it really easily keep track of events and notes from the whole team.

Continue Reading →

January 2nd 2014

This is how a human being change:
there’s a worm addicted to eating
grape leaves.
Suddenly. He wakes up,
call it grace, whatever, something
wakes him, and he’s no longer
a worm.

He’s the entire vineyard,
and the orchard too, the fruit, the trunks,
a growing wistom and joy
that doesn’t need
to devour.

The Psychedelic Explorer’s Guide

Harp Platform Public Milestone: Complete!

November 15th 2013

It’s been a whole year since I started working on the Harp Platform and we’re really excited to announce today that we’ve opened the gates to the public.

Continue Reading →

The Awkward CSS Learning Curve

November 1st 2013

When I started working with CSS, it wasn’t more than adding a couple of in-line styles to my beautiful HMTL table layout, like this:

Luckily enough, I didn’t have to deal with this kind of code for too long, but long enough to feel the pain. I remember learning about CSS Zen Garden created by Dave Shea, where he demonstrated the power of CSS by having one markup structure (HTML) and a parade of different styles that completely changed the way that the page looked.

Continue reading →

Dynamic sitemap for your Harp Apps

October 29th 2013

Kevin Saliou asked last week about how to generate a dynamic sitemap of your Harp App. Here’s what we came up with.

Continue Reading →

Controlling Arduino from the Web

August 1st 2013

Putting together an Arduino robot using Robotics Shield Kit and Johnny Five, a JavaScript framework to control Arduino boards.

Check out the project on Github →

Continue Reading →

Flexbox notes

July 26th 2013

Some personal notes and demos on CSS Flexbox

Enter at your own risk →

Analyzing Publishing Widgets

June 16th 2013

Publishing widgets can make or break the success of your app. In most cases they constitute a big chunk of the user experience. It’s fair that we pay attention at how we’re building them.

Continue reading →

CSS Element Query Experiments

July 15th 2013

A serie of experiments I created using polyfills for CSS Element Queries and workarounds for the same problem.

CSS Element Queries

July 5th 2013

CSS media queries are useful for creating responsive page layouts. But media queries will always depend on the device dimensions killing any oportunity to create modular components.

In our journey towards web components and modularity, element queries will open the doors for components that contain their own styling logic and mutate depending on their direct environment.

Continue reading →

Gorgeous UI from the movie Oblivion

June 19th 2013

Looking for videos for a talk I’m preparing, I stumbled upon this beautiful compilation of scenes from the movie Oblivion showcasing the user interface and how we interact with it.

I’ll try to make a post in the next couple of weeks analyzing more specific details from this video.

Check out the rest of the images →

Cloning an existing website

June 15th 2013

How to clone a whole website to your local computer with one command

$ wget \
    --recursive \
    --no-clobber \
    --page-requisites \
    --html-extension \
    --convert-links \
    --restrict-file-names=windows \
    --domains \
    --no-parent \

I used this technique for migrating creating a working copy of my old site without needing to keep an instance of WordPress running the whole time.

The only reason I wanted to keep a copy of my old site running is because I have a lot of posts there that me and other people use for reference and I don&rsqo;t want to just throw that away.



June 15th, 2013

Well, it’s been long overdue a re-design for my home in the Internet. My last site was powered by WordPress, but since then I’ve grown a lot as a developer. I’ve learned to appreciate the power of simplicity and static assets. Besides, my WordPress site was slow as shit!

Continue reading →