ブラウザ幅を超えた部分を隠す手法として body { overflow-x:hidden; } はあまり使わない方がいい気がする件
ブラウザ幅を超えた部分を隠す手法として body { overflow-x:hidden; } はあまり使わない方がいい気がする件 公開日: 2011年5月8日 タグ: css, memo ツイッターでも書いたのですが、preの背景をブラウザの幅いっぱいに拡大する というエントリ読んでて「ほうほう :before/after 疑似要素を使う手もあるか…」と感心しつつトラックパッドでスクロールさせたら、突然コンテンツが消えてしまって深夜に「うぎゃー！」とかなっておったのです（注: これ書いてる今は直ってます） まあ pre に限らず、基本的に幅固定で中央寄せだけど、内側にある特定のブロック要素の背景はブラウザ幅いっぱいに広げたいという場合、広げたいブロック要素に大きめ（10000pxとか）のパディングを付けて左右に広げ、それと同じだけのネガティブマージンを付ける事で背景部分を外側にはみ出させ
css-lecture.com - css lecture リソースおよび情報
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.
Webサイトのフッター２００個とフッターデザインの考え
フッターの美学。 そんな素敵サイトを紹介しようといくつかチョイスしていたら海外ブログのDWSが「The 200 best footers on the web」なんていう化け物エントリーをさらっと出してきたもんだから驚きだ。 しかもクオリティもめちゃ高い。 なので今回はこのエントリーを紹介して終わろうかなって・・・。 参考までにネタ帳が好きなフッターを７つほど紹介します。 たま、フッターまとめサイトの楽しみ方も一応書いておきます。 以下からどうぞ。 すばらしいフッターデザイン２００ The 200 best footers on the web « Web Design Shock もはやひとつのショーケースというか一冊の本になってもおかしくないクオリティの記事です。 ご堪能あれ！ 中でもネタ帳がお気に入りのフッター７つ Tomáš Pojeta | kreativní grafik ここ
フッターデザイン.com -Webデザインの“フッター”を集めたサイト-
はてブ ツイートする シェアする 他のギャラリー ファビコンギャラリー 見出しデザイン ウェブコレクション このサイトについて いろんなWEBサイトのフッター（ページ下部も含む）部分を集めました。デザインの参考に。掲載サイトがリニューアルした場合はご紹介のフッターが使用されていない場合があります。 連絡先：manage.hp+footer@gmail.com copyright © footer-design.com All Rights Reserved.
vanillate - 変わらない、いつもの日常。
前から何度かトライしていたマイクラスキン。やっと形になりました！ ばにさんのキャラをマイクラスキンに展開したらどうなるんだろう？ってずっと考えていて。 »続きを読む
XML －DOMとjavascriptで検索機能を作成する－
■ XML文書内を検索 javascriptとDOMを利用して、XML文書内を検索・表示する機能を作成します。 HTMLの入力欄（inputタグ）に入力されたキーワードに合致するデータを検索して、 画面に表示します。以下は具体的な機能・処理の流れです。 HTML文書内の入力欄にキーワードを入力し、検索を実行 ▼ ▼ javascriptによってXML文書が読み込まれ、ＤＯＭツリーを生成 ▼ ▼ 入力されたキーワードに合致するデータを検索 ▼ ▼ キーワードに合致するデータを新しいＤＯＭツリーに追加 ▼ ▼ XSLTスタイルシートを読み込み、ツリーに適用 ▼ ▼ 結果を表示 これらの機能を実現する為に、これから何回かにわたって一つ一つの機能を 説明・追加作成していきます。今回は 入力欄の検索キーをクリックすると、DOMツリーを参照して表示してみます。 では、例題を取り上げてみましょう。 以下
CSSのheight:100%;について｜ConneLog｜ConneCre
CSSでブラウザの高さを100%にするには、中身のボックス要素に「height: 100% ;」の記述を行うだけでは実現しません。 この高さ指定は親要素に依存するものなので、まずhtml,bodyにも「height: 100% ;」の記述を行う必要があります。 ※親要素にheight指定がないと、height: auto ;が継承されるためです。 *{ margin:0; padding:0; } html,body{ height: 100% ; } #wrapper{ height: 100% ; } しかし、これだけですとFirefoxでスクロールが発生したとき、スクロール分切れます。 Firefoxでの高さ100%表示にはさらに *{ margin:0; padding:0; } html,body{ height: 100% ; } #wrapper { height: 100%
idの命名に迷ったら | d-spica
idの命名に迷ったら 2007-10-19 0 0 XHTML/CSS Role, XHTML 以前こんなエントリーを書きました。 id="header"で問題ないのでは id，class名をどうふるとよいか，しばしば悩みます。いくつかのパターンがあって，そのどれかを使うのですが，明確な基準というものはありませんでした。 XHTML Role 属性モジュール 先日W3Cから，「XHTML Role 属性モジュール」の最終草案が出されました。 XHTML Role 属性モジュール（日本語訳） 部分的に引用してみます。 概要 この仕様で定義される XHTML Role 属性は、作成者が要素に役割を与えるための属性です。機械で抽出可能な意味情報を要素に与えることで、XML を用いた言語に注釈を与えることができるようになります。ユースケースとして、アクセシビリティやデバイスアダプテーション、サー
すぐに使えそうなネガティブマージン | d-spica
すぐに使えそうなネガティブマージン 2008-05-15 0 0 XHTML/CSS CSS, margin margin にはマイナスの値を入れることができます。マイナスの値を持つ margin を「ネガティブマージン」と言ったりします。 あまりむずかしくなく，すぐに使えそうなネガティブマージンを紹介してみましょう。 見出しにネガティブマージン 本文の左に見出しよりも大きな余白をとりたいというとき。 <div class="section"> <h3>見出し</h3> <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。...</p> <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。...</p> </div> div.section { padding-left: 15px; } div.section h3
CSS 分割管理の実践編
2006-12-13T09:47:51+09:00 数日前に行ったリニューアルでは、いくつか課題を設けました。ただただリニューアルしても張りがありませんし、ウェブデザインを行うものにとって自身のウェブサイトは自身の作品のようなものだし、好き勝手できるのも魅力なわけです。何回かの記事にわけて、リニューアルでおこなった作業をまとめていこうと思います。 前回、スタイルシートを分けて管理する方法をまとめるで CSS ファイルを分割管理するメリットや、どのように分割するか案を書いてみましたが、今回のリニューアルで実際に案を元に分割管理を実践し、結果はリストのようになりました。各ファイルの概要は案段階から変化がないので、そちら参照ください。以下のリストでは、テーマファイル以外の実際の CSS ファイルにリンクしています。 common.css component.css fonts.css scree
アヲハタ
アヲハタが目指すのはただの”ものづくり”ではなく、「味づくり」です。 ｢味づくりは人間に与えられた最高の愛情表現｣とアヲハタは考えます。
使えるHTMLエンティティ文字 - raquo,laquo:phpspot開発日誌
使えるHTMLエンティティ文字 - raquo,laquo。 HTMLオンリーで横矢印の文字を表示できるのですが、あまり知られていないようなので紹介です。 以下のような記号をHTMLエンティティ文字で表現することが可能です。 « (＆laquo;) » (＆raquo;) これは例えば、「ダウンロード » 」といったような使い方が出来ますね。 「ダウンロード→」 のように、右矢印記号よりも断然カッコよく表示できます。 これまで、画像でこういったイメージを作っていたという方も、この文字を使うことで楽を出来るということで覚えておきましょう。 他にも、「HTMLエンティティ文字を検索「HTML Entity Character Lookup」」で紹介したサイトで便利なエンティティ文字が見つけられるかもしれません。 エンティティ文字を活用して、デザインを楽にしましょう！
商号変更に関するお知らせ NHN Japan Corporation | プレスリリース
最良を超えた、No.1のインターネット企業へ NHN JAPAN株式会社は当社の理念である「Next Human Network=インターネットに広がる無限の可能性を活かした人と人とのつながり、豊かな社会の実現」に向け、グループ各社とともに価値ある事業を創造し、様々なチャレンジを続けてまいります。 Company Info 会社名 NHN JAPAN株式会社 （英語社名：NHN JAPAN Corp.） 設立 2013年 4月 1日 資本金 31億円 役員 代表取締役社長 安 賢植 （Ahn Hyunshik） 会長取締役 李 俊昊 （Lee Joonho） 取締役 丁 佑鎭 （Chung Ujin） 社員数 約 90名（2022年1月現在） 所在地 〒105-0003 東京都港区西新橋三丁目1番8号 NHN アトリエ 事業内容 当社グループの事業戦略支援・管理 グループ会社 NHN Pl
LIM - LESS IS MORE | ヘアサロン・ネイル・アイラッシュ・エスパ
2025年にご成人を迎えられる皆さまおめでとうございます。 私たちLIMが一生に一度の成人の日をアナタらしく輝く1日となるようお手伝いさせて頂きます。
CREAMU
Monthly Archive 2024年4月 (1) 2024年3月 (4) 2024年2月 (2) 2023年12月 (10) 2023年10月 (1) 2023年9月 (2) 2023年8月 (4) 2023年7月 (5) 2023年6月 (10) 2023年5月 (4) 2023年4月 (2) 2023年3月 (3) 2023年2月 (3) 2023年1月 (1) 2022年12月 (1) 2022年11月 (5) 2022年10月 (2) 2022年8月 (2) 2022年7月 (3) 2022年6月 (1) 2022年5月 (1) 2022年4月 (5) 2022年3月 (4) 2022年2月 (9) 2022年1月 (15) 2021年12月 (7) 2021年11月 (11) 2021年10月 (15) 2021年9月 (4) 2021年8月 (7) 2021年7月 (9)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
リキッド・レイアウトでチェックボックスを綺麗に並べる - WebOS Goodies
IDEA * IDEA
菊池 崇の実践！CSS3道場
Twitter Bootstrapの配色を簡単に変えられる「Bootswatch」 – creamu
Webロケッツマガジン