はてなブックマーク

イラストレーター安藤あゆみのホームページ Studio GAKI！へようこそ。猫のイラスト多めでやってます。 Recently Post 猫またぎな猫のイラスト 猫のイラスト オシッコをする猫のイラスト 猫のイラスト トイレをする猫のイラスト 猫のイラスト 眼鏡の猫のイラスト 猫のイラスト ヒゲ猫のイラスト 猫のイラスト じゃあねで肉球が見える猫のイラスト 猫のイラスト お風呂に入る猫のイラスト 猫のイラスト ひざの上で寝る猫のイラスト 猫のイラスト 猫とネズミのイラスト 猫のイラスト 段ボールに入る猫のイラスト 猫のイラスト シッポの短い猫のイラスト 猫のイラスト 舌なめずりする猫のイラスト 猫のイラスト ケンカする猫のイラスト 猫のイラスト スパンキングな猫のイラスト 猫のイラスト 猫とコタツのイラスト 猫のイラスト ジャンプする猫のイラスト 猫のイラスト 遊びたい猫のイラスト 猫のイ

px(ピクセル)とem（エム）ってナンダ？ CSSでホームページのサイズなどを指定する時に出てくる単位。 px(ピクセル)とem（エム）ってナンダ？ px ピクセル単位の指定。 環境によって変化しない絶対単位。 em 文字の高さを基準にした単位。1emは1文字分。 特にbodyなどでfont-sizeの指定がない、或は100％なら1em=16pxが基準なンダ。 環境によって大きさが変化する相対単位。 文字を絶対単位のpxで指定すると、ブラウザで文字の大きさを変えても、変わらないので、人によっては「文字が小さい」と思っても大きさを変えられないから不便ななンダ。 まぁIEに限っての問題だったりするらしいンダ。 だから文字はなるべく相対単位のemか%で指定してあげるのが親切なンダ。 だけどまぁ、デザインに拘りたい場合や箇所や元から文字が大きい場所などの場合は、どの環境でも大き

CSS3でフキダシが出来るンダ CSS3になると、CSSでの表現の幅も広がって、今までは画像無しでは表現できなかった角丸なんかも簡単に表現できるようになるンダ。 その角丸を応用して、フキダシを作ってしまう事ができるンダ。 僕みたいにキャラクターをホームページに使う人にとっては便利な小技なンダ。 参考にしたのはCreating Triangles in CSS なンダ。 この記事のフキダシがそうだぁよ 実はこのページの記事で使っているフキダシが画像を使わずに、CSSだけで表現したフキダシなんだぁよ。文字の数が増えてもサイズが変わってくれるし、文字にスタイルを反映させる事も出来るし、画像に比べて自由度が高いのも魅力なんだぁよ。 以下にフキダシの表現の仕方を説明してみるんだぁよ。 HTMLだぁよ <div class="chat-bubble"> セリフ <div class="ch