Melanie Seifert

Case Studies

  • Save
Case Studies print css highcharts wordpress responsive case-study

While this case study design was not of my original making, I was tasked to take the design from a PDF, convert it into HTML (via Wordpress) and then something that could be printed back into a PDF. The code has been templated and the charts generated by HighCharts to allow for the easy customization and creation of additional Case Studies using the same format. The layout is also responsive and SVG images were utilized.

This particular case study is hosted here: https://apruve.com/case-studies/radioparts/

CSS and HTML are all my coding.

The challenge came when trying to create a nicely formatted PDF. It's still not perfect and I have to use the rendering tools via Chrome's Developer Tools for ideal formatting. It gets the job done, but print.css still has a ways to go and my solution is somewhat of a hack.

keyboard shortcuts: L or F like