HTML5

HTML5（作成仕様書カテゴリー）の作成例イメージ画像

image
カテゴリー 作成仕様書
記事登録日 2020-01-06 05:23:06
テクノロジー HTML5 |
概要 「gzip圧縮」でWebサイトを高速化しよう！【mod_rewrite編】
https://alaki.co.jp/blog/?p=2342
gz 圧縮 css

イメージマップの作り方 1画像内に複数リンクを設定
https://allabout.co.jp/gm/gc/23823/3/



html 入力欄 クリア ディフォルト

PhotoshopやCSSなどのWebデザインで1px以下に見える線を描く方法
https://blog.maromaro.co.jp/archives/5868

イメージマップの作り方 1画像内に複数リンクを設定(3ページ目)
https://allabout.co.jp/gm/gc/23823/3/

セレクトボックス 文字数　多い
iOSブラウザのセレクトボックスUIが使い辛すぎ問題
https://kinocolog.com/ios_select/

コピペでできる！cssとhtmlのみでフォームのセレクトボックスをいい感じにするデザイン8選
https://copypet.jp/797/

iOSのドラムロール式UI（プルダウンメニュー）の使いにくさ
http://www.usertest-onsearch.com/knowledgelist/knowledge-239/

CSSのappearanceを使ったセレクトボックスのカスタマイズ
https://edge.sincar.jp/web/selectbox-appearance-customize/

iPhoneでセレクトボックスのスタイルを設定する方法
https://qiita.com/Yorinton/items/f37ac926e00274968b24

セレクトボックスをモーダルウィンドウで選択できるjQueryプラグインを作成
https://kinocolog.com/selmodal/

【jQuery】セレクトボックスの中身をモーダルウィンドウで表示させて選択させる【Remodalプラグイン使用
https://stereo-kitchen.net/web-development/modal-window-replacement-for-selectbox/
https://yamanote.info/valletta/savefile/sample/select_modal.php#


【HTML入門】ボタンを使いこなして正しくリンクを作成してみよう！
https://www.sejuku.net/blog/82466

すぐわかる！HTMLでスペースや空白を入れる正しい方法
https://webliker.info/03847/


複数行の入力欄
https://www.tagindex.com/html_tag/elements/textarea.html

年号と©マークと何が必要？Copyright（コピーライト）表記の正しい書き方
https://liginc.co.jp/designer/archives/11313

イメージマップの作り方 1画像内に複数リンクを設定(3ページ目)
https://allabout.co.jp/gm/gc/23823/3/

【HTML5】formのactionをsubmitボタン毎に変える方法(JavaScript不要)
https://www.deep-rain.com/programming/html/1305

画像を使ったフォームの送信ボタンを設置する
https://dekiru.net/article/12958/

HTMLのtable（表）のborder（枠線）を設定する方法を解説！
https://www.sejuku.net/blog/83489

Atom でコメントをイタリックにしない
https://neos21.hatenablog.com/entry/2016/01/13/221809

HTMLで2重の取り消し線を引く方法を現役エンジニアが解説【初心者向け】
https://techacademy.jp/magazine/30099

svg ファイル 使い方
SVG（エスブイジー）ファイルとは？基礎知識と作成方法、JPEG・PNGから変換する方法を解説
https://ferret-plus.com/8445

SVGファイルとは？特徴・作成・変換方法を知ろう！
https://tree-file.com/web-design/about-svgfile/

HTML5でのSVGファイル操作のおさらい
https://qiita.com/ka215/items/f9834dca40bb3d7e9c8b

座標 指定 表示
テキストや画像の表示座標を指定する
http://www.tohoho-web.com/wwwxx026.htm

【HTML初心者向け】 line-height:を使って行間を指定する方法
https://blog.codecamp.jp/programming-html-first-lineheight

inputmode=mode - 入力モード
http://www.tohoho-web.com/html/attr/inputmode.htm

ブラウザからIME状態を制御する方法
https://qiita.com/uenosy/items/d9ea0f7c5956d1a7345b

【HTML】フォームの文字入力モードを自動的に切り替える方法
https://klutche.org/archives/1272/

HTML テーブルの空セルに斜線を引く方法
https://qiita.com/SHiN201007/items/6d074faba820e94e1fab


【HTML入門】＜u＞タグで文字に下線を引くのをおすすめしない理由
https://www.sejuku.net/blog/51409

HTMLで文字(テキスト)にアンダーラインを付ける方法【初心者向け】
https://techacademy.jp/magazine/9645

wysiwygエディタ php

Laravel5にWYSIWYGエディタを実装する方法
https://qiita.com/qwe001/items/9a86839db4da5a7ab763

ブラウザ 編集できる ドラッグ　php
Webオーサリングツールまとめ【ホームページ制作に使える・無料ツールあり】
https://qiita.com/qwe001/items/9a86839db4da5a7ab763

君はHTML5の contentEditable 属性を知っているか
https://www.tam-tam.co.jp/tipsnote/html_css/post8653.html
拡大 ドラッグ php

外部リンクにアイコンのマーク（Font AwesomeのWEBフォント）を入れる方法
https://kumanote.jp/linkicon/

WEBページの要素をドラッグ＆ドロップで拡大縮小、移動したい！①
https://tech.pjin.jp/blog/2016/03/15/web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%82%92%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%EF%BC%86%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%81%A7/

html マウスオーバー 画像 色を変える

HTML5のAPIで遊ぼう　Drag and Drop API（１）
http://creator.aainc.co.jp/archives/5554

テキスト入力欄の枠線や背景を自由に装飾する方法 [フォーム,線]
https://www.nishishi.com/css/boxdesign-for-text-input-form.html

年月の入力欄を作る
https://www.tagindex.com/html5/form/input_month.html

[HTML]buttonタグのonclickで画面遷移しない（サブミットの罠）
http://hensa40.cutegirl.jp/archives/8118

【Font Awesome】アイコンフォントの色・大きさを変える方法
https://azusas.com/font-awesome-change-colors-sizes/

アイコンフォント「Font Awesome」を活用して制作を効率化しよう！
http://creator.aainc.co.jp/archives/5203

クリッカブルマップ
HTML Imagemap Generator
https://labs.d-s-b.jp/ImagemapGenerator/

[JS]Responsiveデザインでサイズ可変の画像でもクリッカブルマップ対応にするスクリプト -RWD Image Maps
https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-rwd-image-maps.html

HTMLページでTableの行を表示／非表示
https://aguaps.com/resource/html_table/

HTMLテンプレート
https://f-tpl.com/tpl_068/

あなたがまだ使っていないかもしれないHTML5の便利機能10選
https://qiita.com/kanye__east/items/9b419aac982c5323c429

セレクトボックスを選択したらサブミット
https://qiita.com/act823/items/3a203f1f96e7fe52f69d

[HTML]formでcheckboxにチェックしていない時にもパラメータを送る方法
http://isket.jp/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/form%E3%81%A7checkbox%E3%81%AE%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%82%92%E5%BF%85%E3%81%9A%E9%80%81%E3%82%8B%E6%96%B9%E6%B3%95/

ラジオボタンをreadonlyっぽくする実用的コード【HTML/JSP/Java】
https://freelance-jak.com/technology/javascript/796/
参照URL
SNS