(317) 224-6528 caroline@carolinecourtney.com

HTML & CSS Super Review

In among job search activities, I have completed the basics of HTML and CSS. It was mostly review since I had been fairly regularly performing freelance web design work from college up to about 2012 or so. But here we are a few years later and the game has changed some. Gone are the days of supporting CSS for Internet Explorer 6 for example (thankfully!), but the main new concept for me is responsive design for a variety of devises, like smartphones and tablets. Media queries provide a succinct way to accomplish this and the Chrome web inspector with its simulated device viewports is a great way to test, along with flipping around with the dimensions of your browser window – the more ‘fun’ method. As expected table-based layouts are more a thing of the past than ever, although I read that they are sometimes still used for email, since browser support of web standards can still be notoriously bad. Well I still remember the bad-ole-days, so if it comes down to it, yes I can write a table-laid-out html email. Yikes. On to more...

Wilms and other Renal Tumors

Creation of a new site for the (then) IU Cancer Center. Different types of renal (kidney) tumors that mainly afflicts children and adolescents. This site has a lot of information for patients, friends and families, doctors and teachers. Given a massive amount of information and some great photographs from Riley Childrens’ Hospital, I was able to structure and design the site with a light, hopeful look and feel, and create icons and infographics about treatment timelines. Skills Used Graphic Design and Layout, site structure, HTML, CSS, PHP for includes, Infographics Staged Site Wilms and other Renal Tumors – Site has since been moved/redesigned. Screen Gallery Main Home screen Wilms Tumor specific main page Resources for Parents Inner page for imaging studies Inner page for types of tests Infographic: Sample Timeline for Rhabdoid Tumor treatment News screen Inner page for Clinical...

CarolineCourtney.com – old design

My old site from 2006/ish, when I was freelancing much more actively. I had made a personal brand with matching business cards, advertising ‘quality, compliant websites’, because I was very much in favor of web standards and cutting-edge (for the time) design. I also had a custom WordPress theme with which to blog about the benefits of web standards, or at least link to important writers in the community. It was an opportunity to experiment with PHP/MySQL to create a database-driven site from scratch, and learn the basics. Skills Used Graphic Design and Layout, site structure, HTML, CSS, PHP and MySQL for basic database-driven portfolio, formerly a custom WordPress theme to go along with the site as well. Staged Site Old Web Design Portfolio – used to be root of CarolineCourtney.com. Screen Gallery Main screen Sample portfolio screen Testimonial...

Osteosarcoma Online

Creation of a new site for the (then) IU Cancer Center. Osteosarcoma is a type of bone cancer that mainly afflicts children and adolescents. This site has a lot of information for patients, friends and families, doctors and teachers. Given a massive amount of information and some great photographs from Riley Childrens’ Hospital, I was able to structure and design the site with a light, hopeful look and feel, and create icons and infographics about treatment timelines. Skills Used Graphic Design and Layout, site structure, HTML, CSS, PHP for includes, Infographics Staged Site Osteosarcoma Online – Site has since been moved/redesigned. Screen Gallery Main Home page Patient Information page Family & Friends page Infographic: Treatment, Sample Timeline News page Inner content...

ChoosePresence.com

Site for San Diego based Life Coach. She wanted something calming and ‘zen’. I was provided with several wonderful pictures of water lily and other flowers, and inspirational quotes. I used these for the basis of the design, and they are very integrated throughout. Skills Used HTML, CSS, PHP for includes, contact form, and random testimonial generator. Staged Site Choose Presence – Live site is currently under construction. Screen Gallery Main Screen Contact screen Create Peace...