タグ

HTMLとCSSに関するwackyのブックマーク (110)

  • Blogサイトで見かける変なHTML

    wacky
    wacky 2005/10/23
    ブログだけでなくWebページ全般で使える(X)HTML+CSSの基本。「アンカー用の空っぽ要素」初めて知った…。
  • Lucky bag: : blog: CSS デザインギャラリー

    世の中には (X)HTML + CSS の素ん晴らしいデザインでレイアウトされている方なんつうのはそりゃ沢山いるわけで、そんなサイトを集めたデザインギャラリー(ショーケース)サイトってのを見ていると、おいおいフォトショップ腕自慢かよって感もあるけど、結構インスパイアされたりされなかったり。そんな CSS デザインギャラリーサイトで自分が知っているものをちょっとまとめてみた。(ちなみに順不同) CSS Vault » The Web's CSS Site CSS Beauty | CSS Design Showcase Unmatched Style | CSS Design Gallery and Design Inspiration. CSS Drive css thesis: sites, that's all. » screenspire.com | the leading full

    wacky
    wacky 2005/09/21
    (X)HTML + CSSでレイアウトされたサイトを集めたデザインギャラリー(ショーケース)サイトのリンク集。
  • naoyaのはてなダイアリー - CSS signature

    はてなアイデアで、はてなダイアリーの body に CSS signature なるものをつけてほしいという要望をいただきました。(いただきましたというか、ずいぶん前のものがあがってきた、というか。) 恥ずかしながら CSS signature というのは初めて耳にしたもので、最初は何だかわからなかったのですが、どうやら body の id にサイト固有の文字列を振って、ユーザースタイルシートを使いやすくしようというものらしい。(そうとは知らずにidea:5541を id にローカルな名前をつけるっていうのはあまり前例をみないっていうんで却下してしまった、ごめんなさい。) たとえばこの日記なんかだと <body id="d-hatena-ne-jp_naoya">と振っておくと body#d-hatena-ne-jp_naoya { ... }な CSS をユーザースタイルシートに定義して

    naoyaのはてなダイアリー - CSS signature
    wacky
    wacky 2005/09/06
    idea:5541で却下された CSS signature について。ユーザスタイルシート用に body に振る id のことらしい。なるほど。
  • ジャケット画像のポップアップ #3

    およそ9か月前とついこの間に書いたジャケット画像のポップアップをInternet Explorerに対応させてみました。対応させたといってもHTMLコードを書き直さなきゃならないので、CSSハックというわけではありません。Internet Explorerに対応させるための鍵になったのはoverflowプロパティとvisibilityプロパティでした。 Internet ExplorerとFirefoxそれぞれで動く(Operaでもそれなりですが怪しい)動作サンプル以外に語る術を持たない。というわけにもいかないので、もうひとつInternet Explorer向けのサンプルを作ってみました。このページのHTMLコードとCSSコードが基になります。 HTMLの方は、 <p> <a href="https://www.amazon.co.jp/exec/obidos/ASIN/B0009AJ

    ジャケット画像のポップアップ #3
    wacky
    wacky 2005/08/22
    サムネイル画像にマウスをあわせると大きな画像がポップアップするHTML + CSS。IE向けサンプル。
  • css.maxdesign.com.au - CSS resources and tutorials for web designers and web developers

    Can you take a simple list and use CSS to create radically different list options? The Listamatic shows the power of CSS when applied to a simple list. Go to Listamatic. Well, you asked for them. Nested lists! Choose from one of the growing number of samples or submit a list of your own. Go to Listamatic2. Step by step tutorials on using CSS to create background image lists, rollover lists, nested

    wacky
    wacky 2005/08/21
    <ul>リストとCSS だけで作るメニューのデザイン・バリエーションを紹介。シンプルなものから凝ったものまで。
  • Ocher - フルCSSサイトの超高速構築

    マクロメディア集中ゼミ行って来ました(6/15 パシフィコ横浜)。C2セッションにて「CSS完全攻略!!!3ブラウザ対応のWebサイトのつくり方」を聴講。日におけるCSS提唱オピニオン・リーダーの一人、アンカーテクノロジー神森氏がプレゼンター。 いやぁー内容濃かったですね。あまりにスピーディーでちょっと置いてかれそうなところもありました。実際の内容はセッション題とはやや趣向が異なり、どちらかというとDreamweaverでのCSS Tipsみたいなノリでした。ま、Macromedia主催なので。その中で、超高速フルCSSサイト構築法が紹介されていました。(*勝手に命名) 作り方大公開(らしい) 画面デザインを領域に分け、名前を決めておく。 見出しレベルを確認。 Dreamweaverへテキストをひたすらコピペし、まず段落<P>を作成しまくる。 見出し付けを行う。 メニュー項目のリスト化。

    wacky
    wacky 2005/08/18
    フルCSSサイトの効率的な作成手順。…というかむしろ普通?
  • MoogaOne

    最新情報 2017年5月25日 千葉大学 流体数理工学 三神研究室様にご利用いただきました 2017年4月1日 国際基督教大学図書館がMoogaOneを利用しました。 2014年11月26日 日赤十字秋田看護大学・日赤十字秋田短期大学図書館様にご利用いただきました 2011年6月20日 和歌山県立医科大学図書館三葛館様にご利用いただきました 2010年3月12日 圧縮ファイル形式をlzhからzip形式に変更しました 2010年3月11日 Template.cssのスタイルに一部変更があります 2010年3月2日 大阪教育大学附属図書館様にご利用いただきました 過去の最新情報>> MoogaOneとは? 図書館に関わる方々の間で少なからず誤解されているようなのですが、MoogaOneは図書館ほか特定された用途を持つウェブページ用のひな形ではありません。 >>続きはこちら

    wacky
    wacky 2005/07/27
    ユーザビリティを保った図書館Webサイトを構築するための HTML / CSS テンプレート。
  • cocok.jp

    車を担保にキャッシングする方法 良く街頭で「車乗ったままでキャッシング」を広告を見かけることがあります。最近お金に困っており、自家用車でキャッシングできるなら、それを担保にしてお金を借りたいと思っています。具体的にどんな方法を取るのでしょうか?また、その際に気をつけることがありますか? 所有権を債権者に移す方法が主、怪しい業者もたくさんある まず車を担保にする、というのがどういうことかを考えてみましょう。担保にすることには主に2種類の目的があります。一つは相手に借りたお金をきちんと返すようにとのプレッシャーを掛けること、そして、もう一つは万が一相手がお金を返せなくなった時に、担保物を売却してそこから債権回収を図る、ということです。 それを考えると、車の場合、不動産のような抵当権を設定するわけに行きませんから、質権などの担保権を設定するか、もっとお金を貸す側にとって心強いのは、車の所有権その

    wacky
    wacky 2005/05/16
    2chのスレで張られたサイトをコメント抜きで掲載しているため、あまり役に立たないが、まぁ参考程度に。
  • 実践アクセシブルHTML

    この記事の概要 技術評論社のWeb Site Design Vol.8(2003年6月17日発売)から開始した「実践アクセシブルHTML」という連載記事の元原稿です。 連載第一回は「altはつけるだけじゃなくて」というもので、アクセシビリティの代名詞のひとつともいえる「alt属性」について、第二回はWeb Site Design Vol.9(2003年9月17日発売)に掲載された「可変フォントサイズとレイアウト」となっています。そして最終回でもある第三回はWeb Site Design Vol.10(2004年3月26日発売)に掲載された「フォームは送信してもらえばこそ」です。 基は8ページの記事として執筆を依頼されたものなのですが、第一回については勢い余って12ページ構成になってしまいました。そのために、僕は「altだけで12ページ語れる男」と呼ばれるようになったとかいう(謎)。 初稿

    wacky
    wacky 2005/03/16
    技術評論社のWeb Site Designに掲載された元原稿。アクセシブルなサイトにするための講座。
  • そろそろスタイルシートで - 使用上の諸注意

    この記事の概要 技術評論社のWeb Site Design Vol.7(2003年3月17日発売)に掲載された「そろそろスタイルシートで」という特集記事の元原稿です。 Web Site Design Vol.7のページや掲載記事には、リード文として以下のようなサマリーを入れてもらっています。 来、HTMLは文書構造を、CSSはその外観を記述するものですが、実際ほとんどのサイトでは、HTML自体にレイアウト情報が書かれているのが現状です。もろもろの理由から「CSSは使えない」ということになっているためですが、果たしてその前提って、当に正しいのでしょうか? ちょっと考えてみましょう。ウェブデザイナー必見の、簡単・わかりやすいCSS解説です。 掲載記事は全二章と1ページコラムの構成となっており、一章は「どうしてCSSは使えないといわれているのか」についての考察です。二章は「実際にCSSでデザ

    wacky
    wacky 2005/03/16
    技術評論社のWeb Site Designに掲載された元原稿。ウェブデザイナーにおくる、HTML+CSSデザインのすすめ。