タグ

CSSとCssに関するhiroetteのブックマーク (81)

  • これで全部ブラウザテスト

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

  • Web Developer1.0.2 日本語版

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

    hiroette
    hiroette 2007/01/30
    [ViewCSS/CSSを表示する](command/Ctrl+shift+C)で複数ファイルで構成されるCSSファイルを芋づる式に表示するとき、各ファイルを[+]/[-]ボタンで折りたたみできるのがムチャクチャ便利です。
  • もう、class名やid名で悩まないんだからっ!!|CSS HappyLife

    class名やid名って付ける時悩みませんか? 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ!? 2010年6月10日追記: この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent

    もう、class名やid名で悩まないんだからっ!!|CSS HappyLife
    hiroette
    hiroette 2007/01/30
  • リキッドレイアウトのサイドバー表示位置を補正する

    公開テンプレートのリキッドレイアウトでサイドバーの表示開始位置を補正するカスタマイズです。 1.概要 左のスクリーンショットは当サイトで公開しているリキッドレイアウトの一部分です。 このリキッドレイアウトでタイトルバナーの縦幅を広げると、 このようにタイトルバナー下部とサイドバーの距離が近づくか、重なってしまいます。これはリキッドレイアウトのサイドバーを絶対値指定で配置しているためです。 「絶対値指定」というのは、例えば「ブラウザの左端からxピクセルの位置から表示」という指定のことを指し、CSSの「position: absolute;」というプロパティ値で指定します。リキッドレイアウトではこのプロパティを利用して、左サイドバーは左端から、右サイドバーは右端からの表示開始位置を指定しているので、常にブラウザの両端に表示される仕組みになっています。 しかしながら上端からの表示開始位置も併せて

    リキッドレイアウトのサイドバー表示位置を補正する
    hiroette
    hiroette 2007/01/30
    リキッドレイアウトの説明
  • 一行あたりの文字数を制限するリキッドレイアウト - 2xup.org

    2006-12-20T02:12:30+09:00 今回のリニューアルでは、これまで px で指定していたコンテンツの幅の値の単位を % と指定変更。 いわゆる liquid (リキッド) レイアウトというものにしました。ユーザが閲覧しているブラウザの幅に合わせてコンテンツの幅も変化します。 div#container { width: 80%; } px で指定していたコンテンツの幅を、% での指定に変更し、リキッドレイアウトに変更したものの、ウィンドウサイズの 80% の幅という指定ですので、ウィンドウサイズを広げればいくらでも大きくなります (もちろん小さくもなります)。それでも問題ないのですが、できればコンテンツの幅に最大幅と最小幅を指定し、小さくなりすぎてレイアウトが崩れるような事もなく、一行あたりの文字数を目で追える程度の幅をキープできればと考え、いろいろ試してみました。 fl

    hiroette
    hiroette 2007/01/30
    CSSでレイアウトの幅を設定する色々な方法
  • http://www.h7.dion.ne.jp/~nuru44/dhtml/ss.html

    hiroette
    hiroette 2007/01/25
    [position:relative][ロールオーバー][吹き出し]スタイルシート小技集 
  • CSS メニューボタン - 3ping.org

    2007-01/20更新しました。 ソースコードを見直してボタン化の方法を変えました。CSSによる横並びメニューと同じ方法でボタン化しています。 変更点は以下の通りです。 a要素にwidthを指定していたのを、親要素に変更。これにより、a要素には自由にpaddingが指定できるようになった。 HTML側でulとliのセットのみでボタン化できるようにした。 プロパティの記述順序を変更 <ul id="globalNavi"> <li><a href="./">List1</a></li> <li><a href="./">List2</a></li> <li><a href="./">List3</a></li> <li><a href="./">List4</a></li> </ul> CSS File コピーペーストですぐに使用できるように作りましたが、id名、marginやcolorプ

    hiroette
    hiroette 2007/01/25
    今参考に作り中
  • Redline Magezine::CSSでポップアップネタ

    (2007年4月5日追記) このサンプルは一部のブラウザにしか使えません。 >>改正版のサンプルをこちらに置いているので、そちらを参考にしてください。 ブックマークしてくだった方、すいませーん・・・。 サンプル01:元ネタのCSS examples - centred pageさんと同じパターン ここにマウスを乗せるとポコっと。サンプル1 spanでマークアップされたテキストが出てきます。 CSSソース <style type="text/css"> <!-- .popup01 a{position:relative;} .popup01 a span{ position:absolute; top:-55px; left:0px; width:200px; padding:5px; visibility:hidden; background:#f5f5f5; border:2px sol

    hiroette
    hiroette 2007/01/25
  • コピペで使える速攻系簡単小技(HTML・CSS・タグ)大技基本技裏技必殺技

    hiroette
    hiroette 2007/01/25
    サンプルと説明がとてもわかりやすいです
  • Spiffy Corners - Purely CSS Rounded Corners

    Anti-aliased rounded corners using pure CSS. No Images. No Javascript. No fluff. What? Spiffy Corners is a simple way to generate the CSS and HTML you need to create anti-aliased corners without using images or javascript. Why? I needed a way to create anti-aliased round corners without the extra server calls that are incurred when using external JavaScript files or images. When your websites are

    hiroette
    hiroette 2007/01/25
    CSSだけで角丸を作れるジェネレーター
  • 吹き出し方式のツールチップテキスト作成JavaScriptライブラリ:phpspot開発日誌

    wg:Bubble Tooltips Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page. 吹き出し方式のツールチップテキスト作成JavaScriptライブラリ。 次のような吹き出し方式のツールチップテキストを作成できます。 次のようなJavascriptコードを書いておき、 <script type="text/javascript" src="BubbleTooltips.js"></script> <script type="text/javascript"> window.onload=function(){enableTooltips()}; </script> アンカー<a>タグのt

  • Ajaxで吹き出し方式のテキストヒント作成ライブラリ:phpspot開発日誌

    Ajax tooltip This is an Ajax tooltip script. When you roll your mouse over the "info" links in the table, ajax will show tooltip content from external files. Ajaxで吹き出し方式のテキストヒント作成ライブラリ。 使い方は、必要なCSSJavaScriptをインクルードして次のようにアンカーのonmouseover/onmouseout に書くだけでよいみたいです。 <a href="#" onmouseover="ajax_showTooltip('読み込むページのURL',this);return false" onmouseout="ajax_hideTooltip()"> マウスオーバーすると「読み込むページのURL」で指定

  • 不貞の証明を得て離婚を決意しました

    不貞の証明を得て離婚を決意する 男性と女性とでは脳の使い方が異なると聞いたことがあります。それぞれの脳をうまく使えば、より効率的に生活していけるのかもしれません。動物の中には、夫婦で生活するものもあれば、繁殖行為のみで夫婦で生活しないものもいます。人間については、古くから夫婦で生活するようになっています。お互いの得意分野を活かしながら生活するようになっているのだと思います。世界においては、夫婦の関係についてはいくつかあります。一夫一制のところもあれば、一夫多制、一多夫制のところもあります。日においては、一夫一制が長らく取られていますから、結婚をしたのであれば他の異性とお付き合いしたりすることはできません。そのような関係も持てません。 結婚の誓においてもそのようなことを行うのですが、夫が仕事をしている場合、どうしても仕事場に女性などがいます。そうするとお付き合いをするような関係にな

    hiroette
    hiroette 2007/01/24
    CSS Makerは、スタイルシートをブラウザ上で簡単に作成できるスタイルシート作成ツールです。
  • 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はこうなる
  • スタイルシート - All About

    bd Copyright(c) All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます。 a

    hiroette
    hiroette 2007/01/17
    All Aboutでスタイルシートについて書かれた記事集
  • Remember The Milk - Sign Up

    Join millions of people getting more organized and productive!

    hiroette
    hiroette 2007/01/16
    なんかすごい動きがいいフォーム
  • Web標準化Tips - Web標準普及プロジェクト

    特定のWebブラウザの独自拡張仕様を使っていたり、 特定のWebブラウザの表示が間違っていたために、 Mozillaによって実際に問題が発生した事例の修正方法を紹介しています。 また、ここで紹介する修正案は全てWeb標準仕様に基づいた内容となっています。

  • Online Generators | Developer's Toolbox | Smashing Magazine

    Responsive design is a default these days, but we are all still figuring out just the right process and techniques to better craft responsive websites. That’s why we created a new book — to gather practical techniques and strategies from people who have learned how to get things done right, in actual projects with actual real-world challenges. Neatly packed in a gorgeous hardcover, the book featur

    Online Generators | Developer's Toolbox | Smashing Magazine
    hiroette
    hiroette 2007/01/16
    CSSベースのフォームのビジュアルデザインのギャラリー集。
  • CSS-Based Tables: Modern Solutions | Smashing Magazine

    Tables have got to be one of the most difficult objects to style in the Web, thanks to the cryptic markup, the amount of detail we have to take care of, and lack of browser compatibility. A lot of time could be wasted on a single table although it’s just a simple one. This article was written back in 2008 when the concept of responsive web design hasn’t been created just yet. You may want to check

    hiroette
    hiroette 2007/01/16
    CSSベースのテーブルのビジュアルデザインのギャラリー集。
  • http://icant.co.uk/csstablegallery/index.php?css=16

    hiroette
    hiroette 2006/12/26
    色々なデザインのテーブルのCSSがダウンロードできる