Webブラウザのレンダリングの仕組みを理解する

2022/07/04 206 users レンダリング JavaS 点線 HTMLレンダリングエンジン

参考：https://ja.wikipedia.org/wiki/HTMLレンダリングエンジン 2 レンダリングの仕組み レンダリングの大きな流れは下記のようになります。Webブラウザは、サーバーなどからHTML等のリソースを受け取り①〜⑥の処理を経て、レンダリングを実行します。それでは各処理の概要を見ていきます。 ※点線は、HTML内にCSSやJavaS... 続きを読む

JavaScriptのようにPythonコードをHTML内に記述して実行できる「PyScript」　Anacondaがオープンソースで公開

2022/05/09 15 users Anaconda PyScript Python 実行 ソース

米Anaconda社は、HTML文書の中にJavaScriptと同じようにPythonのコードを記述し、実行可能にする「PyScript」をオープンソースで公開した。 続きを読む

「PyScript」はJavaScriptのようにPythonコードをHTML内に記述して実行可能、Anacondaがオープンソースで公開

2022/05/08 416 users Anaconda PyScript ディストリビューション

「PyScript」はJavaScriptのようにPythonコードをHTML内に記述して実行可能、Anacondaがオープンソースで公開 Pythonの主要なディストリビューション「Anaconda」などを提供しているAnaconda社は、HTML文書の中にJavaScriptと同じようにPythonのコードを記述し、実行可能にする「PyScript」をオープンソースで公開しまし... 続きを読む

Vue.jsに至る道（Native, jQuery, Vue.js書き比べ）

2018/10/09 7 users jQuery input Native Vue.js 順番

JS周りが混沌とする中、自分用のメモ。結局わかりにくくなってしまったが、個人用ということでお許しを。 Native, jQuery, Vue.jsで同じことを書いてみる 試したいことは HTML内のテキスト取得 inputの値の取得 classの編集 イベント処理 と言ったところ。 Vue.jsは順番を追って書きづらい（Vue.jsが使いづらいという意... 続きを読む

[CSS]object-fitの賢い使い方: インラインの動画を背景画像のようにブラウザいっぱいに表示するテクニック | コリス

2017/05/31 57 users スクリーン object-fit コリス デスクトップ スマホ

HTML内にインラインで配置した動画や画像を、背景画像のようにブラウザいっぱいに表示するCSSのテクニックを紹介します。 レスポンシブに完全対応、スマホでもデスクトップのあらゆるサイズのスクリーンでも最適なサイズで表示さ ...記事の続きを読む 続きを読む

h1要素は複数回使って良いのか!? HTML5.1に関するW3GとWHATWGの主張の違い - Togetterまとめ

2016/12/13 388 users WHATWG XHTML 宗派 Togetterまとめ 主張

h1要素が同じHTML内に複数もあるのはどうなの的な宗派（XHTMLの流れをくむセマンティックス派）でいたわけですが、HTML5.1が明確に否定してくれました。信じるモノは救われる的なものですかね 続きを読む

高校の”情報”の授業、いまだに構造とデザインの分離が行われていない | スラド

2016/01/06 49 users Twitter スラド 見栄え CSS フォント

2003年より高校で「情報」の授業が開始されたが、この授業で教えるHTMLでは未だにCSSを使わず、bgcolor属性やFONTタグを使っているという（ 高校の”情報”の授業におけるマークアップ言語の闇 、三重大学・ 奥村晴彦教授によるTwitterへの投稿 ）。 現在ではHTML内で文字に色を付けたりフォントを変更するといった見栄えの設定はCSSを利用することが推奨されており、bgcolor属性... 続きを読む

Googleの検索結果に表示されるタイトルとtitleタグが違うのはなぜか？ | 海外SEO情報ブログ

2014/08/25 64 users TITLEタグ ヘルプフォーラム Google タイトル 原因

通常、HTML内に設定したtitleタグを検索結果のタイトルとしてGoogleは利用します。 しかし、titleタグで記述したのとは異なるタイトルを検索結果に表示することが時おりあります。検索結果のタイトルがおかしい。 titleタグと違う。 何が原因か？ どうしたら直せるか？こういった質問を定期的に受けます。 Googleのヘルプフォーラムでもよく見かける投稿です。Googleがtitleタグを... 続きを読む

プログラミングコードをHTML内に埋め込む形に変換「HTMLify」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/05/27 19 users 改行 エスケープ処理 MIT License ソフトウェア

HTMLifyはJavaScript製のオープンソース・ソフトウェア（MIT License）です。ブログやソフトウェアのプロジェクトページにプログラミングコードを貼付ける際、素のままでは改行やHTMLタグのエスケープ処理が行われずに変な表示になってしまいます。そこで使ってみたいのがHTMLifyです。 トップページです。上のテキストエリアにコードを入力します。 入力が終わったらHTMLifyボタ... 続きを読む

HTML内にPDFを埋め込めるJSプラグイン集:phpspot開発日誌

2012/09/13 75 users phpspot開発日誌 PDF iframe HTML 表示

7 Best jQuery & JavaScript PDF Viewer plugin with examples HTML内にPDFを埋め込めるJSプラグイン集。 通常PDFというとPDFページにリンクして直接開くというものが多いですが、こうしたプラグインを使うことで、HTMLの中にIFrameのようにPDFを埋めこんで表示が可能です。 ブラウザプラグインを使うものや、GoogleDocを使う... 続きを読む

ご存知、ないのですか？CSSの優先順位

2012/08/09 641 users CSS 優先順位 ご存知 important 外部CSS

ご存知、ないのですか？CSSの優先順位 — Presentation Transcript ご存知、ないのですか？ CSS の優先順位 Yumi Ishizaki 20120809 CSSの優先順位の基本 Html内のCSS＞ユーザーCSS＞ブラウザ標準style Body内Style=“” ＞head内に直接css＞外部css 最後に記述した方が優先的に表示される !important ... 続きを読む

ページ全体に広がるスライドショーを実装できるjQueryプラグイン「jQSlider」:phpspot開発日誌

2012/04/04 52 users jQueryプラグイン phpspot開発日誌 プラグイン

jQuery jQSlider :: Example Slimple ページ全体に広がるスライドショーを実装できるjQueryプラグイン「jQSlider」 ブラウザを紙芝居っぽくしたスライドショーが作れます。この手のプラグインでは当然ですが、１ファイルのHTML内に全スライドを書けます。 ブラウザ幅が変わっても伸縮するレスポンシブな仕様になっています ブロック要素内にスライドショーを入れ込んだり... 続きを読む

画像自体をBase64エンコードしてHTML内に埋め込んで高速化するPHPコード例:phpspot開発日誌

2010/11/17 270 users phpspot開発日誌 Base64 画像自体 PHP 速度

Base64 Encoding for Images. 画像自体をBase64エンコードしてHTML内に埋め込んで高速化するPHPコード例。 Googleがインスタントプレビューや画像検索で導入してその読み込み速度に驚いた方も多いかもしれません。 その手法をPHPで実現するコードが掲載されていましたのでご紹介。 PHPでやるにはそんなに難しいわけではなさそう。 <?php $img_src = "... 続きを読む

Going My Way: Firefox 2.0から対応するサイトごとの検索エンジンのAuto Discovery

2006/10/24 122 users Going My Way スポンサード 検索エンジン 右上

Firefox 2.0から対応するサイトごとの検索エンジンのAuto Discovery スポンサード　リンク 明日の朝リリースが予定されているFirefox 2.0ですが、今までと比べて変わることの一つに検索エンジンをAuto Discoveryで追加できるという機能があります。Firefoxでは右上にいろいろな検索エンジンを追加することができますが、Firefox 2.0からはHTML内にli... 続きを読む