HTML - 株式会社オンズ

タグ "HTML" を含む投稿を表示中：50件

【HTML5 + jQuery】音声ファイルの再生／停止を制御するボタン

Entry Description

2020年10月30日 2021年9月18日

開発ブログ

HTML, jQuery

1859文字：約4分

issei 株式会社オンズ

ウェブサイトで音声ファイルを再生したい場合、HTML5で単純にaudioタグを使うだけで実現できますが、今回はさらにJQueryを利用して再生と停止をコントロールする方法を紹介します。まずはHTMLの記述です。 <audio src="sample.mp3" id="audio" pause="pause" l... 【HTML5 + jQuery】音声ファイルの再生／停止を制御するボタン続きを読む →
半角カタカナ一覧

Entry Description

2017年3月11日 2017年3月11日

開発ブログ

HTML

657文字：約2分

onze 株式会社オンズ

お手持ちのデバイスにて、半角カタカナの入力が難しい場合に、以下の表からコピー＆ペーストしてご利用ください。ア行ｱｲｳｴｵア行（拗音）ｧｨｩｪｫカ行ｶｷｸｹｺカ行（濁音）ｶﾞｷﾞｸﾞｹﾞｺﾞサ行ｻｼｽｾｿサ行（濁音）ｻﾞｼﾞｽﾞｾﾞｿﾞタ行ﾀﾁ... 半角カタカナ一覧続きを読む →
HTML の〜内に書くタグの順番にも気を遣ってみた。

Entry Description

2016年1月20日 2016年1月20日

開発ブログ

HTML, SEO

7890文字：約14分

onze 株式会社オンズ

今アナタがご覧になっている、このオンズのウェブサイトでは読み込み速度のスピードアップや各種マークアップのクオリティ維持のために随時徹底した改善作業を行っています。これまでも本ブログにて様々なテクニックを紹介してきましたが、今日は<head>〜</head>タグ内のコードにフォーカスして、弊社が... HTML の〜内に書くタグの順番にも気を遣ってみた。続きを読む →
【jQuery】超簡単に実装できるモーダル・ウィンドウ［Remodal］の使い方

Entry Description

2015年11月17日 2015年11月17日

開発ブログ

CSS, HTML, JavaScript

3995文字：約7分

onze 株式会社オンズ

今日は超簡単にポップアップ・ウィンドウを実装できる［Remodal］を紹介します。まずは下記リンク先より、実際の挙動をご確認ください。オンズの実装サンプル : https://on-ze.com/demo/jquery-remodal/ ファイル容量が軽いため挙動も早く、レスポンシブ対応で、アニメーション部分はCS... 【jQuery】超簡単に実装できるモーダル・ウィンドウ［Remodal］の使い方続きを読む →
【WordPress】投稿で「ruby」「rt」「rp」各タグを使えるようにする方法。

Entry Description

2015年11月2日 2015年11月2日

開発ブログ

HTML, WordPress

881文字：約2分

onze 株式会社オンズ

どういうことでしょう。コレ、さっき気づきました。 WordPressのデフォルトの仕様では、投稿および固定ページの編集時に <ruby>、<rt>、<rp> 各タグが使えないんですね。編集画面で<ruby>、<rt>、<rp>を記述して記事を保... 【WordPress】投稿で「ruby」「rt」「rp」各タグを使えるようにする方法。続きを読む →
【jQuery】ポリゴン状の背景を描画する［Geometryangle］の使い方

Entry Description

2015年10月17日 2015年10月17日

開発ブログ

HTML, jQuery

2403文字：約5分

onze 株式会社オンズ

斬新なポリゴン・スタイルの背景を描画する jQuery プラグイン［Geometryangle］を紹介します。まずはサンプルをご覧ください。［Geometryangle］：実装サンプル指定したボックス要素全体に幾何学的な模様を描画し、さらにマウスカーソルの位置に反応してインタラクティブに動きます。似たようなjQ... 【jQuery】ポリゴン状の背景を描画する［Geometryangle］の使い方続きを読む →
【CSS3】親要素の大きさに依存して画像の表示方法を変える［object-fit］プロパティの使い方。

Entry Description

2015年3月12日 2015年3月12日

開発ブログ

CSS, HTML

1418文字：約3分

onze 株式会社オンズ

CSS3から新たに使えるようになった「object-fit」プロパティについて解説します。聞き馴れない名前のプロパティかと思いますが、主に画像のアスペクト比に作用して、表示領域に対しての画像の大きさを変更する場合に使います。 ……文章の説明だけでは理解しにくいと思うので、実際に「object-fit」を使ったサンプル... 【CSS3】親要素の大きさに依存して画像の表示方法を変える［object-fit］プロパティの使い方。続きを読む →
HTML5の独自データ属性にCSSを効かせる方法。

Entry Description

2015年2月2日 2015年2月2日

開発ブログ

CSS, HTML

724文字：約2分

onze 株式会社オンズ

HTML5から「独自データ属性」または「カスタムデータ属性」と呼ばれる新しい仕様が追加されました。この機能により、任意のhtmlの要素に接頭語「data-」で始まる属性値を付与することで、プライベートな値を設定できるようになりました。一例として以下のようなHTMLが記述できるようになっています。 <ul&gt... HTML5の独自データ属性にCSSを効かせる方法。続きを読む →
【HTML5】ドキュメント宣言は大文字「!DOCTYPE html」か小文字「!doctype html」か、どちらが正しいの？

Entry Description

2014年12月17日 2014年12月17日

開発ブログ

HTML

865文字：約2分

onze 株式会社オンズ

HTML文書では「ドキュメント宣言」といって、冒頭に特定の記述を挿入するルールがあります。例えばHTML4.01では次のように記述するのが一般的です。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/st... 【HTML5】ドキュメント宣言は大文字「!DOCTYPE html」か小文字「!doctype html」か、どちらが正しいの？続きを読む →
【.htaccess】拡張子が「.html」のファイルでPHPを動かす方法。

Entry Description

2014年12月11日 2014年12月11日

開発ブログ

.htaccess, HTML, PHP

332文字：約1分

onze 株式会社オンズ

基本的に、PHPを動かすにはファイルの拡張子が「.php」でなくてはいけません。しかし状況により、拡張子が「.html」のファイルでもPHPを動かしたいことがあります。単純にファイルの拡張子を「.html」から「.php」に置き換えれば済むハナシですが、URLを変更したくない場合は、［.htaccess］を使って解... 【.htaccess】拡張子が「.html」のファイルでPHPを動かす方法。続きを読む →
［html5.js］の導入を辞めました。

Entry Description

2014年11月17日 2014年11月17日

開発ブログ

HTML

2533文字：約5分

onze 株式会社オンズ

［html5.js］とは？そもそも［html5.js］とは何か？一言で説明すると「Internet Explorer 8 以前のブラウザでも HTML5 に対応できるようになるスクリプト」です。 Microsoft が開発している［Internet Explorer］は、そこそこ普及しているにも関わらず、エラーやセ... ［html5.js］の導入を辞めました。続きを読む →
最新版：HTML Living Standard で規定されている全要素

Entry Description

2014年9月1日 2021年10月19日

開発ブログ

HTML

320文字：約1分

staff 株式会社オンズ

ジワジワと HTML5 が普及しつつある今日この頃。皆様いかがお過ごしでしょうか。策定が進められている HTML5 ですが、先日、7月31日に W3C により最新の仕様が公開されました。そこで改めて全要素を一覧にしてまとめたので、ぜひご活用していただければと思います。 W3C : HTML5 ちなみに HTML5... 最新版：HTML Living Standard で規定されている全要素続きを読む →
【HTML5】 p 要素。

Entry Description

2014年5月20日 2014年5月20日

開発ブログ

HTML

847文字：約2分

onze 株式会社オンズ

<p> タグは、文書がひとつの段落（パラグラフ）であることを表す際に使用します。段落よりもふさわしい要素がある場合には使用するべきではありません。例えば、以下の使用例は誤りではありませんが… <section> <p>最終更新日: 2010-04-23</p> <... 【HTML5】 p 要素。続きを読む →
【HTML5】menu 要素。

Entry Description

2014年5月19日 2014年5月19日

開発ブログ

HTML

549文字：約1分

onze 株式会社オンズ

HTML4 では非推奨だった <menu> タグは、HTML5 から新たに追加され、操作メニューを作成する際に使用します。サブメニューをメインメニューで入れ子にして、階層メニューにすることもでき、他のタグとの組み合わせによるユーザーメニューの作成にも役立ちます。属性 type属性 type属性は、宣言す... 【HTML5】menu 要素。続きを読む →
【HTML5】command 要素。

Entry Description

2014年5月18日 2014年5月18日

開発ブログ

HTML

552文字：約1分

onze 株式会社オンズ

HTML5 から新たに追加された <command> タグは、操作メニューの各コマンドを指定する際に使用します。 <menu>～</menu> で全体が操作メニューであることを定義して、その子要素としてを配置してユーザーが呼び出すことのできる各コマンドを指定します。 type属性 t... 【HTML5】command 要素。続きを読む →
【HTML5】details 要素

Entry Description

2014年5月17日 2014年5月17日

開発ブログ

HTML

992文字：約2分

onze 株式会社オンズ

<details>タグは、ユーザーが追加で得ることのできる備考や操作手段などの詳細情報であることを示す際に使用します。もし、<details>～</details>の子要素として <summary> が存在する場合には、<summary>～<<s... 【HTML5】details 要素続きを読む →

ONZE/BLOGオンズ開発ブログ

株式会社オンズのブログです