Web

Web

jekyllなサイトでfaviconをルートに置かないようにして設置

jekyllな静的ウェブサイトにfaviconを設定する。 あまりルートディレクトリにファイルをたくさん置きたくないので、アイコン類はicons/にまとめておくための設定を記録しておく。 使用したジェネレータサイト 今回はfavico...
Web

Dropboxのlong-lived access tokensの廃止に対応する

DropboxのAPI Updatesに対応する。 Action Required: Token and Permission Updates こんな内容のメールが来てたので対処する。 long-lived access to...
Web

Markdown to htmlを改修した

以前作ったマークダウン形式の文字列をhtmlへ変換するmd to htmlを改修した。 自分で使っていてサニタイズ(Purify)に不満点があったため。 ページはここ→Markdown to raw html 最初の記事→Webブラウ...
Web

CodePenでhtmlのheadを編集する

CodePenでheadにタグを置く方法のメモ。 目的 フリーwebフォントを使おうと思ったが、どうやらhtmlの場所にそのまま書くのではないようだ。 となると、<head>に埋め込むのが妥当で、どうやらその方法があるよう...
Web

ブラウザで動くQRコードリーダーを作った(Android向け)

ブラウザで利用可能なQRコードリーダーを作った。 目的は、Android端末でのQRコードの読み取り。 利用はここから ホーム画面にショートカットなどを追加して使う形になる。ショートカットの追加については、下記の記事を書いた。 ...
Web

3通りのmarquee

幅が足りない時は文字をスクロールさせる。(マーキー) 電光掲示板のようなスクロール。局所的には使える。 試した方法3つ marqueeタグ(廃止)を利用 CSSのanimationを利用 Javascriptで実装 特に...
Web

OGPとTwitter Cardのタグを埋め込む

The Open Graph Protocol(OGP)を勉強したのでメモ。 OGPの概要 FacebookやTwitter上でウェブページをリッチに表示するためのプロトコル。 基本的な指定で以下のような表示を作ることができる。Twi...
Web

Djangoアプリにfaviconを設定する

Djangoを使ったWebアプリにfaviconを設定する。 追記 2021/01/19: faviconジェネレータサイトについて更新 環境 Django==2.2.5 参考 How can I get a...
Web

Webブラウザ上でmdをhtmlに変換する簡易エディタを作った

以前、記事をMarkdownで書いてhtmlに変換してからアップするという流れを作った。しかし、bash上でコマンドによりhtmlに変換しているので、bashが操作できる環境でないと、変換作業ができない。 そして最近では、iPadで記事を...
Web

CSS 内部要素のスクロールだけ可能にする

スクロールを禁止するが内部の大きい要素のなかをスクロール可能にする。 body { overflow: hidden; } div.long-content { height: -webkit-fill-a...
タイトルとURLをコピーしました