Job Opportunity: Sr. Web Developer / Web Developer

[Andy Couch]

Hello Refresh,

frog design is hiring!   We're specifically looking for someone with the following web skills:

Sr. Web Developer / Web Developer

• Expert-level (X)HTML and CSS skills
• Ability to develop semantically-correct cross-browser compatible (X)HTML and CSS (IE6, IE7, FF, Safari, Opera, etc.) from a combination of wireframes, comps, notes, and/or conversations with Designers or Information Architects
• Advanced understanding of and ability to code accessibility-compliant (X)HTML and CSS
• Expertise in object-oriented JavaScript development
• Expert-level skills with one or more JavaScript libraries (preferably jQuery)
• Ability to develop cross-browser compatible JavaScript (IE6, IE7, FF, Safari, Opera, etc.)
• Advanced understanding of and ability to code accessibility-compliant JavaScript (via graceful degradation and/or progressive enhancement)
• Ability to follow existing coding guidelines and work within and/or extend another developer’s code base
• Ability and willingness to actively participate in QA activities (unit test code and resolve issues/bugs found by the QA staff)

 

If you think you'd be a good match, send me your resume at andy....@frogdesign.com and I'll pass it along to HR.   Or you can apply on the website at http://www.frogdesign.com/about/careers/austin.html (apply for the Technologist positions).  

If this isn't for you, but you know someone who might be interested, please forward it to them.

Thanks!

Andy

-----

As is protocol for job postings on Refresh Austin, here's a tip:

This one is a bit old school, but still applicable today.  In fact, I am mentioning this because I had to do it just yesterday.

When building an image map, you sometimes need to set a default click area so you link any area not specifically mapped to a default location.  According to the W3C, you can do this by using "default" as a shape type.  (e.g., <area shape="default" href="http://www.refreshaustin.org/" alt="" />)

The problem is that IE doesn't recognize the "default" shape.   As a fix, you can use conditional comments to map the entire image to the default location.   As long as it's the last area definition, it will only apply to any area not already specifically mapped.  (e.g. <!--[if IE]><area shape="rect" coords="0,0,400,200" href="http://www.refreshaustin.org/" alt="" /><![endif]--> -- In this example, the image being mapped is 400x200)

So the final cross-browser compliant image map would look something like this:

<map name="image_map" id="image_map">

  <area shape="rect" coords="20,50,180,150" href="/foo.html" alt="Something" />

  <area shape="rect" coords="220,50,380,150" href="/bar.html" alt="Something Else" />

  <area shape="default" href="http://www.refreshaustin.org/" alt="" />

  <!--[if IE]><area shape="rect" coords="0,0,400,200" href="http://www.refreshaustin.org/" alt="" /><![endif]-->

</map>