We wanted to utilize the responsive nature of the grid layout in our EPUBs to mimic the complex layout of higher education print textbooks. When we looked at applying the grid to our EPUBs, we saw that this would require additional coding not related to semantics, and the addition of s surrounding our headers would interrupt our CFI generation (which are essential to our course creation).
To mimic the look of a grid layout, we leveraged the consistent framework of our Macmillan Schema and relied on media queries to mirror the look of a responsive grid. This solution worked with our CFI generation and saved us from having to add additional coding to fit the grid model.
In this workshop, we will present the CSS we authored at Macmillan as a case study and explore alternative ways to code and style complex content with CSS, with a focus on grid and media queries in EPUBs.
Link to codepen exercisesCompeting in
So You Think You Can Code? All workshop attendees are eligible! This particular workshop will touch on the following criteria, which will be used to judge your EPUB submissions: fine typography; device agnostic; and ingenuity/creativity of design. One workshop attendee will win a grand prize that includes $2,500 from Rakuten Kobo. Find out more about the competition and how to participate
here.