[B! html] hrt305のブックマーク

hrt305 id:hrt305

htmlに関するhrt305のブックマーク (10)

HTML 5.2の新機能・削除された機能、変更された記述ルールのまとめ
HTML 5.2は2017年12月14日に勧告（Recommendation）され、仕様がRECステージに達しました。これはW3Cメンバーとディレクターの正式な承認を受けたことを意味し、Web制作者として、新しい機能の実装を開始するのに最適な時期になります。 HTML 5.2ではいくつかの新機能と削除された機能があり、記述ルールもいくつか変更され、今までinvalidだったものがvalidになり、新しくinvalidになったものもあります。すべての変更点はHTML 5.2: Changesで確認することができます。 Web制作に最も影響を与えると思われるいくつかの変更点について説明します。 What's New in HTML 5.2? 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 HTML 5.2の新機能 HTML 5.2
hrt305 2018/02/16
html

HTML5
リンク
[それWeb] HTMLでデバイスのカメラから写真をとり、PHPでOCRにかけて文字列を返す - Qiita
それWebでできるよ！こんにちは皆さんスマホのカメラを使って写真を撮ると、なんと文字列が返ってくる。そんなアプリがあるような気がするのですが、現在ではブラウザでもカメラにアクセスできるので、わざわざアプリにする必要もなく ( OSの差異にあまり煩わされることなく ) Webアプリで簡単に作ることができるのではなかろうか、と考えました。考えたらやるしか無いでしょう。休日を利用して、ちゃっちゃか作ってみました。あ、いつものようにPHP使いますね TL;DR 今回の見所は以下のとおりです。 HTML + JavaScriptでカメラを取る tesseract-ocrをインストールしたコンテナを作る PHPでOCRする何がやりたいのか掲示板とかで無線wifiのssidとか貼ってあるとき、いちいち手打ちするの面倒なんで、カメラで取ってそのままはっつけられるようになったら嬉しいのになぁ
hrt305 2017/09/20
html
リンク
【HTML入門】余白の取り方(paddingとmargin)について | プロスタ
HTML言語では、上下左右に余白を取ろうと思ったときに「padding」「margin」を用います。どちらを使用しても、見た目上では同じように余白が取れているように見える場合があるので、どちらがどのような余白を意味するのか正確に理解していない人もいるのではないでしょうか。 paddingとは paddingは、内側（要素内）の余白のことを表しています。文字だけで書いてもイマイチピンと来ない人もいるので、図を用いて説明しましょう。上図で示している「Content」の部分は、divタグ、pタグ、imgタグといったような要素の事です。 Contentに対して装飾（背景色を付けたり線で囲う等々)をすることが出来ますが、この線（border）の内側の余白部分を「padding」で設定することが出来ます。 Contentにpaddingを設定するとその分領域が広がるので、Contentに背景色
hrt305 2017/01/31
“marginを使うにあたって知っておかないといけないのが「marginは縦方向で重なるmarginを相殺する性質がある」ということです。横方向は相殺しません。また、paddingはこの性質はありません。”

★気をつける

HTML
リンク
HTMLのテンプレート的なの - Qiita
head内に書くこと多すぎて嫌になる昨今。あれがない、これがない、あれどう書くっけとならないためのエントリー。気が向いたら追加したりしなかったりする予定。 viewport <meta name="viewport" content="width=device-width, initial-scale=1">
hrt305 2015/01/21
HTML5

html

ｊQuery
リンク
GETとPOSTの使い分け - フォームデータの送信 -- ごく簡単なHTMLの説明
ブラウザからのデータデータは、特別な形式でエンコードされて送信されることになっています。画面に表示されるフォームのコントロールで入力する以外にも、隠されたデータの情報を送ったり、フォームを使わずに送信するなど、いくつかの方法があります。目次：作者の設定したデータを送るデータ送信とURLエンコードフォームから直接メール送信エンコードのタイプとファイル送信 GETメソッドとPOSTメソッド GETを使って直接データを送る作者の設定したデータを送る input要素などで用意する「コントロール」はユーザーがそれを操作してデータを入力するためのものです。しかし、場合によってはHTMLの制作者が指定したデータをプログラムに送信したい場合もあるでしょう。このようなデータはユーザーが操作する必要はなく、ユーザーの目に触れないほうが都合がよいものです。そのために、input要素のタイプの一つとし
hrt305 2015/01/07
html

javascript
リンク
基本的なフォーム -- ごく簡単なHTMLの説明
この例をもとに、HTMLのフォームを構成する要素を順番に説明していきます。この例のHTML全体は、本章の最後で改めて紹介します。フォームの基本枠組みデータを送信するためには「何を」「どこに」「どうやって」送るかを示さなければなりません。フォームはこのための手段を提供します。 HTMLのフォームは、データを入力するための手段（コントロールと呼びます）と、それに関するラベルや説明から構成されるひとまとまりのセクションです。「何を」送信するかを示すためにこのセクションの範囲を明示し、「どこに」「どうやって」送信するかを設定します。この枠組みを提供するのがform要素です。 form要素の構造 form要素タイプは2つの主要な属性を持ちます。ひとつは「どこに」、つまりデータを受け取るプログラムを指定するaction属性、もうひとつが「どうやって」、つまりデータの送信方法を指定するmethod属
hrt305 2015/01/07
■formのaction属性についてなど

html

form

よく忘れる
リンク
「Webサーバーを構築しよう(1)」～初心者でもよくわかる！VPSによるWebサーバー構築講座(3) | さくらのナレッジ
各ツールの使い方や接続手順については割愛しますが、うまくログインできれば /home/vpsuser の場所に接続できると思います。接続できたら、これからindex.htmlを作ってファイルをアップロードするわけですが、サーバーのどこにファイルをアップロードすれば良いでしょう？先ほどは、 http://xxx.xxx.xxx.xxx にブラウザでアクセスした時に「Apache 2 Test Page」が表示されましたが、自作のindex.htmlが代わりに表示されるようにしてみます。 http://xxx.xxx.xxx.xxx にアクセスされたときに対応するディレクトリは、サーバーのドキュメントのトップの位置に相当するので、ドキュメントルートと言います。これは、デフォルトでは /var/www/html です。 SFTPツールでログインした最初の位置は/home/vpsuserです
hrt305 2014/12/25
あとで読む

入門

html

サーバ

study
リンク
finefinefine.jp
This domain may be for sale!
hrt305 2014/12/16
jQuery

ローディング

html

TIPS
リンク
jQuery の .load() で HTML ファイルを読み込む
環境：jQuery 1.10 jQuery の .load() メソッドを使って HTML ファイルを読み込み、現在表示中のページ内に挿入することができます。予め複数パターンの HTML を準備しておき、条件分岐によって、表示内容を切り替えるといった場合に使用可能です。 APIドキュメントはこちら .load() - jQuery サンプルを作成したのでご覧ください。サンプルページ - okanoworld index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery load() sample</title> </head> <body> <h1>ここに外部 HTML ファイルを表示します</h1> <div id="page"></div> <script src="http://aj
hrt305 2014/12/15
jQuery

html
リンク
Brackets - Web デザインを認識する最新のオープンソースコードエディター
Introducing Phoenix Code Editor Phoenix Code is the next generation of Brackets that Runs everywhere - Windows, macOS, Linux and Web Browsers. Click here to read more.
hrt305 2014/12/10
CSS

html

javascript
リンク
1