Designing book covers in the browser
If we can make books in browsers, we can also make cover too in the browser too, right?
Unfolding the @page
Let’s say you need to make a poster and you need to give to the client the possibility to change a few things on this poster, like the date, or even the title. HTML can be the right way to go: it works in all browsers, it does not need any particular applications to be installed, fonts and colours are already set up by a professional designer, and the pdf will be ready for print without any problems.
A Bag Full of Stories
As we wander the internet, gathering images, videos and text to make stories, how do we carry them back to camp, how do we share them with our community?
Playing with letters
… and then came CSS3 and the possibility of telling stories using different forms of letters.
Books In Browsers VII and An Event Apart (Oct-Nov 2016)
31 October – 2 November 2016, San Francisco
An Event Apart – three days of design, code and content includes three events of special interest to Paged Media followers:
What books can learn from the Web / What the Web can learn from books
Yet despite the overwhelming flow of information on the Web, there is still something about a book that holds a special weight and importance. I don’t think this is just nostalgia, either.
The visual impact of text — whether it is carved in stone, printed on paper, displayed on screen, or comprises an ebook – can be influenced by a number of factors. Color is one of those. Sometimes, those colors are made from light, sometimes, from the craftsmanship of a painter.
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.org 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 https://mattermost.pagedmedia.org 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.
Hey Yihui! Thanks for the kind words. :D And for having spotted that one! I fixed the article on that front. Thanks again!
Is `titleRun` in the post a typo? Should it be `runningTitle` instead? I'm very excited about paged.js! Thanks for the awesome work!
Hi ! If you use pagedjs, this specification is implemented, you don't need to increment the `counter(page)` or the `counter(pages)` to use it. You just need to add them to a margin box. You will find an example in this code: https://gitlab.pagedmedia.org/JulieBlanc/refs-specifications/blob/master/counter-pages/counter-pages.html Thank you for your feedback! Julie
Hi Julie Blanc, How are you.I want to count dynamic generated pages from HTMl to PDF using css or JS whatever.Is there any solution for this i have tried in many ways but unable to get the result as same.Like this.counter-increment: page ;content: "page " counter(page) " of " counter(pages);