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
くまがモチーフになっているブランド – 癒やしさと可愛さ
くまのグッズは、アクセサリーを始めキーホルダー・ストラップ・ぬいぐるみのほか、バッグも高い人気を得ています。
YUI 2: Reset CSS
YUI Reset CSS The foundational YUI Reset CSS file removes and neutralizes the inconsistent default styling of HTML elements, creating a level playing field across A-grade browsers and providing a sound foundation upon which you can explicitly declare your intentions. Note: YUI Base CSS (introduced in version 2.3.0) can compliment Reset by applying a style foundation for common HTML elements that i
[CSS]マージンとパディングの使い分けをおさらい | コリス
CSSnewbieのエントリーから、ボックスモデルのマージン(margin)とパディング(padding)の利用シーンにおける違いを紹介します。 When to Use Margins and Padding マージン(margin)を採用する場合 パディング(padding)を採用する場合 ブラウザによる問題 マージン(margin)を採用する場合 borderの外側にスペースが必要な場合。 スペースに背景色(画像)を適用したくない場合。 上下に隣接したボックスにスペースを設ける場合、マージンの相殺を期待して、大きいサイズを有効にしたい場合。 例：15px + 20px の場合、スペースは20px。 ※相殺されない場合もあります。 パディング(padding)を採用する場合 borderの内側にスペースが必要な場合。 スペースに背景色(画像)を適用したい場合。 上下に隣接したボックスにス
全12カテゴリー。分野別で見る、Webサイトを構築する上でそれぞれ注意すべきポイント / Maka-Veli .com
やはりサイトの存在目的は必ずあります。デザインやシステム的な部分も重要ですが、 その前にもう一度目的を考えなければなと・・・ そう思ったので書いてみました。 色々と皆さん、それぞれに考え方があると思いますが、個人的に注意したいポイントを以下の分野別に書いていきます。 大体サイトとしては ブログ 一般企業 Webサービス IT・プロダクト・ゲーム オンラインショップ 教育・学校 病院・老人ホーム 飲食 デザイン・ファッション・音楽 金融・証券・保険 美容・健康 アダルト とか、その他色々ありますがこのような感じでしょうか？ ※ちょっとカテゴライズが不思議な感じですが、説明しやすくしたい為です。すいません。 これらのサイトはもちろんケースバイケースで設計や装飾などが変わってきますが、 共通する注意点があると思います。 それぞれ、コンバージョンは必要ですよね。 ゴールを必ず決
Web Designing
【リニューアル特別対談】 中村勇吾（tha ltd.）× 清水幹太（BASSDRUM） ⚫︎第1特集：Web制作に「最適解」はあるのか？ AIとクリエイティビティ AIの台頭によりWeb制作の現場は大きな転機を迎えています。AIによるコーディングの自動化や画像・テキスト生成など、ほんの数年前まで想像もつかなかったプロセスが現実化してきました。一方で、AIとの関わり方については人それぞれです。AIを信頼しない人もいれば日常的に活用する人もいます。このような状況で、AIとどう向き合えば良い結果につながるのか、本特集ではその答えを探ろうとしました。 取材を重ねる中で、AI がWeb制作に寄与する面とクリエイティビティがどう交わるのかを模索しましたが、明確な答えは見つかりませんでした。けれども、人とAI の微妙な緊張関係と化学反応が生じていることは確かです。もしWeb制作に最適解があるとすれば、制
福岡の美容室TIERRA【ティエラ】平尾、薬院、西新、小田部【サニーデイズ】｜美容師求人
当社では、美の仕事を通じ、全てのお客様、全てのスタッフが心豊かな生活に貢献できる事を目的としています。 また、美容師としての「質」にこだわった営業スタイルが、多くお客様に喜んでいただいてる秘訣なのかと思います。
フレームの代わりにPHPを使う//Web屋のネタ帳
Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Best Mortgage Rates fashion trends Parental Control Cheap Air Tickets find a tutor Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy
iPadに最適化したサイトがつくれるかもしれない5つの方法（基本編） - EC studio デザインブログ
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" /> /* 好ましくない例 */ これを使うことで横幅1024px以下のデバイスでアクセスされた場合に、ipad.cssを読み込むということはできるんですが、PCの場合でもこの程度の解像度のものはありますし、なおかつ利用しているブラウザが最近のものであれば、このコードを理解してしまいます。 つまり、「iPadだけ」に適用させるということは実質できないということになります。 この点はご注意ください。 デバイスの幅に左右されないリキッドレイアウトにする 前述のユーザーエージェントの話に次いで、レイアウトの話です。 iPadのデバイスとしての画面サイズはポートレート（縦向き）であれば 横
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記： iPhone向けサイト制作の書籍を執筆しました！ 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5＋CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張（CSS）があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
菊池 崇の実践！CSS3道場
Twitter Bootstrapの配色を簡単に変えられる「Bootswatch」 – creamu
Webロケッツマガジン
http://blog.bond-d.com/mobile/iphone_website.html
ASTRODEO 株式会社アストロデオ
http://gerenuk.crazyphoto.org/2009/06/10/600/
サービス終了のお知らせ