Webページやアプリの実装に、知っておくと便利なHTMLの属性のまとめ
Webページやアプリの実装に役立つ、知っておくと便利なHTMLの属性を紹介します。すでに使用されているものあると思いますが、いくつはこんな属性もあったのか、と発見があるかもしれません。 24 Lesser-Known HTML Attributes You May Want to Use ✨📚 by Madza (@madzadev) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 私は少し前に、HTMLのタグについての記事を公開しました。今回はその続編として、知っておくと便利なHTMLの属性を紹介したいと思います。 この記事で紹介する属性はすべて簡単に使用でき、外部ライブラリを使用しなければできないようなタスクを実現するのに役立ちます。 HTMLで特に便利な各属性の使用例と構文を理解しやすいように、コードスニペット
blockquoteのcite属性を使って引用元をユーザーに明示する | かちびと.net
Result blockquoteのcite属性に書いた引用元を表示する、というもの サービスの使用感とか製品の口コミとかビジネス案件でも使用頻度は割と高そうな印象です css blockquote { padding: 20px 20px 20px 40px; overflow: auto; background-color: rgba(180, 180, 180, 0.5); border-radius: 2px; font-style: italic; } blockquote:before { content: '❝'; float: left; font-size: 200%; margin-left: -20px; } blockquote:after { content: "引用元:【"attr(cite)"】"; display: block; text-align: ri
あまり知られていない、アクセシビリティに効果があるHTML要素のまとめ
「HTMLは簡単だよ」という声をよく聞きます。 確かに、HTMLは他のプログラミング言語よりも習得が容易であると言うことに同意はしますが、軽く考えるべきではありません。 HTMLは強力なマークアップ言語です。Webアプリケーションに構造を与え、強力なアクセシビリティの利点を提供するために使用できますが、それは適切に使用された場合に限られます。中でも、あまり知られていないHTML要素を紹介します。 10 HTML Elements You Didn't Know You Needed by Emma Wedekind 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Audio要素 Blockquote要素 Output要素 Picture要素 Progress要素 Meter要素 Template要素 Time要素 Video要素
CSSの content プロパティーを使いこなそう！
2015年4月8日 CSS CSSの小技やスニペット集なんかを見ていると、ちょくちょく見かける content プロパティー。「そういえば、こいつ一体何者…！？」と思った方もいるかもしれないので、今更ながら改めて content プロパティーの紹介をしようと思います。 ↑私が10年以上利用している会計ソフト！ content プロパティーって何？ content プロパティーは、要素の前後に、:before または :after という擬似要素を使ってテキストや画像などのコンテンツを挿入する際に使用します。擬似要素とは、HTMLなどの文書には記述されていない要素をCSSによって新たに作り出された架空の要素です。Webクリエイターボックスでも、過去記事「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」や「経歴や会社の沿革ページに！簡単なCSSで実装す
参照元の記事を明らかにする新しいメタタグをご紹介します
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
Thunderbirdで元メッセージを部分的に引用する方法
Thunderbirdで元メッセージを引用返信すると、全文が引用されますが、部分的に引用する小ワザを紹介します。 なお、元メールの内容を引用するためには、あらかじめ「ツール」→「アカウント設定」→「編集とアドレス入力」の「返信時には元のメッセージを自動的に引用する」をチェックしておいてください（下）。 上記のように「キャレットの初期状態」から「引用部の上」を選択しておけば、返信時の編集画面でカーソル（キャレット）を引用文の上に表示させることができます。 １．通常の引用返信 本文がこのような内容の場合、「返信」のアイコンをクリックすると、 返信するメール本文に元メールがすべて引用されます。 ２．部分引用して返信 引用したい部分を選択状態にして返信をクリックします。 選択した部分だけが引用されます。 ３．引用部分を複数選択 Ctrlキーを押しながら選択すれば、任意の行を選択状態にできます。 選
TopsyでTwitterのRT数とretweetボタンを表示する
Twitterの検索エンジン、Topsyが提供するTopsy Retweet Button for Web Sitesを使って、ブログなどの記事にRT数とretweetボタン（Topsy Retweet Button）を表示する方法を紹介します。 このブログでも各記事ページの右上に表示しています（2010年6月現在）。 １．Topsy Retweet Buttonの機能 数字の部分をクリックすれば、記事のRT一覧を表示します。 「retweet」をクリックすれば、その記事のretweet用の記事タイトル・URLをTwitterのページに表示します。 以下、一般的な設定方法と、Movable Typeに設置する場合の設定例の2つを紹介します。 ２．基本設定 まず、次のスクリプトを、<head>～</head>の間に設定します。 <script type="text/javascript" s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
