Kazuma Labolatory's

Nothing is Impossible. ✿

Menu

はてなブログ・テーマ製作用ツール

github にテーマ製作の際に使えそうなツールをupしてみました。

js, less が少し分かると、より使いやすいかもしれません。

 

あまり整理されていません。すみません(๑˃꒳˂๑)?

はてなブログの id, class(.less)

https://github.com/KazumaTojo/HatenaBlog_Theme_Tools/blob/master/less/body_id_class.less

f:id:DDramonQ:20170103213903p:plain

f:id:DDramonQ:20170103213925p:plain

 

box_2

https://github.com/KazumaTojo/HatenaBlog_Theme_Tools/blob/master/less/box2/class.less

f:id:DDramonQ:20170103213950p:plain

 

はてなブログの id, class( ビジュアライズ版 )

http://kazumatojo.github.io/tool/visualize

f:id:DDramonQ:20170105230915p:plain

 

その他

id, class を取得する為のjs

 上記のlessファイルを作る際に使用したJavaScriptです。

See the Pen mRdOMr by Kazuma Tojo (@Kazumax) on CodePen.

 

Github の同じレポジトリに、このデモで使っているjsファイルもあります?

This Blog uses M+ Font, Logo Type Gothic, Google Fonts and FontAwesome. It"s free & Designed cool font. Greatful for Koji Morishita of M+ Fonts Designer( Creator) and "フォントな" , Google, Adobe, and Dave Gandy!
Background Photos is downloaded by Unsplash.com. Thanks!
|*´-`)チラッ
Please Click Me
本ブログ全てにおいて、アフィリエイトプログラムには参加しておりません(•ᵕᴗᵕ•) 詳しくはこちらをご覧下さい。また、 以下のバナーは、私が「質が高い・あら素敵(ˊo̶̶̷ᴗo̶̶̷`)✨」と感じたサイト様を掲載させて頂いておます_(( _๑´ω`))_⭐️