2021年12月6日 CSS フラットデザインが流行ってからは、背景を一色で塗りつぶしたデザインのサイトが多くなりました。しかしそれだけではなんだか味気ない！という事で、CSS3のアニメーションを使って、徐々に色を変化させてみましょう！色の組み合わせや順番を調整して、パッと目を引くデザインに！ ↑私が10年以上利用している会計ソフト！ Themifyではホームのファーストビューでビビッドな色を少しずつ変えながら表示しています。今回目指すのはこんな感じの背景です。このサイトではJavaScriptにより色の移り変わりを実装しているようですが、CSS3のキーフレームアニメーションだけでも表現できます！ CSS3 キーフレームアニメーションの基本 まずは要素を徐々に変化させるアニメーションについて覚えていきましょう！CSS3の animation プロパティでは、キーフレームを設定して細かい動き

EPUB で数式の入った電子書籍を作るワークフローについての発表です。 講演映像：http://youtu.be/a0NcKmVWKq0 Keynote：http://konn-san.com/t/2015-tateyama-making-epub.keyRead less

現在、電子書籍を作成中。 その過程でできなかったことやつまずいた点を書き留めておく。 挫折した点 1：CSSを使用したアニメーション 2： xhtmlに対して、自動的に採番を行う(目次の内容を個々のxhtmlに反映する) 3：ソースコードの行数表示をきれいに行う 4：MathMLの使用(数式を表現するために) 詰まった点(なんとか解決) 1：ソースコードで円マーク(\)がスラッシュ(/)になる問題 2：Latexで書いた数式を画像にする

3つの方法 EPUBで数式を扱いたいと思った。 しかし、それは受難の道だった。 私が、試してみた(見つけた)方法を紹介する。 1：MathMLの使用 2：Pandoc 3：Latexから画像変換 1：MathMLの使用 以下の本の230ページを参照。 EPUB 3 電子書籍制作の教科書 私の理解力が足りなかったのか、うまくできなかった。 2：Pandoc とりあえず、以下のサイトのパワポを見てください。 EPUBでの数式の扱いについてまとまっているので読む価値あり。 このパワポで紹介されているPandocに興味を持った。 しかし、Pandocのサイトが英語だったから、面倒になってやめた。 そして、日本語で変換方法をわかりやすく書かれている記事も見つけられなかった…… 私の興味は10分ぐらいが限度だったようだ。 3：Latexからの画像変換 Latexは、数式を美しく出力するのに適している。