2/3 CSSハックを使わずIEのバグに対処する方法 [ホームページ作成] All AboutCSSハックを使わずIEのバグに対処する方法(2ページ目)特定のブラウザに限定してスタイルを適用する方法として、ブラウザのバグを利用した「CSS Hack(ハック)」がよく使われています。IEでのみ表示がおかしくなる場合の対策なども紹介。
![2/3 CSSハックを使わずIEのバグに対処する方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
Macの隠し機能を有効にする [Mac OSの使い方] All About
Macの隠し機能を有効にするある程度Macに慣れてくると、もっと複雑で細かな設定変更がしたくなる場合があるが、そういった場合に有効な Mac OS X の隠し設定や機能を有効にする方法を紹介する。 一般的に、Mac OSは初心者にやさしいOSと言われています。その理由はさまざまですが、設定項目などが必要最低限にまとめられ、それらを操作する方法および手順が少ないというのも要因の１つです。 例えば、ソフトウェアのインストール手順やネットワークの設定方法のヘルプやマニュアルをWindowsのそれと見比べてみるとよくわかるでしょう。あきらかにMac OS Xのほうが手順が少なく、ミスした場合のやり直しも簡単です。 しかし、ある程度Mac OS Xに慣れてくると、もっと複雑で細かな設定変更がしたくなる場合も出てきます。 ここでは、そういった場合に有効な Mac OS X の隠し設定や機能を有効にする
重曹使って、ナチュラル・エコな大そうじ！ [掃除] All About
重曹使って、ナチュラル・エコな大そうじ！ミネラルの一種である『重曹』は、住まいのお掃除にとってもお役立ち＋安全なんです。時しも大掃除シーズン。重曹を使ってできること、ひとつでも自分のものにしてみてください！ そうじをはじめる前に、まず『重曹』が落としやすい汚れのタイプを把握しておきましょう！ １．キッチン由来の「油汚れ」「食物汚れ」「ヘドロ汚れ」（油脂、脂肪酸。酸性の汚れ） ２．人体由来のアカなど「皮脂汚れ」（脂肪酸。酸性の汚れ） ３．屋外から来る「ばい煙汚れ」（車の排気ガスなどによる、硫黄酸化物など。酸性の汚れ） ４．人体・ペット由来の「血液汚れ」「尿や便汚れ」「嘔吐物汚れ」（タンパク質など。酸性に傾いた汚れ） ５．以上の汚れと「土ボコリ」「綿ボコリ」などが結合した汚れ ※いわゆる「水アカ」の類（水栓金具周りやポット、コーヒーメーカーなどに付く白いガジガジ）は『重曹』で擦っても研磨された
3/3 ル・クルーゼに恋をして＊２人で過ごす予定のない休日 ハーブ＆レモンの牛肉白ワイン煮 [みんなの投稿レシピ] All About
熱効率を最大限に発揮するために、まずは、ガス口、電気・電磁調理器のサイズを測りましょう。長時間煮込むことを考えると、特に最近増えているクッキングヒーターのサイズにピッタリ合うことが大切です。あとは家族の人数を考えて、たとえばベーシックな丸い形のココットロンドなら、18センチは１～２人家族に。20センチは２～３人家族に。22センチは３～４人家族向きです。24センチの4.3リットル鍋は、パーティーの時に大活躍しています。具の大きなシチューやポトフを作るには少し大きめが便利。 ル・クルーゼの魅力のひとつである豊富なカラーバリエーション。ひとつのカラーにこだわるもよし、大きさや形によって色を変えてみるもよし。さあ、じっくり考えて選びましょう。 ☆ル・クルーゼのお鍋はこんなお店で買えます。 ル・クルーゼも万能鍋ではありません。たとえば弱火でじっくり煮込んだり、ごはんを炊いたり、少量の水分で仕上げる野
うつの人に言ってはいけない言葉・接し方・言ってほしい言葉 [うつ病] All About
気持ちが落ち込んでいたり、イライラしていると、何気ない言葉で傷つくこともあります。うつ病でタブーとなる言葉とは、具体的にどんな言葉だと思いますか？ 気持ちが落ち込んでいたり、イライラしている時は相手のちょっとした言葉にカチンとくることもあるかと思います。 例えば「あなた何してるの？」「まだなの？」といった言葉に思わずムッとすることもあるかもしれませんが、多くの場合、その気持ちは引きずらないでしょう。 しかし、うつ病で気持ちが落ち込んでいる人は相手の言葉に過敏になっていることが少なくありません。場合によっては、相手を思いやって言った言葉が逆に相手を追い込んでしまうこともあります。 ではいったい、どんな言葉が相手を傷つけてしまうのでしょうか？ うつの人に言ってはいけないタブーの言葉と、その理由について解説します。 うつ病の人に言ってはいけない言葉1：うつを軽視する言葉 うつになると、自分の大切
![うつの人に言ってはいけない言葉・接し方・言ってほしい言葉 [うつ病] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/5b2dd7c15062ac098f5622ea47095755252c792a/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F3%2F0%2F2%2F2%2F7%2F1%2F201703221446%2Ftopimg_original.jpg)
友だち付き合いは苦手？面倒にならない付き合い方 [ストレス] All About
気楽に付き合える友だちが、何人いますか？ 肩の力を抜いて付き合える人が増えていけば、それだけ人生も活気に満ち、楽しいものになります。 ライフステージが変わるごとに、友だちも多少入れ替わっていくことが多いでしょう。「親友だと思っていたのに、結婚したらぱったり連絡がこなくなった」「転職したら、昔の仲間に飲みに誘われなくなった」ライフステージの転換期には、こんな寂しい思いをすることも少なくありません。 しかし、ひとつの友情にいつまでも執着する必要もありません。たとえば、「学生時代の友だちが一生の友だち」とよくいわれますが、ライフステージや価値観が変われば、付き合いに溝ができるのは当然のこと。だからこそ「一期一会」の気持ちをもって接することに、意義があるのではないでしょうか。 溝をあわてて埋めようとせず、お互いに違う人生を歩み始めたことにエールを送る気持ちで、見守ればいいのです。 友だちが多い人、
![友だち付き合いは苦手？面倒にならない付き合い方 [ストレス] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/c3bd3e404ba8b721977c6a9453ba074c6023d59d/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F3%2F0%2F1%2F5%2F6%2F9%2F201702271617%2Ftopimg_original.jpg)
今冬おすすめのマフラーの巻き方 Vol. 2 - ［男のみだしなみ］All About
今回は、前回の記事「今冬おすすめのマフラーの巻き方 Vol. 1」に引き続き、今年の冬に活用してもらいたいマフラーの巻き方をご紹介します。 さて、マフラーと言っても、その長さや素材、色はさまざま。皆さんが持っているのは、どんなマフラーですか？ 使い勝手のよい長さのマフラーを見つけることは、簡単ではありませんよね。基本的に男性用のマフラーは、比較的短くて、薄い、カシミア素材のマフラーがスタンダードという印象があります。 ブルゾンなどを着る場合には、長すぎるマフラーは巻いたときに邪魔になりますし、ジャケットやコートのＶゾーンをマフラーでアクセントをつけるときには長めのマフラーの方がベター。そこで、ガイドは２つの長さのマフラーを使い分けています。 ひとつは、長さが180cm前後のマフラーで、マフラーを巻いたあと、コートやジャケットのＶゾーンの中に入れてしまうコーディネートの場合に使用します。一方
スタイルシートでドロップキャップを作る [ホームページ作成] All About
スタイルシートでドロップキャップを作る雑誌などでよく使われる「先頭の1文字を大きくして下の数行に食い込ませる」装飾(ドロップキャップ)を作ってみましょう。スタイルシートを使えば簡単です。first-letter疑似要素・first-child疑似クラスを使います。 雑誌などでよく使われるドロップキャップを実現 雑誌などでよく使われている「ドロップキャップ」を作ってみましょう。段落の最初の1文字を大きく表示させ、下の数行に食い込ませる装飾のことを「ドロップキャップ」と呼びます。 この「ドロップキャップ」は、スタイルシートを使えば、HTMLに手を加えることなく簡単に作れます。 作ってみた例は、以下の通りです。 先頭の1文字だけ、大きな赤色の反転表示になって、下の数行に食い込んでいます。 CSSのfirst-letter疑似要素を使うと、ボックスの最初の1文字にだけ装飾を施すことができます。 こ
DOCTYPE宣言がないとIE7でも表示は古いまま [ホームページ作成] All About
DOCTYPE宣言がないとIE7でも表示は古いままHTMLの先頭にDOCTYPE宣言がありますか？ ないと、Internet Explorerでスタイルシートを活用できません。最新のIE7でもこの宣言がなければ以前と同じ表示になってしまいます。 HTMLの先頭に「DOCTYPE宣言」を記述していますか？ DOCTYPE宣言を省略していると、せっかく最新のInternet Explorer 7で閲覧しても、従来の古いブラウザと同じ表示になってしまいます。 ブラウザには「標準モード」と「互換モード」の2種類の描画モードがある 代表的なブラウザの最新版には、描画モードとして、「標準モード」と「互換モード」という2つのモードが用意されています。 この違いは、次の通りです。 「標準モード」 ： できるだけ文法を正しく解釈して表示します。文法ミスがあれば、その記述は無視します。 「互換モード」 ： 古
属性セレクタで、スタイルシートを柔軟に！ [ホームページ作成] All About
属性セレクタで、スタイルシートを柔軟に！Internet Explorer 7から使えるようになったスタイルシートの機能に、「属性セレクタ」があります。FirefoxやOperaでは以前から使えていました。これを活用すると、より柔軟な装飾対象の指定が可能になります！ 属性セレクタを使うとスタイルシートの記述が楽になる スタイルシートで装飾対象を指定する方法に「属性セレクタ」という書式があります。 今までは、FirefoxやOperaしか対応していませんでしたが、Internet Explorer 7でも使えるようになりました。 この「属性セレクタ」を使うと、スタイルシートでの装飾対象の指定が楽になります。 例えば、次のような指定が可能です。 a要素のうち、name属性があるものだけを装飾 a要素のうち、target属性の値が _blank のものだけを装飾 input要素のうち、type属
画像の下に謎の隙間ができるのを防ぐ方法 [ホームページ作成] All About
上記のHTMLは、ブロックレベル要素の中に、画像を1つ入れているだけです。このような記述は頻繁に使われるでしょう。 このとき、文字サイズ(font-size)がとても小さかったり、行の高さ(line-height)が低かったり、表示に使われているフォントの種類によっては、あまり隙間が気にならない場合もあります。しかし、右図のように画像の下に隙間が見える場合もあります。 画像の下に空く謎の隙間がハッキリ見える記述・装飾例 以下のようにHTMLとCSSを記述すると、謎の隙間がハッキリ見えるでしょう。 <p> <img src="sea.jpg" alt="海"> quick doggy jump </p> 上記のHTMLでは、画像の隣に小文字のアルファベットを掲載しています。さらにCSSで、 p { font-size: 200%; line-height: 1.4; font-family:
![画像の下に謎の隙間ができるのを防ぐ方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/07356548dced5830ac122644793311a373810346/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F8%2F8%2F9%2Ftopimg_original.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
牛丼に赤ワイン!? 人気店顔負けのワンランク上のレシピ
新生姜の甘酢漬け [家族のお弁当レシピ] All About