News for February 2011

Google maps longitude & latitude coordinates

While working on my site, I decided to incorporate Google maps into my biography page to enhance the appearance as well as to provide a little bit of interactivity. I wanted to customize the appearance, i.e. the markers and the the accompanying popout.

To achieve this I had to first figure out the longitude and latitude in which to input into the map function that is called by the Google API. To do this, I simply went to www.maps.google.com searched for a location I wished to plot and put the following in the URL address bar and hit enter. This created a JavaScript alert with the longitudinal coordinates I needed to place markers on the map.


javascript:void(prompt('',gApplication.getMap().getCenter()));

Posted: February 19th, 2011
Categories: tutorial
Tags:
Comments: No Comments.

Google New York Engineering Open House

Tonight I had the privileged of being one of the select few who was able to secure an invite to the first, of what I hope to be many, installments of an open house at Google Headquarters in New York City.

Highlighting how Front End Engineering and Engineers are impacting some of Google’s most exciting projects was the theme for this first session. Speaking tonight were:

  • Tim Dierks, Software Engineer
  • Fuzzy Khosrowshahi, Director, Software Engineering
  • David Nagle, Director, Software Engineering
  • Elizabeth Hamon Reid, Director, Engineering

Biography backgrounds on the speakers above can be found here.

While I had plenty of good food and drinks at their famous cafeteria, I also came away with insight about some obscure labs programs. While waiting inline to grab some falaffel and a gyro, I met with and talked with a Google employee who enthusiastically turned me onto closure, a Google JavaScript compiler. Here is a brief synopsis of what closure is from their website:

“The Closure tools help developers to build rich web applications with JavaScript that is both powerful and efficient.”

I will give this a whirl and reply with some of my thoughts in a future post.

Posted: February 3rd, 2011
Categories: code
Tags: , , , ,
Comments: No Comments.

Overriding inline CSS

While working on the MLS (Major League Soccer) redesign, I came across an instance where I needed to override an inline style. I did not think this was possible at first, but after doing some research and googling, I came up with this solution. It uses CSS selectors which are very powerful and allow you to target specific elements on a page regardless of an ‘id’ or ‘class’.

Here is an example of inline styles being applied to an element on the page:

<div class="example-page">
    <div class="example-content">
        <div id="picture" style="position:absolute; margin:100px">
            <img src="/img/example.png" height="100" width="100"/>
        </div>
    </div>
</div>


Here is how you can override the inline style:

#picture[style]
{
    position:relative;
    margin:0;
}

Posted: February 2nd, 2011
Categories: code, tutorial
Tags:
Comments: No Comments.