Web担メモ
ログイン メモする
Web担メモ
  • HOME

Web担当者が、日々の業務の中で役立ったことをメモしています。


JavaScriptでタブ切り替え

U3
2020/7/1
2024/11/7

編集にはカテゴリー認証が必要です ▼受付終了にする

https://qiita.com/savaniased/items/41af6bb4023414ae16f8

コメント

コメントはまだありません。

関連する投稿

【CSS】リンクの時は外部リンクアイコンのマークを自動で付ける
target=””「別ウィンドウがひらく」ことを明示するアイコンをつける★【外部リンクのアイコンマーク】CSSコピペでの作り方🤔【必要性とSEO効果も解説します】https://isamulife.com/seo/external-linkCSSの書き方a[target="_blank"]:after{content:url(/icon.png);margin:0 3px} 無料アイコンダウンロードサイト★https://icooon-mono.com/新しいウィンドウで開くボタンhttps://icooon-mono.com/12229-%e6%96%b0%e3%81%97%e3%81%84%e3%82%a6%e3%82%a3%e3%83%b3%e3%83%89%e3%82%a6%e3%81%a7%e9%96%8b%e3%81%8f%e3%83%9c%e3%82%bf%e3%83%b3-1/マテリアルアイコンの場合マテリアルアイコンは軽量、アクセシビリティもよしhttps://webtan.impress.co.jp/e/2016/06/28/23209<i class="material-icons">open_in_new</i> マテリアルアイコンの導入方法https://laboradian.com/how-to-use-material-icons/

コーディング

  • 0
  • 806
  • 0
U3
Dreamweaver　ソースコードのフォーマット
インデントなどを自動で付けてくれる機能。ツールバーにアイコンがあります。自分で手作業でやるのは大変ですが、一括で設定のインデントを付けてくれます。ツールバーにアイコンが表示されていない場合は、下記のようにして表示しましょう

コーディング

  • 0
  • 190
  • 0
U3
Font Awsome サイズを変更するクラス
<i class="fas fa-camera fa-xs"></i> <i class="fas fa-camera fa-sm"></i> <i class="fas fa-camera fa-lg"></i> <i class="fas fa-camera fa-2x"></i> <i class="fas fa-camera fa-3x"></i> <i class="fas fa-camera fa-5x"></i> <i class="fas fa-camera fa-7x"></i> <i class="fas fa-camera fa-10x"></i>

コーディング

  • 0
  • 43
  • 0
U3
Font Awsomeの接頭辞　fas far fal fab の違い
分類接頭辞<i class=”fas fa-camera-retro”> <i class=”far fa-camera-retro”> <i class=”fal fa-camera-retro”> <i class=”fab fa-font-awesome”> SolidRegularLightBrandクラスを追加することで、右寄せ、左寄せ、重ねたり回転・反転させたりもできます。

コーディング

  • 0
  • 314
  • 0
U3
NEWマークを任意の日数だけ表示させる（JavaScript）
お知らせ一覧などで、一定期間だけNEWマークを表示させたい場合などに使えます。https://www.tam-tam.co.jp/tipsnote/javascript/post691.html

コーディング

  • 0
  • 618
  • 0
U3
CSSボタンデザイン120個以上！どこよりも詳しく作り方を解説！
CSSボタンデザイン120個以上！どこよりも詳しく作り方を解説！

コーディング

  • 0
  • 142
  • 0
U3
【HTML】1行目に入りきらない部分を…（三点リーダー）で表示：text-overflow
text-overflow入りきらない内容をどのように表示するかを指定するプロパティです。インラインの進行方向にブロックコンテナー要素をはみ出す内容にのみ作用しますellipsis三点リーダー（クランプ)を付けるコンテナーからテキストをあふれさせる指定overflow: hidden; white-space: nowrap; 2014年の記事https://tech.recruit-mp.co.jp/front-end/tips-ellipsis/HTML<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p> CSS p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

コーディング

  • 0
  • 108
  • 0
U3
【CSS】英語と日本語を混ぜた要素の高さが合わない
日本語と英語のラベルを付けた要素を横並びにした時、英語の要素だけ縦幅が小さくなる。Androidタブレットと、MacOSのSafariFirefox と　Chrome　でフォントの表示が異なるようだ。解決法親要素に高さを指定した。文字の縦位置はpaddingで調整。font指定を変えたりしてみたが、彼方立てれば此方が立たぬで正解がわからない文字の高さをそろえるスタイルシートhttps://www.dspt.net/stylesheet_css/003/015.htmlvertical-alignが使えるのは、「インライン要素」と「テーブルセル」だけなのですhttps://techacademy.jp/magazine/19415英語と日本語を混ぜた要素の高さが合わないhttps://qiita.com/bbapexx/items/f6f4290545aeff54b356https://liginc.co.jp/designer/archives/36

コーディング

  • 0
  • 1758
  • 0
U3
マテリアルデザイン：Bootstrapの管理画面（ダッシュボード）の雛形
レスポンシブデザインのBootstrapで、コントロールパネル（Admin画面）の雛形がいろいろ出ています。良さそうなものをいくつか紹介します。SB Admin 2https://startbootstrap.com/template-overviews/sb-admin-2/デモページhttps://startbootstrap.com/previews/sb-admin-2テーブルのリストも、DataTables というjQueryのプラグインが使えるため、リストのソート機能などの表示、非表示もtrue または　false で切り替えが簡単。参考サイトhttps://www.bestppp.com/tips/tips_007.htmlhttps://bagelee.com/design/bootstrap/material-dashboard-github-trending/https://goworkship.com/magazine/bootstrap-admin-template/

コーディング

  • 0
  • 434
  • 0
U3
Bootstrap 4を導入するための設定方法【2020年最新版】
2020年の最新版はBootstrap 4.4.1です。Bootstrap 4　公式サイトhttps://www.marorika.com/entry/setting-bootstrap

コーディング

  • 0
  • 106
  • 0
U3

アクセスランキング

1

Excelで一つの値を一番下のセルまでコピーしたい時

8

2

rakuten handを初期化しても電話番号の情報が残っている

7

3

Google Playストアでアプリを一時的に非公開にする方法

6

4

ホームページで複数ページのヘッダーとフッターを共通にするサンプルコード

6

5

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

5

6

Webデザイナー＋コーダー＝Readdy

5

7

NEWマークを任意の日数だけ表示させる（JavaScript）

5

8

★リスト表示をjQueryで絞り込んで表示させる方法(フィルタ機能)

5

9

Google広告で領収書や支払明細を発行したいとき

5

10

顧客管理：BASEの例

5

11

Excel：都道府県をプルダウンで選択すると、その都道府県の市区町村だけが次のセルの選択肢として出てくる

5

12

モニター（ディスプレイ）が突然消えたりついたりを繰り返す

4

13

DreamＷeaver：コメントアウトのショートカット

4

14

[APIを叩く]ってどういう意味?

3

15

App Storeでアプリを一時的に配信停止にする方法

3

16

Criteoという広告が勝手に表示される

3

17

エンティティ文字とは

3

18

Googleアナリティクス：通貨を日本円にしたい

3

19

Firebaseとは〜Googleが提供するバックエンドプラットフォーム（mBaaS）

2

20

Excelで指定の行に飛びたいとき（例えば2300行目とか）にパッと移動できる方法は

2

コメントランキング

1

AIO (AI最適化) 重点要件

1

2

AIコピペハラスメントとは？〜AIが生成した文章をそのまま送るのはやめよう

1

3

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

1

いいねランキング

1

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

2

2

Looker Studio（Googleが無料で提供するBIツール）

1

3

AIコピペハラスメントとは？〜AIが生成した文章をそのまま送るのはやめよう

1
この投稿者に問い合わせ
この投稿者に問い合わせ

当サイトでは、Cookieを使用しております。

すべての Cookie の使用に同意いただける場合は、下記の「同意します」をクリックしてください。

  • シェア
  • ログイン
  • 利用登録する
  • ログアウト
  • マイアカウント
  • メモする
  • このサイトについて
  • 問合せ
Copyright © Web担メモ
シェア
いいね！ X このエントリーをはてなブックマークに追加 LINEで送る