[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

タグ

cssに関するfumix-hatのブックマーク (55)

  • Andre E Hansson

    Kontokredit och kortkredit Kredit är något vi alla har en grundläggande förståelse för. Det handlar om möjligheten att nyttja pengar när behovet uppstår men man själv inte har tillräckligt med pengar för stunden. Ska man använda kredit är det värt att lära sig lite mer om hur det fungerar först. Kredit kommer oftast i två olika former: kontokredit och kortkredit. Här kommer jag att förklara lite n

    fumix-hat
    fumix-hat 2010/03/24
    webページ上にgridをひいてくれるbookmarklet。カラム数とかも設定できる。便利!
  • 現場のプロから学ぶXHTML+CSS 近日発売 - エスカフラーチェLLC

    fumix-hat
    fumix-hat 2008/11/05
    お、これは良さそう。教材として買おう
  • TRANS [hatena] - 印刷用CSSをまとめてみた。

    以前、絵文禄のことのはさんのところで、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論というエントリーがあった。それから、ちょっと印刷用CSSに興味を持って、色々と調べてみたり、自分で書いてみたりした。そのまとめ。 ちなみに、#naviがグローバルナビゲーション、#primaryがメインコンテンツ、#secondaryがサブメニュー、#footerがフッター。 とりあえず、最低限やっておいたほうがよいこと。 body { font-size: 12pt; color: #000000; background-color: #FFFFFF; } a:link, a:visited { text-decoration: underline; color: #000000; } img { border: 0; } 印刷で読まれることを勘案するのなら、font-sizeはある程度

    TRANS [hatena] - 印刷用CSSをまとめてみた。
  • 株式会社アンタス - 次の時代のマーケティングテクノロジーを

    年末年始休業のお知らせ お客様各位 毎度格別のご愛顧をうけ賜りありがとうございます。 誠に勝手ながら下記日程で休業とさせていただ... NEWS アンタスのエンジニア 異業種からの転職4 エンジニア紹介 塾講師として理系の受験生のために尽力してきた鶴谷君。前職でWEBシステムに携わったことがき... BLOG

    株式会社アンタス - 次の時代のマーケティングテクノロジーを
    fumix-hat
    fumix-hat 2008/07/04
    リストに画像を突っ込んだ時にできる隙間(IE限定)を回避・・・IE爆発しろ!
  • 新規サイト制作セット(CSSライブラリ+基本フォルダ構造+HTMLテンプレート)、一式zipでダウンロードできるようにしました

    Account Suspended This Account has been suspended. Contact your hosting provider for more information.

  • ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips

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

    ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips
  • ウノウラボ Unoh Labs: JavaScriptを使わないスターレイティングの作り方

    こんにちわ、山下です。 Amazonなどで使われているような商品を☆の数で評価するスターレイティングというものがあります。今回は、CSS The Star Matrix Pre-loadedに紹介されている記事を参考に、その作り方を簡単に紹介しようと思います。 1.画像を用意する まず次のような1枚の画像を用意します。16×16ピクセルの☆が、横に5個、縦に11個並んでいて、下に向かうに従って色の付いている☆の数が増えているのがポイントです。 2.HTMLを書く HTMLはとてもシンプルで、ULリストを使います。 <ul class="rating onestar"> <li class="one"><a href="#" title="1 Star">1</a></li> <li class="two"><a href="#" title="2 Stars">2</a></li> <l

  • MOONGIFT: » ついに登場!CSSフレームワーク「Blueprint」:オープンソースを毎日紹介

    誰かがきっと作ってくれると思っていた。 prototype.jsのようなライブラリを利用するのは、便利な機能が多いという事もあるが、各ブラウザ間での相違を吸収してくれるという点も大きい。 その点において、CSSもまた各ブラウザ間での表示の差異が大きい。そこで試してみたいのがこれだ。 今回紹介するオープンソース・ソフトウェアはBlueprint、ブラウザ間の描画差異を吸収して簡単にマルチカラムを実現してくれるCSSライブラリだ。 Blueprintはヘッダ、コンテンツ、サイドバー、フッターのようなテンプレートをクラス指定するだけで簡単に作成できる。デフォルトのフォーマットはリセットされているので、ブラウザ間の違いが出るマージンやパディングの差異も吸収してくれている。 また、印刷時のCSSも用意されている。これを使えば印刷時やプリンタ経由でのPDF作成時に綺麗なものが仕上がるようになる。今後の

    MOONGIFT: » ついに登場!CSSフレームワーク「Blueprint」:オープンソースを毎日紹介
    fumix-hat
    fumix-hat 2007/08/08
    cssのフレームワーク。ブラウザ間の差異を吸収して簡単にマルチカラムレイアウトを実現。印刷にも対応??
  • コーディングガイドライン

    構造と見た目の分離の必要性 HTML は Markup (意味付け)する Language (言語)です。例えば文脈のなかで、「ここは見出しですよ」「ここは段落ですよ」などという感じに「意味付け」を行い、文書構造を記述するための言語です。 ところが HTML は Web ページのレイアウト目的に使う仕様が多数盛り込まれ、その簡便さ、習得のしやすさと柔軟性から、来の「意味付け」以外のレイアウトや見栄えに関する要素が多く使われていました。 それでは来の HTML の目的に反するということで、「見た目」の部分を担当する CSS が策定されました。 建築物に置き換えるならば、きれいな骨組みの建物(HTML)に壁の色を塗ったり窓の形を変えたり(CSS)という感じでしょうか。いくらきれいな色を使っていても設計ミスの建物では使い物になりません。文書でも同じことが言えるもので、プレーンに理解しやすい文

    fumix-hat
    fumix-hat 2007/05/11
    (X)htmlのコーディングガイドライン
  • [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 版に加え

    fumix-hat
    fumix-hat 2007/03/16
    widthを設定した要素にはマージンを設定しない!
  • CSSプルダウンメニュー1 〜CSSテクニック〜

  • Faux Column CSS Layouts - Code-Sucks.com

    Coming SoonGet ready, something cool is coming!

    fumix-hat
    fumix-hat 2007/03/14
    CSSレイアウトサンプル集
  • 最初に指定しておくと便利なCSS | Tech de Go

  • フッターとかの区切り『|』のサンプル4種|CSS HappyLife

    フッター部分のメニューなどを区切る際のサンプルを適当に。 p要素でやるとこんなヤツです。 Home|アバウト|イラスト|BBS サンプルに使うhtmlは、ul要素を使った下記をベースに使用してます。(サンプルに寄ってid名とか変わりますが) <ul id="sampleFooter"> <li><a href="/">Home</a></li> <li><a href="/">About</a></li> <li><a href="/">Gallery</a></li> <li><a href="/">Blog</a></li> </ul> んでは、いってみますか。 一番書きたかった内容は最後に書いてます。 普通に縦線を書いた感じ 実際の表示です。 Home| About| Gallery| Blog 普通にhtmlに|を記述しているのでソースは当然下記のように。 <ul id="samp

    フッターとかの区切り『|』のサンプル4種|CSS HappyLife
  • Wii と CSS /miniturbo::Blog

    自己紹介 詳細 しょうの です。 最近は、Wiiにはまっています。 Wiiを持っている方は、是非「Wiiばんごう」交換してください>< 3395 2337 7032 7974です! 日のアジェンダ インターネットチャンネルとは CSSの対応状況 ネックとなる"解像度" いつでもどこでも"screen" CSS3のMedia Queryを利用する インターネットチャンネルってなに? Wii用に作られたWebブラウザ ...とはいっても、中身はほぼOpera 9 CSS1, CSS2, CSS2.1にほぼ対応 Ajax, Flash (~7)に対応 現段階ではお試し版(正式版は3月末リリース予定) (これよりインターネットチャンネルをWii Operaと表記します)

  • bodyに設定しておくと便利な3つのポイントとおまけ|CSS HappyLife

    CSS(スタイルシート)でbodyに設定しておくと便利な5つのポイント - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記を読んで、ボクなりな最初に指定して置くと良いポイントを上げたくなったので書いちゃいます。 むしろこのサイトの方向性的に有った方が便利だよなーと。 書くきっかけを頂き、感謝いたします。 ちなみに、最初に指定しておくポイントってそれぞれだと思うので、一つの参考として読んでいただければ幸いです。 最初にbodyに指定しておくと便利だと思う3つを。 body { background:#FFF url(../img/share/bg.gif) no-repeat left top; font-family:Verdana, "MS Pゴシック", sans-serif; font-size:80%; } じゃあ、詳細について色々書

    bodyに設定しておくと便利な3つのポイントとおまけ|CSS HappyLife
  • CSSの小技集、20個:phpspot開発日誌

    CSS Techniques Roundup - 20 CSS Tips and Tricks I never cease to be amazed at what problems can be solved with pure CSS. CSSの小技集、20個。 どのテクニックも、誰もが使うであろうテクニックで便利なものばかりです。 角丸 画像なしの角丸 投票用スターの作成 テーブルなしのフォーム リストをCSSでデザイン 2カラムレイアウト 3ラムレイアウト 3カラム固定幅、中央寄せ 印刷とCSS RSSフィードにスタイルシートを指定 固定フッター 要素にHoverエフェクトを加える HRタグへのCSS FloatのClearに関するテクニック CSSでポップアップ小窓 ボックスの見出し(Box Punch)を表現  CSSボタン オレンジのRSSボタンをP

  • [を] 右上フロート広告枠の雛形

    右上フロート広告枠の雛形 2006-08-18-1 [Tips] 自分用メモ。CSSとdiv。Firefox 1.5, IE 6 で確認。 <style> .box {margin:10px;padding:10px;background-color:#ccc;} .ad_area {float:right;width:180px;padding:0px 10px 10px 10px; background-color:#fff;} .ad_inner {border:solid 1px #888;padding:9px;} .ad_item {border-top:dotted 1px #888;padding-top:5px;margin-top:5px;} </style> <div style="margin:100px"> <div class="ad_area"> <div

  • スタイルシートを書く時のガイドライン - 2xup.org

    2006-07-11T19:56:28+09:00 会社ではやっているのだけれど、自分のウェブサイトでもやってみよう。と簡略記述を利用する場合の値の順序やらもまとめとく必要があるのかもしれないけれど、セットフォーマットルールやプロパティの順番だけをサクッとまとめて資料にしてみました。課題は残したもののこれだけでも相当すっきり。詳細やセットフォーマットルールに関しては、ダウンロードできるようにしている資料を参考にしていただくとして、このエントリーではプロパティの順序についてまとめることに。自分自身が実際に作業を進めていくことを考慮し、その考えに基づいて設定したモデル別の順序は以下の通り。 生成 内容, 自動番号付け及びリスト (Generated content, Automatic numbering, and Lists) 利用者インターフェイス (User Interface) ビジュ

  • ブログのCSSデザイントップ20 - GIGAZINE

    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

    ブログのCSSデザイントップ20 - GIGAZINE