HTML Standard
4.12 Scripting4.12.1 The script element4.12.1.1 Processing model4.12.1.2 Scripting languages4.12.1.3 Restrictions for contents of script elements4.12.1.4 Inline documentation for external scripts4.12.1.5 Interaction of script elements and XSLT4.12.2 The noscript element4.12.3 The template element4.12.3.1 Interaction of template elements with XSLT and XPath4.12.4 The slot element4.12 Scripting Scri
HTMLでフォームのボタンを非活性にする方法を現役エンジニアが解説【初心者向け】
初心者向けにHTMLでフォームのボタンを非活性にする方法について解説しています。ボタンを非アクティブにするにはdisable属性を使います。基本の書き方と指定した場合の動作、実際の活用例を見ていきましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 disable属性とは disableとはHTMLタグを無効（＝非活性）にする属性です。 HTMLでボタンにdisable属性を指定するには、以下のように記述します。 <button ty
HTMLのフォームからPOSTで送信されたデータの受け取り方を現役エンジニアが解説【初心者向け】
初心者向けにHTMLのフォームからPOSTで送信されたデータの受け取り方について解説しています。入力されたデータをPHPで送信する際にはPOSTとGETの2つのメソッドが使用されます。それぞれの違いとPOSTの場合の書き方を覚えましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
外部ファイルの読み込みは「CSS→Javascript」の順番で！
<head> ・ ・ <link type="text/css" rel="stylesheet" href="sample01.css"> <link type="text/css" rel="stylesheet" href="sample02.css"> <script src="sample01.js"></script> <script src="sample02.js"></script> <script src="sample03.js"></script> <link type="text/css" rel="stylesheet" href="sample03.css"> ・ </head> <head> ・ ・ <link type="text/css" rel="stylesheet" href="sample01.css"> <link type="text/css
とほほのＷＷＷ入門
はじめに ご使用上の注意 (1) 主な更新履歴 (24) 管理者へのメール (1) 自己紹介 (1) 基本編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) フォーマット HTML (400) HTML5 (7) XHTML (1) MathML (1) DTD (1) JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap (61) Less (1) Sass (1) Tailwind CSS (1) CSSフレームワーク (1) リセットCSS (1) プログラミング言語 JavaScript (39) TypeScript (1) Java (25) Perl (4) PHP (14) Ruby (11) Python (13) Go (
マイナポイントの申請方法！ポイントの付与期限や注意点についても解説｜お金と暮らしの相談カフェ
2020年9月から開始されるマイナポイント事業―登録した電子マネーやクレジットカードで買い物をすると25％という破格のポイントが付与されるとのことで、多くの人の注目を集めています。 しかしながら、申請方法がよくわからない、どの決済サービスがマイナポイントに対応しているのか知らないという方も多いのではないでしょうか。 なかにはマイナポイントは何もしなくても9月から勝手に付与されるのでは？と思っている方もいるかもしれませんね。 そこで、この記事ではマイナポイントを利用するための申請方法をわかりやすく解説します。 マイナポイントを利用してお得に買い物をしたい方、申請が難しそうでマイナポイントの利用をあきらめようとしていた方もこの記事を読めば安心です。 それでは、ぜひ最後までお読みください。 では、1つずつ説明していきましょう。
jQuery リファレンス：jQuery.parseXML
索引 ├ リファレンス目次 ├ アルファベット順 └ 検索 Core：コアとなる仕組み ├ 目次 ├ jQuery(selector) ├ jQuery(html) ├ jQuery(function) ├ jQuery.holdReady() ├ jQuery.noConflict() └ jQuery.sub() 他ページ参照 └ jQuery.when() Selectors：セレクタ └ 目次 基礎 ├ *（すべて） ├ element（html要素） ├ #id名（ID属性） ├ .class名（clas属性） ├ 複数のセレクタ(and) └ 複数のセレクタ(or) 階層関連 ├ 先祖 子孫 ├ >（子要素） ├ +（直近の後要素） └ ~（後要素） 属性 ├ [属性名] ├ [属性名='値'] ├ [属性名!='値'] ├ [属性名^='値'] ├ [属性名$='値'] ├
もう逃げない。HTMLのviewportをちゃんと理解する
<meta name="viewport" content="width=device-width,initial-scale=1"> と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。 いろいろ調査した結果、以下の考え方で理解できると思う。 まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。 するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。 ブラウザはviewportにレンダリングする。viewportの中では、あたかも本当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返す
CSS Device Adaptation (Editor's Draft)
CSS Viewport Module Level 1 W3C First Public Working Draft, 25 January 2024 More details about this document This version: https://www.w3.org/TR/2024/WD-css-viewport-1-20240125/ Latest published version: https://www.w3.org/TR/css-viewport-1/ Editor's Draft: https://drafts.csswg.org/css-viewport/ Previous Versions: https://www.w3.org/TR/2016/WD-css-device-adapt-1-20160329/ History: https://www.w3.o
FC2ブログの高速化は何ができるか | The other way round
Googleの スピードアップデート が2018年7月に来るよ。 ということで、自ブログのスリム化・高速化に勤しんでいる方も多いかと思います。 え？多いかな？どうだろう (´・ｪ・｀) 今回の記事では FC2のスペックを知っておく 数字に踊らされない 私の(Akira作の)テンプレートで軽量化できそうなところと提案 などについて。 あくまでも FC2ブログで というのが大前提です。 FC2ブログサーバーのスペックは中レベル 低くはないですね。しかし高くもない。 ここについてはやはり 無料会員の方が不利 になっています。 現在ですとあらゆるwebサービスがSSL化しつつあり、FC2も例に漏れずSSL化つまりhttps通信が可能になっています。 httpsは HTTP/2 (Hypertext Transfer Protocol version 2) という高速通信が可能ですが、それは サーバ
target="_blank" target="_parent" 違い - Qiita
target="_blank" 別窓ウィンドウを開いてリンク先を表示する。 target="_self" 現在いるウィンドウに表示（普通のページ遷移） target="_top" フレーム分割を解除し、ウィンドウ全体でページ遷移 target="_parent" 親フレームに表示 iframeを使った例： <HTML> <iframe>←(△) <iframe>←(■) <a href="http://qiita.com/" target="★"></a> <iframe/>←（■）終わり <iframe/>←（△）終わり <HTML/> ＞リンク先の表示場所が違います。 ①★に_selfを入れた場合、iframe(■)のなかにQiitaのページが表示。 ②★に_blankを入れた場合、別窓ウィンドウがひらき、そこでリンク先を表示。 ③★に_topを入れた場合、現在のウィンドウでページ遷移
モバイルブラウザでのレイアウトを制御するために meta タグの viewport を使う - Mozilla | MDN
Mobile Firefox (Fennec) 1.1 の来たるリリースでは、 <meta name="viewport"> タグのサポートを強化しています。Fennec の前のバージョンでは、width、height、そして initial-scale といったビューポートのプロパティをサポートしていました。しかし、iPhone や Android ブラウザ用につくられたいくつかのサイトでは不具合が出ていました。新しいバージョンでは Mobile Safari の同様のプロパティをサポートしました。また Fennec では、異なるサイズと解像度の画面でも、モバイルサイトをより同じように表示できるように変更しました。 touch.facebook.com のこれまでの表示： touch.facebook.com の新しい表示： あなたは、これらの変更点を、Maemo、Windows、Mac
【Labs】要素の背景にYouTube動画を使う方法
6月更新・前月(5月)の人気記事トップ10 06/06/2024 ( 02 ↑) 【Labs】position:absoluteとwidth:100%を指定すると横幅の設定がうまくいかない場合の対処方法について ( 01 ↓) 【Mac】macOSをHigh SierraからMontereyにアップグレード ( 03 – ) 【Mac】Safariでソースコードを見る方法 ( 04 – ) 【jQuery】入門2. jQueryをHTMLに組み込む ( 05 – ) 【Mac】横画面で撮影した動画をYouTubeショート用にMacのiMovieで縦画面に編集する方法 ( 08 ↑) 【Labs】CSSだけでドロップダウンメニュー ( 09 ↑) 【Labs】PHPのエラー表示をなくす方法 ( 06 ↓) 【iPhone / iPad】iPhoneのツイッターアプリでユーザー名をコピーする方
Webpackでhtml-webpack-pluginは実質必須なので必ずインストール！
Webpackの使用は増えているが… 最近はgruntやgulpではなくWebpackを使用するWebサイトが増えている。 例えばVue.jsで環境を構築したい場合はvue init webpack-simple sampleを実行するだけで基本的な環境構築が完了する。※ ※正確にはvue init終了後にcd sample && npm i && npm run devが必要。 しかし、このまま利用した場合、外部CSSやJavaScriptでファイルを読み込んでいる場合は古いキャッシュを読み込んでしまい、修正内容が反映しない問題が発生する。 html-webpack-pluginをインストール html-webpack-pluginをインストールすればHTML内のbuild.jsをnpm run build実行時にbuild.js?e9542a9296a47f1c0891のようにハッシュ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
browserconfig.xmlへのアクセスは何なのか？
GitHub - feross/bg-sound: Web Component to emulate the old-school <bgsound> HTML element
bg-sound
リダイレクトの方法 - Qiita
【Apache】faviconのエラーログを出力させなくする
GitHub - webpack-contrib/html-loader: HTML Loader
