これは便利！ HTMLはdiv要素一つ、あとはCSSをコピペするだけで100種類のツールチップを簡単に実装できる -CSS Tooltips & Speech Bubbles
HTMLはdiv要素一つだけ、あとはCSSをコピペするだけで約100種類のールチップとスピーチバブルを実装できるCSS Tooltips & Speech Bubblesを紹介します。 このツールチップって実装すると、けっこう面倒ですよね。ベタ塗りのツールチップをはじめ、グラデーションの枠、しっぽの位置、しっぽの形状など、さまざまなデザインが、ここを見ればコピペで簡単に実装できます。 CSS Tooltips & Speech Bubbles CSS Tooltips & Speech Bubblesを作成したのは以前紹介したCSS Loaders（紹介記事）やCSS Ribbon Shapes（紹介記事）と同じ作者で、前回はCSSで実装されたローダーとリボンでしたが、今回は100種類のツールチップとスピーチバブルです。
CSS Section Separator Generator
CSS section divider descriptionWith this CSS Section Separator Generator, you can choose between 6 different dividers. Each of them can be customized by using the controls in the preview field. The tool includes a skewed divider, a semi-circle divider, a wave divider, a spikes divider, a triangle divider and a curved divider. Most of these dividers are pure CSS and using the ::before and ::after p
無料で画像にイメージマップをサクッと作成してくっつけることができる「Pictogon」
「Pictogon」は1つの画像ファイルにマンガの吹き出しのようなイメージマップを追加できるウェブサービスです。地図や写真、グラフなどの図説の画像ファイルにマウスカーソルを乗せた時だけ情報を表示するので、1枚の画像ファイルにすっきりと情報を集約することができ、範囲を指定して複数のリンク作成することもできます。 Pictogon https://pictogon.com/ Pictogonを使うと、以下の画像のように衣類部分だけ範囲を指定して情報をを入力し、マウスを上に乗せたときに情報を表示させる「イメージマップ」を作ることができます。 そして、それぞれの指定範囲をクリックすると…… 別のウェブサイトに移動するリンク機能を追加することができます。 以下の画像をクリックすると、Pictogonで実際に作成したイメージマップ入りの画像が別ウインドウで表示されます。 不特定多数の人に地図を公開して
[CSS]アロー付きの吹き出しのスタイルシートが簡単に作成できるオンラインツール -CSS Arrow Please!
設定はすぐに反映され、左のパネルにスタイルシートが表示されます。 [ad#ad-2] HTML 使用するHTMLは、下記のような感じでokです。 <div class="arrow_box">ふきだし</div> CSS 生成されるスタイルシートはアローやボーダーのみなので、吹き出しのサイズなどは別に指定して利用してください。 .arrow_box { position: relative; background: #88b7d5; border: 4px solid #c2e1f5; } .arrow_box:after, .arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: no
誠 Biz.ID：3分LifeHacking：テキストの「コピペ」を極める便利ツール6選
普通の方法では選択できない文字列をコピーしたり、コピペの効率を上げるのに役立つソフトやTipsをまとめて紹介する。ソフトやサービスの操作手順を誰かに説明する場合や、エラーの内容を書き留めてヘルプを求める場合に便利だ。 文字列をコピーしたいが、普通にドラッグしても選択できない場合がある。例えばソフトのダイアログボックスだったり、ツールチップのテキストだったり、あるいは完全に画像化してしまっている場合だ。文字数が少なければ手作業で入力し直せばよいが、細かい言い回しを書き間違える危険もあるし、長文だとなお厄介。抽出して再利用できるのならそれに越したことはない。 今回は、こうしたテキストのコピペにまつわる便利ソフトやTipsを集めてみた。ソフトやサービスの操作手順を誰かに説明する場合や、エラーの内容を書き留めてヘルプを求める場合に、なるべく作業の手数を減らす方法として活用してみてほしい。なお、ソフ
有料だったが無料化した超多機能スクリーンショットソフト「SnapDraw」
単に見ている画面のデスクトップやウインドウを画像ファイルとして保存するだけでなく、あとから矢印や説明付きの吹き出しを付けたり、鏡面反射・回転・パースを付けて立体的にするなどの特殊効果、さらには枠線・ウォーターマーク・余白の付加といった高度な編集機能までをも実現しているのがこのフリーソフト「SnapDraw」です。 以前は有料のシェアウェアだったのですが、現地時間2011年8月19日に突如「フリーソフトにする」と宣言し、一切の機能制限を持たない無料版としてリリースされました。もともと有料だっただけのことはあり、通常のフリーソフトの範疇をはるかに凌駕する機能が満載となっています。 Print Screen Capture Software with Special Effects, Annotation Tools and support for Windows 7, Vista and XP
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
