CSSでルビを表示する - mukaken's blog
銑鉄網(暫定公開版)さんのページにて配布されているファイルです。 凄くきれいに表示できるルビのCSSを発見しました。いままでｈFxやSafariなどではきれいに表示できなかったのですが、これだときれいに表示できます。 元ファイル http://roheisen.net/dl/sim2ruby.css （銑鉄網(暫定公開版)さんのページにて配布されているファイルです。） 以下、一部抜粋したものです。 @charset "UTF-8"; /* 主にWii用の指定 */ @media tv { /* ルビの縦ずれを補正 rbやrtのfont-size、line-heightによらず0.5em */ html body ruby { padding-bottom: 0.5em; } } /* ruby（ルビ文字組み全体のインライン領域） ------------------------------
フルスクリーンFlashとFirefoxの組み合わせで発生するバグ - hororiholy’s blog
FireFoxにはHTML4.0以外のDOCTYPE宣言を行うと100%のFlashが上の一部分しか表示されないというバグが発生します。これは FireFox2.0でも改善されていません。 http://www.adobe.com/jp/support/flashplayer/ts/documents/91d5f5d7.htm AdobeではDOCTYPE削除すれば回避できるとかいていますが、XHTMLのままで回避してる人がいました！ ここでCSS内にbodyに100%指定を行う事で解決するそうです。 uu-uu.com これと同様にこんな方法でも回避できました。 ■CSS body{ height:100%; background:#fff; } #flash{ height:100%; width:100%; position:absolute; left:0; top:0; over
IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
＞＞ 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6（Internet Exproler 6）ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な
2011年、押さえておきたいウェブデザインの11のトレンドとテクニック
Web Design Trends in 2011 [ad#ad-2] 以下、各ポイントを意訳したものです。 1. HTML5 + CSS3 2. シンプルなカラースキーム 3. モバイル対応 4. 視差効果 5. タッチスクリーン 6. 奥行き 7. 大きい写真の背景 8. 素敵なドメイン名 9. QRコード 10. サムネイルデザイン 11. Life Stream 1. HTML5 + CSS3 HTML5とCSS3はリリースされてから今日まで、あまり多くは使用されませんでした。しかし、この2011年、多くのサイトで採用されるようになるはずです。 多くのデザイナーはFlashから離れてはじめています。次の2つのサイトを見てみてください。 Scribblertoo(Flash) ここで注意してほしいのは、FlashとHTML5は敵対するものではないことを理解しておいてください。問題は、
2010年総まとめ：ウェブ制作に役立つエントリーBest 20
コリス [ad#ad-2] 当サイトの購読は、RSS Feedをご利用すると便利です。 コリスのRSS Feed Twitterでは、サイトに掲載していないウェブ関連の話題、クリエイティブなもの、面白いものを数多く紹介しています。 Twitter@colisscom 2010年、ブックマークが多かったエントリー 漢字も使える手書き風の日本語フォントのまとめ ウェブサイトのパフォーマンス改善やセキュリティに役立つ.htaccessの設定 2010年総まとめ：商用利用も無料、日本語・英語の高品質なフリーフォント集 jQueryの日本語の解説サイトと国産のプラグイン集 たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法 商用でも無料で利用できる高級感のある細字のフォント集 無駄なdiv要素やc
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
折りたたみJS
HTMLソース側を極力汚さない折りたたみJavaScript Published on 2006-10-05 本ページで示すのは、良くあるJavaScriptによる折りたたみをJavaScriptとDOMとCSSで実現する手順である。jQueryなどの外部ライブラリを必要とせず、このスクリプト単独で動作する。 折りたたみというのは、ある要素をクリックすると隠れていた部分が見え、もう一度クリックするとまた隠れるというヤツである。 demo 例えばこんな感じ HTMLソース側はclassを付与するだけにとどめ、クリーンでStrictなHTMLコーディングを保ったまま実現できるよう配慮している。また、JavaScriptを切った環境では、要素は折り畳まれず、中身も読むことができるようになっている他、キーボードで操作している場合の対処もしているので、それなりにアクセシビリティも確保してあると言える
JavaScriptで文字サイズを変更２ - Good Sleep｜Webデザイナーの日々のスキマ
カレント表示対応版｜styleswitcher.js 以前、｢JavaScriptで文字サイズを変更｣という記事を書きましたが、カレント表示（現在どのサイズで表示されているか）でつまずき、結局画像を使ったボタンにして、どのサイズで表示されているか？というコトが分からないサンプルを紹介しました。 実際に文字サイズを変更するような案件が出てきたコトもあり、何か対策がないものかと考えていると、灯台もと暗しというか何というか…、非常に簡単であるコトに気づきました。 styleswitcher.jsで読み込むalternate stylesheetにそれぞれのボタンの状態を記述すれば良いだけだったんですね。 …という訳でサンプルです。 ↑このサンプルはこちらからダウンロードできます。 今回、｢小 中 大｣の文字も画像にしてしまったため、ソース上のテキストはdisplayプロパティで消してしまってます
横並びのリストを中央寄せにする5つの方法 - CSSテクニック - acky.info
HTMLコード <ul class="float"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="inline"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="inline-block"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="table-cell"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="flex"> <li>1</li> <li>2</li> <li>3</li> </ul> CSSコード ul { list-style-type: none; padding-left: 0; } li { background: #CCC; width: 50px;
Baird Beer Online Store
You need to upgrade your Flash Player This is replaced by the Flash content. Place your alternate content here and users without the Flash plugin or with Javascript turned off will see this. Content here allows you to leave out noscript tags. Include a link to bypass the detection if you wish. 営業日のご案内 緑色の日は、お問い合わせの対応がお休みとなります。 黄色の日は出荷業務の日程です。 配送日指定の場合この日程に近い日付で出荷配送いたします。予めご了承ください。
【公式サイトでの予約は最低価格保証】鳥羽国際ホテル
Instagram Galleryインスタグラム ハッシュタグをつけて投稿しよう! 「＃鳥羽国際ホテル」「＃鳥羽国」「＃tobahotel」の ハッシュタグをつけて投稿された写真の一部を表示しています。
ボルトテンショナー・油圧ナット専門｜日本プララド
中小企業優秀新技術・新製品賞を受賞 高圧エアー油圧ポンプの新型仕様 絶対に共回りしないワッシャーの登場 （M14～M72） 22.03.28 超音波軸力計のソフトウェア更新 Version 4.06c 21.12.31 （株）日本プララドとボルトエンジニア（株）が合併 19.05.24 油圧ナットの新型仕様 18.06.18 「ボルト締めラボ」ボルト締付時のねじ部強度の評価方法 18.06.18 「ボルト締めラボ」ねじが切られた部分の強度評価 18.01.11 日本経済新聞にテンションナットが掲載されました 17.09.29 PC鋼棒の緊張作業にボルトテンショナー実績 17.08.08 焼戻し金型押さえボルトのボルトテンショナー実績 12.05.10 東京スカイツリーのボルトテンショナー使用実績
ストラッシュの脱毛予約はコチラ！【今なら初月無料0円！】
全身脱毛61ヶ所が期間限定で2ヶ月無料のキャンペーン中 現在、期間限定で月額制プランが2ヶ月無料となるキャンペーン中です！ 全身61ヶ所には、人気のワキやVIOは当然として、他サロンでは取り扱いの少ない顔も範囲に含まれていますので、全身を一気に綺麗にしたい人にオススメです。 今なら、両うで脱毛もプレゼント中なので、ストラッシュの脱毛に興味がある人は、早めに無料カウンセリングを受けるようにしてください。 ＼ ストラッシュの詳細はコチラ ／ >>ストラッシュの公式サイトはコチラ
trick for Internet Explorer version 5.x
昨日の投稿「trick for version 4.x 」で第４世代ウェブブラウザに対するトリックを投稿しましたので、今日は第５世代のInternet Explorer 5.x(Windows and Macintosh)に対するトリックを考えていきます。 今後、このサイトでは ns4 == Netscape/4.x (Macintosh and Windows) ie4 == Internet Explorer/4 (Macintosh and Windows) ieMac4.5 == Internet Exprorer/4.5 (Macintosh) ieMac5.x == Internet Explorer/5.x(latest/5.2) (Macintosh) Tasman ieWin5== Internet Explorer/5 (Windows) ~ie5.5 == befor
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2010/05/css3.html
橋梁技術株式会社（公式ホームページ）
https://www.softbank.jp/mobile/sitemap/
麺屋ここいち (ココイチが展開するラーメン専門店)
トヨタホーム東京の分譲住宅 | タウンガイド | トヨタホーム東京 ｜ 東京・埼玉・神奈川・千葉の注文住宅・分譲住宅を扱う ハウスメーカー
菓子工房ティ・ヨコガワ / TOPページ