HTML | 極めて冴えない普通人の気まぐれブログ

WebページをiPhoneのショートカットから開いたときにアドレスバーがでないようにする

WebアプリはNativeアプリと違って App Store の審査等はなく、普通にWeb公開するだけでブラウザ経由でアクセスができます。そんなWebアプリもNativeアプリの用にホーム画面にアイコンを配置して起動す …

こんばんは。きわさです。 faviconをPNGから作成する方法です。今回は ImageMagick を使用します。公式サイトや下記コマンドでダウンロード、インストールします。これでconvertコマンドが使えるよ …

こんばんは。きわさです。 Webサイトでキーであったり何らかの結果の表示とともに「コピー」ボタンが用意されていることがあります。ボタンを押すとそのテキストがクリップボードにコピーされるというものです。 javascri …

こんばんは。きわさです。 HTMLにはcanvasというタグがあります。 canvasには、描画しているデータをDataURLに変換するメソッドがあるのでこれを使いたいと思います。流れとしては、画像を読み込み、can …

こんばんは。きわさです。 HTMLで画像を表示する場合、一般的には下記のようにimgタグでファイル名を指定して画像を表示します。この場合、htmlファイルとは別に画像ファイルが存在します。それをhtmlファイルに埋め …

こんばんは。きわさです。今回は、CSSで三角形や台形を表現する方法についてです。 HTMLをデザインする際、三角形や台形のような形にしたいことがたまにあります。そんなときに役に立つのがborderです。 border …

こんばんは。きわさです。今回はhtmlでsvg画像を表示する方法です。 SVG svgは、Scalable Vector Graphics (スケーラブルベクターグラフィックス)というそうです。ベクタ形式の画像で …

こんばんは。きわさです。ウェブページを作っているとブラウザ毎の表示の違いに悩まされることもあります。今回はテキストボックスの×ボタンについてです。 FirefoxやChromeでは表示されませんが、IEでは表示されま …

こんばんは。きわさです。 HTMLのform送信時、formの外にあるinput要素もformに含めたいこともあるかと思います。そんなときのための方法です。 formの中にはテキストボックスが1つとsubmitボタンが …

こんばんは。きわさです。前回の記事で Alert や Confirm でダイアログを表示する方法を書きましたが、今回はそれらを使わずに自前でダイアログを用意する方法についてです。まずはHTMLです。 HTMLでダイア …