Commit 291fe7ee authored by julien's avatar julien
Browse files

ukulele article

parent 1fe0674b
---
title: "Uke and inks"
date: 2021-06-18
draft: true
draft: false
type: post
url: ../posts/2021-06-uke-partOne/
id:
......@@ -16,9 +16,6 @@ tags:
## Editoria, the Book Production Center
### Editoria, the Book Production Center
Editoria is a platform to collaboratively produce books, offering spaces for writers, editors, designers, etc. at the same time the content is being added.
We've been talking Editoria quite a lot in these pages. Firstly because Paged.js was implemented in Editoria before any other tool, after years of trying out other tools to make books out of HTML.
......@@ -31,7 +28,7 @@ To show what you can do with Editoria nowadays, I have produced a small demo boo
Before jumping into hooks, let's briefly explain how paged.js does what it does.
**Paged.js: hooks and order**
### Paged.js: hooks and order
Fred Chasen made paged.js around a clever idea: instead of defining the order of events that paged.js needed, he defined the moments where you would need to do something on the content, and set those as hooks to which you can bind your scripts.
......@@ -70,10 +67,13 @@ As you can see, the algorithm is crystal clear, and when the browser handles fea
Let's start strumming our ~~ukulele~~ keyboard and make some code. :)
## Where the humuhumunukunukuapuaa goes swimming by**
## Where the humuhumunukunukuapuaa goes swimming by
So let's jump in, script by script and see what happens and how things work.
Here is the link to the [pdf](https://demo.flaxjs.net/output/uke.pdf) and to the [repo](https://gitlab.pagedmedia.org/pagedjs-templates/ukulele-demo) if you want to have a proper look at all those files :D).
So let's jump in, script by script and see what happens and how things
work.
We’re setting up a place to display the open source templates we’re making, so stay tuned to know more about it.
### Changes in the DOM
......@@ -134,7 +134,7 @@ with pros and cons. Until we find the universal way of making page-float
a thing, we can still find workarounds and ways of making it work. So
let's see how I did it for the ukulele book.
#### The custom property with its custom values
### The custom property with its custom values
This image-handling.js script has only one role: find the element that
has that property, and depending on its value, add a specific class to
......@@ -157,7 +157,7 @@ to define where the element should float.
Some of those values/classes are not used, but are there for the day we
need them.
#### Layout time!
### Layout time!
Then we have a float-top.js, floatNextBis.js or fullPage.js that handles
the moving of elements on the page when they are rendered.
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment