タグ "HTML" を含む投稿を表示中:54件
-
コピペで使える特殊絵文字一覧[針時計編] 針時計 記号 意味 10進数 16進数 🕐 1時 🕐 🕐 🕑 2時 🕑 🕑… コピペで使える特殊絵文字一覧[針時計編]続きを読む →
-
コピペで使える特殊絵文字一覧 目次顔と感情人と体動物と自然食べ物と飲み物旅行と場所旗物 顔と感情 記号 意味 10進数 16進数 😀 にやにやした顔 😀 😀 😁 にやにや… コピペで使える特殊絵文字一覧続きを読む →
-
太陽系の天体のシンボルマーク文字コード早見表。 太陽系の天体のシンボルマーク文字コードと、英語およびラテン語表記の早見表です。 シンボル 文字コード 星座名 英語表記 ☼ ☼ 太陽 Sun ☽ または ☾ &… 太陽系の天体のシンボルマーク文字コード早見表。続きを読む →
-
【CSS3】スタイルシートで指定できるカラーネーム×147色一覧(+1色) ウェブサイト制作時の色の指定について。 よく使う16進数表記と共に、現在モダンブラウザで使用できるカラーネームをすべてリストアップして紹介します。 「CSS Level 3」では147のカラーネームが策定されています。しかし、中には同じ色を… 【CSS3】スタイルシートで指定できるカラーネーム×147色一覧(+1色)続きを読む →
-
【HTML】フォーム入力時の autocomplete 属性に指定できる値まとめ フォーム入力時に、一度入力したユーザー名やパスワード、電話番号などを記憶して、次の入力時に自動で補完してくれる機能が『autocomplete』です。 「自動補完機能」などとも呼ばれますね。 今日はその『autocomplete』で指定でき… 【HTML】フォーム入力時の autocomplete 属性に指定できる値まとめ続きを読む →
-
【HTML5 + jQuery】音声ファイルの再生/停止を制御するボタン ウェブサイトで音声ファイルを再生したい場合、HTML5で単純にaudioタグを使うだけで実現できますが、今回はさらにJQueryを利用して再生と停止をコントロールする方法を紹介します。 まずはHTMLの記述です。 <audio src… 【HTML5 + jQuery】音声ファイルの再生/停止を制御するボタン続きを読む →
-
【コピペ可能】半角カタカナ一覧 半角カタカナ 一覧 お手持ちのデバイスで半角カタカナの入力が難しい場合に、以下の表からコピー&ペーストしてご利用ください。 ア行 ア イ ウ エ オ ア行(拗音) ァ ィ ゥ ェ ォ カ行 カ キ ク ケ コ カ行(濁音) ガ ギ グ… 【コピペ可能】半角カタカナ一覧続きを読む →
-
HTML の 〜 内に書くタグの順番にも気を遣ってみた。 今アナタがご覧になっている、このオンズのウェブサイトでは読み込み速度のスピードアップや各種マークアップのクオリティ維持のために随時徹底した改善作業を行っています。 これまでも本ブログにて様々なテクニックを紹介してきましたが、今日は<h… HTML の 〜 内に書くタグの順番にも気を遣ってみた。続きを読む →
-
【jQuery】超簡単に実装できるモーダル・ウィンドウ[Remodal]の使い方 今日は超簡単にポップアップ・ウィンドウを実装できる[Remodal]を紹介します。 まずは下記リンク先より、実際の挙動をご確認ください。 オンズの実装サンプル : https://on-ze.com/demo/jquery-remodal/… 【jQuery】超簡単に実装できるモーダル・ウィンドウ[Remodal]の使い方続きを読む →
-
【WordPress】投稿で「ruby」「rt」「rp」各タグを使えるようにする方法。 どういうことでしょう。 コレ、さっき気づきました。 WordPressのデフォルトの仕様では、投稿および固定ページの編集時に <ruby>、<rt>、<rp> 各タグが使えないんですね。 編集画面で<… 【WordPress】投稿で「ruby」「rt」「rp」各タグを使えるようにする方法。続きを読む →
-
【jQuery】ポリゴン状の背景を描画する[Geometryangle]の使い方 斬新なポリゴン・スタイルの背景を描画する jQuery プラグイン[Geometryangle]を紹介します。 まずはサンプルをご覧ください。 [Geometryangle]:実装サンプル 指定したボックス要素全体に幾何学的な模様を描画し、… 【jQuery】ポリゴン状の背景を描画する[Geometryangle]の使い方続きを読む →
-
【CSS3】親要素の大きさに依存して画像の表示方法を変える[object-fit]プロパティの使い方。 CSS3から新たに使えるようになった「object-fit」プロパティについて解説します。 聞き馴れない名前のプロパティかと思いますが、主に画像のアスペクト比に作用して、表示領域に対しての画像の大きさを変更する場合に使います。 ……文章の説… 【CSS3】親要素の大きさに依存して画像の表示方法を変える[object-fit]プロパティの使い方。続きを読む →
-
HTML5の独自データ属性にCSSを効かせる方法。 HTML5から「独自データ属性」または「カスタムデータ属性」と呼ばれる新しい仕様が追加されました。 この機能により、任意のhtmlの要素に接頭語「data-」で始まる属性値を付与することで、プライベートな値を設定できるようになりました。 一… HTML5の独自データ属性にCSSを効かせる方法。続きを読む →
-
【HTML5】ドキュメント宣言は大文字「!DOCTYPE html」か小文字「!doctype html」か、どちらが正しいの? HTML文書では「ドキュメント宣言」といって、冒頭に特定の記述を挿入するルールがあります。 例えばHTML4.01では次のように記述するのが一般的です。 <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML … 【HTML5】ドキュメント宣言は大文字「!DOCTYPE html」か小文字「!doctype html」か、どちらが正しいの?続きを読む →
-
【.htaccess】拡張子が「.html」のファイルでPHPを動かす方法。 基本的に、PHPを動かすにはファイルの拡張子が「.php」でなくてはいけません。 しかし状況により、拡張子が「.html」のファイルでもPHPを動かしたいことがあります。 単純にファイルの拡張子を「.html」から「.php」に置き換えれば… 【.htaccess】拡張子が「.html」のファイルでPHPを動かす方法。続きを読む →
-
[html5.js]の導入を辞めました。 [html5.js]とは? そもそも[html5.js]とは何か? 一言で説明すると「Internet Explorer 8 以前のブラウザでも HTML5 に対応できるようになるスクリプト」です。 Microsoft が開発している[In… [html5.js]の導入を辞めました。続きを読む →