DOASでCSSの概要を記述する – VERSIONFIVE
CSSを書くときに、そのそれが何の役割をするのか(どこをスタイリングするのか)という概要をどう書いたらよいのか迷うことがあります。 特に大人数で作業している場合は形式を決めておきますが、他人が書いたものだとどうも区切り線[1]や改行のタイミングが気に入らなかったりします。僕はというと、3ping.orgさんの「CSSのコメントの書き方コレアレ」という記事を参考に、import.cssに各CSSの概要をまとめて書いていました。 何か自分を納得できるような形式がないか探していて、DOASを見つけました。これはかなりよいのではないかと思って早4ヶ月[2]、やっとエントリ書けました:-< DOAS : Description of a Script/Stylesheet vocabularyとは 主として単一ファイルで完結しているJavaScript, perl, phpなどのスクリプトやXSLT
CSS 用の文字列の Unicode エスケープ - Code-404
概要 Safari において、外部 CSS ファイルにマルチバイト文字を使用した際、文字化けが発生するバグが確認されています。これを回避するには、マルチバイト文字列を Unicode エスケープすればいいわけですが、 CSS 用の変換ページを見失ったため自分で作成してみました。 利用法 CSS 用の文字列の Unicode エスケープにて、"元テキスト"に文字を入力するだけで、 "Unicode エスケープ後のテキスト"に変換されたテキストが表示されますので、コピーして下さい。 また、 CSS 用の文字列の Unicode エスケープは、そのページ単体で動作しますのでダウンロードして使う事も可能です。 著作権 JavaScript のコードの多くを通常の文字列と Unicode エスケープの相互変換を参考にさせて頂きました。従って、 piro さんに帰属するものとします。
WEB | クリエイティブ・タブロイド withD（ウィズ・ディー）
TIPS & テクニック クリエイティブにとって不可欠となる、ツールやアプリケーション関連のTIPS・テクニックなど。
Content with Style: Modular CSS
This isn't a new idea but looking at people's code it doesn't seem to be a particularly widely used practice: modular CSS. That's a poncy name for the very simple idea of grouping related styles into separate stylesheets. The same set of tasks turn up on project after project and a little careful thought can save hours of foundation work, allowing you to get on with the serious business of turning
A css layout that does not rely on div, float, clear nor structural hack!
A css layout that does not rely on div, float, clear nor structural hack! There are many CSS layouts out there. Some rely on AP (Absolutely Positioned) elements, others use floats. The former method is considered bad practice for its lack of flexibility while the latter is a powerful solution in building robust layouts. Unfortunately, like most powerful tools, floats can be a dangerous method to e
CSS3 モジュール： マルチカラムレイアウト仕様書邦訳
CSS3 モジュール： マルチカラムレイアウト 2007-06-06 W3C 草案 原文 http://www.w3.org/TR/2007/WD-css3-multicol-20070606 原文の編集者 Håkon Wium Lie, Opera Software, howcome@opera.com 訳注 Jintrick.netによる意訳です。正確な情報と異なる可能性に留意してください。 Copyright © 2007 W3C® (MIT, ERCIM, Keio), All Rights Reserved. W3C liability, trademark and document use rules apply. 概要 このモジュールは、CSSにおけるマルチカラムレイアウトを説明する。これはCSS3ボックスモデルモジュールに基づいており、要素の内容を複数行にする機能を追加
シンプルで素晴らしいデザインのWebサイト25選『25 Beautiful, Minimalistic Website Designs – Part 2』 – creamu
Design シンプルで素晴らしいデザインのWebサイト25選『25 Beautiful, Minimalistic Website Designs – Part 2』 美しいデザインのサイトを探している。 そんなあなたにおすすめなのが、『25 Beautiful, Minimalistic Website Designs – Part 2』。シンプルでデザインのWebサイト25選だ。 以下にいくつかご紹介。 » CSS Globe Webデザイナーのためのコミュニティーサイト。シンプルで効果的なデザイン » Finch ↑のキャプチャはこのサイト。グラフィックデザイナーによる整ったレイアウトに綺麗な色の組み合わせ » Maqina ブランドアイデンティティースタジオ » Darren Alawi 黒の背景にシンプルなデザイン » CRCBUS 青の背景にシンプルなデザイン シンプルで素晴
ie7の「ページの拡大」によるレイアウト崩れは「letter-spacing」で回避できる？:WebClip - ウェブのニュースと Second Life (セカンドライフ) - CNET Japan
[みんなのお題]ie7の「ページの拡大」によるレイアウト崩れは「letter-spacing」で回避できる？ 公開日時： 2008/01/09 01:40 著者： ミキ・オキタ この記事のトピック Internet Explorer 7「ページの拡大」機能でレイアウトが崩れる 「letter-spacing」で「ページの拡大」時のレイアウト崩れを回避 Internet Explorer 7「ページの拡大」機能でレイアウトが崩れる こんにちは。“時代の3歩先をねらうWeb屋さん”ミキ・オキタです。 このブログ「WebClip ウェブデザインのニュース」では、Webデザイン・Webマーケティングの話題をお届けしている。 今回は、Web制作者にとって悩ましいブラウザの問題のひとつ、Internet Explorer 7の「ページの拡大」機能によるレイアウト崩れの回避方法について。 僕
新井 隆浩 WEB トピックス: WebKit が CSS @font-face に対応
まだ feature branch の方だけですが、使えるようになりました。 早く Safari に組み込まれてほしい機能です。 例えば、Safari 3 では Osaka のボールドは表示が汚いですよね。 汚い表示を見たくない時に次の様に指定します。 @font-face { font-family: Osaka; font-weight: bold; src: local("Hiragino Kaku Gothic Pro"); } この記述を書いたスタイルシートファイルを、環境設定の詳細にあるスタイルシートの設定で指定すればデフォルトで Osaka ボールドはヒラギノ角ゴ Pro で表示されるようになります。 @font-face 使用するとけっこう自由にフォントを指定できる様になると思います。 汚いボールド表示の方も改善してほしいですけれどね。
ちょっとしたメモ - DOASとTurtle/RDF
自作のスクリプトやスタイルシートを管理するために作ったDOAS（Description of a Script/Stylesheet vocabulary）の定義ファイルにアクセスが増えていると思ったら、紹介してくださっているページがあるようなので、少しばかり使い方の補足説明を。ちょうどRDFのTurtle構文の入門としても手ごろかもしれません。 DOASはその名のとおり、スクリプト/スタイルシートの概要を記述するためのRDF語彙です。RDFといっても、これはスクリプト/スタイルシートの冒頭などにコメントとして埋め込むことを想定しているので、XMLではなくてTurtleという構文で書くことが多くなると思います（RDFにはいろんな書き方があって、用途に応じて選べるのです）。 定義ファイルをブラウザで見ると例が表示されるようになっていますが、Turtleをご存じない方は、例のとおりに書くべきと
理想のCSSスキンのかたちを求めて - 3ping.org
2007.12-30 Ninja Style 完成。(年内に間に合った!) 問題の修正とか、アイコンがついたりいろいろ変わっているので、新しいものを使ってください。 表示確認 Download: Ninja Style 2007.12-27 当初配布していた暫定版のNinjaスキンに１箇所すんごい不具合がありました。 ボックスの高さを揃えるテクニックには、落とし穴があったようです。その不具合の表示と、原因を記事末尾に追記しましたので参照してください。 このテクニックを利用する際は皆様も注意してください。解決方法も模索しています。 僕が考える理想のCSSスキンとは、以下の条件を満たすものです。 ユーザーが好みの形に変えやすい CSSに詳しくなくても1.が可能 適当に編集してもレイアウトが崩れにくい 少しの調整でイメージを大きく変えられる ユーザーのカスタマイズ意欲を掻き立てる 現在のVic
エンドユーザーが「使いやすい!」を実現する(かもしれない)8つの技術とテクニック集! | Webディレクションやってます blog
Webディレクターとして名村晋治がプロジェクトマネージメントやディレクション業務に当たっている時に感じている問題解決の手法やセミナー等で話をしている内容、自身が使っているプロマネにおけるツールなどWebディレクションに関する情報の紹介しています。 名村は、Webサイトを見ていて、「こうなった使いやすいかな?」と思ったりする技術を集めておくのは、まぁ、趣味みたいなものです(笑) ただ、自分がエンジニアではないので、システム側ではなくて、表層技術側の方で出来る実装内容を集めているのですが、備忘録代りにエントリーしておきたいと思います。 CSSを使わずに画像を使ったSEOマークアップが簡単にできるjavascript CSSにより画像置換の良し悪しは別途議論するとして[謎]、システム側にさっさかHTMLを渡さないと行けなくて、かつ未だに細かいところに調整が入っているので、その場合には、システム側
Maximum and Minimum Height and Width in Internet Explorer | Perishable Press
USP Pro: Unlimited front-end forms for user-submitted posts and more. Behold the seventh wonder of the virtual world: max/min-height and max/min-width properties are possible in Internet Explorer! Indeed, by taking advantage of IE’s proprietary CSS attribute, expression, you too can whip IE widths and heights into desirable proportions. The CSS expression attribute enables JavaScript commands to b
CSS: The All-Expandable Box - Web Designer Wall
In HTML, if you don’t specify a specific width, block-level elements are vertically expandable by their nature. Think of an unordered list. That list will grow be be as big as it needs to be to fit all of it’s list elements. If a user increases the font size in their browser, the list will expand vertically, growing to fit the larger content. Sometimes it feels like vertical-only expansion is limi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://cybergarden.jp/acc04/2006/0911-mashiko.pdf
http://vosegus.org/guideline/css_filearch.pdf
ちょっと便利なCSS Tips いろいろ - DesignWalker
リキッド・レイアウトでチェックボックスを綺麗に並べる - WebOS Goodies
リゾレーヌ サプリを口コミだけで判断してはダメ？バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します！
Email Marketing Tips Blog
