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