タグ

cssに関するsweetloveのブックマーク (288)

  • フォントサイズ指定手法 ◁ NOTE

    This domain may be for sale!

    sweetlove
    sweetlove 2006/06/01
    ふぉんとにムズカシイよー
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
    sweetlove
    sweetlove 2006/05/31
    .mohican {otsune-style:meta; tsukkomibility:100%;}
  • css - ルビもCSSで : 404 Blog Not Found

    2006年05月31日00:55 カテゴリTips css - ルビもCSSで これ、実はCSSでなんとかなります。 檜山正幸のキマイラ飼育記 - ルビ(ふりがな)タグの話 IE6では期待通りの表示(ふりがなの「おびただ」が「夥」の上に乗る)が得られます。FireFoxはダメでした、 以下をご覧ください。 夥 (おびただ) しい数のWebページ どうです? 当blogでは、現在以下をCSSに加えてrubyを実現しています。IEでもSafariでもFirefoxでもちゃんと見えます。 /* * based upon * http://www.akatsukinishisu.net/itazuragaki/2001_10.html#ruby_for_Mozilla_3 */ ruby { display:inline-table; text-align:center; white-space:

    css - ルビもCSSで : 404 Blog Not Found
    sweetlove
    sweetlove 2006/05/31
    IEでもSafariでもFirefoxでもちゃんと見える
  • Web Developer1.0.2 日本語版

    Web Developer 日語版サポート移管のお知らせ これまで当サイトにて、日語版のダウンロード配布およびサポートを行ってきた『Web Developer』ですが、2008年3月より開発担当エンジニアの個人サイトへ全てを移管させていただくことになりました。新しいサイトのURLは、以下の通りです。 ミナトラボ:Web Developer 日語版 『Web Developer』は、開発者である米国のChris Pederick氏に協力しながら、これからも上記サイトにて日語版へのローカライズおよびユーザーサポートを継続していきます。今後とも『Web Developer 日語版』をよろしくお願いいたします。

  • Sanscons ? SOME RANDOM DUDE

    This Week’s Weekly Links of the Week - Week 13 Aug13 abbr tag, acronym tag, adsense, AJAX, am deadlink, art, bully, bush, democracy, earthquake, flickr, flickrstorm, ford, gas, global warming, google, javascript, john powers, military themepark, online privacy, photo fraud, photorealism, programming, reuters, rockstar, semantics, topix, tripod, tsunami, tv, video, video games web design This week’

    sweetlove
    sweetlove 2006/05/26
    やってみた
  • 妈咪王子奶瓶有哪些类型-新乡胜性计算机应用科技有限公司

    地址:江西新余渝水区大王村300号 电话:001-89612629 传真:001-89612629 邮箱:722114493@300.com 妈咪234344189 奶瓶Q Q号深圳和仕鑫电子科技有限公司为你提供的“和仕洁身器不用电的智能马桶盖妇洗器冲洗器便后洗屁股”详细介绍,些类型包括洁身器价格、些类型型号、图片、厂家等信息。如有需要,请拨打电话:13008855572。不是你想要的产品?,让供应商主动联系你。 妈咪“和""冲洗机,奶瓶品厂冲洗机械公司生产与销售品厂冲洗机,奶瓶品行业不锈钢清洗机设备及品级清洁小工具,符合并解决各类品生产业所遇到的清洁问题;冲洗机分系统式清洗机主站及移动式清洗机两大系列,清洁小工具拥有多个产品系列,品种齐全、品质优越,10种颜色可分区使用冲洗机,品厂冲洗机械冲洗机先以泡沫进行对清洁物的覆盖、浸润再进行清水冲洗或消毒,采用又节能的清洗方式;其系

    sweetlove
    sweetlove 2006/05/25
    絶対指定は控えめに
  • IE7 は CSS ハックと DOCTYPE スイッチを過去のものとするか?

    IE7 で従来の CSS ハックが使えなくなることは予告されていた。 Cascading Style Sheet Compatibility in Internet Explorer 7 Internet Explorer 7で使えなくなるCSSハック 一般向けの IE7beta2 の公開を受けて書かれた佐藤信正さんの記事は、文書型宣言の書き方次第で描画ルールを切り替える機能(いわゆる DOCTYPE スイッチ)と CSS ハックの違いがうまく説明されておらず、一部に誤解を招いているように思う。 Internet Explorer 7ベータ2の不具合からWebデザイン業界の混乱が見えてきた(佐藤信正さん) IE の DOCTYPE スイッチは、基的には、新しい HTMLCSS 解釈モードを搭載したブラウザに、古い(誤った)解釈をさせるために用意された機能だ。多くのウェブ製作者が文書型宣

  • Internet Explorer 7ベータ2の不具合からWebデザイン業界の混乱が見えてきた - 日経トレンディネット

    次期Windows OS「Vista」に標準搭載される「Internet Explorer 7(IE7)」(日語版)のベータ2が連休明けの9日公開された、という表向きの話はデジタルARENAのニュース「マイクロソフトがInternet Explorer 7 ベータ2を公開」を読んでいただくこととして、こちらはWeb業界には気になる、Web表示の互換性の問題に踏み込んでみよう。 まず、単純な話、IE7って使いものになるのか。なる。最初はメニューが見えないので戸惑うけど、Altキーを押せば出てくる。RSSリーダーの機能だってFirefoxとどっこいどっこい程度には付いている(笑)。マクロソフトの看板アプリケーションに抜かりがあるはずはない。 ところが、IE7で表示したとき、レイアウトが崩れてしまうサイトがいくつかあった。例えば、このコラムを書いている12日現在、「はてなダイアリー日記」はIE

    sweetlove
    sweetlove 2006/05/23
    IEなくなればいいのに
  • CSS Navigation Techniques (37 entries)

    © 2006 vitaly friedman. A showcase of css-based navigation menus & tabs. rss | rss | contact

    sweetlove
    sweetlove 2006/05/21
    タブメニューいろいろ
  • はてなブログ | 無料ブログを作成しよう

    絵の超初心者ド下手くそ人間が、20日間絵を描いて感じたこと わたしは、「文の人」だ。絵を描くのは大の苦手。 そんなわたしが、ひょんなことから絵を描き始めた。 そうしたらおもしろくなって約20日間、なにがしかを描きつづけている。 未知の領域での挑戦は、発見が多い。 また、ここまで絵を描けない人間の挑戦は、あまりネッ…

    はてなブログ | 無料ブログを作成しよう
    sweetlove
    sweetlove 2006/05/21
    はてなっぽいデザインも好きだなぁ
  • 認証がかかっています

    こちらのブログには認証がかかっています。 ユーザー名 パスワード Powered by Seesaa

    sweetlove
    sweetlove 2006/05/18
    計算された余白はむずかしい…
  • blog*citron | BlogPeopleのカスタマイズ

    sb/Serene Bachのテンプレート、blogカスタマイズTipsや素材と、アンテナに引っかかったものを勢いのままに書き綴るブログ(でした) Info Archive Link Profile web*citron Home > tips > Here! 登録サイトが増えるとごちゃごちゃしがちなBlog Peopleのリスト。CSSでリンクリスト(カテゴリ)ごとの見た目の区別をはっきりつけてあげることで、ちょっとスッキリさせてみるテスト。(※div出力形式のもの) 4パターンのサンプルとソースを載せています。 使い方はCSSにコピー&ペーストするだけです(アイコン等は必要なものは別途ご用意下さい)カスタマイズはご自由にどうぞ。 リンクカラーはお使いのテンプレートの設定によりますが、サンプルで使用している色を記載していますので参考にどうぞ。テンプレートと雰囲気を揃えたい場合は、テンプレ

    sweetlove
    sweetlove 2006/05/17
    なるほど。やってみよー
  • 改装しました - Mugi2.0.1

    ■[雑] 改装しました デザインをリニューアルしてみました。テーマを「指定なし」にして,CSSを自作。 「はてなCSSをいじるのは面倒だな」と思って,ずっと手を付けずにいたのですが,強力な助っ人を手に入れたので,ちょっと気を入れてチャレンジしてみました。 Dreamweaver8 です。CSSの入力支援が便利ですね。CSSは手打ちすることが多く,スペルミスで表示されないこともよくあったのですが,頭の数文字を打つとマッチする属性や値の候補から選択できるので,ミスも減り,作業も速くなりました。 テキスト主体のブログ,パーマリンクで特定の記事だけを読まれることが多いブログのデザインはどうあるべきか。ぼくのひとつの結論を形にしてみました。 サイドにあったメニューを下に持って行きました。記事・コメントを読んでスクロールして行くと,メニューの大事な部分もいっしょに流れて行ってしまう。ならいっそのこと

    sweetlove
    sweetlove 2006/05/12
    footer部分にメニュー配置 「静かなページ」がイイ!
  • GIGAZINE - 使えるCSSコードいっぱい「Dynamic Drive CSS Library」

    CSSを使ったタブ型の各種メニューとか、CSSによる画像のポップアップとか、ドロップシャドウやページカールの作り方などのコードが実際の例と一緒に置いてあります。実例を見てから選ぶことができるので、希望通りのものが手に入りやすいです。 Dynamic Drive CSS Library- Practical CSS codes and examples http://www.dynamicdrive.com/style/ RSSもあるので新しいコードが追加されればすぐにわかります http://www.dynamicdrive.com/style/csslibrary/rss/ コードの種類としては以下のような感じでカテゴリ分けされています。 横型のメニュー http://www.dynamicdrive.com/style/csslibrary/category/C1/ 縦型のメニュー h

    GIGAZINE - 使えるCSSコードいっぱい「Dynamic Drive CSS Library」
    sweetlove
    sweetlove 2006/05/11
    Tabメニューや画像のポップアップなど→やってみた。
  • Online CSS Optimizer / Optimiser

    Your Andy's account is now active and you're logged in. All available coupons will be applied automatically in your shopping cart! Your Andy's account is now active and you're logged in. All available coupons will be applied automatically in your shopping cart! Every once in a while, we at Andy's peer outside the industry and share a glimpse of things we find interesting. That's what you'll find b

    sweetlove
    sweetlove 2006/05/07
    CSSのファイルサイズをダイエット
  • これで全部ブラウザテスト

    PG WALLET สล็อตออนไลน์พร้อมเงินฝากอัตโนมัติ pg slot วอเลท ผู้ให้บริการสล็อตออนไลน์ระดมทุนผ่าน True Money Wallet บริการสล็อตฟรีที่พร้อมมอบประสบการณ์การเล่นเกมสล็อตออนไลน์และบริการฝากเงินให้กับคุณ ง่ายๆ ด้วยวิธีการฝากเงินยอดนิยมในปัจจุบัน บัญชีทรูมันนี่ หรือ ทรูมันนี่วอลเล็ท PGWALLET ครบวงจร แนะนำสมาชิกใหม่ ส่วนลด 50% ข้อเสนอพิเศษสำหรับสมาชิกใหม่ โบนัสฟรี 50% ฝากครั้งแรกเพียง 100 บาท slot pg รับวอลเ

    sweetlove
    sweetlove 2006/05/06
    Tigerのページデザインについて
  • Open Source Web Design - Download and upload free web designs.

    Open Source Web Design is a platform for sharing standards-compliant free web design templates. We give web publishers a voice through good design.

    sweetlove
    sweetlove 2006/05/06
    1000以上のテンプレートが無料でダウンロードできる
  • Lucky bag::blog: CSS Reboot に見るウェブデザインのトレンド

    以前にも取り上げた事があったけど、CSS Reboot ってのは、ウェブサイトのリデザインを期日を決めて一斉に行なうイベント。多分もう 3 回目くらいだと思うんだけど、5 月 1 日に 2006 Spring が行なわれたばっか。CSS Reboot のサイトでは、リデザインしたウェブサイトが紹介されてて、誰でも気に入ったサイトに投票できるようになっている。ちなみに、CSS Reboot のその場でクリックするだけで評価できる vote 機能は、シンプルで良いな。送信した後に、Total score も表示されるし。 んで、Christian Montoya が今回の Reboot でのデザインのトレンドについて書いていたんだけど、大雑把に書き出してみると下記のような感じ。 1024px の幅 Silk Icons の使用 暗い背景に明るい色のテキスト 大きめのフッタ 1024px の幅

  • 角丸ライブラリ - tikeda::Diary:

    最近角丸を作る機会が多かったので、今後の為に色々整理してたんですが、公開しておきます。使えそうだったらいじって使ってください。中身の文書を書き換えれば上下左右と可変するように柔軟になっています。また、一部PSDも同封してます。 0501curve.zip 中身はこんな感じ。 ベーシックなタイプ 01:小さ目な角丸 02:大き目な角丸 03:斜線の角丸(背景画像をループ) 04:ストライプの角丸(背景画像をループ) 05:木模様の角丸(背景画像をループ) 06:リボンのついた角丸(背景画像を固定) 4つ角をの内側を透過GIFにしてるので、大枠の背景を変えれば発想次第で色々と使えると思います。HTMLCSSは大体こんなんです。divが多いのがちょっと嫌な感じですが。はてな内ではspanでやってたりもします。 HTML <div class="curve-01"> <div class="cu

    角丸ライブラリ - tikeda::Diary:
    sweetlove
    sweetlove 2006/05/01
    /*色んな角丸ができる */
  • はてな内の2カラムレイアウト - tikeda's blog

    最近のリニューアルなどを経て、はてなのサイトは、2カラムでブラウザサイズに合せてメインカラムが可変するレイアウトが増えてるのですがキーワードページなどメインカラムの要素が様々だったり、カラムの上下左右と柔軟性が必要な場合が多く、色々やりくりした結果、floatを使った以下の方法で定着しています。 HTML <div id="main"> <div class="box"></div> <div class="box"></div> </div> <div id="sidebar"> </div> CSS #main{ float:left; width:100%; } #sidebar{ float:left; width:250px; background:#CCC; margin-left:-260px; } .box{ margin-right:260px; }こうすると、メインカラ

    はてな内の2カラムレイアウト - tikeda's blog