タグ 下線
人気順 5 users 50 users 100 users 500 users 1000 usersCSSで下線を引く方法まとめ - 様々な装飾方法とアニメーションに適した指定まで - ICS MEDIA
CSSでテキストに下線を引く場合、皆さんはどのプロパティを使いますか? text-decorationかborder-bottomか、はたまたbackground-imageプロパティか…。いろいろな方法で下線を引けるために、どれを使えばよいのか迷った経験がある方もいるでしょう。 この記事ではテキストの下線を引く方法を場面別に紹介します。 たく... 続きを読む
SVGでテキストにマーカーを引いたり、くるっと丸く囲む超軽量JavaScriptライブラリ -Rough Notation | コリス
テキストに蛍光ペンで引いたようなマーカーを引いたり、下線をつかたり、丸や矩形で囲ったり、さまざまなスタイルでテキストを強調表示できる超軽量(3.63Kb)のJavaScriptライブラリを紹介します。 アニメーションにも対応しており、マーカーをさっと引いたり、丸でくるっと囲んだりも簡単に実装できます。アニメーショ... 続きを読む
10連休を乗り切る!ラクする献立10日分。子供がよろこぶ簡単レシピ特選30食 | つくりおき食堂
10連休を乗り切る簡単な献立を10日分紹介します。10日間30食あるのでどこか1日でもお役に立てると幸いです。レンジ調理中に火を使わない、またはフライパンおかずを調理することで短時間で献立が完成します。子供がよろこぶ簡単おかずばかりなので作っていただけたら嬉しいです。写真またはピンクの下線がある部分をタッ... 続きを読む
本に下線を引くのは有効か否か - Togetter
@yoshim32 「魚崎祐子『テキストを用いた学習場面における下線ひき行動の役割と有効性の検討』 早稲田大学 博士(人間科学)学位論文」hdl.handle.net/2065/458 これよむと、こういう場合には効果があるらしいとかいい感じでいろんあ研究がまとめられてたよ。 続きを読む
ユーザー体験を向上させるテキストの下線の使い方 | Adobe Creative Station
下線はテキスト直下の水平な線です。日常生活では、印刷物の強調したい箇所にペンで下線が引かれます。しかし、デジタルデザインの世界では、下線には別の意味があります。実の所、下線はオンラインで最も認知されている機能の一つです。Webページで単語や文章に下線が引かれていたら、誰もがそれはリンクだと仮定するでしょう。 この記事では、下線のコンセプトを解説し、Web体験を向上する使い方のヒントを紹介します。 ... 続きを読む
語学の学習にピッタリ! 下線をひくと翻訳されるペンのアイデア : ギズモード・ジャパン
ガジェット(面白アイテム) , コンセプトデザイン 語学の学習にピッタリ! 下線をひくと翻訳されるペンのアイデア 2013.04.11 08:00 学生時代にこんなペン欲しかった! 分からない単語が出てくる度に辞書をひき、英文読解が億劫になってしまう。そんな苦労ももう無くなるかもしれません。分からない単語に下線をひくと翻訳されるペンが開発されれば。 ペンに取り付けられているボタンを押しながら下線を... 続きを読む
テキストリンクの差別化にborder-bottomを使ってみる|Webpark
最近海外のサイトなんかを見ているとテキストリンクにボーダーを使っているサイトが多い気がします。普段だと「text-decoration: underline;」のところ「border-bottom: 1px solid #003f8e;」って感じです。 ボーダーにすることで何ができるかというと、テキストの色と違う色の下線にできたり、点線にできたりします。 例えばこんな感じ。下線の色のみ変えています... 続きを読む