CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ
Webデザインをするときに、必ず使うスタイルシート。思うようなレイアウトを作るために、チェックしておきたいブロックレベル要素や、インライン要素のクセみたいなのをまとめてみました。後半はスタイルが反映されない原因のひとつ、スタイルの優先順位についてです。 Attention 記事公開時からいろいろと勉強して、この記事内で紹介している事柄で、間違った解釈をしていたなーと気がつきました。 この記事の中でいくつか追記してありますが、詳しくは、新しく書いた 11月7日の記事：CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ を読んでみてくださいね！ New Post Webサイトをデザイン、レイアウトするのに欠かせないのが CSS（Cascading Style Sheets、スタイルシート）ですね！今では CSS3 が話題を集めていて、CS
自分的HTMLテンプレートの組み方 | Takazudo Clipping*
自分的HTMLテンプレートの組み方と例です。 まぁ、やるたびにちょこちょこ変えてるんですけど、2009年7月版ってことでざっくり説明。 空テンプレ モジュール一覧 サンプル ダウンロード用 エリアとモジュール 繰り返し使用される要素の塊をモジュールと呼び、エリアの中にこれを並べてページを作成するのを基本とする。 モジュールの開始要素には、「mod_moduleName」のようにclass（もしくはid）をつける。 モジュールやエリアのclass/idを起点に全てのスタイルを指定する。p、h1～h6、blockquote、table等、要素自体に直にスタイルを指定してはいけない。（グローバル変数を使っているような状態になってしまうため、以降考慮するのが面倒。リセット程度に済ます。） モジュールにスタイルを指定する際には、mod_moduleNameを起点としてスタイルを指定し、カプセル化を
コードの読めない人間によるマイクロフォーマットとセマンティックウェブ論 - Casual Thoughts about Any Phrase
最近、素人くさいマイクロフォーマット論を展開しており、いつ「お前は全然わかっとらん」という突っ込みがくるかびびっていたが、yomoyomoさんから下記のマイルドなトラックバックを頂いた。 microformat という言葉はもちろん以前から何度も耳にしていたが、よく理解していなかったので個人的にとてもためになった。 しかし……これを読んで思ったのは、「でもそれってセマンティック・ウェブでは？」という疑問である。 マイクロフォーマットが目指すものはセマンティック・ウェブとは違うのか？ これを読んで、「えっ！マイクロフォーマットって、セマンティック・ウェブ実現のための一つの手段ではないの？やばい、やってしまったか・・・」と、ぱっと思い、紹介されている下記のリンクやWIKIPEDIAを読んでみた。 Microformatの先へ 世界はセマンティック・ウェブを受け入れる準備ができている WIKIP
サービス企画をする人のための「セマンティック WEB 」講座 : LINE Corporation ディレクターブログ
こんにちは、齊藤です。 7月15日にライブドアに入社しました。livedoor Readerとlivedoor クリップを担当しています。前職はエンジニアでしたので、技術の話もできるディレクターとして頑張ります。 今回は、「セマンティック WEB 」をサービスの企画に活かすための実例を紹介していきたいと思います。皆さんは「セマンティック WEB 」という言葉を聞いたことがあるでしょうか。今回はセマンティック WEB 構想を簡単にご紹介して、そのビジネス的な観点を考察してみたいと思います。 【01】セマンティック WEB 構想とは何か セマンティック WEB は、WEB 上に存在する様々なページにメタデータを付与することによって、WEB の世界を単純なデータの集合から進化させて、「意味」や「関係性」を持たせた巨大なデータベースにしてしようという構想です。その具体的な表現方法として、XML /
Some Talks - XHTMLスライドを用いた発表資料のいくつか
セミナーや講演会でお話ししたときのスライド資料のいくつかをウェブ版として公開しています（ウェブ版スライドについて。タッチデバイスのスワイプに対応しました）。 ※情報は基本的にお話しした当時のものなので、古くなっている可能性があります。スライド機能はスクリプトとスタイルシートを利用しています。これらが機能しない場合は、通常の1ページのXHTMLとして表示されます。 2023年 ポータルの連携・利活用のための識別子共有とデータ設計 - 2023-12-06, 第127回 国際ARCセミナーの講演資料 Linked Dataで考えるメタデータの繋がりと広がり - 2023-09-30, TP＆Dフォーラム2023の講演資料 ジャパンサーチ利活用スキーマとSPARQL - 2023-02-11, ジャパンサーチAPIハッカソンの講演資料 2022年 テキスト分析を用いたデジタルアーカイブ産業化マッ
css Zen Garden：CSS デザインの美
A demonstration of what can be accomplished through CSS-based design. Select any style sheet from the list to load it into this page. Download the example html file and css file The Road to Enlightenment Littering a dark and dreary road lay the past relics of browser-specific tags, incompatible DOMs, broken CSS support, and abandoned browsers. We must clear the mind of the past. Web enlightenment
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
