HTML5 ← { work + play }

CSS 3 Experiments: CSS3 Flipping poems, responsive

Jun

2014

This is the fourth site in a series where I have been playing around with CSS3… Just playing around as I assemble sites using HTML5 elements and CSS3 effects that I have not used that often. I first created a Parallax site using my mom’s poems as my starting point of inspiration. I have continued with ...

CSS 3 Experiments: Accordion, responsive

May

2014

This is the third site in a series where I have been playing around with CSS3… Just playing around as I assemble sites using HTML5 elements and CSS3 effects that I have not used that often. I first created a Parallax site using my mom’s poems as my starting point of inspiration. I have continued with this ...

CSS3 Experiments: Horizontal Scroll

May

2014

This is the second site in a series where I have been playing around with CSS3…Just playing around as I assemble sites using HTML5 elements and CSS3 effects that I have not used that often. I first created a Parallax site using my mom’s poems as my starting point of inspiration. I have continued with this approach. ...

CSS3 Experiments – Parallax

May

2014

Playing around! Just playing around as I assemble sites using HTML5 elements and CSS3 effects that I have not used that often. I created a Parallax site using my mom’s poems as my starting point of inspiration. I have continued with this approach. HTML5 elements and CSS3 effects that I have not used that often. I created a ...

PSD to HTML, the art of the CSS reset and Gladwell’s 10,000 hours to mastery

Aug

2013

This month I had the privilege to attend Zoe Rooney’s GDI PSD to HTML workshop. Lots of really good changes in my professional life right now, one of them being a new job in the city of Brotherly Love. I have been wrapping my head around Object Oriented CSS (here is agreat intro from Smashing ...

Aspect Ratio in Responsive Design – Width and Height Challenges in Adapting a Fixed-Width Layout

Jul

2013

This is the third of a series of blog posts in which I have tried to journal my steps and processes in converting some older fixed-width sites to responsive layouts. Responsive version of Guide to PA Elections: http://www.cassandraking.net/ demos/responsive/election/ Older fixed width site of Guide to PA Elections: http://law.widener.edu/election/2007/ If you are reading this ...

Get ‘RESPONSIVE’ In a Few Short CSS Codechanges: Give It A Try!

Jul

2013

This is a followup to my previous post Learning how to be Responsible & Responsive is Fun!. With this quick ‘Site Makeover’ I wanted to demonstrate that in a few worthwhile hours of your time, you can take older, non-responsive sites and make them easily accessible to modern viewports. BEFORE and AFTER (Visit the ...

Learning how to be Responsible & Responsive is Fun!

Jun

2013

With the rise of both very large mega desktop screens and smaller portable devices, we as developers have a RESPONSIBILITY to serve up sites that display properly no matter what the device or context. With that in mind, I recently started diving into responsive web design. (Visit my Responsive VetClinic Demo site here) Initially I ...