iOS で input の focus 時にズームインしてしまうのを viewport で解決する
2024/04/17 追記 この記事の結論としては maximum-scale=1.0 にすることとなっていますが、これはアクセシビリティ違反となる対応方法です。 自戒の意を込めまして記事自体はそのまま残しておきますが、もしこの対応をされた方は再度対応を見直していただき、もしこの対応を継続する場合はアクセシビリティ違反であることを念頭に置いていただければ幸いです。 参考: https://developer.mozilla.org/ja/docs/Web/HTML/Viewport_meta_tag#maximum-scale こんにちは。ひらやま（@rhirayamaaan）です。 Web を作っているときに input タグや textarea タグで入力領域を作ることがあるかと思います。 実装をし、いざ確認をしてみると、iOS のときに入力しようとした際に少しばかりズームインしてしま
フリーで使える日本語webフォントの使い方 【無料webフォント】 | ivy web blog
最近、webフォントを利用したサイトが増えてきてますね。 日本語のフォントをかわいいフォントにしたいというお客様も増えてきましたので、今回は無料で利用できる日本語WEBフォントを調べてみました。 日本語WEBフォントを使うメリット 通常のフォントは、パソコンなどのデバイスにインストールされているフォントのみブラウザに表示させることができます。 例えば、Macとウィンドウズでは標準にインストールされているフォントが違うため、ブラウザでは違うフォントが表示されてしまいます。 Macでは、日本語もきれいなのに、ウィンドウズでは微妙・・・という声を聞いたりします。 そのような通常のフォントとは違うWEBフォントは、サーバーにあるフォントを読みこむため、パソコンなどのデバイスにインストールされていないフォントでも、いろいろなフォントを表示させることができます。 デバイスを問わずフォントを統一して表示
そろそろ真面目に、HTMLで帳票を描く話をしようか - Qiita
帳票といえばPDFとして生成するのが一般的でしょうか? でも、2015年の今、あえてHTMLで描くのがホットです(個人的に)。ミリ単位で設定された高度な帳票も、CSSを駆使して簡単に作ることができます。業務システムでもモダンブラウザを選択することが増え、@pageなども積極的に使えるようになったこと、SPA(Single Page Application)の台頭、いろいろと条件が揃ってきました。 書いてたら結構長くなっちゃったので、さくっとコードだけ見たい方は、Paper CSSリポジトリをどうぞ。 はじめに HTML帳票のメリット 2015年現在、HTML帳票を選択する幾つかのメリットがあります。 ライブリロードで、リアルタイムなスタイル調整 バックエンドではなくフロントエンドで生成できる 前者は、gulpやGruntの普及で、CSSにしろHTMLにしろ、リアルタイムにプレビューできる環
HTML5 Canvas Cheat Sheet
This cheat sheet summarizes the complete HTML5 Canvas API for the 2D context, based on to the W3C HTML5 Canvas Spec. It also provides techniques for handling common proceedures. HTML5 Canvas Element Html5 canvas element <canvas id="myCanvas" width="500" height="300"> Html5 canvas element with fallback content <canvas id="myCanvas" width="500" height="300"> your browser doesn't support canvas! </ca
Gamepad Tester - Check Controllers and Joysticks Online
Gamepad Tester and DebuggerWhen connected, this tool displays the current state of your gamepads, inputs, joysticks, and anything else that can be reported by the HTML5 Gamepad Api. This is also useful for debugging drifting joycons, broken controllers, experimental hardware, and more. Are you a developer interested in using the Gamepad API? Check out this quick guide. We gather stats and measure
canvas のタイポグラフィ効果 - HTML5 Rocks
Typographic effects in canvas Stay organized with collections Save and categorize content based on your preferences. My Background <canvas> entered my awareness in 2006 when Firefox v2.0 was released. An article on Ajaxian, describing the transformation matrix, inspired me to create my first <canvas> web-app; Color Sphere (2007). Which immersed me into the world of colors, and graphic primitives;
quadraticCurveTo() メソッド - Canvasリファレンス - HTML5.JP
構文 context . quadraticCurveTo(cpx, cpy, x, y) 現在のパスに指定の地点を加え、指定の制御点を伴う二次ベジェ曲線によって、直前の地点と接続します。 仕様 quadraticCurveTo(cpx, cpy, x, y) メソッドは、(cpx, cpy) に対するサブパスを定義し、それから、サブパスの終点を、制御点 (cpx, cpy) を伴う二次ベジェ曲線を使って、指定地点 (x, y) と結ばなければいけません。そして、指定地点 (x, y) をサブパスに加えなければいけません。[BEZIER] 原文：http://www.w3.org/TR/2010/WD-2dcontext-20100624/#dom-context-2d-quadraticcurveto サンプル このサンプルでは、左上の (10, 10) を始点とし、制御点が (50,
【JS】HTML数値文字参照へエンコード、デコードするスクリプトをJavascriptで組んでみた - Wataame Frog
"あ" や "い" のような、HTML数値文字参照コードへ普通の文字を変換（エンコード）したり、逆にHTML数値文字参照コードから普通の文字へ変換（デコード）するスクリプトをJavascriptで作成してみました。 文字列をHTML参照文字へエンコード、デコードする デモはコチラから。 HTML数値文字参照とは？ 実体参照と数値文字参照について 端的に書くと、HTMLに於いて、主に直接記述出来ない文字を記述するための記述方法です。 どういう事かといえば、HTMLでは、半角の「<」と「>」という記号をもって、タグとします。 この「<」と「>」をWordPressなどのブログで書くと、HTMLタグと認識され、意図しない表示なったりすることがまま、あります。 そこで、ここはタグに非ずということにスべく、「<」を記述の際には文字参照で「<」と書き、半角の「＜」とする、ということが必要になっ
文字参照 - Wikipedia
文字参照（もじさんしょう、英: character reference）とはHTMLなどのSGML文書においては、直接記述できない文字や記号（マークアップで使われる、半角の不等号「<」や「>」など）を表記する際に用いられる方法である。SGML構成素のひとつとして定義されており、文書文字集合中の文字を参照する為の手段を提供する。HTMLにおける文字参照には、表記方法により数値文字参照[注釈 1]と文字実体参照[注釈 2]の二種が存在する。XMLにおいては、HTMLにおける「数値文字参照」を「文字参照」と呼ぶ。なおHTMLにおける「文字実体参照」は、XMLでは実体参照[注釈 3]と呼び区別する。 数値文字参照（文字参照）[編集] 数値文字参照は、10進数もしくは16進数によって文書文字集合における該当文字をISO 10646の文字番号で指定する方法である。以下はその例示であり、同一の8分音符記
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
qrg0009 (HTML5).pub
XHTML HTML CSS Reference Book
Watermark text repeated diagonally css/html