I understand that it takes a blend of inspiration, listening and team collaboration in implementing successful creative projects.

In web design and development, I found the perfect outlet to utilize my attention to small details as well as my interest in being part of a team creating and developing clean and sophisticated code behind beautiful sites. I am fascinated with the speed technology changes; I am connected vias blogs & social media and yet I don't feel too obsessed to be plugged in ALL the time. I enjoy both working on site and off, and love the flexibility and challenges of a career constantly moving.

With a background including a career as a baker and an architectural photographer, I have always had a passion for design and an attention to details, no matter how small. Born in Pomona, CA, I slowly moved north over the years, attracted to the wilderness, fresh air and city life. When I am not knee deep in code, I can be found hiking, camping, appreciating some local mirco brews or getting my passport stamped by a gruff looking guard who speaks little English. I enjoy music, films, and photography as well as just relaxing and watching the game.

Tuesday, October 25th, 2016

Is it Raining?

It’s Fall in the Northwest and the rain is here. I want to query the Open Weather API and see if it is raining outside since I have no windows at work and this will be my window to the outside.

function getTemp() {
    $.getJSON("http://api.openweathermap.org/data/2.5/weather?q=seattle,usa&units=imperial&APPID=YOURAPPID", function(data) {
		var weather= data.weather,
		rain =  weather[0].main;
		weather_description =  weather[0].description;
		if(rain =='Rain'){
			rain = 'Yes';
		}else{
			rain = 'No, but it\'s ' + weather_description;
		}
		$('#rain').html(rain);
    });
    setTimeout("getTemp()",600000);
}

Is it Raining?

Monday, April 6th, 2015

JSON

JavaScript Object Notation or JSON for short. JSON is smaller than xml and faster and easier to parse. Parsing JSON can be done with .getJSON

$getJSON("path to the json file",function (data)){
 // do something
}

I have used JSON to create slideshows and its good to use because if you a slideshow with multiple images the json file can be called as the image is requested. I would not use this unless your image request is more than a few.

Many API’s now have a JSON format which is much easier to work with. I will create a function to get the current temperature in Seattle, WA.

First, I would like to use an open source Weather API. http://openweathermap.org/

Second, I have requested an api and now I will create a js function to call the JSON every ten minutes.

$(function() {
    getTemp();
});
function getTemp() {
    $.getJSON("http://api.openweathermap.org/data/2.5/weather?q=seattle,usa&units=imperial&APPID=YOURAPPID", function(data) {
		var main = data.main,
		temp = main.temp;
		$('#temp').html(temp + ' °F');
    });
    setTimeout("getTemp()",600000);
}

Current tempture in Seattle, WA

Friday, February 13th, 2015

If an element contains a string

I had a question today if I could change the background color if an element contained a string. I knew I could with js, but I need to do a little research.

I found methods of completing this.

indexOf

The indexOf() method returns the position of the first occurrence of a specified value in a string.
This method returns -1 if the value to search for never occurs.
indexOf is case sensitive.

:contains

The :contains() selector selects elements containing the specified string.
The string can be contained directly in the element as text, or in a child element.
This is mostly used together with another selector to select the elements containing the text in a group (like in the example above).
:contains is case sensitive.

if ($('#someId').text().indexOf("Gene") != -1)
{
  $('body').css( "background-color", "blue" );   
}
$( "#someId:contains('Gene')" ).css( "background-color", "blue" ); 

Tuesday, September 16th, 2014

Jillion is NaN

OK, who hasn’t heard someone referring to Jillion as a very large number. Today on the bus my wife was telling me that something was a jillion times bigger. Well, I can’t remember what our conversion was, but I know I kept telling her that Jillion is not a real number. Jillion is often used when the number is so large a real number can’t be used. I have listed below real names of large numbers and their short scale.

var Million = 10e6, /* 1,000,000 */
	Billion = 10e9, /* 1,000,000,000 */
	Trillion = 10e12, /* 1,000,000,000,000 */
	Quadrillion = 10e15, /* 1,000,000,000,000,000 */
	Quintillion = 10e18, /* 1,000,000,000,000,000,000 */
	Sextillion = 10e21, /* 1,000,000,000,000,000,000,000 */
	Septillion = 10e24, /* 1,000,000,000,000,000,000,000,000 */
	Octillion = 10e27, /* 1,000,000,000,000,000,000,000,000,000 */
	Nonillion = 10e30, /* 1,000,000,000,000,000,000,000,000,000,000 */
	Decillion = 10e33, /* 1,000,000,000,000,000,000,000,000,000,000,000 */
	Undecillion = 10e36, /* 1,000,000,000,000,000,000,000,000,000,000,000,000 */
	Duodecillion = 10e39, /* 1,000,000,000,000,000,000,000,000,000,000,000,000,000 */
	Tredecillion = 10e42, /* 1,000,000,000,000,000,000,000,000,000,000,000,000,000,000 */
	Quattuordecillion = 10e45 ,/* 1,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000 */
	Quindecillion = 10e48, /* 1,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000 */
	Sexdecillion = 10e51, /* 1,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000 */
	Septendecillion = 10e54, /* 1,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000 */
	Octodecillion = 10e57, /* 1,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000 */
	Novemdecillion = 10e60, /* 1,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000 */
	Vigintillion = 10e63; /* 1,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000 */

Friday, November 1st, 2013

A function

A function is a block of statements that can be used in a file.
I will create a function to change the color of my notes.

function colorMyNotes() {
    var i;
    var postItNoteColors = [
        '#FCF0AD', '#E9E74A', '#EE5E9F', '#FFDD2A', '#F59DB9', '#F9A55B', '#D0E17D', '#36A9CE', '#EF5AA1', '#AE86BC', '#FFDF25', '#56C4E8', '#D0E068', '#CD9EC0', '#ED839D', '#FFE476', '#CDDD73', '#F35F6D', '#FAA457', '#35BEB7', '#D189B9', '#99C7BC', '#89B18C', '#738FA7', '#8A8FA3', '#82ACB8', '#F9D6AC', '#E9B561', '#E89132', '#DA7527', '#DEAC2F', '#BAB7A9', '#BFB4AF', '#CDC4C1', '#CFB69E', '#D0AD87'];
    var i = 1;
    $('.col-md-4').each(function() {
        $(this).css('background-color', postItNoteColors[i]);
        i = (i + 1) % postItNoteColors.length;
    });
}
colorMyNotes();

The function works, however the color is always the same and it would be nice if it was random. Next, create an array that will randomize the color.

Tuesday, October 22nd, 2013

Get Unix timestamp for a date

I needed to compare an event date in Expression Engine to the current date, but the time was not in a unix timestamp. So, I used PHP and converted the time given, to unix timestamp with the PHP functions date() and strtotime().

<?php 
      $time = ( date("g:i a", strtotime("{start_time} UTC"))); 
      $unix = (strtotime('{start_day}-{start_month}-{start_year}'.$time)).'000'; 	  
?>

Tuesday, March 12th, 2013

IS NULL

How do you query results for data in column that is NULL?

SELECT * FROM TABLE 
WHERE COLUMN IS NULL

NULL is used for data that is unknown and not zero or empty.

Tuesday, January 1st, 2013

Happy New Year 2013

1357027200

Friday, June 15th, 2012

Unix Time

A few weeks ago I was given the task to close a program on a server, but we had know idea when the last user logged into the program. The server is Linux and records time as milliseconds since January 01, 1970. This Epoch is known as Unix Time the date is the beginning of time according to Unix. This measure of time is recorded as int32. The max value of a 32 bit integer is 2147483647. So the end of time will be January 19, 2038, until this reference date is recorded as int64.

The last log in was: 1299611945 March 08, 2011 11:19:05 AM. The program now can be removed.

Here is a link to a good Epoch Converter http://www.epochconverter.com/

Wednesday, May 23rd, 2012

Foo

What is Foo? Foo is from Foobar which is from a military acronym FUBAR. Developers use the word “Foo” sometimes as a placeholder for variables. The word “Bar” is also used as a placeholder for variables.

if(foo == "something"){
 alert(foo);
}else{
}

I believe in the strength of good design as well as the importance of web programming that creates a positive user experience.

erin sweeny

Fine Art Photographer

claire garoutte

Fine Art Photographer

photo center nw gala

Art Auction

Mirador Biomedical

Bio Medical

diluvian llc

green building

rainier valley rowing

City youth rowing program

jenny riffle

Fine Art Photographer

Zetec

manufacturing

TC Business Solutions

sole proprietor

Photolust

Art Auction

re:Focus

Art Auction

Kim Hood Photography

Fine Art Photographer

Skills

Detail oriented and deadline driven, with a passion for standards compliant and super clean code. Experienced in all project management phases from wireframe construction to final launch

Programming Languages:

  • Xhtml
  • CSS
  • PHP
  • JavaScript
  • C#

Databases:

  • MySql
  • Sql

Content Management System:

  • WordPress
  • Expression Engine

Software:

  • Adobe Photoshop
  • Adobe Fireworks
  • Adobe Dreamweaver
  • Adobe Illustrator
  • Adobe Flash
  • Adobe InDesign
  • Microsoft Office

Platforms:

  • MAC and PC

Experience:

Web Producer, Cornish College of the Arts, (October 2011 - Present)

Web Developer, Graphica, (Smart Dept, Inc 2010 - 2011)

  • Develop web site from design build for S. Griffin Construction. Tools used: html, css, jquery, and Adobe Photoshop. www.sgriffinconstruction.com
  • Develop web site from design build for pizzeria Queen Margherita from design build. Tools used: html, css, and jquery, and Adobe Photoshop. www.queenmargheritaseattle.com
  • Develop web site from design build for The James Randall Group executive search consultants. Tools used: html, css, php, jquery, Adobe Photoshop, and Adobe Illustrator www.jamesrandallgroup.com
  • Develop web site with CMS from design build for interior designer Jennifer Randall. Tools used: html, css, php, jquery, Adobe Photoshop, Adobe Illustrator and Wordpess. www.jradesigns.com/
  • Develop web site with CMS from design build for yoga studio Village Yoga. Tools used: html, css, php, jquery, Adobe Photoshop, Adobe Illustrator and Wordpess. www.villageyoga.com/
  • Develop place holder web page from design build for Genesys Oncology Solutions. Tools used: html, css, jquery, and Adobe Photoshop. www.genesysoncology.com
  • Develop email template from design build for Mosier Mccann.
  • Develop email template from design build for Seattle Cancer Care Alliance.

Website & Marketing Contract Internship, Zetec, Snoqualmie, WA (2010)

  • Built new external facing website in WordPress in English and French
  • Trained functional personnel for on-going website maintenance
  • Created content management system/process, including website training material
  • Worked well under pressure and maintained good team communications

Web Content Manager, Photo Center Northwest, Seattle, WA (2005-2007)

  • Updated and maintained PCNW’s website weekly in html
  • Communicated closely with Executive Director and Gallery Director to ensure consistency and accuracy throughout the school’s online site.
  • Prepared and optimized images and graphics for online presentation.

Education

  • Associates of Applied Science-Technology (AAS-T), 2010 Web Design Seattle Central Community College
  • Fine Art Photography Certificate, 2001 Photographic Center Northwest, Seattle, WA

I look forward to hearing from you

Gene Rocha

gene@generocha.com Status: currently employed full-time. And currently not looking.