hxxk.jp - CSS の記述ルール記事のまとめ
いまだに私自身「これだ ! 」という答えを見出していないのですが、 CSS の記述ルールって絶対的な正解ってありませんよね ? ちょっと私が知っている範囲で明文化されている CSS の記述ルールを集めてみましたので、それを元に絶対的な正解のルールではなく、最大公約数的なルールを模索してみたいと思います。 ちなみに、今回模索するのは Lucky bag::blog: CSS を作成する際のお約束やデフォルトスタイルの差異を無くすCSS のような Tips ではなくて、あくまで .css ファイルを書き上げる際のルールのことです。 それと、取り上げた記事は順不同です。 書き上げてから、公開日時順にした方が良かったかなあとも思いましたがもうこのままで公開。 Type selectors を XHTML Abstract Modules の順番に沿って記述 - hxxk.jp ガイドラインを作成お
Lucky bag::blog: 個人的に気に入ってるユーザースタイルシート
今んとこ、ガチで不動のレギュラーメンバーな自分のユーザースタイルシートを晒してみる。userstyles.org で見つけたやつとか、自分で書いたやつとか。ちなみに、ユーザースタイルシートの管理は Firefox の 拡張 Stylish で。 livedoor Reader 用 各記事タイトルの下にある"元記事"って部分を URI に置き換えて表示 @-moz-document domain("reader.livedoor.com") { div.item_info { text-indent: -3em; } div.item_info a { visibility: hidden; } div.item_info a::after { visibility: visible; content: attr(href); } } Gmail 用 迷惑メールの未読数を見えなくしてボールド
CSSファイルを保存すると同時にブラウザをリロード
自動リロードで開発をアジャイルにするたったひとつの方法！や萌ディタで保存と同時にSafariをリロードするデモと似たようなものをWSH with JScriptと秀丸マクロで泥臭く実現してみようとかいう話。やろうと思えばいろんな環境で実現できそうてなもんだ。 ブラウザのリロードは魔法のメソッドSendKeyでF5を送ってやれば良し。ただ、SendKeyはアクティブなウィンドウにしか効果が無いので、 CSSファイルを保存 ブラウザをアクティブに F5をSendKey エディタをアクティブに としてやる必要がある。エディタをアクティブにするのはPIDさえ知ってればJScriptでいけるけど、調べるのはちょっと面倒。しかしながらほとんどのエディタは「既に開いているファイルを開こうとすると、既にそのファイルを開いているウィンドウ(とかタブ)を最前面にする」という動作をするので、保存したCSSファイ
フォーマルで行こう
情報のかたちと理解 InformationはFormを持つ 情報を構成する枠組みを知る 情報を既存の知識と関連付ける エージェントに伝える形、ユーザに伝える形 ウェブの「型」を身につけよう 文学や芸術に“形式”があるように「フォーム」は重要 ウェブの「型」 → ユニバーサルアクセスとデータ共有・再利用 情報のかたちと名前 コンピュータと形式と名前 形式化：形（枠組み）に名前を与えて共有可能にする 形式化された情報はコンピュータ処理が可能 情報を抽出する、変換する、推論する… 名前とコンテクスト おーい、あれ持ってきて（完全にローカルコンテクスト） オペラが好きだ（コミュニティによる違い） 東京都中央区銀座1丁目（コンテクストに依存しない） 名前は共有できてはじめて意味がある ウェブページで使われる名前はどんなスコープで通じるか HTMLと情報のかたち 文書のかたちを示すマーク付け シンプル
グリッドレイアウトのための背景画像 - lucky bag
ウェブページをグリッドレイアウトするのであれば、あらかじめ CSS で背景画像にルーラーみたいな画像を指定しておけば制作時に便利じゃね？ってアイデア。 Subtraction: Grid Computing… and Design Airbag - Ruler. Using a Background Image Grid to Lay Out Your Web Site | Smiley Cat Web Design つうことで、自分が使いやすいと思う方眼画像をちゃちゃっと作ってみた。 gif画像（ご自由にどうぞ） grid.gif (GIF 画像, 200x200 px) 実際に適用してみたサンプル グリッドレイアウトのための背景画像のサンプル ルーラーの最小単位は 5px で、それより若干濃い線が 10px 、さらに濃い線が 50px、んでもって薄いグレーの背景が 100px 単位って
サービス終了のお知らせ
平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
最速インターフェース研究会 :: 萌ディタとSleipnirとWEBrickを使って人のサイトのCSSをリアルタイム編集するデモ
Shiubya.js #1で話したネタですが、Winkでデモを作ってみました。 http://la.ma.la/misc/demo/realtime_cssedit.htm エディタとブラウザが並んでて窮屈ですが、実際はこれを20インチワイド液晶縦置きデュアルでやります。 仕組みは、WEBrickでローカルプロキシを立てて、同名のファイルがローカルにある場合は内容を置き換えて表示する、というもので、CSSやJavaScriptを編集するのに向いています。 プロキシサーバーはPerlで書かれた同等のものがここにあります。 http://www.ornithopter.jp/archives/2006/05/perl_perl.html 自分が使ってるのは必要に応じて行き当たりばったりに拡張していったりするのですが、現時点でのソースを置いておきます。 http://la.ma.la/misc/
CSS で面倒くさいのは < 13 < July < 2006 < nulog, NULL: : something : out of the headphone
ブラウザ間のアレなんだから、あんまり CSS 書くこと自体を面倒くさいことにしないほうがいいよね、って思うんだ。 ところで自分が CSS を書くときに気をつけていることを書くよ！ 必ずルールをインデントする (TAB インデント) セレクタを複数書く場合は最後以外改行する 規則のあとには必ずセミコロンを入れる (最後も) 最後のルールのあとも改行する 宣言ブロック間はホワイトラインを入れる border, border-style, border-color, border-width 以外の border 系プロパティを極力使わない font プロパティを使わない。 list-style 以外の list 系プロパティを極力使わない margin, padding 以外の margin, padding 系プロパティを極力使わない background 以外の background 系プ
スタイルシートを書く時のガイドライン - 2xup.org
2006-07-11T19:56:28+09:00 会社ではやっているのだけれど、自分のウェブサイトでもやってみよう。と簡略記述を利用する場合の値の順序やらもまとめとく必要があるのかもしれないけれど、セットフォーマットルールやプロパティの順番だけをサクッとまとめて資料にしてみました。課題は残したもののこれだけでも相当すっきり。詳細やセットフォーマットルールに関しては、ダウンロードできるようにしている資料を参考にしていただくとして、このエントリーではプロパティの順序についてまとめることに。自分自身が実際に作業を進めていくことを考慮し、その考えに基づいて設定したモデル別の順序は以下の通り。 生成 内容, 自動番号付け及びリスト (Generated content, Automatic numbering, and Lists) 利用者インターフェイス (User Interface) ビジュ
【レポート】@media2006にみるWebデザインのトレンド (1) 新たな知識やテクニックを皆で共有する必要がある(Eric Meyer氏) | クリエイティブ | マイコミジャーナル
6月15、16の両日、ロンドンの中心部に位置するクィーンエリザベスⅡカンファレンスセンターにて、「@media2006」と呼ばれるWebデザイン関連のカンファレンスが催された。@mediaは昨年に引き続き2度目の開催。イギリス国内外のエキスパートを招いてWebデザインに対する最新のアプローチを学び、また議論するためのイベントである。2日間の日程において、筆者の参加したセッションのなかから、特に興味深かった6つのセッションを通じ、Webデザインのトレンドを紹介したい。 @mediaの会場となったクィーンエリザベスⅡカンファレンスセンター CSS10年間の軌跡 - Eric Meyer氏 キーノートプレゼンテーションを行ったEric Meyer氏は、数々の関連書籍や講演活動を通じ、Cascading Style Sheets(CSS)のエキスパートとして知られている。彼のプレゼンのタイトルは
LightBox風リサイズ可能ダイアログ表示ライブラリ:LITBox:phpspot開発日誌
Ryan J Lowe’s Dev Blog Blog Archive LITBox LITBox 2.0 has just been released. This version of LITBox is basically a few modifications of Thickbox made into a Prototype class based off of the Scriptaculous. LightBox風リサイズ可能ダイアログ表示ライブラリ:LITBox。 LightBox2同様、prototype.jsとscriptaculous.jsをベースにクラスベースでコーディングされていて、使い方は簡単です。 必要なスクリプト/CSSを読み込んだ後、次のようにonclickイベントでnewするだけです。 <input type="button" onclick="new L
CSS Nite vol.9 にお越しいただきありがとうございました - 2xup
2006-06-17T16:55:11+09:00 先日、6月15日に Apple Store 銀座で行われたイベント、CSS Nite Vol.9 にゲストとして参加させていただきました。200 人ほどの方にお越しいただいたようで、お足下の悪い中本当にありがとうございました。また、前回の森田雄さん。そして、Vol.10 のゲストが神崎正英さん。その間のゲストとしてなんとも言えないプレッシャーを感じましたが、皆さんがブログなどで書いてくださっている感想をみて少しでも Movable Type の魅力を伝えられたのではないかと、とても嬉しく感じています。これからももっと勉強しますので、どうぞよろしくお願いします。イェス。 CSS Nite公式ブログ: CSS Nite Vol.9(CSS Nite公式ブログ) Movable Type で行うウェブサイト管理 - CSS Nite Vol.9
CSS ハックまとめ Lucky bag::blog: IE7 を含むモダンブラウザ向け
Internet Explorer 7 は、 8 月にも beta3 がリリースされるかも知れないんだけど、今現在、IE7 beta2 を含むモダンブラウザに有効そうだと思われる CSS ハックを自分用にまとめておく。以前に IE 7 用の CSS ハックを紹介したことがあったけど、今回の Easy CSS hacks for IE7 - Nano See, Nano Do で紹介されていたハックは、比較的シンプルかも知れない。想定ブラウザは下記のとおり。 バージョン 6 以下の IE IE7 それ以外のモダンブラウザ（Safari、Opera、Firefox） ブラウザごとのハック 全てのサンプルは body 要素を指定の対象としている。 バージョン 6 以下の IE にのみ適用 * html body サンプルページ バージョン 7 の IE にのみ適用 *+html body サンプ
MarkupDancing ? スタイルシートによるデザインは過渡期なのかも
World & Sociery 伊丹万作「戦争責任者の問題」を読む last modified on 2024-06-10 伊丹万作氏の評論である「戦争責任者の問題」をご紹介して、批評します。 On “Google’s Ideological Echo Chamber” last modified on 2021-04-03 Google の元技術者であるジェイムズ・ダモーアが回覧用に社内で発表した “Google’s Ideological Echo Chamber” という文書を発端にして展開している論点をとりあげています。 「街場」なんて存在するのか last modified on 2015-10-27 以下の文章は、何度か途中まで書いて「くだらない」と思いながらも、再び書き直してきたものである。どうして書き直すたびに「くだらない」と感じてしまうのか。その話から切り出した方が、却っ
css - ルビの理想と現実 : 404 Blog Not Found
2006年06月01日17:20 カテゴリTips css - ルビの理想と現実 まずは業務連絡ぎょうむれんらくから。みなさん、CSSでrubyルビをやる方法ほうほうの元もとはこちらです。私わたくしではありませんのでご注意ちゅういください。 akatsukinishisuさん、改あらためてお礼れい申もうし上あげます。 ルビ表示はユーザスタイルシートで! - 徒書 それにしてもその紹介記事のブックマーク数が200以上ってすごいな。やはりウェブでは作った人よりも紹介した人の方が注目される、ということなのでしょうか。それはいいとしても、トラックバックで「プログラマーの小飼弾氏のアイデアと技術には……」と書かれているのを見てしまうと釈然としないものを感じてもいいでしょうか。ルビ表示はユーザスタイルシートで! - 徒書Mozillaでルビ表示3の記事でも触れていましたが、ルビ用のスタイル定義は、ルビ
Slashdot: News for nerds, stuff that matters
Recent reviews from Slashdot readers: The Equation That Couldn't Be Solved looks at the last 150 years of math development, with a focus on group theory and its impact. (Joe Kauzlarich's review) The Areas of My Expertise is a great assorted set of lists, data and other odd pieces of data. Great reading in the bathroom or plane riders (Peter Wayner's review) Write Portable Code does an excellent jo
Wufoo Making forms easy fast fun.
An arrow pointing left An arrow pointing right An arrow pointing left A magnifying glass The Twitter logo The Facebook logo The LinkedIn logo The Google Plus logo The RSS feed symbol The Wufoo by SurveyMonkey Logo The Wufoo by SurveyMonkey Logo A credit card A tray with an upwards pointing arrow A diamond with two arrows leading to different boxes Two bars in a chart Two pages A painter's palette
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Bloom - Cool CSS Gallery, Website Showcase and Design Inspiration, Best Looking Blogs, CSS Tricks
http://tylerhall.chattablogs.com/archives/031308.html
rendr