ブックマークしました ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください Twitterで共有
(X)HTML の id/class における命名規則 purprin, <purprin [at] gmail.com> 2006.6.15 at CSS Flight プロフィール 1/2 purprin -「プルプリン」と読みます- コトノハ をきっかけにこの業界に 「purprin」は「パープリン」としか発音できなくね?とこっそり思ってる paperboy&co.所属 I love penguin(o e o)/ プロフィール 2/2 (X)HTML, CSS に魅せられた経緯 もともと Web は大好きで、趣味でひどいテーブルレイアウトのページをつくっていた 2年ほど前に友達に依頼されてつくったサイトでMovable Type を導入して改造をしながら勉強 ある時 HINAGATA で Kaminogoya 君の書く beautiful な(X)HTML+CSS に心奪われる -
ブログのデザインを変えたついでに一部のブラウザにしか対応していないCSSのプロパティを使ってみました。 対応しているブラウザと対応していないブラウザでは見た目が少し違ってしまうところもありますが、文章メインのサイトであることと個人のサイトであるということから、その点は割り切って使うようにしました。 このエントリーから何回かに分けて今回のデザイン変更で使ったプロパティの中で「これは!」というものをサンプルを交えつつ紹介したいと思います。 (対応ブラウザの情報はわかる範囲で記述していますが、間違いや不足があれば指摘していただけると助かります。) border-radius まず最初はborder-radiusの紹介。 画像を使わずに角丸を表現することができるプロパティです。 Safari・Google Chrome・Firefox3.05~で先行実装されています。 今まで画像やJavaSc
Fun With CSS Shapes - Nettuts これは驚き!CSSだけで作れる吹き出しボックス。 次のような吹き出しが、画像を一切使わずにCSSだけで実現できてしまうようです。 HTMLコードをちょっと分かりやすいようにダイエットしてみたものが以下。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> blockquote {
Webデザインこれは驚きの、CSSだけで作れる吹き出しボックス:phpspot開発日誌話題の上のページにわたしも興味を持ったのですが、ソースを見てもイマイチ原理がわからなかったので実践してみます。まずはとりあえずマネをしてみる .arrow1{ width: 0; height: 0; line-height: 0; border-top: 10px solid red; border-left: 30px solid white; } まだわからないので、色を変えてみる .arrow2{ width: 0; height: 0; line-height: 0; border-top: 10px solid red; border-left: 30px solid black; } さらにわかりやすくするために1行目をコメントアウトし、divの間に文を入れてみる。ここが div c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く