HTML

htmlのtableのデータをエクセルのように並べ替えることができる

jQueryのダウンロードページにアクセスしてください。ソースを読んだり変更を加える予定が無ければ「Download the compressed, production jQuery 〇〇」と書かれたファイルをダウンロードしてください。この〇〇というところにはバージョンが入ります。続い…

HTML要素は大きく分けて『ブロックレベル要素』と『インライン要素』に分けられていたが、HTML5ではこれら全て廃止

昔のHTMLでの要素は大きく分けて『ブロックレベル要素』と『インライン要素』に分けられていましたが、HTML5ではこれら全て廃止となりました。 これはHTML側の管轄としての概念が廃止になった、というだけの理由ですのでこれまで解説したとおりCSS側のレイア…

HTTPSが安全とは限らない

安全な接続だからサイトも安全というわけではない 緑色の錠アイコンは、そのWebサイトに対して証明書が発行されていて暗号鍵ペアが生成済みであることを意味します。緑色の錠アイコンを持つWebサイトは、サイト訪問者とサイトの間でやりとりされる情報を暗号…

©表示の意味

ベルヌ条約発効までの経緯 著作権保護の歴史は、15世紀中頃にドイツのグーテンベルグが活版印刷術を発明したことに始まる。この画期的な発明は、出版物の大量複製を可能にし、ルネサンスやルターの宗教改革にもひと役買うことになるのだが、それは同時に大量…

今なぜHTTPS化なのか?

・今なぜHTTPS化なのか?インターネットの信頼性のために、技術者が知っておきたいTLSの歴史と技術背景 - エンジニアHub|若手Webエンジニアのキャリアを考える!

HTML5とJavaScriptで再現した「Winamp2-js」

・WinampをHTML5とJavaScriptで再現した「Winamp2-js」 - GIGAZINEWinamp2-js https://jordaneldredge.com/projects/winamp2-js/

HTML 5.2は2017年12月14日に勧告されていた

・HTML 5.2の新機能・削除された機能、変更された記述ルールのまとめ | コリスstrict doctypeはinvalid HTML 4またはXHTML 1で、strict doctypeを持つコンテンツ。dialog要素を有効に dom.dialog_element.enabled: true

フッタを最下部に表示する5つのテクニック

・[CSS]フッタを最下部に表示する5つのテクニック-コンテンツ量が少ない時は最下部に、多い時は成り行きに | コリスHTML <body> <div class="content"> コンテンツ </div> <footer class="footer">フッタ</footer> </body>CSS .content { min-height: calc(100vh - 50px); } .footer { height: 50px; }

css3 : font-displayプロパティ

・[CSS]Web制作者が知っておきたい、Webフォントを快適に表示するCSSの新しいプロパティ「font-display」 | コリスFirefox57 layout.css.font-display.enabled を true にする。Firefox58 標準でサポ-トLinux版だけ設定、Windows版はBetaなので。 関連: ・…

文字サイズの指定を「rem」に

このような問題を解決できる単位として、CSS3では新しく「rem」という単位が追加されました。この単位「rem」は、(親要素ではなく)「ルート要素の文字サイズ」を基準にして文字サイズを指定できる単位です。そのため、CSSを適用した要素が入れ子構造になって…

UTF-8の不要な実体参照など

・HTML - HTML、UTF-8の不要な実体参照。(16657)|teratail・&nbsp; は半角スペースではないというお話 (フェンリル | デベロッパーズブログ)・BOMの地雷を踏み抜かない正しい文字コードとの接し方 備忘。

FC2はSSL化してた

・【重要なお知らせ】 FC2サービスのSSL化につきまして - FC2総合インフォメーション知らなかった。

柔軟で、恒久的であり、持続性のあるHTMLとCSSの標準コーディングガイド

コーディングガイド by @mdo

HTML CSSを再度、理解する

・HTML5要素のカテゴリーを押さえましょう・HTML5のコンテンツモデルって何?という方にオススメの記事です。・【CSS】セレクタによるスタイルの優先順位・CSSを使ったflexレイアウトが3秒で理解できる「軸」の考え方|SeleQt【セレキュト】

HTML文書は文字エンコーディングUTF-8でなければなりません

・HTML文書は文字エンコーディングUTF-8でなければなりません - 水底の血「文字エンコーディング宣言が存在するかどうかにかかわらず、文書のエンコードに使用される実際の文字エンコーディングはUTF-8でなければならない。」 関連: ・HTML文書の文字エンコ…

デザイナーはなぜMS Pゴシックを使わないのか?

・デザイナーはなぜMS Pゴシックを使わないのか? - エディトリアルデザイナーに聞いてみた | マイナビニュース「MS Pゴシック」が「解像度の低いディスプレイ」と「貧弱な文字の表示性能」という選択肢しかなかった昔のPC環境で、読みやすさを確保するために…

ディスプレイの仕組み

ソ-ス:「えーと、画像は全部2倍で作ればOKなんだよね?」を卒業しよう | un-Tech 関連: ・ASCII.jp:Windowsと高DPIディスプレイ【その1】 8までのDPIスケーリング (1/2)|Windows Info・ASCII.jp:Windows 10+高解像度ディスプレイでのアプリのボケはRS…

はてなの編集部のHTMLとCSSの基礎

・新卒Web編集者が「知っていてよかった」と実感した、HTMLとCSSの基礎 - はてな編集部ブログ「編む庭」 ・改行のはなし - はてな編集部ブログ「編む庭」

HTML5: 絶対パスについては最上位階層からの指定

HTMLの相対パス、絶対パスを紹介します【HTML5実践編】 関連: ・絶対パスと相対パスとルート相対パスのメリットデメリット

Don't touch my tabs! (rel=noopener)

Don't touch my tabs! (rel=noopener) :: Add-ons for Firefox WebExtensionsベース。 <a href="%url%" target="_blank" rel="noopener noreferrer" >%title%</a>target=”_blank”を使うのを止めている。 関連: ・リンクのへの rel=noopener 付与による Tabnabbing 対策 | blog.jxck.io・target="_blank"は脆弱性!?【デモペ…

HTML5のブロックレベル要素とインライン要素の分類

HTML5ではブロックレベル要素とインライン要素の分類がなくなったようですが、ブロックレベル要素とインライン要素をきちんと区別しなければ、ブラウザがページをちゃんと描画できないと思います。 分類がなくなったというのは、CSS の display でどのように…

a 要素に target=”_blank” をつけること

以前から気になっていた target=”_blank”の使い方。 HTML の a 要素に target=”_blank” をつけるのはもうやめよう - 頭ん中を読んで「スマートフォンだと事情が違う」との記述に納得。

HTML5がイマイチ分からない

HTML5 でのセクションの誤用にご注意 | ヨモツネットの「よくわからないうちは text/html で、doctype のみ HTML5 の形式にするなどがおすすめです。」

HTMLやCSSでのプロトコル表記(http:、https:)の省略

HTMLやCSSではプロトコル表記(http:、https:)の省略をしている。 理由はHTMLやCSSでのプロトコル表記(http:、https:)の省略について: 小粋空間で分かった。 ・URLとURIは何が違うの? どちらが正しい呼び方? | 編集長ブログ―安田英久 | Web担当者Forum

Firefox: 右クリック禁止

Firefoxは、Shiftキーを押しながら右クリックすると強制的にコンテキストメニューを表示できる。 Firefoxの独自機能ではなく、HTML5の仕様策定などをしているWHATWGによって定められている標準仕様。 User agents may provide means for bypassing the conte…

HTML5から意味の変わる要素

HTML5から意味の変わる要素よりHTML4.01とは意味が変わり、単なる装飾要素からそれぞれに意味のある要素として定義されています。 関連:・W3C - 『HTML 5 differences from HTML 4』日本語訳 - HTML5.JPhttp://www.html5.jp/trans/w3c_differences.html・第…