他言語サイト
翻訳はみつかりませんでした

HTML5

HTML5について困っている人のために情報を発信します。 HTMLは、ウェブサイトの構造化文書を定義します。ボタンなど機能が拡張して文書以外もあるので、一般的にはコンテンツと言います。 HTML5は、2014年10月28日にW3Cにより勧告されたHTMLのバージョンで、最新は2017年12月7日にHTML5.2が勧告されました。

HTMLとCSSだけで簡単に作る。軽量なタブで表示内容を切り替え

html5 css3 image

HTMLとCSSだけでタブのメニューをかんたんに作る方法をご紹介します。

このタブメニューは、画面を遷移しないで表示内容のコンテンツを切り替えます。JavaScriptは使いません。

これは、タブを切り替えるときに、Webサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。

続きを読む

HTMLとCSSだけで簡単に作る。軽量な開く・閉じる切り替えボタン

html5 css3 image

HTMLとCSSだけで『開く・閉じる』の切り替えボタンをかんたんに作る方法をご紹介します。

画面を遷移しないでコンテンツを開閉します。JavaScriptは使いません。

これは、コンテンツをコントロールするときWebサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。

続きを読む

HTMLとCSSだけで簡単に作る。軽量な閉じる・すべて表示ボタン

html5 css3 image

HTMLとCSSだけで『閉じる・すべて表示』ボタンをかんたんに作る方法をご紹介します。

このボタンは、画面を遷移しないでコンテンツを閉じたり追加表示します。JavaScriptは使いません。

これは、コンテンツを制御するときに、Webサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。

続きを読む

アイコンフォントFontAwesome 5はKitで管理する

FontAwesome

アイコンフォントのFontAwesomeはアカウント作成が必要になりました。

かんたんにできたCDNのCSS配信をやめて『Font Awesome Kits』というJavaScript配信に変えます。

アカウント作成から『Kit』をつかった方法をかんたんに説明します。

続きを読む

WebでアイコンフォントFontAwesome 5を数秒で使えるようにする方法

FontAwesome

有名なWebアイコンフォントにFontAwesomeがあります。アイコン画像をつくる必要がないのでとても便利です。

Twitter, Facebookなど有名な企業や製品のロゴも無料で使えます。また、CSSで自由に色を設定できます。

バージョン5からLINEのアイコンも追加されました。

今回は、FontAwesomeの設定方法から使い方まで、ソースコードサンプルを使いながら、だれでも分かるようにかんたんに説明します。

続きを読む

アイコンフォントFontAwesome 4の新しい使い方

FontAwesome

アイコンフォントのFontAwesome 4の使い方が新しくなっています。

アカウント作成が必要になりました。アカウントの設定画面でバージョン変更をかんたんにできるようになっています。

HTMLの<head>の修正は不要です。

続きを読む
top
この記事を気に入ったらぜひシェアも!!