http://cargocollective.com steve lam Tue, 15 Dec 2009 14:54:53 +0000 http://cargocollective.com en http://cargocollective.com/stevelam/Ad-Design http://cargocollective.com/stevelam/following/stevelam/Ad-Design Tue, 15 Dec 2009 14:54:53 +0000 steve lam 189823 These banner ads were made in conjuction with http://pickuppal.com, a global eco-friendly transportation revolution that connects drivers, passengers, and packages with the places they need to go. <img src="http://payload.cargocollective.com/1/0/12187/189823/glastonbury.jpg" width="570" height="130" width_o="570" height_o="130" src_o="http://payload.cargocollective.com/1/0/12187/189823/glastonbury_o.jpg" data-mid="811709" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/12187/189823/taste-my-buffalo.jpg" width="570" height="130" width_o="570" height_o="130" src_o="http://payload.cargocollective.com/1/0/12187/189823/taste-my-buffalo_o.jpg" data-mid="811710" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/12187/189823/toronto-blue-jays.jpg" width="570" height="130" width_o="570" height_o="130" src_o="http://payload.cargocollective.com/1/0/12187/189823/toronto-blue-jays_o.jpg" data-mid="811712" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/12187/189823/virgin-festival-toronto.jpg" width="570" height="130" width_o="570" height_o="130" src_o="http://payload.cargocollective.com/1/0/12187/189823/virgin-festival-toronto_o.jpg" data-mid="811714" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/12187/189823/bumbershoot.jpg" width="570" height="130" width_o="570" height_o="130" src_o="http://payload.cargocollective.com/1/0/12187/189823/bumbershoot_o.jpg" data-mid="811735" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/12187/189823/festival-international-de-louisiane.jpg" width="570" height="130" width_o="570" height_o="130" src_o="http://payload.cargocollective.com/1/0/12187/189823/festival-international-de-louisiane_o.jpg" data-mid="811736" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/12187/189823/eco-corp-banner-honda-ca.jpg" width="570" height="130" width_o="570" height_o="130" src_o="http://payload.cargocollective.com/1/0/12187/189823/eco-corp-banner-honda-ca_o.jpg" data-mid="811767" border="0" align="left"/> These banner ads were made in conjuction with http://pickuppal.com, a global eco-friendly transportation revolution that connects drivers, passengers, and packages... http://cargocollective.com/stevelam/TXP-plugin-lam_accordion_section http://cargocollective.com/stevelam/following/stevelam/TXP-plugin-lam_accordion_section Fri, 30 Oct 2009 09:00:17 +0000 steve lam 128631 An issue I had with the Textpattern content management system was that sometimes the backend managed to get overly cluttered the more content you added. In this example, the "Sections" area of the backend would be populated vertically. While a few "sections" normally wouldn't be an issue, larger sites requiring a significant amount of sections would be tedious to scroll though and update: <img src="http://payload.cargocollective.com/1/0/12187/128631/txp_plugin_accordion_before.jpg" width="300" height="672" width_o="300" height_o="672" src_o="http://payload.cargocollective.com/1/0/12187/128631/txp_plugin_accordion_before_o.jpg" data-mid="551572" border="0" align="left"/> To solve this issue, I wrote a Textpattern plugin hooking into the TXP API and with some jQuery magic, converted each "Section" block into collapsible "accordion-style" blocks to allow the end-user to easily pick out a section to edit. The following shows the plugin in effect: <img src="http://payload.cargocollective.com/1/0/12187/128631/txp_accordion_after.jpg" width="300" height="505" width_o="300" height_o="505" src_o="http://payload.cargocollective.com/1/0/12187/128631/txp_accordion_after_o.jpg" data-mid="551570" border="0" align="left"/> An issue I had with the Textpattern content management system was that sometimes the backend managed to get overly cluttered the more content you added. In this... http://cargocollective.com/stevelam/iblastoff-media http://cargocollective.com/stevelam/following/stevelam/iblastoff-media Fri, 30 Oct 2009 08:26:45 +0000 steve lam 128629 <img src="http://payload.cargocollective.com/1/0/12187/128629/iblastff-main.jpg" width="670" height="497" width_o="670" height_o="497" src_o="http://payload.cargocollective.com/1/0/12187/128629/iblastff-main_o.jpg" data-mid="551509" border="0" align="left"/> iblastoff! media was my initial foray into the world of freelance development. It was initially marketed towards working with local artists and musicians but eventually expanded to small businesses as well. The site incorporates a content management system (Textpattern) in the backend, valid css/xhtml coding, some minor jQuery effects, and some custom CMS plugins I've written in PHP. Role: designer, developer Visit: iblastoff.ca iblastoff! media was my initial foray into the world of freelance development. It was initially marketed towards working with local artists and musicians but... http://cargocollective.com/stevelam/Marmalade-Shop http://cargocollective.com/stevelam/following/stevelam/Marmalade-Shop Fri, 30 Oct 2009 07:56:51 +0000 steve lam 128613 <img src="http://payload.cargocollective.com/1/0/12187/128613/marmalade-shopping_2.jpg" width="670" height="496" width_o="670" height_o="496" src_o="http://payload.cargocollective.com/1/0/12187/128613/marmalade-shopping_2_o.jpg" data-mid="551463" border="0" align="left"/> Marmalade Shop is a small fashion boutique located in Toronto's Kensington Market. The owners Jake and clothing designer Magdalena needed a revamp of their site which is currently making a transition from a table-based layout to a site which follows modern coding standards. The site implements a simple paypal-based shopping cart and is built upon user-friendly Adobe Dreamweaver templating for easy user content updates. Role: Designer, css/xhtml coding, content & photo editor Visit: TBA Marmalade Shop is a small fashion boutique located in Toronto\'s Kensington Market. The owners Jake and clothing designer Magdalena needed a revamp of their site... http://cargocollective.com/stevelam/Textpattern-Symphony-theme http://cargocollective.com/stevelam/following/stevelam/Textpattern-Symphony-theme Fri, 30 Oct 2009 07:20:50 +0000 steve lam 128595 <img src="http://payload.cargocollective.com/1/0/12187/128595/textpattern-symphonymain_1.jpg" width="670" height="462" width_o="670" height_o="462" src_o="http://payload.cargocollective.com/1/0/12187/128595/textpattern-symphonymain_1_o.jpg" data-mid="551440" border="0" align="left"/> With the advent of admin-area themes in the latest version of open-source content management system Textpattern, I created an alternative backend style via css and simple Photoshopped buttons. It is now the most downloaded theme on Textgarden.org. <img src="http://payload.cargocollective.com/1/0/12187/128595/textpattern-symphony-bar_3.jpg" width="644" height="103" width_o="644" height_o="103" src_o="http://payload.cargocollective.com/1/0/12187/128595/textpattern-symphony-bar_3_o.jpg" data-mid="551433" border="0" align="left"/> Textpattern Original Theme: <img src="http://payload.cargocollective.com/1/0/12187/128595/textpattern-orig-theme_1.jpg" width="670" height="465" width_o="670" height_o="465" src_o="http://payload.cargocollective.com/1/0/12187/128595/textpattern-orig-theme_1_o.jpg" data-mid="551439" border="0" align="left"/> Role: css layout designer Visit: http://textgarden.org/layouts/209/symphony With the advent of admin-area themes in the latest version of open-source content management system Textpattern, I created an alternative backend style via css... http://cargocollective.com/stevelam/End-Hits-show-poster http://cargocollective.com/stevelam/following/stevelam/End-Hits-show-poster Fri, 30 Oct 2009 06:56:00 +0000 steve lam 128582 <img src="http://payload.cargocollective.com/1/0/12187/128582/poster-main_2.jpg" width="378" height="492" width_o="378" height_o="492" src_o="http://payload.cargocollective.com/1/0/12187/128582/poster-main_2_o.jpg" data-mid="551343" border="0" align="left"/> A poster designed in Illustrator for Punkottawa.com for an indie rock showcase. Heartwarmer: <img src="http://payload.cargocollective.com/1/0/12187/128582/heartwarmer.jpg" width="500" height="333" width_o="500" height_o="333" src_o="http://payload.cargocollective.com/1/0/12187/128582/heartwarmer_o.jpg" data-mid="551352" border="0" align="left"/> Role: Graphic Designer Visit: http://punkottawa.com A poster designed in Illustrator for Punkottawa.com for an indie rock showcase. Heartwarmer: Role: Graphic Designer Visit: http://punkottawa.com http://cargocollective.com/stevelam/Informer http://cargocollective.com/stevelam/following/stevelam/Informer Fri, 30 Oct 2009 06:34:44 +0000 steve lam 128577 <img src="http://payload.cargocollective.com/1/0/12187/128577/informer-main.jpg" width="500" height="499" width_o="500" height_o="499" src_o="http://payload.cargocollective.com/1/0/12187/128577/informer-main_o.jpg" data-mid="551300" border="0" align="left"/> Cd cover design for an LA-based electro band. They wanted a 60's-spy/espionage theme coupled with a very minimal look to reflect their fashion and musical style. This cover was used on their first EP on a single-sided cardboard sleeve release. Informer: <img src="http://payload.cargocollective.com/1/0/12187/128577/l_8714890902ca464d7f08bbc7700ba729.jpg" width="500" height="384" width_o="500" height_o="384" src_o="http://payload.cargocollective.com/1/0/12187/128577/l_8714890902ca464d7f08bbc7700ba729_o.jpg" data-mid="551301" border="0" align="left"/> Role: Graphic Designer Visit: http://www.myspace.com/theofficialinformer Cd cover design for an LA-based electro band. They wanted a 60\'s-spy/espionage theme coupled with a very minimal look to reflect their fashion and musical style.... http://cargocollective.com/stevelam/xPattern http://cargocollective.com/stevelam/following/stevelam/xPattern Fri, 30 Oct 2009 06:06:31 +0000 steve lam 128563 <img src="http://payload.cargocollective.com/1/0/12187/128563/xpat_main.jpg" width="670" height="449" width_o="670" height_o="449" src_o="http://payload.cargocollective.com/1/0/12187/128563/xpat_main_o.jpg" data-mid="551240" border="0" align="left"/> xPattern is an open-source php/mysql based content management system still in development. It's a direct result of a fork from Textpattern, of which some prominent users in the community decided to steer in a different direction. I was tasked to design a logo that would reflect the ease of use and main purpose of a CMS. In this case it was to "just write". <img src="http://payload.cargocollective.com/1/0/12187/128563/xpat_site.jpg" width="670" height="488" width_o="670" height_o="488" src_o="http://payload.cargocollective.com/1/0/12187/128563/xpat_site_o.jpg" data-mid="551263" border="0" align="left"/> Role: Logo Designer Visit: http://xpattern.net xPattern is an open-source php/mysql based content management system still in development. It\'s a direct result of a fork from Textpattern, of which some... http://cargocollective.com/stevelam/The-Cabinet-Salon http://cargocollective.com/stevelam/following/stevelam/The-Cabinet-Salon Fri, 30 Oct 2009 05:11:43 +0000 steve lam 128507 <img src="http://payload.cargocollective.com/1/0/12187/128507/cabinet_5_main_2.jpg" width="670" height="448" width_o="672" height_o="450" src_o="http://payload.cargocollective.com/1/0/12187/128507/cabinet_5_main_2_o.jpg" data-mid="551122" border="0" align="left"/> A chic new hair salon opening in the center of the Fashion District in Toronto required a logo for print and online presence. A Victorian/regal style was sought to reflect their style and targeted clientele.They also needed a simple brochure website powered by a content management system (Textpattern). Backend: <img src="http://payload.cargocollective.com/1/0/12187/128507/cabinet_backend.jpg" width="670" height="465" width_o="670" height_o="465" src_o="http://payload.cargocollective.com/1/0/12187/128507/cabinet_backend_o.jpg" data-mid="551225" border="0" align="left"/> Concept Logos: <img src="http://payload.cargocollective.com/1/0/12187/128507/cabinet_minimal.jpg" width="670" height="449" width_o="670" height_o="449" src_o="http://payload.cargocollective.com/1/0/12187/128507/cabinet_minimal_o.jpg" data-mid="551095" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/12187/128507/cabinet_6.jpg" width="670" height="449" width_o="670" height_o="449" src_o="http://payload.cargocollective.com/1/0/12187/128507/cabinet_6_o.jpg" data-mid="551170" border="0" align="left"/> Role: graphic designer, backend developer Visit: http://thecabinetsalon.com <img src="http://thecabinetsalon.com/images/10.jpg" title="cabinet" alt="cabinet" /> A chic new hair salon opening in the center of the Fashion District in Toronto required a logo for print and online presence. A Victorian/regal style was sought...