Last night I wondered why pythonfordesigners.com looks the same on my smartphone and my laptop. After seeing some videos in your timeline — having seen the desktop layout — I wondered even more.

Maybe you could try decreasing the max-width:1280px and min-width:1281px in your media queries.

Just on the https://pythonfordesigners.com/chapters/strings-encoding-and-unicode/ chapter. Gutenberg didn't invented moveable type. There was already used by Chinese at least by 11th century (Bi Sheng should be according to sources the inventor), The Uygurs in 12th century, this was moveable words in this case, as the old Uygur script characters are linked in a word. This script is no more used for Uygur language (they use for several centuries Arabic in China, Cyrillic in neighbour Turkish countries, but some derivative of this script are still used by Mongolians of China (They use Cyrillic in Mongolia and Russia) and some Tungus people (Manchu, Xibe, Evenk...). Koreans also used moved type at least since the15th century, at about the time of the invention of the Hangul/Hangeul script. Gutenberg invented the press and oil ink. Asian print use water ink and press by hand to print since about the 9th century. They also used ink seal for long time, in Europe, wax seals was used until recently (personally don't know when exactly). oil ink need more pressure, so a press, but is also more precise than water ink. Notoriety of Gutenberg in Europe is probably due to the Reconquista, Arabians already printed short Quran text amulets on paper for centuries (and the first print in China was Buddhic sutras), and Catholics tried to remove then more advanced Arabic Muslim civilisation from Andalusia. They bring lot of sciences to Europe, including what we call Arabian numbers, that come from India, and ancient Greek philosophy, mathematics, physics that was kept and translated and improved by Arabians, but lost by European Christian civilisation, and helped to the beginning of the renaissance.

This manual is great, clear and very well made, I started to spread it. Thank you very much, it will probably useful for lot of people.

This is a fantastic work! Congratulations :)

I was excited to see the project, and happy to read,

This manual is open-source, free to read and free from ads

However, I was then sad to see that currently it is licensed under the cc-by-sa-nc license, and the nc means it is not open source as defined by the OpenSource.org Initiative.

I myself and many people in positions like mine can't contribute at all, since my employer owns the copyrights to my work, and while it's very easy for me to contribute to projects that are under licences approved by the OSI, I'll not be allowed to here.

I hope you'll consider the license used by Wikipedia, cc-by-sa, or a software license that can be used for other works like GPL v3. Both are "copyleft" licenses that permit commercial use and contribution, but require all derivatives to remain under the same license, which prevents rude exploitation and encourages improvements to be contributed back to you project.

If you start to include contributions from other people under the current license, it be difficult to change it ever again as you may need to contact them all and get their permission too....

Would you consider a different license?

In Section 5 the second snippet

newPage(100, 100)
rectWidth = 20
rectWidth = rectHeight
rect(10, 10, rectWidth, rectHeight)
# here I reassign the width to a new value
rectHeight = rectHeight + 10
rect(10, 10, rectWidth, rectHeight)

throws the following error when running in DrawBot:

  File "<untitled>", line 3, in <module>
NameError: name 'rectHeight' is not defined

I'm assuming that rectWidth = rectHeight should actually be rectHeight = rectWidth

There are many subjects that I would like to address in the future. Here is a short list; feel free to propose more!

• Colors
• Matrix Transformations
• Dealing with time and dates
• BezierPath()
• FormattedString()
• Mechanical Curves
• Linear and 2d Interpolation
• Interpolation with mutatorMath

The website could also make use of a few

• search function
• the lektor plugins I made for csv tables and Python scripts are barely working

Awesome work on this! It's beautiful, fun, and I bet a lot of designers will find this site helpful.

One thing I've noticed ...

When I open the site on my phone, coming from Twitter, the headline overflows the screen, introducing an unintentional horizontal scroll.

This is because the following CSS makes that headline 460px, regardless of how narrow its container gets:

.opening h1 {
    width: 460px;
}

If I comment that out, it does look a bit awkward, but it's much better:

If you want to make it significantly better, you could modify the font-size and margin-top:

.opening h1 {
    font-size: 2em;
    margin-top: 2.25em;
}

You may want to play with some media queries to control this nicely across different headlines and devices. If you really want to get fancy, you could even try something like CSS locks.

As another mobile layout thought, it might be nice to link to the GitHub repo on the mobile layout, rather than just having it in the "About" section. I wanted to make this issue sooner, but didn't initially realize that there was a public repo, as I didn't see it in the footer.

Awesome work on this, though! Having done a bit of technical writing about getting started in Drawbot, I know it takes a ton of work to do well.