技術系の人の中には、より正しいHTMLで書く事を目標としている人がいて、確かにその方が読みやすい文章のことが多いと感じるのだけど。 メタボなHTML | オトコのキモチ２ align="center"というのや，<td width="200" bgcolor="#CCFFFF">というのや，見た目を整えるための属性。 <br> <br> <br> <br> なんてところもあるな。 はっきり言って，「メタボ」ですよ。 「見た目はCSSで整える」というのは、読み手にとって好みのデザインで読むことができるので、考え方としては理解できる。 書かれたテキストの内容だけが正確に伝わればいい文章、たとえば何かに対する意見文だとか説明文の場合は、贅肉をそぎ落としたHTML のほうが読みやすい。 だけど創作文の場合は、そうはいかないのではないか、と思った。 僕が不勉強なだけなのかもしれないけれど、「贅肉をそ
この度、共著という形で (X)HTML、CSS 関連の書籍を出版することになりました。 書籍のタイトルは 「Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。」。タイトル長いです。っていうか最後の「。」が気になって眠くなるまで眠れません。 インプレスさんから 7月3日の火曜日に発売されます。すでに amazon さん始め、各オンライン書店では予約が可能になっています。 著者は、「WWW WATCH」の加藤さま、「ネットのサラダボウル」 の両見さま、それに 「CSS HappyLife」 の平澤ってヤツの 3名による共著です。 内容としては、amazon さんに掲載されているとおり。 デザイン的なテクニックだけで満足していませんか？ デザインを忠実に再現するだけではない、ワンランク上の実践的コーディングノウハウを解説。Web標準サイト制作を行う上で基本と
池田信夫 blog はてなの逆淘汰 こちらから、はてなブックマークのコメント欄について色々と議論があるようです。 結論から言えば、批判を見たくないならわざわざ確認しない方が精神安定上はいいと思うのですが、それでも見てしまうという心理も分らなくはないです。 なので、ユーザースタイルシートを使って、もうちょっと見た目を変更し、コメントから受ける印象を和らげる方法を考えてみました。 ちなみに、あまり知られてないようですが、特定のユーザーのみコメントを表示しない、という機能は既にはてなブックマークに実装されていますので、それはそちらで設定して下さい*1。 語尾を変える 参考：はてブコメントポジティブCSS | userstyles.org こちらを応用して *2 ↓ と変えてみましょう。 設定するユーザースタイルシートはこちら @-moz-document domain("b.hatena.ne.
解説 CSSとは CSS*1とは、(X)HTML文書の見栄えを整形するための、Web標準*2の指定方法です。要するにホームページをデザインする手段です。CSSを使わなくてもHTMLで直接デザイン*3できなくはないですが、CSSを使った方が標準的で効率的です。例えば100枚のHTMLファイルを一つのCSSで一括して指定できます。また、はてなダイアリーもそうですが、ブログのデザイン指定にも使います。 基本 スタイルシートの基本 -- ごく簡単なHTMLの説明 よく使うCSSの話|基本編 CSS Nite Vol.7: Web制作現場の対立を解消する！ XHTML+CSSガイドライン作り [1] 一覧 とほほのスタイルシート入門 【HTMLタグの簡単検索】TAG index - Web制作情報 レイアウト CSSによる段組（マルチカラム）レイアウト講座 スタイルシートによる崩れない 2カラム 3
Web デザインに限ったことではありませんが、何かを学ぶときは良いお手本を探すことが大切ですね。そのお手本を真似ながら、たくさん 練習することが上達するための何よりの方法だと思います。 そんなお手本にしたいきれいな Web デザイン（CSS）ばかりを集めたギャラリーを10サイト選んでみました。配色に悩んだり、デザインのアイデアが浮かばない、そんなときもインスピレーションを与えてくれそうです。 01 CSS Mania CSS デザインといえば、まずここ 02 Most Inspired クールな CSS デザインを一括チェックできます。 03 CSS Impress ブログデザインの参考に 04 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards タグで分類されていて目的にあわせて選びやすい 05 CSSclip |
hatena毎日使っているのにデフォルトのスタイルのままになっていた「はてなブックマーク」の CSS を変えました。こんな感じです。 b:id:nitoyon「はてブ」の何となく分かりにくい部分を、分かりやすく見せることを目標に作ってみました。以下では、今回のデザインでこだわった「タイトル部分のアイコン」と「コメントのふきだし」について簡単に説明してみたいと思います。 タイトル部分のアイコンまずは、タイトル部分。デフォルトのタイトル部分のアイコンや数字の羅列は意味が分かりにくいですよね。マウスを乗せたらツールチップで説明が表示されるのですが、なんか直感的じゃない。この部分の数字の意味を分からずにはてブを使ってるひとも多いのでは…。 なので、画像を書き換えて分かりやすくしてみました。RSS の青くてかっこ悪いアイコンも、オレンジ色のおしゃれなやつに。いろんな人にお気に入りにいれてほしいので、
最近になってはてな以外のBlogサーヴィスを3つほど使ってみて思ったことだけれど、はてなのデザインテーマの質は決して悪くない。いや、悪いと思っていたわけではないのだけれど、一時期そういう意見をちらほら見掛けた記憶があったもので。 はてなでも他社でも、大概はユーザがテーマを自作して投稿可能になっている。これによって内部スタッフのみでは得られない量をカヴァーするのだけれど、そういうテーマの多くは概して質の高いものではないことが多い。デフォルトテーマを少し改変しただけのものだったり、妙なセンスだったり。で、その辺りは少数の優秀なユーザと社内デザイナで補う。 はてなの場合は初期にデザイナ不在で、tDiary互換とすることでGPLなテーマを取り込んだのだけれど、これは正直なところあまり見栄えのするものではなかった。この辺りが「デザイン悪い」の印象に繋がっているのだろう、多分。 それははてなも認識して
2007年01月10日 ぶよぶよスクロール うちのブログが IEコンポーネントのブラウザで見るとぶよぶよすると、前から知人に言われていたのだが、「俺FireFoxやからええわ」と思って放置してた。 すると先日 id:hashigotan に suVeneさんのブログはSleipnirではブヨブヨしてスムーズにスクロールが出来ない heartbreaking. 最近、気付いた事とか…と、指摘されたので今度直そうかなぁ～ と思ってたら # 2007年01月10日 yumizou yumizou 言葉 「ぶよぶよスクロール」 # 2007年01月10日 hatayasan hatayasan blog, webdesign suVeneさんのブログはRSSで読むことが増えましたね。コメントとか読みこぼし多いかもしれない # 2007年01月10日 kanimaster kanimaster ha
はてなダイアリーで、自分のヘッダ、フッタ、スタイルシートで記述した内容を保存し、また公開することで他のユーザーと共有することができる「デザイン管理」機能をリリースしました。デザイン管理機能へは、「管理ツール」の「デザイン」メニューからアクセスしてください。またこれに伴い「かんたんデザイン」と「詳細デザイン」の切り替えを画面左上のタブで行うようにしました。 今回の機能追加の内容をわかりやすい動画でご覧いただけます。以下のプレーヤーから再生してください。 以下、詳細な説明です。 デザイン管理機能 デザイン管理画面では、すでに現在利用中のデザインセット( 「ユーザー名さんのデザイン」 )が保存されています。変更したいデザインを選択し、「デザインを適用する」をクリックすることで複数のデザインを使い分けていただくことができます。 現在のデザインを編集するには アイコンを、新しくデザインを作成するには
こちらのブログには認証がかかっています。 ユーザー名 パスワード Powered by Seesaa
以前まで「Microsoft Expression Web Designer」という名称だったモノで、日本語ベータ版は無料で利用できます。ウリとしては、Web標準へ準拠しており、なおかつ洗練されたCSSページレイアウトが可能という点。 個人的には、Wordで作ったHTMLを最適化する機能やCSSなどのチェック機能、アクセシビリティの検査機能がなかなかお役立ち。使用感はDreamweaverっぽい。 というわけで、ダウンロードして実際に動かしてみました。 Microsoft(R) Expression(R) Web 日本語ベータ版 起動にはMicrosoft .NET Frameworkが必要で、上記ページにダウンロード用のリンクが用意されています。 インストール可能な環境はWindows XP + SP2、Windows Server 2003 + SP1、Windows Vista。推奨
いまだに私自身「これだ ! 」という答えを見出していないのですが、 CSS の記述ルールって絶対的な正解ってありませんよね ? ちょっと私が知っている範囲で明文化されている CSS の記述ルールを集めてみましたので、それを元に絶対的な正解のルールではなく、最大公約数的なルールを模索してみたいと思います。 ちなみに、今回模索するのは Lucky bag::blog: CSS を作成する際のお約束やデフォルトスタイルの差異を無くすCSS のような Tips ではなくて、あくまで .css ファイルを書き上げる際のルールのことです。 それと、取り上げた記事は順不同です。 書き上げてから、公開日時順にした方が良かったかなあとも思いましたがもうこのままで公開。 Type selectors を XHTML Abstract Modules の順番に沿って記述 - hxxk.jp ガイドラインを作成お
Coming SoonGet ready, something cool is coming!
2006-07-11T19:56:28+09:00 会社ではやっているのだけれど、自分のウェブサイトでもやってみよう。と簡略記述を利用する場合の値の順序やらもまとめとく必要があるのかもしれないけれど、セットフォーマットルールやプロパティの順番だけをサクッとまとめて資料にしてみました。課題は残したもののこれだけでも相当すっきり。詳細やセットフォーマットルールに関しては、ダウンロードできるようにしている資料を参考にしていただくとして、このエントリーではプロパティの順序についてまとめることに。自分自身が実際に作業を進めていくことを考慮し、その考えに基づいて設定したモデル別の順序は以下の通り。 生成 内容, 自動番号付け及びリスト (Generated content, Automatic numbering, and Lists) 利用者インターフェイス (User Interface) ビジュ
CSS BloomというブログなどのCSSデザインをみんなで評価するサイトにて、高評価のデザイントップ20です。 日本のブログデザインのコンセプトとちょっと違うのが多く、見ているだけでも面白いです。ブログデザインの展示会といった感じ。また、どんなデザインのブログにしようかな～と思っている場合にはかなり参考になります。 Top 20 Blog Designs | Blog http://silentbits.com/?p=339 http://silentbits.com/?p=385 以下、上記サイトで出てきたトップ20のサイト第1弾。 Veerle's blog 2.0 - Webdesign - XHTML CSS | Graphic Design Avalonstar. The Aries Project. By Bryan Veloso. Matt Brett Joshuaink
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く