タグ

CSSに関するakzのブックマーク (251)

  • http://avalonstar.com/2006/07/11/htmls-a-tag-too/

    akz
    akz 2006/07/13
    htmlタグをもっと活用しようという話。
  • XHTML/CSS リファレンス [WEB ARCHIVES RETURN AGAIN]

    以下のリソースはflyson氏が作られたものです。 サイトの閉鎖時に煮るなり焼くなりご自由にと仰っていますので、コチラに転載させて頂きました。 XHTML リファレンス CSS リファレンス

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

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

    akz
    akz 2006/07/11
  • Hot Dates with CSS by Christian Montoya, christianmontoya.com

    Here are some demonstrations of ways to make blog dates look like small calendar pages. Read the related blog entry at christianmontoya.com Update July 9, 2006: This demonstration has been rewritten using the Microformats date-time-design pattern. Unfortunately I had to use "acronym" instead of "abbr" because IE 6 does not support "abbr." First, the markup All dates will have the following markup.

  • サービス提供終了のお知らせ

    日頃より、Momoたろうインターネットクラブをご愛顧いただきまして誠にありがとうございます。 「ホームページサービス」のサービス提供は2015年11月30日をもちまして終了させていただきました。 これまで長らくご利用いただき、誠にありがとうございました。 今後も、皆様によりよいサービスをご提供させていただけるよう、サービス品質向上に努めて参りますので、何卒、ご理解いただけますようお願 い申し上げます。 <Momoたろうインターネットクラブをご契約のお客様へ> 後継サービスとして「userwebサービス」を提供させていただいております。 詳しくは、以下のリンクをご参照ください。 ▼「userwebサービス」のご案内 http://www.ejworks.info/userhp/mmtr/index.html 今後ともMomoたろうインターネットクラブをご愛顧いただけますようお願い申し上げます

  • カラー関連の情報を CSS 内に記述 - lucky bag

    CSS ファイル内に Color Glossary を記述しておくってのは、複数人で CSS を管理する際はもちろん、自分にとっても明快なんで、とても良いアイデアだと思う。 Garrett Dimon / CSS Maintenance Tip: Use a Color Glossary Glossary をもとに CSS ファイル内を検索・置換で色の変更なんかも簡単にできるし、メンテナンス性が高まるのは言うまでもない。こういった記述は、自分(またはグループ)が分かりやすいように関連づけて明記しておくのが良いと思う。例えば、ヘッダの色とか、見出しの色とかのパーツ単位でも構わないんじゃないかと。 んでもって、ウチの場合はちょっと拡張して、CSS 内に下記のようにカラーネーム、Hex 値と RGB 値の記述をしている。 /*================ColorScheme========

  • CSS Bloom - CSS Web Gallery and WebSite Design Inspiration

    正规服务资质 Formal service qualification 20年服务经验 20 years service experience 专业的服务团队 Professional service team 规范化服务流程 Standardized service process 专业资质、证书齐全让服务更安心 广东2007so太阳集团产业集团有限公司创始是东莞市宝丽洁清洁服务有限公司。 经过20年的高速发展和整合,公司已颇具规模,综合实力在东莞市环保行业中名列前茅,品牌影响力已辐射全国多个地区。 专注保洁服务已经有20年让服务更专业 在绿化清洁服务方面具有20年的管理与实施经验,对项目的实施进度及质量负责。 主要业务为:外墙清洗、石材翻新、地毯清洗、防水补漏、物业保洁、消杀四害、园林绿化、环境治理、水池清洗等。

    CSS Bloom - CSS Web Gallery and WebSite Design Inspiration
    akz
    akz 2006/06/19
    また新たなCSSギャラリーが?/いま落ちてる。
  • (X)HTML の id/class における命名規則 on CSS Flight - Jun, 15th 2006 (6)

    (X)HTML の id/class における命名規則 purprin, <purprin [at] gmail.com> 2006.6.15 at CSS Flight プロフィール 1/2 purprin -「プルプリン」と読みます- コトノハ をきっかけにこの業界に 「purprin」は「パープリン」としか発音できなくね?とこっそり思ってる paperboy&co.所属 I love penguin(o e o)/ プロフィール 2/2 (X)HTML, CSS に魅せられた経緯 もともと Web は大好きで、趣味でひどいテーブルレイアウトのページをつくっていた 2年ほど前に友達に依頼されてつくったサイトでMovable Type を導入して改造をしながら勉強 ある時 HINAGATA で Kaminogoya 君の書く beautiful な(X)HTML+CSS に心奪われる -

    akz
    akz 2006/06/16
  • Smarty でタブを作るプラグイン

    phpを書くときは、Smarty 必須状態なのですが、今まで外部プラグイン機能は一切付け加えず、デフォルトのコマンドだけで作っていました。それで特に困ったことはないんだけれど、プラグインを使ってみたくなり作ったのが、smarty_function_hetima_tab。 公式WikiのSmarty Pluginsページ に html_tabs というのが投稿されてますが、これはタブごとに異なるページを呼び出す、いわばタブ風リンク生成プラグイン。 そういうのではなくて、1ページの中でdisplay属性を切り替えるプラグインが欲しかった。これまではベタにHTMLとスクリプトを書いていましたが、プラグイン化することでテンプレートがすっきりしました。使い方はサンプルやソースのコメントを参照してください(ファイルの文字コードはUTF-8)。スタイルシートもスクリプトも自動生成します。スタイルシート

  • CSSハックのまとめサイト | F R (FplusR)

    このエントリーのトラックバックURL : http://www.studionh.net/mt/mt-tb.cgi/10 この一覧は、次のエントリーを参照しています。

    akz
    akz 2006/06/15
  • ブログへ簡単に追加できるJavaScript製サイドノート

    付箋紙のような感じのサイドノートをブログの文中に追加できます。背景色の変更なども自由自在で、非表示にするのも再表示させるのも簡単。JavaScriptCSSを使っています。 ダウンロードと使い方や例は以下のサイトから。 arc90 lab : tools : Unobtrusive Sidenotes ダウンロードはこちらから http://lab.arc90.com/tools/sidenote.zip 上記サイトの「How Do I Use It?」に使い方が詳しく書いてあります。 実際の例はこちら。 arc90 lab | tools: Sidenote Demo http://lab.arc90.com/tools/sidenote/ 左上の「Hide Sidenotes」をクリックするとサブノートを非表示にできます。文中に、脚注やちょっとした豆知識みたいなのを入れておきたい

    ブログへ簡単に追加できるJavaScript製サイドノート
  • Veerle's blog

    Check out this extended font bundle for only $29! In the image below I’m only showing a tiny fragment of what’s included in this incredible bundle. Time for a little update on what is going on with the Inspiration Stream. As you've probably guessed, gathering quality inspiration can be time consuming. When The Deck still was a partner of this site this wasn't an issue. With Jim Coudal's announceme

  • Everything you should know about CSS3 - CSS3.info

    The CSS Working Group has reached an impasse on the issue of percentage margins (and padding) in flex and grid layout, and needs your input to help decide it. Option 1: Flex and grid items resolve percentages in margin-top and margin-bottom against the height of the element’s containing block. Option 2: Flex and grid items resolve percentages in margin-top and margin-bottom against the width of th

    akz
    akz 2006/06/12
  • rendr

    Greg Archer - development / illustration / thoughts

  • hereticanthem co.,ltd. » 『CSSデザインで洗練されたサイト』を集めたサイト

    akz
    akz 2006/06/12
    CSSギャラリー。
  • Restyle the web with Stylish

    Style with custom themes! Change the background, color, schemes, fonts, and more! Share your own themes too!

    Restyle the web with Stylish
  • 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
    akz
    akz 2006/05/31
  • Automatic colored rows - Example for BiteSize Standards

    Are you a content creator looking to take your first steps in website design? You’re precisely where you need to be. HTML stands for HyperText Markup Language. Visualise HTML as the structural backbone of any website. A foundation that organises all the text, graphics, videos and overall layout. It operates behind the scenes, instructing web browsers how to render content for viewers. HTML is used

    Automatic colored rows - Example for BiteSize Standards
    akz
    akz 2006/05/23
  • Collection &amp; Copy - 上下左右中央の件、改善、補足

    Collection & Copy - 上下左右の中央にボックスを配置する id:inception9さんから、より簡単な方法をコメントで教えて頂きました!ありがとうございます。 これだ!これが正解だから、前回のが「バッドノウハウ(?)」なんですね。余分な空間用divもなくなり、ほんますっきりやわぁ。 ただ、どうも前回の元記事は「画面をコンテンツのボックスより小さくしても、ボックスの左上が欠けない」というところがポイントだったようです。たしかにウィンドウサイズを小さくすると、左上隅にボックスがきっちり収まります。ここにこだわらない場合は、短縮版がよさそうですね。 HTMLCSS、共に勉強不足ですので、直接指摘頂けるのは大変助かります。コメントを書く時間を頂けたことを、感謝しております。ではでは。 雑記軽い気持ちでHTML/CSSのことを書くと、なぜか反響が大きく、戸惑う。なんとなくプロ

    akz
    akz 2006/05/21
  • Collection & Copy - 上下左右の中央にボックスを配置する

    (via Subtech Watchlist - typester) Collection & Copy - 上下左右中央の件、改善、補足コメント頂き、改善、補足を書きました。 CSS vertical center using float and clear 上記、CSSで上下左右の中央にボックスを配置するページを読みました。要約すると以下のHTMLになるようです(必要なものも削っちゃったかも)。ポイントとなるスタイルシート設定にコメントを入れました。 CSS、きっと分かってる人には、あったりまえなんだろうなぁ。「float:left」と「clear:left」がペアで対応してるんですね。あと、marginのautoはIEで、うまく動かないのか。余白用のブロック(distance)は、まず画面の縦半分の長さで空間を確保し、文のブロックの半分のサイズだけマージンを減らして、ちょうどよい

    akz
    akz 2006/05/20