タグ

CSSに関するtot-mainのブックマーク (20)

  • CSSバグ辞典 Wiki

    栄光ゼミナールとほかの塾との授業料、サービスなどさまざまなポイントについて比較しています。栄光ゼミナールの授業料、サービスなど充実させたコンテンツで作成していますが、やはり一番栄光ゼミナールを知るには、資料請求が一番です。 栄光ゼミナール資料内容 日程と授業料についてのご案内 栄光ゼミナールの夏期講習のご案内 個別指導のご案内。 「今子供たちは・」資料集栄光ブックレット とっておきなDVD(届くまでお楽しみ) 栄光ゼミナールでは、はじめての方には無料の夏期講習会になります。テキストの教材費は自己負担になりますが、それでも1教科につきたったの2100円。 栄光ゼミナールは特に中学生を対象に向けて圧倒的人気のサービスです。もちろん、それに付随するしっかりとしたサービスがあります。大手の学習塾には、有名講師が授業を100人程度で聞くタイプと少人数制(6人から20人程度)できめ細やかな授業

    tot-main
    tot-main 2007/06/06
    あとで、じっくり詳しく
  • ものスゴく便利なグリッド表示用ブックマークレット登場 | Web担当者Forum

    Web担編集部の安田です。Web担のはてブ件数1万件超え()を記念して、ご愛読のみなさんのお役にたてる便利なツールを作りました。名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。ウェブデザインをする人なら日常的にdivの幅や隙間の長さを測ったりしていることでしょう。そういうときに手放せなくなるツールです。 akiyanさんが作った便利なグリッドオーバーレイのブックマークにインスパイヤされて、さらに便利な機能を盛り込んでみました。 名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。 使い方その1普通のブックマークレットです。以下のリンクを右クリックして「お気に入りに追加」(IEの場合)または「このリンクをブックマーク」(Firefoxの場合)してください。 IEでは「追加しようとしているお気に入りは安全でない可能性があります。続行しますか?」とのセキュリティ警告が出ま

    ものスゴく便利なグリッド表示用ブックマークレット登場 | Web担当者Forum
    tot-main
    tot-main 2007/05/21
    大絶賛! 意外と便利だわ。後はカラーピッカー欲しいですw
  • ( ;^ω^)<へいわぼけ: 何か専用ソフト使わないとHTML書けないおとこの人って・・・

    何か専用ソフト使わないとHTML書けないおとこの人って・・・ :様々なニュースを適当に貼っていくブログサイト。無駄な感想つき。 1: モデル(手) 2007/03/09(金) 18:37:21 ?PLT(27455) W3C、HTML 4の後継となる次期HTMLの標準策定に着手 World Wide Web Consortium(W3C)は7日、現在の標準である「HTML 4」の後継となる、次期HTML標準の策定に向けて作業部会を設置すると発表した。2007年6月には最初のワーキングドラフトを公開し、2010年までに仕様を公開する予定。 W3CによるHTMLの標準化は、1997年に「HTML 4.0」を勧告した後、1999年に修正を加えた「HTML 4.01」を勧告し、これが現在でも標準となっている。W3CではHTML 4の標準化作業を完了した後、HTMLをXMLにより再定義した「XH

    tot-main
    tot-main 2007/03/16
    むしろ、作る云々より、各ブラウザの表示の仕方を統一してくれ!(CSSとかCSSとかCSS
  • 【特集】正式版完全対応! Internet Explorer 7 CSS攻略法 | クリエイティブ | マイコミジャーナル

    Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます

    tot-main
    tot-main 2007/02/20
    後で読む!
  • あれこれポップアップとCSS生成内容 - 徒書

    CSS生成内容による属性値の表示とあれこれポップアップを組み合わせて使っている場合の問題点と、解決方法について述べてみます。 CSS2では、:before擬似要素や:after疑似要素とcontentプロパティを使うことにより、HTML文書の文に無い内容を生成することができます。例えば、引用文のマークアップ(blockquote, q要素)について、title属性で示した引用元を表示させたりすることが可能です。 CSS生成内容表示サンプル ※ Firefox, OperaなどCSS2生成内容に対応したブラウザでご覧ください。CSSHTML文書内にstyle要素として記述しています(以下のサンプルも同様)。 このようにCSSによりtitle属性の値を表示させている文書で、あれこれポップアップを同時に使用していると問題が起ります。マウスカーソルを該当の要素の上に移動させると、生成内容のうち

    tot-main
    tot-main 2007/01/27
    あとでー
  • あれこれポップアップ

    ウェブページ (HTML) にて、マウスポインタの下にある任意の箇所(要素)の情報(属性値)あれこれをポップアップに出す、 JavaScriptCSS のセット。 Web サイトの製作運営者向けの一種の「素材」。 HTML に「あれこれポップアップ」の外部 JavaScript と 外部 CSSを適用するだけで、すぐ機能します。そのはず。 多くの典型的なブラウザでは、 title 属性に何か書いてある要素部分にマウスポインタをかざすと、その title 属性値がツールチップとしてポップアップしますよね。あれのゴージャス版と思ってもらえればよいです。典型ブラウザ来のポップアップとの違いは、ポップアップするのが title 属性だけではない点。それと自分で言うのも何だけど、見てくれがカコイイ事(笑) 適用サイト利用者向け FAQ だうんろーど他 お持ち帰り用アーカイブをダウンロード 2

    tot-main
    tot-main 2007/01/27
    あとでー
  • 秀丸エディタの強調表示定義ファイルを作ってみた|CSS HappyLife

    会社で秀丸Loveな人が居て、その影響かわからないけれどいつの間にかメインエディタが秀丸になっていたのですが、特に機能を使いこなすでもなく、ナニをする訳でもなく使っていたんですが、土日の暇な時間に何となく自分用の強調表示定義ファイルを作ってみました。 ---- こっから続き 元々便利な秀丸さんですが、コレでちょっとだけCSSに特化したエディタになるかもです。 まずスペルを覚えるのが苦手なボクでもチョットだけミスが減らせます。 あと、カラーがDreamweaverっぽくなります。 むしろメインはそっちです。 Dreamweaverのカラー設定に慣れていたのであわせようかなーから派生して、気付けばプロパティ定義してました。 取り合えず、オフィシャルのファイルライブラリに置くほど手間の掛かってるモンじゃないので、ココでひっそりと公開です。 ちなみに定義しているプロパティは、CSS2.1辺り

    tot-main
    tot-main 2006/12/07
    CSS用秀丸強調表示定義ファイル
  • オンラインで動く、色, CSS, robots.txt, .htaccess等のジェネレーター色々:phpspot開発日誌

    オンラインで動く、色, CSS, robots.txt, .htaccess等のジェネレーター色々 2006年11月13日- Smashing Magazine Blog Archive Online Generators One can discuss, whether web-generators are useful or not. On the one hand, they don’t challenge our creativity, but on the other hand they make our life easier and save our precious time. However, it doesn’t matter really. オンラインで動く、CSSや画像ジェネレーター色々。 色、CSS、METAタグ、htaccess、パスワード、robots.txt

    tot-main
    tot-main 2006/11/14
    手抜きできそう。
  • スタイルシート(CSS)のトラブル、バグ集

    << |一覧 |リンク集 |ヘルプ |>> 一覧 >(1 >2 >3 >4 >5 >6 >7 >8 >9 >10 >11 >12>13) スタイルシート(CSS)のトラブル、バグ集 はじめに このサイトは、元々、スタイルシート(css)学習辞典のために私が作ったものです。stylesheet(以下、スタイルシート)の問題点、またはその対処法を、ここに整理して、報告します。 情報はしばしば訂正されます。訂正個所は更新履歴で確認できます。 誤り、ミスの指摘は大歓迎です。また、このサイトに載っていないトラブル、対処法をご存じの方は、その方法を送って下さい。その他、質問があればこちらまで。dhrname@mail.goo.ne.jp あるプロパティを使って、おかしくなったら>>CSSプロパティ別トラブルの索引(トラブルバグ集) あるHTMLの要素にスタイルシートを使って、おかしくなったら、>>HT

  • 【CSShack/CSSハック】いつie7リリースがあってもこれで大丈夫!なハック::::::STOPN' LISTEN::::::to the silence:::::::

    免責事項:サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら

    tot-main
    tot-main 2006/11/10
    おさらい
  • CSS JSON

    Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. JSON (JavaScript Object Notation) is a lightweight data-interchange format. CSS may easily be expressed in JSON notation (CSS JSON). CSS JSON is a powerful and flexible approach allowing for inheritance and logical constructs within CSS. CSS JSON Structure { "selector-1":{ "property-

    tot-main
    tot-main 2006/11/10
    スタイルを継承/構造化するためにCSSをJSONで記述
  • マウスカーソル位置のセルの左端のみをハイライトするCSS

    今日のネタもとはココ: カーソル位置のセルの上端と横端をハイライトする JavaScript たぶん、「マウスオーバーしたトコのセルについて、その上端と左端のセルをハイライトするJavaScript」なんだと思います。何で「だと思います」かというと、JavaScriptはオフにしてるもので。確かめるのがめんどくさいのだ。 で、たいへんすばらしいワザなので、まねさせていただくコトにしました。といっても、前述のとおりJavaScriptはオフにしてるので、CSSのみでやってみようと思います。 たださすがにCSSでまったく同じコトはできないので、制限を付けます。 ハイライトするのは左端のセルのみ。上端のセルはJavaScript使わないとたぶん無理じゃないかと*1。 colspanやrowspanはナシ。 ハイライトの対象はtbody内のみ。theadとかtfootではハイライトさせない。 CS

    マウスカーソル位置のセルの左端のみをハイライトするCSS
  • ドラッグ&ドロップできるサイドメニューの折りたたみ(その1:基本設定)

    「Docking boxes」という、JavaScript + CSS でサイドメニューの折りたたみとドラッグ&ドロップを実現したスクリプトの紹介です。WordPress をお使いの方は管理画面で利用されているのでご存知の方も多いのではないかと思います。 記事では一般的な設定方法を紹介し、「その2:ブログへの適用」で Movable Type 等への設置方法について説明します。 配布元にサンプルがありますのでお試しください。 1.スクリプトのダウンロード Docking boxes(dbx) のページの「Get the Script」からアーカイブをダウンロードします。アーカイブを解凍した中から下記のファイルのみを使用します。 dbx.css(または dbx-allrules.cssdbx.js dbx-key.js 他のファイルおよび画像はサンプルのためのものです。全てをアップロー

    ドラッグ&ドロップできるサイドメニューの折りたたみ(その1:基本設定)
    tot-main
    tot-main 2006/09/27
    なかなか、面白そうな感じ……。Tipsとしてメモ
  • はてブで1000usersを超える方法 - なつみかん@はてな

    具体的な方法はもっと実力のある方に聞いて頂くとして、1000usersを超えるにはやはり自作自演が一番の近道です。 .users{ background-color: #ffcccc; font-weight: bold; text-decoration : underline ; color: red; }で、 <span class="users">1000 users</span>こうすれば 65535 users とか、 6.0221415 × 1023 users という前人未到の領域も夢ではありません。どうぞご利用下さい。

    はてブで1000usersを超える方法 - なつみかん@はてな
    tot-main
    tot-main 2006/09/15
    なんか、新聞や雑誌の印刷部数みたいな方法で自己の優位性を保つ方法。発想が秀逸
  • CSSオンリーでクールなグラフを書くサンプル集:phpspot開発日誌

    Apples To Oranges ? San Francisco Bay Area Visual and Experience Design Studio CSSオンリーでクールなグラフを書くサンプル集。 3つほど紹介されていてどれもクールで実用的。 1. まず、次のようなグラフを書くサンプル。 実際のHTMLコード <style> .graph { position: relative; /* IE is dumb */ width: 200px; border: 1px solid #B1D632; padding: 2px; } .graph .bar { display: block; position: relative; background: #B1D632; text-align: center; color: #333; height: 2em; line-height

  • 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

    tot-main
    tot-main 2006/05/24
    CSS関連の不具合、精読すること
  • 【インフォシーク】Infoseek : 楽天が運営するポータルサイト

    日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。

    tot-main
    tot-main 2006/05/22
    縦書きも可能になるんだ……。
  • GIGAZINE - CSS3はこうなる

    現在のところFirefoxなどのGeckoエンジンとOpera、それからSafari/WebKitベース以外のブラウザでは実現できていませんが、次の「CSS3」だとこういうことができるよ~という例。テキストに影を付けるとか、コーナーを丸くするとかなかなか面白い。CSS3 Preview - Joost de Valk http://www.joostdevalk.nl/code/css3-preview/ ブラウザのサポート状況は以下のサイトが上手にまとまっています。 Web Browser CSS Support http://www.webdevout.net/browser_support_css.php#css3standards W3CのページによるとCSS3というのはこんな感じらしい。 Introduction to CSS3 http://www.w3.org/TR/css3

    GIGAZINE - CSS3はこうなる
  • Javascriptでバルーン:phpspot開発日誌

    Balloon tooltip This demo demonstrates how the balloon tooltip works. Roll your mouse over the links in the text below. リンクにポインタをオーバーレイするとバルーンを表示できるライブラリ。 表示としては次のようなイメージ。 実装するにはこちら→Balloon tooltip CSSなので画像を変えれば好みのバルーンが出来ますね。

  • CSSレイアウトの定石 WinIE6バグ回避法

    CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました(つまり回避法を用いない場合にどんなバグが発現するか)。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう (ブロックレベル要素を内包するボックスにはpaddingを指定しない。) 左右ボーダーとパディングを設

  • 1