タグ

あとで試すとTipsに関するpefusanのブックマーク (4)

  • CSSで実装する、マウスオーバーで表示される吹き出し | Tips Note by TAM

    ちょっとした動きをJavaSciptなしで実装できないかと思い、 CSSのみで吹き出しの表示・非表示を作成しました。 ブラウザはChrome、Firefox、IE9以上で確認しています。 サンプル 罫線で囲まれた「ここをマウスオーバーすると・・・」をマウスオーバーすると右上に吹き出しが表示されます。 See the Pen aNgEOj by yuri nagamatsu (@nagamatsu) on CodePen. マウスオーバーの動きは隣接セレクタで指定する 罫線で囲まれたエリア(p.text)と吹き出し(p.fukidashi)を隣接させます。 隣接クラスタは、同じ階層の要素で直後にあるものにCSSを適用し、プラス記号 (+) で記述します。 ページを読み込んだ時は吹き出しをdisplay: none;で非表示にしており、 罫線内をhoverでdisplay: block;になり

    CSSで実装する、マウスオーバーで表示される吹き出し | Tips Note by TAM
  • MT Tips - SSIを利用して全体のリビルドを避ける - おれはおまえのパパじゃない

    エントリーの数が増えてくるとサーバーへの負荷が激しくなり、全体のリビルドが出来ないケースが出てくる。MT設置直後のエントリーが少ない状態でテンプレートを完全にしておくのが望ましいが、Indivisualエントリーにおける「記事内容以外の部分」で頻繁な変更が予想されるなら、その部分はSSIの#Includeで別ファイルを読み込ませるようにしておくのが無難。MTの思想からは遠ざかるが、リビルドせずに全てのページに変更を反映することができる。

    MT Tips - SSIを利用して全体のリビルドを避ける - おれはおまえのパパじゃない
  • Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ガジェット通信

    (編集部注*2013年7月1日に公開された記事を再編集したものです。) こんにちは、デザイナーの白浜です。 以前、下記の記事でチャンネルを使って髪の毛を切り抜く方法をご紹介しました。 今回はPhotoshopCS5以降についている便利機能「境界線を調整」を使って髪の毛を切り抜く方法をご紹介します。 結構色んな所で紹介されているとは思いますが、復習がてらお付き合いください。 なかなかのチートツールなので、使わない手はないです。作業が格段に早くなります! 「境界線の調整」を使って髪の毛を切り抜く方法 パスで大雑把に髪の毛を囲む 今回はなかなかややこしい背景をお持ちのアフロ(ソバージュ?)美女をご用意しました。 このツールのチートっぷりを体感していただきたいのであえて白背景じゃない画像で挑戦します。 まずはペンツールで囲みます。ここはチャンネル使う場合と同じですね。ふわふわしてる部分はおお

    Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ガジェット通信
  • 【連載1】Fireworksのもやもや解消法|ふわっとブログ

    今年は私がはじめて執筆したFireworksのが出ます。 多分こんな話は最初で最後だろうと思うので、発売までいろいろ宣伝をしたいなと思っています。宣伝ができることも幸せです。 なので、これからFireworksについても何かしらTipsを連載していきたいと思っています。平によろしくお願いします。 Fireworks もやもや解消法 最初の回ですが、ほんとーに細かいコツのようなものを書きます。 知ってたら、あーそれ知ってるわ〜2年前から知ってるわ〜と流し読みしてください。 アンチエイリアスがもやもやするのを直す パーツ同士を整列させたりしたタイミングで、よくアンチエイリアス(パーツのフチの境目)の部分がもやもやっとすることありませんか?

    【連載1】Fireworksのもやもや解消法|ふわっとブログ
  • 1