CSS

スポンサーリンク
github-markdown-cssを無理やりWordPressにねじ込んだ話 CSS

github-markdown-cssを無理やりWordPressにねじ込んだ話

概要 github-markdown-cssを既存のWordpressのテーマに組み込んだ話。 CSSとかあんまりわかってないけど、とりあえずキレイに動きました。 github-markdown-cssについて github-markdow...
mavonEditor と Vue.js で作るMarkdownエディタのデモ + APIの紹介 CSS

mavonEditor と Vue.js で作るMarkdownエディタのデモ + APIの紹介

概要 mavonEditor + Vue.js で作るMarkdownエディタについての紹介です。 また、用意されているAPIなどについて少し紹介します。 mavonEditor 中国語と英語のドキュメントが用意されています。 またデ...
WordPressに貼り付けたコードが等幅フォントで表示されないのでcssを適用して修正する。highlight.js CSS

WordPressに貼り付けたコードが等幅フォントで表示されないのでcssを適用して修正する。highlight.js

概要 WordPressのコードハイライトにhighlight.jsを利用してますが、 なぜかフォントが等幅で表示されなかったので、カスタマイズ機能からcssを適用した話。 highlight.jsに関しては利用しているテーマ:cocoo...
CSS

JSでルーレットを作った。

概要 だいぶ前にJSで作ったルーレットを公開します。 特にフレームワークとか使っていません。 DEMO デモ | 別ウィンドウで開く 以上。
semantic uiでブログカードっぽいものをたくさん作ってみる。コピペでOK CSS

semantic uiでブログカードっぽいものをたくさん作ってみる。コピペでOK

概要 最近UI周り触れる機会があったが、 今更Bootstarpに手をつけるのも嫌なのでsemantic uiを始めることにしました。 そこで、 今回はオシャレブログとかのindexページでよく見かけるカード型UIのデザインをseman...
CSS

【JavaScript】凸包(グラハムスキャン)を可視化・アニメーション【Canvas】

凸包(グラハムスキャン)のスキャンする様子をアニメーションにして可視化してみた。 凸包を解くためのアルゴリズムは様々なものが存在し、 代表的なものを上げると、 グラハムスキャン,分割統治法,ギフト包装法などがあるが、このうちのグラハムスキャンを実装した。 ライブラリとかは使わず、Canvasにそのまま描画する。
CSS

【JavaScript】K-meansをアニメーション・可視化したら蜘蛛みたいな動きをした|その1

K-meansをアニメーション・可視化したら蜘蛛みたいな動きをした|その1 + canavsの勉強も兼ねて機械学習とかで使われるk-meansによるクラスタリングを可視化してみたそしたら、ちょっと気持ち悪い蜘蛛みたいな動きをするようになっ...
CSS

FileAPIで画像を読み込み → canvasに描画

概要 「FileAPIを使って画像を読み込み、イベント終了と同時に自動的にcanvasに描画したい!」 FileAPIを使って読み込んだ画像を、imgタグを使って画像を表示をすることは容易であったが、 canvasに描画するのに少々手間...
スポンサーリンク