ロリポの勉強ノート

パソコンやWeb関連で勉強したことの覚え書きです。

HTML関連の投稿

ImageMagickのconvertを使ってfaviconを作成するコマンド

# ImageMagickのconvertを使ってfaviconを作成するコマンドImageMagickの`convert`を使ってfaviconを作成したい場合は次のようなコマンドを実行すると良いそうです。$ convert source.png -define icon:auto-resize favicon.ico16×16、24×24、32×32、40×40、48×48、64×64、96×96、128× ...

HTML Linux
October 11, 2018

faviconの生成スクリプト

# faviconの生成スクリプトfaviconを作成するスクリプト。Image Magickのconvertを使います。> emarref/webicon · GitHub<br><https://github.com/emarref/webicon>ヘッダーの記述方法。> Favicon Code | The Icon Handbook<br><http://iconhandbook.co.uk/reference/examples/favicons/> ...

HTML ブックマーク
December 21, 2014

srcset属性の使い方

srcset属性の使い方==================Retinaディスプレイ対応をする際、どういう方法を採用するのがよいかいつも悩んでしまいますが、`<img>`については`srcset`属性を使うのが良さそうな感じです。使い方は以下のようにします。<img src="image-src.png" srcset="image-1x.png 1x, image-2x.png 2x, image-3x.png 3x, image-4x.png 4x">こうすることで、対応していないブラウザでは`ima ...

HTML
September 23, 2014

JavaScriptでドラッグ&ドロップ

JavaScriptでドラッグ&ドロップ================================JavaScriptでドラッグ&ドロップを実装するときに参考になったリンク- ドラッグ&ドロップ - DragDrop | MDN<br><https://developer.mozilla.org/ja/docs/DragDrop/Drag_and_Drop>- ドラッグの操作 - DragDrop | MDN<br><https://developer.mozil ...

HTML ブックマーク
December 22, 2013

数値文字参照への変換

数値文字参照への変換====================文字列を数値文字参照に変換するツールを作ってみました。> 数値文字参照への変換ツール<br>(一時的にサービスを中止しております。)数値文字参照を使うと、例えば「a」という文字は次のようにも表記できます。<table><tbody><tr><th>10進数による表記</th><th>16進数による表記</th></tr><tr><td>&#97;</td><td>&#x61;</td></tr></tbody></table>We ...

HTML
April 04, 2013