ツイート
シェア
LINEで送る
B! はてぶでブックマーク
Pocketでブックマーク
RSSフィード

中級者 - Webツール

ウェブサイト作成関連のツールについて、ツールの作り方、作ったツールの紹介などの情報を発信します。

自分で情報を探しながらやっても、なかなかスムーズに答えにたどりつかない人向けです。

経験が足りないだけで、遅かったり、失敗しても自信をなくさなくていいです。いまは大きくなるために、技術を知って試す時期なので。

むしろたくさん悩んで、フリーズして、失敗してください。気がついたら最適な答えを出す力が自然と身についているでしょう。

黄金比を計算するツールを作りました。

gold

黄金比の計算ツールはたくさんありますが、Webデザインで欲しい計算結果がないと思っていたので自分で作りました。

使いみちは無いかもしれませんが、大和比・白銀比、白金比・第二黄金比・青銅比もついでに計算します。

大したことはしてないです。かんたんな計算をしているだけですから。

続きを読む

JavaScript Prism.js, 表示する行数を変更する

JavaScript image

ソースコードをハイライト表示するプラグイン、Prism.jsの表示サイズを変更します。作業はとてもかんたんです。CSSで指定します。JavaScriptはまったくいじりません。

ただ細かい微調整が必要で、たんに行の高さ ✕ 行数にすればいいというものではありません。

続きを読む

PythonでCSS, JavaScript, HTMLの圧縮ツールを作る

python image

Pythonのcss_html_js_minifyパッケージを使うと、簡単にCSS、JavaScript、HTMLの圧縮ツールが作成できます。

サンプルコードを使って作成してみましょう。

(本来、自分で作るもんじゃありません。こうやってPythonは作っていきますよという一例です。)

続きを読む

JavaScript, Prism.jsをWebサイトに実装する

JavaScript image

ソースコードのハイライト機能をもつPrism.jsの実装方法です。highlight.jsの代わりに利用できてWordPressでも使えます。

プログラムのソースコードをサイトに表示するのに、今一番おすすめするJavaScriptプラグインです。

続きを読む