December is here. The time to look at where we’re at with paged.js, what we managed to do, and have a look at what the community has been building.
An overview of the Paged Media × PrePostPrint workshop
From Wednesday 28 to Friday 30 November, a group of people interested in automated composition with HTML and CSS met for a series of workshops about “Paged Media × PrePostPrint”.
PagedMedia & PrePostPrint Workshop
Regristrations for the workshops are now closed.
PagedMedia & PrePostPrint is a series of workshops happening in the last three days of November. Included here is a small overview of what we’re going to talk about and the form to register.
Paginating Math
Paged.js can work with other JavaScripts to extend the type of content you are trying to produce. Today, we will look at a very simple use case: the addition of an external script transforming Math content before pagination.
Paged.js - sneak peeks
Six months ago, Fred Chasen and Julie Blanc started to work on a library to paginate content in the browser. Today, that tool has a name, and even if it’s not bulletproof yet, I wanted to show an example of what we can do with it. And the best part is that it’s only the beginning.
What is the Paged Media initiative?
At the beginning of the year, we announced the Paged Media initiative as a community driven open source solution to help anyone who wants to print content with web technologies. Before looking at what we’ve been up to for the last five months, in upcoming articles, let’s have a look at what’s possible the gaps we’re trying to fill.
Paged Media approaches : page floats
In CSS specifications, the float property is very interesting. The property indicates that an element is to be removed from the normal flow and instead be placed into a different place - currently, on the right or left side of its container. Text and other inline elements will then surround the floated element.
Editoria — Building a Book in a Browser
A couple of years ago, the University of California Press and the California Digital Library partnered with Coko to begin an ambitious project to develop a workflow application that would allow books to be built in a browser using entirely open source technologies. Editoria is that app.
Latest comments
Hi Fred! Somehow your comment only appeared in my list today. Firefox is not a browser paged.js supports today, because it lacks the @page {size} property. So we're focusing on chromium (which is really something we dislike for a lot of reasons). Also, seems like you have a complex issue on hand, so we'll be happy to help. Thanks!
Hi, I have a long table (spans over 4 pages in chrome and safari) but it doesn't break into multiple pages in Firefox when using paged.polyfill.js. I get the table on first page only with some overflow content in Firefox. Any possible reason that I'm missing or anything that can help me to fix it in firefox? Thanks in Advance!!
That sounds right, the polyfill is looking for a template tag - we should scope that to only find a tag with a reference to pagedjs.
Pretty interesting use case Karmil. Perhaps you want to jump in to our chat channel and discuss?
Finding your project comes as a blessing sent from heaven. Well done for the event. I really appreciate the work you and your team are doing. I am very new to programming and have been learning Meteor with Blazejs with mongoDB as database. I am more of a business/management person and trying to develop line of business application which ends up in the generation of well formatted management reports (which people currently do in MS Word). I managed to get pagedjs to work in Meteor but it is creating two blank pages at the start if I wrap my content into anything else other than a tag (for e.g., if I wrap it in a , two blank pages come at the front). I believe this may have something to do with the fact that blazejs uses the element to define its templates and in paged.js line 26882, it is using a querySelector to target template element to grab the content. Maybe a different element name should be selected. The reason why that this may be of interest to your team is that i believe there is a market not only for publishers to use your code, but also corporate businesses who are in need of producing executive reports with dynamic data generated from databases. mongoDB databases and easily learnt frameworks like Meteor will allow non-programmers to develop applications in their respective fields. I would be very happy if you could help me out on this. Thank you.
Bonjour, Je souhaite assister au workshop Jeudi 29 et vendredi 30 novembre, je suis interessé par les opportunités offertes par la techno web sur l'édition. Bien à vous, Elias
Good morning Julie – and thanks for this very useful overview of current options. I shall be reading it again (several times!) to try and understand them,since this is a new area to me.
Glad to hear that Mauro! So, we have some hooks that let you pass some js in a few different entry points. But it really depends on what you want to achieve. A proper documentations for the hooks and some examples are coming (including maths, side notes, etc.). Meantime, you can jump in the pagedmedia to talk with us about your specific needs.
Thanks, I finally got around to giving paged.js a try. Looks promising! Is there a way to trigger a re-render? Say, I call `paged.preview(DOMContent...`, then change the DOMContent. If I simply call paged.preview again, I get: `Cannot read property 'querySelector' of undefined` in `chunker/page.js` in `var area = page.querySelector(".pagedjs_page_content");` Thanks!
Hi, I wonder if it is possible to reset the page counter after a certain element? I tried `counter-reset: page;` but it didn't seem to work. My use case is to use roman numerals for the frontmatter of the book (`content: counter(page, lower-roman);`), but change to decimal when the first chapter starts.