枠線付きの吹き出し
ミニブログの隆盛以降ウェブ上でよく見かける吹き出しをCSSで作るお話。単色のものはかなり前に書いた。今回はそれに枠線をつけてみよう！ みよう！ みよう！ Demo: Bordered Speech Bubble 枠線は単なるsolidなborderで少し角を丸めただけ。 尻尾を付ける :before擬似要素を使う。デモの3番目のサンプルのように、まず枠線と同じ色で三角形を作る。三角形は以前のエントリで書いた手法と同じで、左右のborderをtransparentにすることによって作る。 .speech-bubble:before { border-top-width: 16px; border-right-width: 16px; border-bottom-width: 0; border-left-width: 16px; border-color: #369 transparent;
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
画像のリサイズや最適化、回転を画像のURLとパラメータ指定でできる「Resizer.co」
サイトへアップする画像をリサイズしたりWEBに最適化するには、画像編集ソフトを使ったり、オンラインツールを使うのが通常ですよね。 今回は、そのような手間を一切省くことができるWEBサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! URLの指定で画像のリサイズや最適化をできる「Resizer.co」 「RESIZER.co」は、URLを指定することで画像のリサイズやWEBへの最適化を行えるAPI。 幅か高さのいづれかを指定するだけでも縦横比を保持したままリサイズすることが可能です。 サンプル画像（幅を指定） ↑こちらはこの記事冒頭にある画像の幅を200pxに指定したもの。縦横比も保持されたままリサイズされています。 http://www.resizer.co?image=ht
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
光を効果的に使用したPhotoshopのチュートリアル集：Part 9 | コリス
