CSSで画像の上に表示するテキストをより読みやすく、より美しくするテクニック・実装方法のまとめ | コリス

2021/04/08 209 users アプローチ コリス 素晴らしいテクニック ツール 解説

画像の上にテキストを配置する際に、より読みやすく、より美しくするCSSのテクニックを紹介します。 CSSで画像上にテキストを表示する際に起こる問題に対するさまざまなアプローチと解決するための実装方法を解説。また、最近見かけた素晴らしいテクニック、便利なツールなども紹介します。 Handling Text Over Images i... 続きを読む

画像の任意の箇所にツールチップを配置出来るjQueryプラグイン・iPicture - かちびと.net

2012/03/31 77 users ツールチップ 箇所 net ポパー 画像

画像内の任意の箇所に自由にホバーで テキストを表示するツールチップを 配置出来るjQueryプラグイン・iPicture のご紹介。この手のライブラリは、 実務でかなり有効的に使えますので 覚えて置いて損は無いのでは。 画像上にツールチップを配置出来るライブラリです。ECサイトや不動産、ホテル、アミューズメント施設などなど用途は沢山ありそうです。 iPicture こういうやつ。画像の上にオブジェ... 続きを読む

誠 Biz.ID：3分LifeHacking：EvernoteでOCR処理したテキストデータを抽出する

2012/02/06 122 users Evernote word 語句 OCR処理 単語

Evernote上で「WORD」という単語でテキスト検索をしたところ。JPG画像上の「Word」という文字列をハイライト表示していることから、文字列をテキストデータとして認識していることが分かる 「Evernote」は、文字列を含む画像をアップロードするとサーバ側でOCR処理をする。それにより、テキストでの検索が可能となっている。任意の語句で検索をすると、画像上の文字列を黄色くハイライト表示するの... 続きを読む

次世代のイメージマップを実現できるjQueryプラグイン「ImageMapster」:phpspot開発日誌

2011/05/30 95 users jQuery jQueryプラグイン プラグイン タグ 位置

ImageMapster 次世代のイメージマップを実現できるjQueryプラグイン と タグを使って画像上の好きな位置、形でリンクを貼ることができますが、あのイメージマップをjQueryによって次世代にしてしまうプラグインが登場 イメージマップのエリア上をハイライトさせ、背景画像を別のものに差し替えるという効果をつけられます。（別画像はオプション指定） 画像の位置とリンク... 続きを読む

CSSだけでイメージマップを作る有用サンプル:phpspot開発日誌

2007/06/04 244 users CSS phpspot開発日誌 サンプル JavaScrip

CSS Image Maps - Flickr-like Technique? Below is a sample image map that's built entirely using CSS and XHTML. CSSだけでイメージマップを作る有用サンプル。 画像の特定部分にカーソルを合わせると、説明を画像上に表示できるCSSとXHTMLサンプルが公開されていました。 JavaScrip... 続きを読む