タグ

cssに関するnagatsukosukeのブックマーク (6)

  • HTMLとCSSしか書かなかったコーダーは今なにしてる? - Hato-Style

    2009年09月13日 (日) Web雑談 風邪ひいた。頭が痛くて熱が下がらない...しかし悶々として眠れない。いろいろと他にの人に迷惑かけちゃったり、マジごめんなさい。ちょっと寝付けなくなっちゃったので、横になりながら頭の中で思ってたことをiPhoneでメモ書き。 マークアップエンジニアはどこへ向かうべきか(を考えてたらカッとなって LL の資料公開) - IT戦記 HTMLは道具 3ping.org マークアップエンジニア云々に関して書いてみる | Blog hamashun.com プログラミング知らないHTMLコーダーがダメな理由 はてな匿名ダイアリー HTMLコーダーやWebデザイナーをバカにしているプログラマーは全員腹切って死ね - kwatchの日記 (X)HTML + CSS しか出来ない人はそれなりに危機感を感じたほうがいいと思った今日の昼ご飯でした。 マークアップエンジ

    nagatsukosuke
    nagatsukosuke 2009/09/14
    これは耳が痛い人が身近に何人かいるんじゃないかな?
  • RedLine Magazine : 印刷用CSSのお話

    印刷用CSSのお話 最近担当したサイトでは印刷用CSSをたいがいセットにしてます。同業者の方だと経験あるかもしれないですが、昔の鬼級テーブルレイアウトの頃は言われた事なかったんですがCSSを使い始めてから「背景が印刷できない」と、よく言われました。「ブラウザの設定で『背景も印刷する』にチェック入れると出てきますよー。デフォルトではインク節約仕様になってるんすねー(嘘かホントかは知らない)あはははー」とか返してました。 デフォルトの状態で印刷できないってのは問題あるだろってのはもちろんちゃんと分かってたんですよ。ここは背景扱いにしたらデフォ状態で印刷したらエラい事になるぞ、とか使い所の選別はしてましたし。まぁでも「あなた、なんでもかんでも画像化するの大好きなクセに検索対策っ!検索対策っ!さっさと検索対策~!って言うじゃん」とか憤も溜まってました。 印刷用のCSSを用意するようになってからは

    nagatsukosuke
    nagatsukosuke 2009/07/04
    プリントCSSを適用
  • Apple風のクールなパンくずリストをクールに実装するサンプル:phpspot開発日誌

    Simple scalable CSS based breadcrumbs | Veerle's blog Apple風のクールなパンくずリストをクールに実装するサンプル。 マークアップが次のようにシンプルに書けるのがいいですね。 項目間の > のみを画像にして実装しているところがなかなかクールです。 関連エントリ これさえやればCSSをマスターできるかもしれないCSSチュートリアル&サンプル20 の目次部分のようなリストをCSSでデザインするテクニック CSSとdivを使った画像先読みテクニック

    nagatsukosuke
    nagatsukosuke 2009/02/15
    なんかの案件で使ってみよう!
  • Apple風のインターフェイスを実装するチュートリアル集

    Apple風のインターフェイスを実装するスタイルシートやスクリプトのチュートリアルの紹介です。 Create an apple style menu and improve it via jQuery

    nagatsukosuke
    nagatsukosuke 2008/09/29
    たぶんいつかなにかに使える事を夢見る。
  • テキストにグランジ風のエフェクトをつけるスタイルシート | コリス

    janko at warp speedのエントリーから、h1やp内のテキストデータに、グランジ風のエフェクトをつけるスタイルシートを紹介します。 Add grunge effect to text using simple CSS デモ 仕組みは、以前当サイトでも紹介した「テキストにグラデーション効果をつけるスタイルシート」と同じもので、背景画像を変更したものとなっています。 空spanを使用するため好みは分かれると思いますが、画像で作成することに比べて、テキストデータだと修正・更新が容易という利点もあります。 デモは、下記のようになっています。 HTML <textarea name="code" class="html" cols="60" rows="5"> <h1>This is one very long title with grunge effect<span></span>

    nagatsukosuke
    nagatsukosuke 2008/08/12
    CSSってやっぱりいいよね。
  • 印刷用デザインをきれいにまとめるための7つのポイント - TRANS [hatena]

    印刷用デザインもWebサイトにとっては1つのデザインだと言えます。制約がある印刷用デザインをきれいにまとめるためのポイントを上げてみました。 印刷用デザインをどうするか。 当ブログで印刷用CSSをはじめて取り上げたのが2006年12月でした。また、2007年4月にも印刷用CSSをもっとよくするための4つのTipsという内容で取り上げました。 さて、今回取り上げるのは今までと違い、印刷用CSSのコーディングではなく、純粋に印刷用デザインはどのようなものがよいか、というものです。コーディングではなく、いかにデザインするか。 ちょうどアックゼロヨン・アワード2007の結果発表もあったことなので、その受賞作の印刷用デザインを参考にしました。また、ADP: 印刷用CSSの書き方(基編)もかなり(むしろほとんど)参考にさせてもらいました。そのポイントを以下の7つにまとめました。 なお、文末にアックゼ

    印刷用デザインをきれいにまとめるための7つのポイント - TRANS [hatena]
    nagatsukosuke
    nagatsukosuke 2008/05/19
    print.cssを作るときの考え方
  • 1