logo

Recent Projects

Talk is cheap. Show me the code. ~ Linus Torvalds
Dare Foods
Shaw Communications
Ontario Bar Association
Canadian Red Cross
Walk Of Hope
Armchair Analysis.com
Reuze.me
U of T Gradhouse
Ryerson Marketing Assoc.
O.I.M.E. - U of Toronto
Dare Foods
Visit` Dare Foods Canada

Project In a Nutshell Was lucky enough to lead the front end development for this responsive project for one of North America's largest food manufacturers.
My Role Lead Front End Developer
Tech Used JavaScript / jQuery, HTML5, CSS3, SASS + Grunt.
My GrowthBuilt custom modular front end framework leveraging the power of SASS. Heavy use of object-orientated JS/jQuery along with the excellent Isotope.js plugin. Major focus on delivering optimized images and file assets to mobile and taking care of business with Grunt.js (minifying, file concatenation, image compression). One of the biggest challenges with this site was that mobile layouts were drastically different from desktop in some cases and this was handled with a combination of CSS and JS media-query triggers.

Shaw Communications: My Account
Visit Shaw Communications: My Account

Project In a Nutshell I was thrilled to be able to consult on this project thru CGI in Toronto: a rebuild of Shaw's customer account interface.
My Role Senior Consultant: Front End Technologies.
Tech Used JavaScript / jQuery, HTML5, CSS3, GIT, ANT build tool.
My Growth This was a large project that included teams based in 2 cities. GIT was the version control of choice and I utilized the Java ANT build tool to concatenate and minify CSS/JS assets. We built a number of custom widgets and front end validation (based on jQuery Validate) that improved the overall UX. 'Edit-in-place' functionality was also a high priority allowing clients to quickly edit account info displayed in tabular forms throughout the interface.

Ontario Bar Association
Visit OBA.org: Ontario Bar Association

Project In a Nutshell This project (thru Ecentricarts in Toronto) entailed a full-scale responsive site with a nifty off-canvas mobile navigation and mobile-friendly slider.
My Role Lead Front End Developer.
Tech Used JavaScript / jQuery, HTML5, CSS3 and all sorts of media query wizardry.
My Growth Enterprise-scale responsive sites are one of the bigger challenges for a Front End Developer in 2013 and I came away from this project with a better understanding of mobile browser behaviours with respect to tricky off-canvas navigation patterns and how best to handle the responsive image conundrum from the server side with the .Net CMS, Kentico.

Canadian Red Cross
Visit Canadian Red Cross

Project In a Nutshell This project (another one thru Ecentricarts in Toronto) was an exciting one: a complete redesign for the Canadian Red Cross built on the enterprise-level .Net CMS, Kentico.
My Role Lead Front End Developer.
Tech Used JavaScript / jQuery, HTML5, CSS3 + my custom CSS library, Reuze.
My Growth Easily the biggest project I have ever worked on. This site entailed roughly 8,000 pages of content which needed to be delivered in a myriad of different formats coupled with dynamic images being cropped on the fly. Using tools such as Y-Slow, all aspects of the site were developed with performance best-practices in mind. CSS structure was well thought out and modular in nature in order to achieve the dual goals of maintainability and efficiency. To aid in these goals, I developed a micro-library called Reuze (http://reuze.me) that enabled me to quickly build out dozens of blog-style content views in modular fashion using the least amount of CSS code possible.

Ovarian Cancer Canada
Walk Of Hope
Visit Ovarian Cancer Canada - Walk Of Hope

Project In a Nutshell A really neat little project for an amazing cause that everyone should be putting aside some change for. Ovarian Cancer can be beaten!
My Role Lead Front End Developer.
Tech Used JavaScript / jQuery, HTML5, CSS3
My Growth A fairly small project that never-the-less posed some challenges due to a very tight timeline. Overall it was a fun project for a serious cause and the site has a number of neat features I had not coded before, such as: a dynamic pledge meter; sticky navigation; expanding login dropdown menu; a beautiful wide-screen slider, and, an interactive 'Find A Walk' map page (kudos to the talented Mark Staplehurst for doing this part).

Armchair Analysis.com
Visit Armchair Analysis.com

Project In a Nutshell This is a side business of mine that has been online since 1999. It specializes in providing advanced NFL data analysis and predictive software which is consumed by Fantasy Football companies, pro-football bettors, and even some former NFL players turned sports-casters!
My Role As sole-proprietor, I have been behind all aspects of this venture, including: logo design, site design and front/backend coding.
Tech Used Adobe Fireworks for design and layout. CSS3, HTML5 and jQuery for front end. Wordpress CMS/PHP for backend that includes e-commerce capabilities and client admin panels.
My Growth This is THE project where I learned to write solid CSS and HTML and where I learned to develop for the Web using PHP. Also learned how to build and launch stand-alone Excel applications (a niche area of software development to be sure!)

Reuze.me
Visit Reuze.me: Quickly build reusable CSS and HTML content for mid-to-large sized blog-style sites

Project In a Nutshell After working on another project for a large multi-national not-for-profit organization, I came to the conclusion that there needed to be a better way to organize CSS and HTML for big, content-heavy sites. I started working on the reuze framework and launched the beta version in December of 2012.
My Role Design, framework concept and front-end development.
Tech Used Adobe Fireworks for design and layout. CSS3, HTML5 and jQuery for front end. Site itself is built using custom PHP templates.
My Growth This endeavor really pushed my jQuery and CSS skills to the limit and beyond. I also became familiar with RDFa Lite — a resource for creating 'rich-snippets' that is steadily gaining traction with the goal of helping search engines like Google to better categorize content.

U of T Graduate House
Visit U of T Gradhouse Residence

Project In a Nutshell I had the pleasure of designing and building a fully responsive Wordpress theme for the iconic U of T Graduate House.
My Role Design, front end development and WP development.
Tech Used Adobe Fireworks for design and layout. CSS3, HTML5 and jQuery for front end. Wordpress CMS/PHP for backend.
My Growth Ditched all WP plugins relating to custom fields/posts and rolled my on stuff using the functions.php file. Incorporated RESS design methodology that utilizes a light-weight PHP function to deliver the appropriate images and content to multiple devices without using evil 'download and hide' practices.

Ryerson Marketing Association
Visit Ryerson Marketing Association

Project In a Nutshell This project involved designing and building a custom Wordpress theme for the lovely people at the Ryerson Marketing Association.
My Role Design, front end development and WP development.
Tech Used Adobe Fireworks for design and layout. CSS3, HTML5 and jQuery for front end. Wordpress CMS/PHP for backend.
My Growth More efficient and appropriate usage of Wordpress loop structures. Prior to coding the site, the client was provided with an interactive full-site mockup exported from Adobe Fireworks.

U of T — Office of Integrated Medical Education
Visit Ryerson Marketing Association

Project In a Nutshell Custom Active CMS theme for a branch of U of T's Faculty of Medicine.
My Role Front end development and integration with Active CMS.
Tech Used The usual suspects: HTML5, CSS, JavaScript (vanilla and jQuery library).
My Growth Learned the ins-and-outs of building a site that sits on top of the Active CMS framework — a niche .Net CMS often used by branches of government and higher-learning institutions.


About Me

A picture of me: Dennis Erny

Greetings! My name is Dennis Erny and I am a Sr. UI Designer / Developer based in beautiful Toronto, Canada.

My core skills focus on HTML5, CSS3, SASS, OO JavaScript and Adobe Illustrator CC for design.

I design and develop mobile-friendly sites for individuals, companies and educational institutions, small and large. Why don't you get in touch?

Recent Twitter-ings

Let's Connect!

  • Awww c'mon, don't be shy.

  • Hmmm, that doesn't look quite right.

  • Hey, what about your message!

  Copyright © 2014 - Dennis Erny. All Rights Reserved.