HTMLリファレンスの検索結果1 - 10 件 / 10件

• あとで読む

  初心者向けHTMLリファレンス

  • 18 users
  • catnose.me
  • テクノロジー
  • 2020/02/03

  初心者向けHTMLリファレンス HTMLタグの役割や基本的な使い方をまとめました。コーディングや学習の際にリファレンスとしてご活用ください。

  • CSS
  • reference
  • web
  • あとで読む

  
• あとで読む

  input type="file"でファイルをアップロードする方法｜HTMLリファレンス

  • 15 users
  • catnose.me
  • テクノロジー
  • 2020/06/26

  <input type="file" name="example" accept="image/jpeg, image/png">

  • input
  • javascript
  • file
  • html
  • css
  • image
  • ui

  
• あとで読む

  pictureタグで画像をレスポンシブに切り替える - HTMLリファレンス

  • 13 users
  • catnose.me
  • テクノロジー
  • 2020/10/01

  また、<picture>を使えば「WebP形式の画像に対応していないブラウザなら、PNG画像を表示する」といった出し分けも可能になります。 pictureタグの使い方 具体的な使い方を解説していきます。 sourceとimgタグと使う <picture>タグは、複数の<source>と、1つの<img>を囲う形で使います。 <picture> <source srcset="候補1の画像URL" 属性 /> <source srcset="候補2の画像URL" 属性 /> <img src="候補4の画像URL" alt="~" /> </picture> 👆それぞれに表示する画像候補のURLを指定します。この中からどれか1つの画像が表示されます。<img>は1つだけですが、<source>はいくつ入れてもOKです。 条件に当てはまる画像1つだけが表示される ブラウザは以下のような流れで

  • html
  • *web制作

  
• あとで読む

  1. 前提知識編 - Chrome 拡張機能を作ろう

  • 7 users
  • www2.kobe-u.ac.jp/~tnishida
  • テクノロジー
  • 2021/04/26

   Chrome 拡張機能を作ろう前提知識＆ウォーミングアップ編 p5.js での演習を通して身に付けたプログラミング言語 JavaScript を利用して、ウェブブラウザの１つである Google Chrome の拡張機能を作ってみましょう。 JavaScript がさらに身に付き、将来、ウェブアプリを作るときに役立つ様々な知識も身に付くはずです。 目次 ウェブブラウザって何？拡張機能って何？ HTML と CSS 手動でウェブページを書き換えてみよう Console にプログラムを入力してウェブページを書き換えてみよう 準備 ウェブブラウザとして Edge か Chrome が必要です。 Windows であれば最初からインストールされている Edge を使うことができます。 それ以外の方は Chrome をインストールしてください。 補足：Edge と Chrome は中身はほとんど

  • chrome
• あとで読む

  input type="date"で日付選択の入力欄を作る｜HTMLリファレンス

  • 6 users
  • catnose.me
  • テクノロジー
  • 2020/07/23

  HTMLの<input type="date">は、日付の入力欄（フィールド）を作成するために使います。具体的には「年」「月」「日」の3つの値を入力するフィールドが作られます。

  • HTML
  • web

  
• あとで読む

  detailsとsummaryタグでアコーディオンを作る - HTMLリファレンス

  • 6 users
  • catnose.me
  • テクノロジー
  • 2021/04/08

  HTMLの<details>ディテールズタグと<summary>サマリータグを合わせて使えば、簡単にアコーディオンや折りたたみメニューを作ることができます。JavaScriptを使う必要はありません。

  • CSS
  • web制作

  
• あとで読む

  エンジニアのキャリアアップに必要な「スキルアップ方法」と「仕事探し」 - わくわくBank

  • 6 users
  • www.wakuwakubank.com
  • テクノロジー
  • 2021/06/16

  ここでは、エンジニアのキャリアアップに必要な「スキルアップ方法」と「仕事探し(転職・副業・フリーランス)」について掲載します。 多くの選択肢がありますが、自分に適切な方法を見つけるのに少しでも役立てば嬉しいです。 スキルアップ方法 スキルアップに活用できる「学習方法・学習素材」を紹介します。 無料なもの 有料なもの があるので、ご自身の状況に合わせて、活用できる情報が見つかれば幸いです。 動画, ブログ, 本, リファレンスを活用 MDN Web Docs は、Web技術を学ぶのにとても役立ちます。 HTML リファレンス - HTML: HyperText Markup Language | MDN CSS リファレンス - CSS: カスケーディングスタイルシート | MDN JavaScript リファレンス - JavaScript | MDN Web API | MDN HTTP

  
• あとで読む

  input type="range"でレンジスライダーを作る｜HTMLリファレンス

  • 4 users
  • catnose.me
  • テクノロジー
  • 2020/08/26

  HTMLの<input type="range">は、レンジ入力欄（数値を選べるスライダー）を設置するために使います。

  • html
  • css
  • javascript

  
• あとで読む

  videoタグでWebページに動画を埋め込む｜HTMLリファレンス

  • 4 users
  • catnose.me
  • エンタメ
  • 2020/11/30

  controls属性でブラウザの再生コントローラーが表示される <video controls src="..."></video> <video>タグにcontrols属性を含める[1]と、ブラウザが再生・停止ボタンや再生位置のバー、音量調整などのコントローラー機能付きで動画を埋め込んでくれます。 👆ただし、ブラウザごとにコントローラーは異なります。たとえばSafari（Mac、iOS）では、再生マークを押すまで再生/停止、音量調整などは表示されません。 controlsなしだとブラウザのメディアプレイヤーは表示されない <video>タグからcontrolsを取り除くと、ブラウザによるコントローラーは表示されなくなります。オリジナルの動画プレイヤーを作ったり、Webページの背景に動画を埋め込んだりする場合にはcontrolsは不要です。 動画をループ再生する（loop） <video

  • CSS
  • 動画

  
• あとで読む

  [アップデート] Amazon ConnectのキューとルーティングプロファイルがCloudFormationで作成できるようになりました | DevelopersIO

  • 4 users
  • dev.classmethod.jp
  • テクノロジー
  • 2023/07/28

  はじめに Amazon ConnectのキューとルーティングプロファイルをCloudFormationで作成できるようになりました。 キューとは、エージェントが応答するまでの待機エリアです。 ルーティングプロファイルとは、どのキューを受けるかを設定し、ユーザーに紐付けることができます。 ルーティングプロファイルとキューは、Connectを利用する際、確実に作成しますので、今回のアップデートによって手動設定によるヒューマンエラーのリスクを低減できます。 コードによる適切なインフラ運用をすることで、運用管理が効率化します。 CloudFormationでキューとルーティングプロファイルを作成する場合、下記のAWSドキュメントのリファレンスにプロパティ情報の記載があります。 https://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuid