Home > Archives

Archives

  • 99 Entries
  • 1001 Comments
Zen-Codingで楽々コーディング! + コツ1つ - Posted date: 2010年2月23日 18:16
  • 話題のHTMLやCSSコーディングあしすとツールのzen-codingを触ってみ...
  • Posted by: wu
  • Category: Web | XHTML CSS
  • Tag: HTML, Tips, Tool
HTML5 と CSS3 で 死にたい - Posted date: 2009年8月14日 21:52
わーるど・わいど・うヱっヴ : 序 - Posted date: 2009年8月 6日 04:51
CSSの実装状況で変わるボックスのデザイン方法 - Posted date: 2009年8月 1日 12:59
  • Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6...
  • Posted by: wu
  • Category: HTML5 | Web | XHTML CSS
  • Tag: CSS3, WebKit
LimeChatのテーマ作成で遊ぶ、WebKitのCSS3 - Posted date: 2009年8月 1日 02:08
  • iPhoneの購入と同時にWebKitを触り始めたのですが、CSS Level ...
  • Posted by: wu
  • Tag: css3, skin, webkit
Web デザインに関するアンケート結果 - Posted date: 2008年8月31日 01:20
  • Web サイトの主にレイアウトに関するアンケートを行いました。 アンケートにご協...
  • Posted by: wu
  • Category: Vicuna | Web
  • Tag: アンケート
ZenPhoto * Vicuna CMS - Posted date: 2008年6月26日 00:59
  • Planting Field Web Log にて、 Vicuna CMS を...
  • Posted by: wu
  • Category: Vicuna
  • Tag: Vicuna
Vicuna Adaptor - Posted date: 2008年6月18日 18:59
  • wp.Vicuna Ext. は、ma38su さんが作られた wp.Vicun...
  • Posted by: wu
  • Category: Vicuna
  • Tag: Vicuna
Vicuna カスタマイズサイト Part3 - Posted date: 2008年6月 8日 14:37
  • Vicuna CMS ををカスタマイズして使用しているユーザーの...
  • Posted by: wu
  • Category: Vicuna
  • Tag: Vicuna Customize
HTML たん。 - Posted date: 2008年4月22日 07:08
  • 生徒の作品がおもしろかったので、作者のとみじさ...
  • Posted by: wu
  • Category: XHTML CSS
  • Tag: Artworks, HTML, School
はてブのコメントを好きな場所に表示する - Posted date: 2008年4月18日 00:43
スキンカスタマイズの手引き - Posted date: 2008年4月16日 05:45
rNote * Vicuna CMS - Posted date: 2008年4月13日 22:02
  • 立て続けになりますが、za にて、 Vicuna CMS を rNote とい...
  • Posted by: wu
  • Category: Vicuna
  • Tag: Vicuna
忍者ブログ * Vicuna CMS - Posted date: 2008年4月13日 18:13
  • Born Neet にて、 Vicuna CMS の XHTML ソースコードを...
  • Posted by: wu
  • Category: Vicuna
  • Tag: CMS
活版印刷の名刺 - Posted date: 2008年2月16日 15:03
  • ひさびさに名刺作りました。やっと。今まで手書きで渡してきたひとすみませんｗ
  • Posted by: wu
自信を持ってお勧めできる商品 - Posted date: 2008年1月29日 15:53
  • ほんとに便利な商品だけをお勧めする、カリスマアフィリエイターの卵、wuのコラム。
  • Posted by: wu
Vicuna カスタマイズサイト Part2 - Posted date: 2008年1月29日 00:11
サブスキン CSS - Posted date: 2008年1月 6日 15:53
  • CMSテンプレートの見栄えを決定するスキン、そのスキンに対するサブスキンの作成例
  • Posted by: wu
  • Category: Vicuna | XHTML CSS
  • Tag: CMS, CSS
floatプロパティのテスト - Posted date: 2007年11月14日 15:30
  • 学校で実施したfloatプロパティのテスト
  • Posted by: wu
  • Category: XHTML CSS
  • Tag: CSS
Vicuna カスタマイズサイト Part1 - Posted date: 2007年11月14日 14:41
レイアウト切り替えスクリプト - Posted date: 2007年11月 6日 22:44
  • ユーザーが表示ページのレイアウトを好みのものに変更できるスクリプトの紹介
  • Posted by: wu
  • Category: Movable Type | Vicuna
  • Tag: CMS, JavaScript
Tag Cloudのスタイル - Posted date: 2007年10月20日 14:28
お絵かき過去倉庫 - Posted date: 2007年10月16日 17:55
  • 2001年～2003年ごろにお絵かき掲示板で書いた絵。 MT4のファイルアップロードのテストを兼ねて。
  • Posted by: wu
  • Tag: Artworks, Neta
お知らせ Vicuna+3ping - Posted date: 2007年10月11日 21:45
  • Vicuna.jpのブログと3ping.orgは合体しました。
  • Posted by: wu
  • Category: Vicuna
  • Tag: CMS
Bike Modeling 2 - Posted date: 2007年10月10日 00:50
  • ...
  • Posted by: wu
Vicunaのアイキャッチ画像作成ツール - Posted date: 2007年10月 9日 11:30
  • Vicunaのスキンには、好みの画像を特定の場所にアイキャッチとして表示させるた...
  • Posted by: wu
  • Category: Vicuna
  • Tag: CMS, Tool
Vicuna ユーザーページ数 2007.09/24 - Posted date: 2007年9月24日 17:31
  • Vicunaユーザーページ数しらべ。 backlink数調査 2007.8月Vi...
  • Posted by: wu
  • Category: Vicuna
  • Tag: CMS
bug - Posted date: 2007年8月24日 20:51
clearfixはちゃんと考えられていた - Posted date: 2007年5月26日 11:42
  • clearfixの記述は良く考えられていました。
  • Posted by: wu
  • Category: XHTML CSS
  • Tag: CSS, HTML, Tips
CSSコンテスト - Posted date: 2007年4月12日 23:01
  • 2つのCSSコンテスト、みんな参加しようぜ。
  • Posted by: wu
  • Category: XHTML CSS
  • Tag: CSS, Event
CSSの記述テクニック 階層宣言コーディング - Posted date: 2007年4月 1日 14:42
  • エイプリールフールネタ。これまでの常識を覆すCSSの新しい記述方法「階層宣言コーディング」を本邦初公開。
  • Posted by: wu
  • Category: XHTML CSS
  • Tag: CSS, HTML, Neta, Tips
ブログのレイアウト　あなたの好みは？ - Posted date: 2007年3月28日 08:35
  • WEBサイト・ブログのレイアウトはさまざまですが、あなたはどういうレイアウトが読みやすいと感じますか？caramel*vanillaでアンケートが行われていたので紹介します。どうぞアンケートにご協力ください。
  • Posted by: wu
  • Category: XHTML CSS
  • Tag: CSS, Web Design
MTで実践 - CSSのモジュール化による管理方法と遊び方 - Posted date: 2007年3月16日 11:48
  • Movable Typeのテンプレートの宣伝と、それで実践したモジュール化したスキンの管理・カスタマイズ方法について解説。
  • Posted by: wu
  • Category: Movable Type | XHTML CSS
  • Tag: CSS, HTML, Movable Type, Tips
XHTML CSSの書籍を執筆しました - Posted date: 2007年2月20日 23:00
  • 書籍「実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips」執筆のお知らせ。
  • Posted by: wu
  • Category: XHTML CSS
  • Tag: Book, CSS, HTML, Tips, Web Design
Firefox アドオン はてなブックマークカウンタ - Posted date: 2007年1月23日 16:39
  • はてなブックマーク数をブラウザ右下に表示するFirefox アドオンの紹介。右クリックからハテブはもちろん、サイトの人気記事などへのリンクを表示できます。
  • Posted by: wu
  • Category: Web
  • Tag: Firefox, School
CSSのコメントの書き方コレアレ - Posted date: 2006年12月 2日 16:25
  • CSSでのコメントの書き方について。主にスタイルをグループに分けて記述する場合、そのグループ名をコメントで示しますが、その記述方法にも色々あるようなので200サイトほど巡回して調べてまとめてみた。
  • Posted by: wu
  • Category: XHTML CSS
  • Tag: CSS, HTML, Memo, Tips
[改]mixiをXHTML+CSSで組みなおす - Posted date: 2006年5月24日 01:42
  • 前の記事で取り上げた「mixiをXHTML+CSSで組みなす」という生徒の提出した課題。もう一度XHTMLを見直して、まとめられるclassをまとめてもらい、再提出してもらいました。
  • Posted by: wu
  • Category: XHTML CSS
  • Tag: CSS, HTML, School, Tips
mixiをXHTML+CSSで組みなおす - Posted date: 2006年5月16日 05:29
  • 生徒の提出した課題が「mixiのユーザーページをXHTML+CSSで再現」というものだったのですが、良く出来てました。ハナマルちゃん。
  • Posted by: wu
  • Category: XHTML CSS
  • Tag: CSS, HTML, School, Tips
移転に関する詳細と変更点、と腹 - Posted date: 2006年5月15日 04:19
  • ディレクトリ構造、Movable Typeのアーカイブマッピングの変更と、コンテントネゴシエーションによる拡張子の省略。そんで新しく入れたプラグイン。FeedBurnerの利用。生の豚肉はやばい。
  • Posted by: wu
  • Category: Web
  • Tag: Memo
サーバー移転と新ドメイン - Posted date: 2006年4月26日 02:46
  • 初めてのサーバー移転 and 新ドメイン。もうやだ、不安だらけ。でも今のディレクトリ構造短くしたいしぃ↓。ドメインも２個使い分けたいしぃ↓。
  • Posted by: wu
  • Category: Web
  • Tag: Memo
被ブックマ。 - Posted date: 2006年4月10日 15:23
  • 前回の記事と真琴さんの記事がはてなブックマークのトップページで並んでいたので、この光景は２度とみれない(?)んじゃないかと思って思わずスクリーンショット撮ってしまった。
  • Posted by: wu
  • Category: Web
  • Tag: Memo, SEO
デフォルトスタイルの差異を無くすCSS - Posted date: 2006年4月 9日 07:47
  • UAのデフォルトスタイルシートを制作者スタイルシートで上書きしてからCSSデザインするととってもやり易い。ブラウザーの差異で悩んでいる人は、僕の定義したdefault.cssを最初に読み込ませてからCSSデザインしてみて！ 全部ではないけれど、面倒な細かい要素もちゃーんとスタイル定義しておいたから。
  • Posted by: wu
  • Category: XHTML CSS
  • Tag: CSS, HTML, Tips
テンプレ スキン エとセとラ - Posted date: 2006年3月26日 13:28
  • 週末コーディンガーのwuです。ども。久しぶりにデザインからHTML,CSS全部書いて１個のサイト作った、やっぱ楽しい!!。Blogもいいけどやっぱ生だね、生造り最高。 あっちのサイトはRSSも手書き。「配信します」って気持ちになって良い。
  • Posted by: wu
  • Category: XHTML CSS
  • Tag: CMS, CSS, Memo, Movable Type
メニューのXHTML ３パターン - Posted date: 2006年3月22日 23:12
  • Movable TypeのサイドバーのXHTML構成はどれが好みですか？なるべくCSSでデザインしやすいようなのを３種類考えて見ました。
  • Posted by: wu
  • Category: Movable Type | XHTML CSS
  • Tag: HTML, Movable Type, Tips
エントリーを(X)HTMLで書こうぜ - Posted date: 2006年3月22日 18:25
  • Blogサイトを見ていると、エントリー内容は自動改行変換で済ませている人を良く見かけるけど、実は、エントリー記事に使うHTMLなんで5,6個のタグで済んじゃうのだ。この良く使われるタグ覚えたら無敵だよ。
  • Posted by: wu
  • Category: Movable Type | XHTML CSS
  • Tag: HTML, Movable Type, Tips
MTテンプレート - Posted date: 2006年2月 2日 03:10
  • Movable Typeのオリジナルテンプレートがもうすぐ出来上がるよっていうお知らせ。
  • Posted by: wu
  • Category: Movable Type | XHTML CSS
  • Tag: CMS, Movable Type
Elements - Posted date: 2005年12月 9日 14:56
  • CSS確認用のエントリーなので、記事内容に意味はありません。
  • Posted by: wu
  • Category: XHTML CSS
  • Tag: CSS, HTML, Memo
雨ニモマケズ - Posted date: 2005年11月 9日 07:46
  • Webデザイナーってどこらへんで光を浴びるんだろうねぇ。
  • Posted by: wu
  • Tag: Neta
新動物占い - Posted date: 2005年10月23日 17:06
  • 僕は今まで、血液型占いをはじめ、数々の占いを馬鹿にしてきた。 誰かさん ねぇ...
  • Posted by: wu
  • Tag: Neta
ソーシャルブックマーク - Posted date: 2005年10月13日 19:20
  • 皆さんお気に入りのBlogなどはどのように巡回していますか？　私の知っている人の多くは、未だに行進されたかもわからないページをお気に入りから回っているようです。WEBはもっと便利にできていますよー。
  • Posted by: wu
  • Category: Web
  • Tag: Web Design
DIV要素で構造を補強 - Posted date: 2005年9月27日 01:26
  • DIV要素は(X)HTMLで定義されている要素の中でも、特に仕様の曖昧(広く解釈される)なものです。その曖昧さ故、使い方を間違え安く、煩雑な(X)HTMLを作成しがち。この記事では、DIV要素の使い方に絞って解説します。
  • Posted by: wu
  • Category: Movable Type | XHTML CSS
  • Tag: CSS, HTML, Tips
Flash8 新機能 - Posted date: 2005年9月23日 04:12
  • Flash8の新機能まとめ
  • Posted by: wu
  • Tag: Memo
Dreamweaver8 - Posted date: 2005年9月22日 04:57
  • 凄い、朝方まで仕事してる自分がいる。WEB作る仕事してるくせして、いつも夜中ぐら...
  • Posted by: wu
  • Category: Web
  • Tag: Memo
チカチカ枠線 - Posted date: 2005年8月25日 22:03
  • CSSでPhotoshopの選択時のような効果を再現する方法。HTMLとCSSをあわせて記述。
  • Posted by: wu
  • Category: XHTML CSS
  • Tag: CSS, Sample, Tips
DT DDを横並び - Posted date: 2005年8月24日 09:48
  • 多くのブラウザーでは、DL,DT,DDは他の要素よりも特殊なレンダリングがなされる。CSSで見栄えを制御し、２カラムのテーブルの様に表示することも可能です。その方法を解説。
  • Posted by: wu
  • Category: XHTML CSS
  • Tag: CSS, Sample, Tips
CSS メニュー横並びボタン - Posted date: 2005年8月24日 09:20
  • サイト内のナビゲーション要素として、リストメニューとは特に重要なものです。ul,li要素をCSSで横並びにしたい場合、CSSでそのレンダリングを制御します。　
  • Posted by: wu
  • Category: XHTML CSS
  • Tag: CSS, Sample, Tips
CSS メニューボタン - Posted date: 2005年8月24日 08:45
  • メニューをボタンのように表示したい場合、CSSで若干複雑なスタイル指定を行わなくてはなりません。その方法を解説します。
  • Posted by: wu
  • Category: XHTML CSS
  • Tag: CSS, Sample, Tips
全称セレクタ - Posted date: 2005年6月10日 20:38
  • 全称セレクタの使い方。もう知ってた？
  • Posted by: wu
  • Category: XHTML CSS
  • Tag: CSS, Tips
便利なフリーソフト - Posted date: 2005年6月 1日 22:42
  • 僕のお気に入りのフリーソフト、キャプチャーツールとカラーピッカーツールの紹介です...
  • Posted by: wu
  • Category: Web
  • Tag: Tool
ミックスベジタブル - Posted date: 2005年5月15日 18:31
  • 「勉強はできなくていいから、好き嫌いだけはするな」 親にこう教えられて育った僕...
  • Posted by: wu
  • Tag: Neta
Photoshop スタイル[3] - Posted date: 2005年5月15日 13:34
  • MACぽいレイヤースタイル。作ろうと思えばすぐ作れるものだし、これが忠実に作ら...
  • Posted by: wu
  • Tag: Tips
Photoshop スタイル[2] - Posted date: 2005年5月14日 20:50
  • #team-oneでRayにPhotoshopのアクションを交えたスタイルを幾...
  • Posted by: wu
  • Tag: Tips
Photoshop スタイル[1] - Posted date: 2005年5月11日 18:24
  • 僕がPhotoshopを触って最初に感動したのは、パラメーターの多いレイヤース...
  • Posted by: wu
  • Tag: Tips
メタセコイアからはじめよう！ - Posted date: 2005年1月27日 21:54
  • 僕が最初に3Dに対して持っていたイメージといえば、「ソフトが高くて覚えるのが難...
  • Posted by: wu
  • Tag: Book
Modo - Posted date: 2005年1月27日 01:03
  • 基本的に私たちはユーザーコミュニティを尊敬し信頼しているのです。どうか素晴らしい製品を私たちは提供しているのだということを信じてください。私たちもあなたが正しい方法でmodoをご使用になられるものと信じています。
  • Posted by: wu
Bazooka は　???? - Posted date: 2004年11月 9日 16:09
  • 睡眠 は デフラグ後の再起動 美容院 は メンテナンス 買い物 は ブラウジング...
  • Posted by: wu
  • Tag: Murmur, Neta
Recent Reaction - Posted date: 2004年11月 8日 21:40
  • 最近のコメントとトラックバックを表示させる機能、TOPページとかに置くとなんだか...
  • Posted by: wu
  • Category: Movable Type
  • Tag: Movable Type, Tips
MT アップグレード - Posted date: 2004年11月 6日 18:16
  • やらなばやらなばと思っていたMovableType3へのバージョンを決行。アップ...
  • Posted by: wu
  • Category: Movable Type
  • Tag: Movable Type
MARGIN - Posted date: 2004年9月27日 08:26
  • 物体には重さがあって、重さには引力がある。宇宙空間に散らばるガスや塵は、自分の...
  • Posted by: wu
  • Tag: Murmur
チラリズム - Posted date: 2004年8月14日 02:32
  • どうも、wu-tang先生のゴーストライターこと負けDogです。公にゴーストライ...
  • Posted by: wu
  • Tag: Neta
【代打】By 負けDog - Posted date: 2004年8月12日 04:14
  • 代打を仰せつかったので代打ということで僭越ながら僕こと負けDogが今日は日記を書...
  • Posted by: wu
  • Tag: Neta
Swift3D - Posted date: 2004年6月20日 04:50
  • Swift3Dの解説。低価格ながらモデリング(ver3から),ライティング,サーフェイス,アニメーションといった一通りの機能を備えています。Swift3Dで作成した3Dオブジェクト(アニメーション)を高速にSWF形式で書き出すことが出来るのが特徴で、FLASH単体では難しかった立体的表現を実現してくれます。
  • Posted by: wu
  • Tag: Tool
Flash XHTML - Posted date: 2004年6月 1日 21:06
  • HTML-lint厨だった頃、FLASHのSWFを埋め込んだせいで大幅減点さ...
  • Posted by: wu
  • Category: XHTML CSS
  • Tag: HTML
Moho - Posted date: 2004年5月29日 03:05
  • Mohoは、だいぶ前にbazookaでFLASHで3D表現という記事を書いたとき...
  • Posted by: wu
  • Tag: Tips, Tool
FLASHのFPSを正常に - Posted date: 2004年5月15日 14:41
  • FLASHを作る際、1秒間に再生するフレームの数を指定できるのですが、IE6...
  • Posted by: wu
  • Tag: Tips
MT:見出し問題解決。 - Posted date: 2004年5月11日 12:45
  • テンプレートによってエントリーのタイトルの見出しを上下させる場合、エントリー記事...
  • Posted by: wu
  • Category: Movable Type | XHTML CSS
  • Tag: Movable Type
MT:De リニューアル - Posted date: 2004年5月 9日 18:50
  • Blogツールを知るには使うことからじゃろう！って事でなんとなくMovableT...
  • Posted by: wu
  • Category: Movable Type
  • Tag: Movable Type
MT:導入プラグイン メモ - Posted date: 2004年5月 3日 14:24
  • MovableTypeの使用している(するつもり)プラグインをローカルでメモって...
  • Posted by: wu
  • Category: Movable Type
  • Tag: Memo, Movable Type
PageRank - Posted date: 2004年4月29日 10:15
  • Googleのツールバーを既にインストールしている方なら知ってると思いますが、こ...
  • Posted by: wu
  • Category: XHTML CSS
  • Tag: SEO
Future - Posted date: 2003年11月 5日 06:49
Roaches - Posted date: 2003年11月 3日 01:32
HTF Character - Posted date: 2003年5月25日 05:14
Capsule Baby - Posted date: 2003年5月20日 05:34
FLASHで3D表現 - Posted date: 2003年5月15日 09:53
  • FLASHで扱われ始めた3Dグラフィックス 最近になって3Dグラフィックア...
  • Posted by: wu
3D FLASH SWFレンダリング - Posted date: 2003年2月15日 10:16
  • Swift3DとPoserProPack、SWF書き出し方法の違い ...
  • Posted by: wu
  • Tag: Lesson
Optimaze! - Posted date: 2003年2月15日 10:03
  • Flash swfデータ圧縮ソフトの紹介
  • Posted by: wu
  • Tag: Tool
Dash Rouch - Posted date: 2002年12月 5日 04:23
Pink Bea - Posted date: 2002年11月17日 05:55
Mosquite - Posted date: 2002年9月12日 04:51
Quino - Posted date: 2002年8月 5日 03:11
Blocks Human - Posted date: 2002年7月29日 02:38
Blocks Ro・bot - Posted date: 2002年7月26日 01:47
Poser Mutant - Posted date: 2002年7月25日 03:30
TETSUO - Posted date: 2002年7月10日 06:20
Metasequoia　チュートリアル4 - Posted date: 2002年6月15日 11:09
  • 前回までに紹介できなかった基本操作をまとめて解説。使わないと損しちゃう操作ばかり...
  • Posted by: wu
  • Tag: Artworks, Lesson, Tool
Metasequoia　チュートリアル3 - Posted date: 2002年6月15日 10:56
  • 前項で[操作パネル]、[押し出し]、[曲面制御]を覚えたと思います。 今回も前回...
  • Posted by: wu
  • Tag: Artworks, Lesson, Tool
Metasequoia　チュートリアル2 - Posted date: 2002年6月15日 10:48
  • MetasequoiaLE（フリー）のデフォルトの設定で説明します。...
  • Posted by: wu
  • Tag: Artworks, Lesson, Tool
Metasequoia　チュートリアル1 - Posted date: 2002年6月15日 10:33
  • Metasequoiaとは? 「メタセコイア」と読みます。 o.mizn...
  • Posted by: wu
  • Tag: Lesson, Tool
Medical Capsule - Posted date: 2002年6月 5日 03:52

Home > Archives

Recent Entries
Categories
Tag Cloud
Book

実践 Web Standards Design

「実践 Web Standards Design」ではXHTMLやCSSの仕様からマークアップの手法・考え方をはじめ、レイアウトや実践的なWebサイト構築のワークフロー、そしてCSSを利用したさまざまな技術的Tipsを解説しています。

Products
Search
Feeds

Return to page top