タグ

CSSに関するs-e-iのブックマーク (130)

  • Site Under Maintenance

    We'll be back soon! Our site is currently undergoing maintenance. Please check back later.

    Site Under Maintenance
  • コーディングをさっと済ませるためのCSSテンプレート集 | CREAMU

    コーディングはさっと済ませたい。 そんなあなたにおすすめなのが、『Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time』。コーディングをさっと済ませるためのCSSテンプレート集だ。 以下にいくつかご紹介。 ↑のキャプチャはDynamic Drive。2カラムや3カラム、固定幅、リキッドレイアウトなど、たくさんのCSSレイアウトを配布 » Code Sucks 90のフリーCSSレイアウト » Layout Gala 40のCSSレイアウト » CSS Creator 幅や背景色などを指定してXHTMLソースが生成できる » Whiteboard フリーのワードプレステーマフレームワーク » Yet Another Multi-Column Layout モダンで拡張性のあるレイ

  • 「リセット用CSSを使わない」ことが流行ってる(らしい)理由 | necoze LOG2 [ネコゼログログ]

    一定期間更新がないため広告を表示しています

    「リセット用CSSを使わない」ことが流行ってる(らしい)理由 | necoze LOG2 [ネコゼログログ]
    s-e-i
    s-e-i 2008/04/30
    「どの環境でも全く同じに見せたい」案件と「多少違っても全てのコンテンツをちゃんと見せたい」案件との切り分け、ですかねえ
  • 第9回 ValidなHTML、ValidなCSS | gihyo.jp

    W3Cが(X)HTMLCSSについての勧告を出していることにより、Web制作者は仕様に沿って「正しい」(X)HTMLCSSを書くことを求められています。 Validな(X)HTMLの基準として挙げられるポイント まず、 仕様のとおりに書かれている HTMLバリデータ[1]で減点されない ことが挙げられます。 DTD(文書型定義)に沿った(X)HTMLを書けば、このようなバリデータの検証でエラーがでないようにすることが可能です。 validだと何が良いのか XHTMLをXMLアプリケーションとして考えると、パースエラーの出ることのない利用価値のある文書となる(validではないものではパースエラーが出てしまう) 正しい(X)HTML文書に対してでないと、CSSが意図した通りに機能しない 点数が満点になることによる制作者の満足感が高まる 何回かこの連載で取り上げましたが(X)HTMLは文書

    第9回 ValidなHTML、ValidなCSS | gihyo.jp
    s-e-i
    s-e-i 2008/04/14
    Validなのがいいけれど、Validatorの点数に縛られすぎてはいけません
  • HTMLを組んだ後のCSSの作成に役立つあれ

    What is it? Ok, here's the deal. Put your XHTML code below, we will grab it and send over to one of our scientists. He will do his voodoo and in return you will get a corresponding CSS frame. And yup, it's free. More information This tool returns corresponding CSS in a line-by-line way indented with spaces to reflect XHTML structure - each selector and all of its properties and values in one line.

    s-e-i
    s-e-i 2008/04/09
    XHTMLソースからCSSのひな形を作成
  • CodeEXPRESS | デザインを(X)HTML/CSS化する特急コーディング専門サービス

    CodeEXPRESSは、あなたのデザインを(X)HTML/CSS化する特急コーディングサービスです。最短1日納期から。CodeEXPRESS(コードエクスプレス)の特徴 CodeEXPRESS は、お客様がお送りいただいたデザインファイルから、(X)HTML/CSSのコーディングを特急で行うサービスです(最短1日から※)。 コーディングに特化することで、短い納期の対応を実現いたしました。 いただいたデザインを忠実に再現するだけでなく、文脈・内容を判断しながら手作業で HTML/XHTML 化いたしますので、ソースレベルでの SEO 対策が可能です。 W3C の Markup Validation Service のチェックはもちろん、弊社独自のガイドラインを整備することにより、高品質を維持しています。 ※ ページ数・レイアウトパターンにより、特急対応できないケースもございます サービス

    s-e-i
    s-e-i 2008/04/01
    なるほどー。ニッチなところをついてきたな、というイメージ。にしても、あれだ。作るの大変そう・・・w
  • Free Layouts.com | Websites

    s-e-i
    s-e-i 2007/11/02
    CSSベースのフリーなレイアウトセット群
  • HTMLの質の追求は、モバイルがきっかけでブレイクする。

    Web標準を考えるというエントリーで、フルCSSが受託案件で堂々と使えるようになったのは、SEOという言葉が出てきたから、という言葉を書いたら、はてブに微妙な反論があった。 しかし、それは現場では間違いではなかった。 2002~2003年頃は、ネスケ4を切るための理由がなかったのだ。 ネスケ4を切るということは、少なからずユーザーを失うというビジネスマターの決断になるので、制作者の論理、HTMLの論理などという瑣末(あえて言ってみる)なことで、ビジネスの機会損失になることは許されない。 もし捨てさせたければ、ビジネスニーズvsビジネスニーズの取捨選択の決断が必要。 そこにハマったのが、MovableType(blog)とSEOだった。blogは、なんだかんだとUTF-8であることが求められるし、SEO対策のためにテーブルレイアウトが悪者とされることとなった。 ずばり、この二つのキーワードが

    s-e-i
    s-e-i 2007/08/30
    えふしんさん風にいえば「ユーザビリティの高い構造のHTML」ってのでちゃんと書かれてると、(仮にそう意識していなくても)よっぽどの例外を除いてほぼすべてのブラウザ(PC以外の端末含む)で閲覧可能、というのはメリッ
  • SaaS型Webオーサリングツール--JavaScriptの実行・テストも可能

    印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます ブラウザ上でHTMLCSSJavaScriptのオーサリングが可能なオープンソースソフトウェア「rainbow9」が公開されている。JavaScriptコードのテストが可能なシェルを備えるなど、非常に高機能だ。既に、実際に試すことのできるサイトやデモムービーも用意されている。 rainbow9は、ウェブサイトの作成に必要な機能をオンラインで提供している。いわば、SaaS型のウェブオーサリングツールだ。アカウントを登録して、ウェブサイトプロジェクトを作成、HTMLCSSJavaScriptなどをプレビューまたは実行/テストしながら作成することができる。 特に、JavaScriptについては、エディタだけでなく実行シェルも用意され、

    SaaS型Webオーサリングツール--JavaScriptの実行・テストも可能
    s-e-i
    s-e-i 2007/06/19
    ちょっとおもしろいなこれ
  • CSS Dock Menu

    May 08, 2007 17,799 Comments Tags: Javascript If you are a big Mac fan, you will love this CSS dock menu. It is using Jquery library and Fisheye component from Interface and some of my icons. It comes with two dock position: top and bottom. This CSS dock menu is perfect to add on to my iTheme. Here I will show you how to implement it to your web page. CSS dock menu screenshot Update: I no longer s

    s-e-i
    s-e-i 2007/05/14
    こぎれいなかんじですね
  • Hop or Die! 参加レポート

    2007-05-05T16:30:59+09:00 真琴さんの東京訪問に合わせて、先日5月3日に行われた『実践 Web Standards Design』(ホップ) 著者のみなさんを囲んでのビーリング会、Hop or Die! に参加してきました。すでに参加者された方のブログでレポートが上がっていますが、とても楽しかったです。 hxxk.jp - ホップオアダイ 実践Web Standards Design 会場は六木 (ギロッポン) にある、ベル・オーブ。iwai さんセレクトの素敵なお店でした。参加者は以下の面々。初めましての方もいらっしゃいましたが、真琴さん作成のステキなネームカードのおかげで盛り上がりながら乾杯前にまずはごあいさつ。イェス。 市瀬裕哉さん (3ping.org) 福島英児さん (Lucky Bag::blog) 望月真琴さん (hxxk.jp) kzさん (mi

    s-e-i
    s-e-i 2007/05/06
    いいなあたのしそう
  • CSS SPICE » より良いマークアップをするためのガイドライン(Guidelines for creating better markup)

    456 Berea StreetのRoger Johansson氏が、Garrett Dimon氏のMarkup as a Craftというエントリーを読んで、沢山のガイドラインが多すぎると感じて(?)6つの最も重要なガイドラインをエントリーであげていました。 Guidelines for creating better markup Keep it simple. (シンプルにしてください) No layout tables. (レイアウトテーブルは使わない) Avoid classitis. (classの多様は避けて下さい) Structure and meaning first, presentation later.(構造と意味を最初に考えて下さい。見た目は後です) Know all HTML elements and attributes. (全てのHTMLの要素と属性を知って

    s-e-i
    s-e-i 2007/05/04
    いいねえ、シンプルでいい
  • CSSプロパティの並べ替え - 電脳狂想曲 WEBデザインの小技

     上ノ郷谷氏のスタイルシートを書く時のガイドライン - 2xupの書式に従って CSSを整形するようにしてみたつもりですが、いろいろ欠点があります。 動作が重い ブラウザの独自拡張や'_'等を使ったハックの位置が後ろにずれる {...}内のコメント'/*...*/'の位置が後ろにずれる @media print { body { color: #000000; } };と言った'{...}'が二重以上の場合は未対応...etc 入力用(CSSを貼り付けてください) 出力用 TOP

    s-e-i
    s-e-i 2007/05/04
    おお
  • ウノウラボ Unoh Labs: CSSの管理と記述法のコツ

    GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠

    ウノウラボ Unoh Labs: CSSの管理と記述法のコツ
    s-e-i
    s-e-i 2007/05/04
    あとはどうやってチーム全体にいきわたらせるか、だ
  • youmos.com

    This domain may be for sale!

    s-e-i
    s-e-i 2007/05/04
    こういうので楽をするようにしよう。。。
  • CSSNite in Nagoya 2007 極力ハックしない CSS by 山田あかね(purprin)

    去る2007年3月10日に開催された CSS Nite in Nagoya 2007 にて「極力ハックしない CSS」というテーマのプレゼンをさせていただきました。 その時の動画をプレゼン資料と連動してお届けします。

  • 最初に指定しておくと便利なCSS | Tech de Go

    漬物は料理において重要なアクセントを提供します。 その酸味が、事の味わいを引き締め、新たな深みを加える役割を果たします。 例えば、酢漬けの漬物は、独特の酸味と爽やかさで料理全体を軽やかにし、油っぽさを中和します。 これにより、べ手の口の中をさっぱりとさせるだけでなく、欲を増進させる効果も期待できます。 また、塩漬けの漬物もまた重要です。 塩の効果で野菜から水分を抜き、旨味を凝縮させることで、料理に深いコクと風味を加えます。 この塩味は料理全体のバランスを整え、事を豊かにしてくれます。 漬物の酸味が生む料理のアクセントは、料理の種類や季節によっても異なります。 夏にはさっぱりとした酢漬けの漬物が、冬には塩漬けの漬物が特に重宝されます。 季節感や地域の材と漬物の組み合わせを工夫することで、料理の魅力がさらに引き立ちます。 漬物は単なる付け合わせではなく、事の一部としてその重要性を増

    s-e-i
    s-e-i 2007/05/04
    参考にします
  • [CSSNite in Nagoya 2007] 極力ハックしない CSS というテーマでお話しました - pur*log

    [CSSNite in Nagoya 2007] 極力ハックしない CSS というテーマでお話しました 2007-03-12T11:29:48+09:00  Tag: CSS, CSSNite, event, hack, presentation, seminar 去る2007年3月10日、CSS Nite in Nagoya 2007にて、「極力ハックしない CSS」というテーマでスピーカーとして参加させていただきました。 総勢282名という多くの方にご参加いただき、プレゼンターとしてだけではなく、参加者としても有意義に勉強させていただくことができました。 回想や反省を含めて、またあとで追記するか別エントリで書こうと思います。取り急ぎ pdf 版の資料を公開いたします。音声版は後日 CSS Nite 公式ページで公開される予定ですので、興味のある方はご覧ください。(追記)PDF 版に加え

    s-e-i
    s-e-i 2007/05/04
    ベースがきれいならアイシャドウもチークもきれいにのるのだ
  • CSSに見惚れてばかりじゃなくて、もっと私(HTML)を見てよっ!

    と、htmlさんが嘆いている気がしたので、こんなサイトですがhtmlさんに付いて書きます。 ウチのサイトの一番の目的は「CSSって面白い!」って思ってもらい、興味を持ってもらう事にある訳ですが、次のSTEPに進む為にやっぱり通らなければならない道である(X)HTMLの正しい記述方法。 もちろん、CSSの勉強の前に(X)HTMLの理解をしてからが理想だと思いますが、ボクはソレがベストだとは思っていません。 何かを覚えるのに、「この順番で覚えなければ絶対にいけない。」なんて事は無いと思います。 ホントのビギナーさんは、CSSビギナー向けから、取りあえずCSSに触ってみるっていうのがボクのオススメです。 楽しんでナンボっす。 で、まぁ今回の対象となる方々は、テーブルレイアウトからCSSに移行した人で、(X)HTMLについては特に触れなかった人とか、Blogで初めてCSSに触れた人とか、CSSの魅

    CSSに見惚れてばかりじゃなくて、もっと私(HTML)を見てよっ!
    s-e-i
    s-e-i 2007/05/04
    CSSに嫉妬してるHTMLさんに萌える
  • CSSのfont-family:ヒラギノとMS Pゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキ

    CSSでのfont-familyの指定がとても悩ましい。文字コードによって表示が変わったりするし、イレギュラーケースまで想定すると煩雑なコードになってしまう。ちょっと整理しながら考えてみる。 まず、font-familyを何も指定しないと、だいたいのブラウザではデフォルトで設定されているフォントで表示されるのだが、文字コードがUTF-8だとWindowsのIE6で英数文字が「Times New Roman」になってしまう。※文字コードがShift_JISやEUC-JPの場合はデフォルトのフォントで表示される。 それでは例えば総称ファミリー名(generic-family)である「sans-serif」のみ指定してみると、WindowsのIE6では文字コードがShift_JIS・EUC-JPの場合は「Lucida Sans Unicode」で、UFT-8の場合は「Arial」で表示されてしま

    s-e-i
    s-e-i 2007/05/04
    ちょうど昨日悩んでたところでタイムリー