目次
- 0.1. AmazonとTwitterの吹き出しコンポーネントの実装方法を調査してみた
- 0.2. javasript, jquery（ユーザー追加）
- 0.3. JavaScriptで押したボタンの文字を変更する方法
- 0.4. 【初心者でもわかる】CSS1行で2段や3段の多段リスト（マルチカラム）を作る
- 0.5. jquery（private, publicプロパティ）
- 0.6. jqueryのタグまとめ
- 0.7. aタグでPOST送信したい
- 0.8. Railsチュートリアルで作ったサンプルアプリの「ファイルを選択」ボタンをかっこよくしてみた
- 0.9. JavaScriptで画像を表示する方法
- 0.10. 【Ruby On Rails / HTML】ウェブページ表示時、カーソル（キャレット）を適当な場所へ合わせ表示する方法
- 1. Sign up
- 1.1. Progate＜HTML＆CSS道場コース初級編＞コードと一言メモ
- 1.2. HTML/CSSに関するメモ
- 1.3. jqueryプラグインの導入からオプションの設定方法まで。
- 1.4. 【HTML設計思想 / クラス命名】最高に管理が楽なわたし的BEM
- 1.5. 【JavaScript】現在時刻をリアルタイムで表示し続ける方法
- 1.6. 【初心者でもわかる】hover時のCSSをhtmlのタグに直接書く方法
- 1.7. 【Visual Studio Code】webデザイナーがよく使う拡張機能
- 1.8. Lorem Picsumとは
- 1.9. [Angular] Angular公式の日本語版と英語版の違い
- 1.10. 【初心者でもわかる】nth-of-typeはクラス名基準でx番目指定できない・・・からjsでなんとかする方法
AmazonとTwitterの吹き出しコンポーネントの実装方法を調査してみた
## 吹き出しコンポーネントとは
吹き出しコンポーネントは会話などを表示するために方向を表示する三角のアローとボーダーのある四角いボックスを組み合わせたUIコンポーネントを意味します。英語では`Speech Balloon`と言うそうです。会話のほかに、ボタンの機能説明やメニューの拡張などにも使います。## この記事の目的
この記事では吹き出しコンポーネントの実装・拡張しやすいベストプラクティスを探します。
## Amazonパターン
Amaz
javasript, jquery（ユーザー追加）
#初めに
Sakura EditorでJqueryでユーザー追加ページを作成する。
#Sakura Editorのダウンロードhttps://sourceforge.net/projects/sakura-editor/
#HTMLページを保存する
“`HTML
タイトル