<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-8773711344385711236</id><updated>2011-08-31T10:29:59.862-07:00</updated><category term='design'/><category term='write'/><category term='code'/><title type='text'>john KÜLÜNK</title><subtitle type='html'>Online Portfolio - Experienced Web Developer building engaging websites for the past +8 years applying the latest techniques in web development.
Strong Technical Writer producing manuals, user guides and other documents of professional quality.
Creative Graphic Designer forming compelling graphics for use in web and marketing material.</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://kooloonk.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://kooloonk.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>John Kulunk</name><uri>http://www.blogger.com/profile/00917663850269047950</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>11</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-8773711344385711236.post-279875703663787031</id><published>2010-12-03T16:08:00.000-08:00</published><updated>2011-03-02T15:52:36.099-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='code'/><title type='text'>Rhymes with [@orange]</title><summary type='text'>Or, How to find XML node attributes that contain a given valueI had a need to look for the presence of one or more attributes and perform an action. The difficult part was that the value in each attribute may be slightly different from the next and there could have been any number of matching nodes. So looping was out of the question and so was writing long IF chains.What I came up with was a </summary><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default/279875703663787031'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default/279875703663787031'/><link rel='alternate' type='text/html' href='http://kooloonk.blogspot.com/2010/12/rhymes-with-orange.html' title='Rhymes with [@orange]'/><author><name>John Kulunk</name><uri>http://www.blogger.com/profile/00917663850269047950</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-8773711344385711236.post-6669283358337765619</id><published>2010-11-18T11:31:00.000-08:00</published><updated>2010-11-18T11:31:14.991-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design'/><title type='text'>"No Photo" Photo</title><summary type='text'>How do you represent an image where no image is available? You could write in big letters “no photo available” but that’s distracting. You could remove the image but that throws off the page layout. How about put up a soft toned image that is both non-distracting and keeps the integrity of the page layout.</summary><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default/6669283358337765619'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default/6669283358337765619'/><link rel='alternate' type='text/html' href='http://kooloonk.blogspot.com/2010/11/no-photo-photo.html' title='&quot;No Photo&quot; Photo'/><author><name>John Kulunk</name><uri>http://www.blogger.com/profile/00917663850269047950</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_6Yq2HR80TJc/TOV-wCn24EI/AAAAAAAAAQI/lKwthKcRics/s72-c/no_photo_listing_medium.gif' height='72' width='72'/></entry><entry><id>tag:blogger.com,1999:blog-8773711344385711236.post-1844427635696413495</id><published>2010-09-10T15:58:00.000-07:00</published><updated>2010-11-18T11:32:54.438-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='code'/><title type='text'>CSS3 "Rocket" Experiment</title><summary type='text'>The best way to understand something is to experience it. The same is true when learning new techniques, in this case with CSS3. I’ve put together a little rocket-that-could in pure CSS3 and HTML, all without the use of images.


/*------------------------------------------------------------------
[CSS3 Stylesheet]
  
Title:       CSS3 Rocket
Last change: 8/29/2010
Designed by: John Külünk
Works </summary><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default/1844427635696413495'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default/1844427635696413495'/><link rel='alternate' type='text/html' href='http://kooloonk.blogspot.com/2010/09/css3-rocket-experiment.html' title='CSS3 &quot;Rocket&quot; Experiment'/><author><name>John Kulunk</name><uri>http://www.blogger.com/profile/00917663850269047950</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-8773711344385711236.post-516576539784300389</id><published>2010-09-01T11:23:00.000-07:00</published><updated>2010-11-18T11:34:02.233-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='code'/><title type='text'>Tableless Template</title><summary type='text'>We work with a lot of customers who need to get up and running quickly (and affordably). Instead of burning-up months working with a designer in making a mediocre one-of-a-kind website they more often than not ask for a pre-built template. I’ve put one together that shows off the best of our component library while also leaving it open for customization thru CSS. The best part is that there are </summary><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default/516576539784300389'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default/516576539784300389'/><link rel='alternate' type='text/html' href='http://kooloonk.blogspot.com/2010/11/tableless-template.html' title='Tableless Template'/><author><name>John Kulunk</name><uri>http://www.blogger.com/profile/00917663850269047950</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_6Yq2HR80TJc/TOV8oO9QLAI/AAAAAAAAAQE/TmRf5VkW6YI/s72-c/pruca.jpg' height='72' width='72'/></entry><entry><id>tag:blogger.com,1999:blog-8773711344385711236.post-2469866511048223321</id><published>2010-07-07T15:56:00.000-07:00</published><updated>2010-07-07T15:56:12.310-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design'/><title type='text'>Kooloonk Blog Re-Launch</title><summary type='text'>It's a new year and time for a new design. What you see before you is not some pre-built template from a design factory but a 100% All-American original. I set the layout in Photoshop, then took my Blogspot template and twisted the heck out of it. Threw in some jQuery and a little CSS3 and Walla! Images are hosted on Google's Picasa.</summary><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default/2469866511048223321'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default/2469866511048223321'/><link rel='alternate' type='text/html' href='http://kooloonk.blogspot.com/2010/07/kooloonk-blog-re-launch.html' title='Kooloonk Blog Re-Launch'/><author><name>John Kulunk</name><uri>http://www.blogger.com/profile/00917663850269047950</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-8773711344385711236.post-3105145492509318821</id><published>2010-03-06T14:53:00.000-08:00</published><updated>2010-08-31T21:36:11.762-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design'/><title type='text'>Makin’ a Splash</title><summary type='text'>When asked to come up with a splash graphic for our new iPhone app I immediately knew what the challenges were and how I would go about solving for them. This graphic needed to be simple to edit in Photoshop in as few steps as possible yet have different looks for each customer.  What resulted was a template containing different themes in dark shades and transparencies. All that was needed for </summary><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default/3105145492509318821'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default/3105145492509318821'/><link rel='alternate' type='text/html' href='http://kooloonk.blogspot.com/2010/07/makin-splash.html' title='Makin’ a Splash'/><author><name>John Kulunk</name><uri>http://www.blogger.com/profile/00917663850269047950</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://lh4.ggpht.com/_6Yq2HR80TJc/TDOk0gMSjGI/AAAAAAAAAO4/tX_bQQqNiOA/s72-c/iphone-splash-houses.jpg' height='72' width='72'/></entry><entry><id>tag:blogger.com,1999:blog-8773711344385711236.post-1974881535792275915</id><published>2009-09-07T15:49:00.000-07:00</published><updated>2010-07-07T15:49:40.399-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design'/><title type='text'>New Life &amp; NL Kids Web Design</title><summary type='text'>From serious to fun and silly. All work done in Adobe Photoshop.
www.new-life.org »
www.new-life.org/kids »</summary><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default/1974881535792275915'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default/1974881535792275915'/><link rel='alternate' type='text/html' href='http://kooloonk.blogspot.com/2010/07/new-life-nl-kids-web-design.html' title='New Life &amp;amp; NL Kids Web Design'/><author><name>John Kulunk</name><uri>http://www.blogger.com/profile/00917663850269047950</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-8773711344385711236.post-3293839169474603117</id><published>2009-07-07T15:47:00.000-07:00</published><updated>2010-07-07T15:47:55.183-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design'/><title type='text'>"What's New" Graphics</title><summary type='text'>To bring attention to new and improved featured in the application I was asked to create several series of graphics. Here I blend clipart with original designs to illustrate and draw attention to these new features.  
  
</summary><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default/3293839169474603117'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default/3293839169474603117'/><link rel='alternate' type='text/html' href='http://kooloonk.blogspot.com/2010/07/whats-new-graphics.html' title='&quot;What&apos;s New&quot; Graphics'/><author><name>John Kulunk</name><uri>http://www.blogger.com/profile/00917663850269047950</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_6Yq2HR80TJc/SB9Ft4sEaMI/AAAAAAAAABQ/oBscTMm40ac/s72-c/hl_45.jpg' height='72' width='72'/></entry><entry><id>tag:blogger.com,1999:blog-8773711344385711236.post-8119919752753695389</id><published>2009-04-07T14:47:00.000-07:00</published><updated>2010-11-18T11:37:41.833-08:00</updated><title type='text'>Who is this Guy?</title><summary type='text'>You’ve found your way to my blog-as-portfolio site. Want to see some of my work? Curious what I can do? Want to know what I’m all about? You got it! Just dig into whatever gets your goat.I’m first and foremost a web developer with my hands into some graphic design and technical writing. I’ve been doing this stuff for several years now and have earned the title of Senior Web Developer, though I’m </summary><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default/8119919752753695389'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default/8119919752753695389'/><link rel='alternate' type='text/html' href='http://kooloonk.blogspot.com/2010/07/about.html' title='Who is this Guy?'/><author><name>John Kulunk</name><uri>http://www.blogger.com/profile/00917663850269047950</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-8773711344385711236.post-8932011151222763591</id><published>2008-04-04T20:19:00.003-07:00</published><updated>2010-07-06T14:14:20.544-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='write'/><title type='text'>Technical Writing and Other Words</title><summary type='text'>My earlier incarnation was as a Knowledge Engineer. That fancy title basically means I translated übergeek speak into plan English to fill FAQ’s and Knowledge Bases. That skill grew into writing technical manuals and administration guides for various processes and systems. Design Guide #1 (PDF)
Design Guide #2 (PDF)
Deployment Guide #1 (PDF)
Deployment Guide #2(PDF)
</summary><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default/8932011151222763591'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default/8932011151222763591'/><link rel='alternate' type='text/html' href='http://kooloonk.blogspot.com/2008/04/write.html' title='Technical Writing and Other Words'/><author><name>John Kulunk</name><uri>http://www.blogger.com/profile/00917663850269047950</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-8773711344385711236.post-2755880536448085158</id><published>2008-04-01T11:00:00.000-07:00</published><updated>2010-05-11T17:23:47.676-07:00</updated><title type='text'>What Are People Saying?</title><summary type='text'>"I worked with John on two seperate jobs when two of the real estate brokers that I worked with signed on with Marketlinx to create their new web sites. I was the project manager on both of those projects and thoroughly enjoyed working with John to create two great web sites. He was very easy to work with and nothing was to much trouble. He was quick to respond to all of our requests and issues </summary><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default/2755880536448085158'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8773711344385711236/posts/default/2755880536448085158'/><link rel='alternate' type='text/html' href='http://kooloonk.blogspot.com/2008/04/recommendations.html' title='What Are People Saying?'/><author><name>John Kulunk</name><uri>http://www.blogger.com/profile/00917663850269047950</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry></feed>
