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)
笑っていいかも？ 障害者バラエティー「バリバラ」 [お笑い・バラエティ] All About
笑っていいかも？ 障害者バラエティー「バリバラ」お笑いファンの中では、すでに熱い話題となっているバラエティー「バリバラ」。どんな過激な民放のバラエティーでもマネできない内容が、NHK教育テレビで絶賛放送中です。その人気を受け、きたる12月4日にゴールデンの2時間特番としてオンエアが決定!! 今回は番組プロデューサーからの長文メッセージとともに、「バリバラ」そして特番の魅力にぐっと迫ります。 いま、コアなお笑いファンの中で、旬な話題になっているバラエティーがあるのをご存知でしょうか。深夜枠？ ローカル番組？ いえいえ、全国ネットでゴールデンタイムに絶賛放送中の番組です。 番組タイトルは「バリバラ」(「バリアフリー・バラエティー」の略)。NHK教育テレビの福祉情報番組「きらっといきる」(毎週金曜午後8時～8時30分)の枠で、毎月最終週にオンエアされる、これまでになかった新しい形のバラエティーで
フォームの活用・装飾 (HTML,CSS,JavaScript) [ホームページ作成] All About
JavaScriptを便利にするライブラリ「jQuery」を活用するJavaScriptを「便利に」かつ「容易に」してくれるライブラリ、jQueryJavaScriptのライブラリである「jQuery」(ジェイ・クエリー)は、JavaScriptの記述を「容易に」かつ「便利に」してくれる優れたライブ...続きを読む
JavaScriptで入力チェック・文字を入力制限する方法 [ホームページ作成] All About
フォームに入力された文字を送信前にチェックしたい ウェブ上のフォームに入力された内容が期待通りの規則に沿った文字になっているかどうかを、送信前に自動チェックできると便利です。メールアドレスを書いてほしいテキスト入力欄に住所が日本語で入力されていたり、電話番号を書いてほしいテキスト入力欄に郵便番号が入力されていたりすると、そのまま送信されても困ってしまいますから。 そこで本記事では、HTML5の仕様を使って簡単に入力チェックをする方法と、JavaScriptを使って詳細な入力チェック機能を作る方法をご紹介いたします。テキスト入力欄に望まない文字が入力されていないかどうかを自動でチェックする仕組みを用意しておけば、ユーザにとってもサイト運営者にとっても手間が省けて便利です。 【本記事の目次】 スクリプトを使わずに、HTMLだけで入力チェックする方法 (p.1) では、JavaScriptを使っ
![JavaScriptで入力チェック・文字を入力制限する方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/75ec97343e9558225beca6307a5407f5adc10b96/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F8%2F5%2F4%2F201612051203%2Ftopimg_original.png)
テキスト入力欄の文字数をリアルタイム表示 [ホームページ作成] All About
テキスト入力欄の文字数をリアルタイム表示テキスト入力欄にユーザが何かを入力する際に、現在の入力文字数をリアルタイムに表示するようにしてみましょう。入力文字数に制限のある入力欄などで活用すると便利です。入力可能な残り文字数の表示もできます。 入力された文字数を表示する テキストエディタの中には、現在の入力文字数をステータスバーなどにリアルタイムに表示してくれるものがあります。 JavaScriptを使うと、ウェブ上の入力フォームでも、ユーザが入力した文字数をカウントして表示することが簡単にできます。 下記の入力欄に何か文字列を入力してみて下さい。入力欄の右下に、入力文字数がリアルタイムに表示されます。 ※JavaScriptが利用可能な環境でのみ 全角文字でも半角文字でも、1文字は1文字としてカウントされます。 ※改行は、1文字（または2文字）としてカウントされます。 ※古いブラウザでは、全
スタイルシートの class と id の使い分け
idとclassの違いと使い分け！スタイルシート(CSS)適用法(2ページ目)idとclassの違いと、使い分け方法をご紹介いたします。HTMLにスタイルシート(CSS)を適用する方法には、class属性を使う方法と、id属性を使う方法があります。この「class」と「id」は明確に役割が異なります。全部にclass属性を使っている場合は問題ありませんが、全部にid属性を使っている場合は問題がある可能性があります。 class属性とid属性の役割の違い 「class」と「id」の役割と、使用上の違いを簡単に言うと、次の通りです。 ■class： 「種別名を割り当てる」 → 同じclass名を、1ページ中に何度でも使える。 ■id： 「固有の名前を割り当てる」 → 同じid名は、1ページ中に1度しか使えない。 class属性が対象の「種類・部類」を表しているに過ぎないのに対して、id属性は対
ウィンドウ、Dockをスッキリ使うには？ [Mac OSの使い方] All About
ウィンドウ、Dockをスッキリ使うには？MacはWindowsに比べてキッチリしていない部分があるため、イライラすることもある。ウインドウのサイズや位置に限らず、Dockの位置や動き、大きさなどをスッキリさせて整理・使いこなす方法を紹介 Mac OS Xのウインドウを拡大したいときは、左上の緑色ボタンを押します。 ただし、Windowsのような全画面表示で固定する機能はないし、拡大の動きもアプリケーションごとにバラバラ。 Mac OS Xではウインドウサイズや位置が気になりだすと、延々と位置やサイズを調整してしまうことも少なくありません。 これは、Mac OS のウインドウ管理では、現在のサイズや位置がキッチリ左端になってないんじゃないか？とか中途半端なサイズや位置にあるよう見えて気になってしまうためです。 では、ウインドウのサイズや位置、Dockの位置や動き、大きさなどをスッキリさせたい
画像の下に謎の隙間ができるのを防ぐ方法 [ホームページ作成] 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)
Mac OS X のファイル関連付け ファイルの関連付けのしくみ
Mac OS X でファイルの関連付けを変更する方法を御存じですか？これ、結構知らない人が多いみたいなんですが、Finderの“ファイル - 情報を見る”コマンドから「このアプリケーションで開く」という設定を変更します。 で、この設定パネルで“デフォルト”になっているアプリケーションがありますよね？それに、ファイルの拡張子によっては、利用できるソフトの数が多かったり、少なかったりします。あれって、だれがいつ、どこで設定しているものなのでしょう？ 答えは、そのアプリケーション自身なのです。 Mac OS X 上ではアプリケーション毎に内蔵されている PropertyList (plist) と呼ばれるテキストの記述によりファイル関連付けのしくみを実現しています。 アプリケーションの中身を調べてみよう！ 最初にパッケージ形式になっているアプリケーションの中身を見てみましょう。 アプリケーション
ペイントで画像を透過する方法【エクセル（Excel）の使い方】 [エクセル（Excel）の使い方] All About
ペイントで画像を透過する方法【エクセル（Excel）の使い方】ペイントで画像を透過する方法を紹介します。企業のページ作成などで、透過GIF素材を作成しなくてはならない場合の裏技テク！ソフトを使って画像を透過することもできますが、 Excelとペイントで画像・図・図形・イラストの背景を透過（透明化）加工する方法を解説します。 透過GIF素材を作成したい！ 企業のページ作成などで、ロゴが必要になることはよくあります。 上司「というわけで、わが社のサイトの構築たのんだよ！」 担当者「ロゴの画像素材がほしいんですが……」 上司「そんなものないよ。この、企業パンフレットの表紙にあるロゴをスキャナで取り込んで使ってよ」 担当者「……」 そのままやったら、当然、WEBページの背景の上に、ロゴを切り取った四角がはっきりくっきり浮いてしまいます。さぁどうしましょう。 画像を透過する方法1：市販のグラフィック
![ペイントで画像を透過する方法【エクセル（Excel）の使い方】 [エクセル（Excel）の使い方] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/792063392e7f3b5051fbd9c171569aa31cb5dae2/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F5%2F4%2F1%2F9%2F7%2F201708301659%2Ftopimg_original.jpg)
被写界深度とは何か [デジタルカメラ] All About
大きめの比較写真はこちらにあるので、参照してみていただきたい。 この2枚の写真、なにが違うのか。 後ろのデジカメを一瞥してもらえれば分かるだろうが、ピントの合っている範囲が大きく違うのだ。 2枚の写真は『被写界深度』が変わるよう意図的に撮影したものである。 『被写界深度』という言葉は、あるていどデジカメなどで写真を撮影していると聞こえてくる単語である。しかし、かなり分かりにくい単語ではないだろうか。 ものすごく簡単に言ってしまえば、『被写界深度』とはピントの合っている範囲のことだ。 ピントが合っている範囲が狭い状態を『被写界深度が浅い』。 ピントが合っている範囲が広い状態を『被写界深度が深い』と、それぞれ表現する。 この『被写界深度』という言葉、カメラ任せをやめて真面目に写真を撮ろうとするとけっこう考える必要のあるパラメータなのだ。 『被写界深度』を理解することが、初心者脱出の第一歩と言っ
2/2 直ぐに使えるDashboard [Mac OSの使い方] All About
直ぐに使えるDashboard(2ページ目)Mac OS X v10.4 “Tiger” で標準装備された「Dashboard（ダッシュボード）」 の使い方を見てみましょう。 いろいろな Widget を入手 標準で用意されている Dashboard の Widget も便利ですが、やはりもっといろいろな使い方を自分なりに見つけたいものです。 Widget の入手は、おすすめサイトの「新着情報・ライブラリ 」で探すと良いでしょう。特に、「新し物好きのダウンロ～ド」「OSX-NAVI」「D.P.S」が便利です。 ちょっとした裏技 各、Widget 上にマウスカーソルを置いて、command + R キーを押せば、Widget が渦を巻いたような表示になり、再表示されます。 表示がおかしくなった Widget などを元に戻す場合に便利です。 あと、「Weather」Widget 上で、 com
価格差は何？【電子レンジ】選び4つのPoint [電子レンジ・オーブンレンジ] All About
価格差は何？【電子レンジ】選び4つのPointお手軽な１万円以下から10万を超える高額機種まで実にいろいろある電子レンジですが、その違いを正しく把握していますか？電子レンジ購入時のチェックポイントをご紹介します！ 10万円を超える高額機種から1万円以下のお手軽価格まで！いったい何か違うのでしょうか？ 電子レンジは普及率95％を超える、今や生活に無くてはならない家電のひとつ。“電子レンジ”とひとことで言っても、電子レンジ・電子オーブンレンジ・ウォーターオーブンなど、その違いを正しく把握していますか？さらに価格も、お手軽な１万円以下から10万を超える高額機種まで実にいろいろ。この価格差は、いったい何なのでしょうか？「安くても高くても大差は無いんじゃない？」「どうせ、あたためるだけだから．．．」と思う人も多いはず。 そこで今回は“電子レンジ”についての基礎知識と、どのような差が価格に反映されてい
2/2 トラブル発生！ セーフモードで原因を調査 [Windowsの使い方] All About
トラブル発生！ セーフモードで原因を調査(2ページ目)Windows XPやWindows Vistaが正常に起動しない場合は、セーフモードで原因を調査しましょう。わかりやすくセーフモードの使い方を解説します。 Windows Vistaでの操作 セーフモードは新しいデバイスドライバやプログラムをインストールした後に起動できなくなった場合、基本的なサービスのみでWindows を起動し、問題の原因を特定するために使用します。 まず、パソコンの電源を入れます。BIOS(バイオス)のビープ音が鳴ったら、[F8]キー(ファンクションキーの8番)を押します。パソコンの機種によりビープ音が鳴らない場合は、[F8]キーを何回か押してみてください｡ しばらくすると、[詳細ブート オプション]が表示されますので、上矢印キーあるいは下矢印キーを使って[セーフ モード]を選択し、[Enter]キーを押します。
『Filp4MacでWMVを見る - [Mac OSの使い方]All About』
Flip4MacでWMPの動画を見るMacでWindows Media形式の動画を見るもう一つの方法。QuickTimeプラグインのFlip4Macの紹介です。 MacでWindows Media形式の動画を見る方法としては、以前はMicrosoftから提供されているWindows Media Player 9 for Mac OS Xを利用するのが一般的でしたが、すでにサポートを終了しているため、現在ではFlip4Macを使います。 QuickTime にWindows Mediaのサポートを追加する Flip4Macは単独で動作するプログラムではなく、QuickTimeにWindows Mediaのサポートを追加するプラグインです。フリーで提供されるのは再生機能をもつ「Player」のみ。 Flip4Macのダウンロードページからプログラムをダウンロードしてインストールを実行すると、/
プレゼン上手と思われる４つの基本ステップ - ［ビジネススキル］All About
みなさんは、自分がプレゼンテーションしている最中に、何が言いたいかわからなくなって困った経験はないでしょうか。また、他人のプレゼンテーションを聞いていて、「スライドは立派だが何が言たいかわからない」と思った経験はないでしょうか。 そんな時はもしかして、そもそも何を言おうとしているかが明確でなかったりしませんか？ 主張が不明確であれば、いくらプレゼン資料を工夫した所で、相手にわかりやすく伝えることは出来ません。 プレゼンスキルの高め方1.「相手に何を期待するのか」を明確にする 何かをプレゼンテーションする場合には、必ず相手に何らかの行動を期待しているはずです。そんな時「ふーん」「あっそう」と相手に聞き流されてしまったら、プレゼンテーションをした意味がないですよね。だからこそ、何を期待して、プレゼンを行っているのか、ということを最初に相手に伝えるべきなのです。 よく考えると当たり前の話なのです
優勝→失格へ！AVオープン不正発覚 - ［アダルトビデオ］All About
昨年に続いて第２回を終え、無事閉幕した‥かに思われたＡＶオープン。授賞式から約一ヶ月経ちましたが、本日発売された東京スポーツ８月31日号にて、イベントの根幹を揺るがす大スキャンダルが行われていたことが明らかにされました。その見だしは「発覚!!ＡＶオープン不正」「売り上げ日本一は嘘だった・優勝メーカーＳＯＤクリエイトが自社作品を大量購入」というもの。 19メーカーが参加し、各社のエントリー作の売り上げで順位が競われるというのがＡＶオープンのルール。東京スポーツによれば、今年優勝したＳＯＤクリエイトの有効売上本数は３万3209本。次点のエスワンに3565本の差をつけて優勝していた、と発表されていました。しかし発表直後から不正疑惑がインターネット上を中心にささやかれており、東京スポーツがＳＯＤクリエイト代表に噂について確認したところ、１万6000本の自社購入を認めたというもの。 自社購入も社員が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhone 3G用のWebページを作る1 [Javascript] All About
jQuery UI タブ
「青春18きっぷ」超基本ルール10 - ［鉄道旅行］All About
