Joshua Pekera joshuapekera

XML GET

curl -H "Accept: application/xml" -H "Content-Type: application/xml" -X GET "http://hostname/resource"

JSON GET

curl -i -H "Accept: application/json" -H "Content-Type: application/json" -X GET "http://hostname/resource"

JSON PUT

SHORTCUTS

Key/Command	Description
Tab	Auto-complete files and folder names
Ctrl + A	Go to the beginning of the line you are currently typing on
Ctrl + E	Go to the end of the line you are currently typing on
Ctrl + U	Clear the line before the cursor
Ctrl + K	Clear the line after the cursor
Ctrl + W	Delete the word before the cursor
Ctrl + T	Swap the last two characters before the cursor

Hello

I’m Joshua Pekera. I am a product designer with a penchant for code, interaction design, and typography. I love to design things that connect people to the world around them and make life more enjoyable.

I have been sketching, designing and coding across web and mobile over the last 10 years. My skillset is rather diverse and so are the tools I use. I feel as comfortable using a commandline as I do Sketch or Photoshop. Here are some of the design and prototyping tools I use regularly:

Framer.js
Quartz Composer
Principle
Flinto
Pixate
Sketch

#SF Display Webfont

Ultra Light

woff woff2 svg ttf

Thin

woff

	body {
	font-family:
	system-ui,
	-apple-system,
	BlinkMacSystemFont,
	"Segoe UI", Roboto,
	"Helvetica Neue",
	Arial,
	sans-serif,
	"Apple Color Emoji",

	<!DOCTYPE html>
	<html>
	<head></head>
	<body>

	<nav class="navigation-bar is-visible" data-nav-status="toggle">
	<ul>
	<li>Home</li>
	<li>About</li>
	<li>Services</li>

	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8" />

	<title>
	CSS Transitions And Class Timing
	</title>

	<style type="text/css">

	// Use Animate.css
	// http://daneden.github.io/animate.css/

	var animateName = 'animated insertAnimation'

	$(document).ready(function(){
	$('#button').click(function(){
	$('.main').addClass(animateName).one(animateEnd, function(){
	$(this).removeClass(animateName).css({});
	});

	//
	// Variables
	// --------------------------------------------------

	//== Colors
	//
	//## Gray and brand colors for use across Bootstrap.

	@gray-base: #000;
	@gray1: lighten(@gray-base, 6.5%); // #111

	//
	// Easing mixins
	//
	// created with Ceaser : http://matthewlein.com/ceaser/
	// --------------------------------------------------

	#ease {

	@durationDefault: 1000ms;
	@subjectDefault: all;