Hi, I'm Ryan Ore, a front-end Devloper in Chicago. I come from an AS3/OOP background, and it was good to me. However we're in a Mobile First, Flashless world and I'm excited about the web and where we are going.
I love clean code and good design, and believe that technology and creative should inspire one another.
This is a complete redesign for Jenn-Air®, as well as a big move from an all flash site to an HTML front-end. Like the brand's products, it is beautiful, usable, and classy. Interestingly enough, I was also one of the main devs on the old flash site.
launch Jenn-Air® »
The same markup is presented in 2 different ways on Master Class according to your browser. If you are on a desktop browser you get a wide layout and a rich Flash video player. If you are on a mobile device you get a fluid layout and a link to open videos on your native media player.
launch Master Class »
A mobile version of jennair.com was created to be optimal on just about any tablet or mobile device under the sun.
launch m.jennair.com »
This is a full-window experience that you have to see for yourself. When the creative team hands you a vision like this, it is a pleasure to bring to fruition.
launch JimmyD's »Thanks for your interest. Email me directly with this form, or use one of the other methods.
In lieu of a blog, I'll be sticking random stuff here which may or may not be interesting. Whether it's a project, plugin, or idea, feel free to contact me about anything that interests you.
The Problem: Every solution I've tried has the same problem, when images are set to disply none before the plugin is called, they won't display unless you physically scroll or resize the window.
My Solution: I built a pretty slim plugin that will react to a simple
$(window).trigger('scroll')
Which means, whenever you toggle the display property, or add images dynamically, you can just kickstart the plugin. Does it need work? sure. But it works.
The Problem: Styling form elements sucks if you support Internet Explorer.
My Solution: I've seen javascript solutions but not yet a simple jQuery plugin that accomplishes this. Does mine need work? yeah. But it works.
The Problem: In iOS/mobile Safari, When you have a fixed position nav bar on a page (like this site), once you click a button inside the fixed element, it renders the entire nav bar unclickable. The only way to get it working again is to physically scroll the page with your finger. The buttons react by becoming usable again.
My Solution: Add a significant height to the containing div just before animating to your target page. On complete of that animation, remove the height. I was so relieved to have solved this problem (hacked, worked around), that I posted it on here on stackoverflow.com. Since then, people have emailed to thank me, as well as ask me to help them implement on their sites. If I haven't responded to your email I'M SORRY! I just had a baby and launched a couple of sites. 2012 has been a crazy year.
I've been working with Node.js, on a pet project which will hopefully see the light of day. Rather than a game, it's a scorekeeping app that will let you keep score of anything, in real time. Real time updates with websockets allow anyone interested to find your game and watch score updates as it happens.
Learning the nueances of Node.js has been bitter sweet but the hardest part is actually finding the time.