-float(フロート)を解除する3つの方法-Whisper | Diary
フロートによる回り込みを解除する フロートを利用してボックスを配置すると、意図しない要素が回り込みしてしまうことがあります。 フロートとは、『フロートを適応した指定された要素を通常の流れから取り除き、左または右に寄せて配置するをさせる機能』のことです。 また通常の流れから取り除くということは、親要素が高さを持っていない場合、 子の高さ(height)によって高さを維持していた親の高さ(height)は失われます。 つまり子に対してフロートを適応すると親の高さが０になり、 よく問題として挙げられる『背景がなくなる』といったことが起こるわけです。 その為、フロートを適応したら、解除の設定をする必要があります。 ここでは３タイプの解除の方法を載せてみます。 ■ 元の状態 floatを適用する前の状態です。 - XHTML - ■ contentsにfloatを適応する div id="conte
floatを解除する手法のclearfix と 次世代のレイアウトの話
floatを解除する手法のclearfix と 次世代のレイアウトの話 2013-06-20 / 2013-06-30 2011年にclearfixについて記事を書きましたが、Micro clearfixなどの新しい手法も出てきました。 記事を書いてから2年が経ち、色々思うところも出てきたので、改めてclearfixについて書きます。 floatを解除するには CSSでレイアウトの構築を行う際に、よくfloatプロパティが用いられます。 しかしfloatを使用すると、「親の背景が表示されない」「下の段のレイアウトが崩れる」などのトラブルが起こりやすくなります。 floatプロパティの特性 親の背景が表示されない理由は、floatプロパティを指定しているボックスが浮動化し、通常のボックスのフローから外されることが原因です。 通常フローから外されたボックスは、親のボックスの高さを認識できなくな
Skypeの通話を実現するネットワークの仕組み - ＠IT
［運用］ 仕事に使うSkype ― 在宅勤務に、BCPに、無料ネット通話を活用するためのエッセンス ― 第2回 Skypeの通話を実現するネットワークの仕組み デジタルアドバンテージ 島田 広道 2011/11/17 前回は、仕事で使ううえでSkypeに何ができるのか、どんな機能が利用できるのか、そしてSkypeのセキュリティについて説明した。低コストで自由度の高いコミュニケーション手段としてSkypeは確かに便利そうだ。ただ、社内システムを預かる管理者としては、仕組みのよく分からないものを導入するのはためらわれるところだ。それに、導入にあたって既存システム側に何か変更が必要なのかどうかも気になる。 そこで今回は、Skypeのインストールに進む前に、Skypeのシステムで特に重要な役割を担うネットワークの仕組みについて、簡単に説明したい。またSkypeを社内システムで利用するのに必要なネッ
Skypeの通信メカニズム - ＠IT
第1回では、主にユーザーの視点から、Skypeの入手とインストール、初期セットアップ方法、Skypeの基本機能などを紹介した。第2回は、ネットワーク技術者や管理者の視点から、Skypeの通信メカニズムを眺めてみよう。この際には特に、Skypeの高い接続性を実現しているNATルータ越えのテクニック、ユーザー・ログオン認証などに注目する。いずれも、ネットワーク管理者として気になるところだ。 Skypeネットワークの構成 Skypeは、PtoP（Peer to Peer）ファイル共有ソフトウェアとして、欧米で広く利用されているKaZaA（カザー）の技術を基に開発されたVoIP（Voice over IP）ソフトウェアである（PtoPの詳細についてはコラム「クライアント／サーバ型システムとPtoP型システム」を参照）。Skypeネットワークへのログイン認証を行うサーバ（ログイン・サーバ）は中央に存
通話網を脅かすSkypeの仕組み、分かりやすく解剖！ − ＠IT
通話網を脅かすSkypeの仕組み、分かりやすく解剖！：5分でネットがわかるシリーズ（5）（1/5 ページ） 2003年の登場から大きな注目を浴びている「Skype」。ヘッドセットや受話器などアクセサリー類も充実し、ファンを増やし続けるSkypeの仕組みや魅力の秘密を解説します。 1. 「Skype」って何？ 2003年に登場したインターネットを通じて無料で音声通話が可能な「Skype（日本語読みはスカイプ）」。最近ではSkypeに対応したヘッドセットや受話器などアクセサリー類も充実し、ユーザーも増えてきています。今回はSkypeの技術的な仕組みを中心に解説をします。 ●音声通話だけでないSkypeの魅力 無料の通話だけがピックアップされるSkypeですが、実は非常に多機能なソフトウェアです。バージョンがアップするごとに機能も増えています。まずはSkypeができることを簡単にまとめてみましょ
道案内の英語 (block て何？） : なるほどの素
5月11 道案内の英語 (block て何？） カテゴリ:英語英会話 初級の英会話では、道の尋ね方の例をよく見かけます。 Could you tell me the way to the station? と、尋ね方は丸暗記でも済むのですが、答え方はいろいろになります。 道を尋ねてみたものの、相手の説明が全く分からなかったという笑い話のような結果になってしまっては意味がありません。 あるいは、道を聞かれたところまでは分かったものの、肝心の説明ができなかったでは困ります。 そこで、道の説明のしかたについて整理しておきましょう。 Go for three blocks. Go down this street for two blocks. のように block という語が使われます。 通常、ブロックと言うと直方体のコンクリートの塊を思い浮かべますが、 道を案内する時の block と言うの
第2回 意図しない操作をさせられる「クロスサイト・リクエスト・フォージェリ」
今回はセッションに関連したぜい弱性について解説する。まずは，クロスサイト・リクエスト・フォージェリ（CSRF）を取り上げよう。 CSRFのぜい弱性とは，「サイト利用者が意図しないところで，何らかの情報変更を無理やり実行させられてしまう」問題のことである。例えば，「自分の名前で勝手にブログに書き込まれる」，「パスワードがいつのまにか書き換えられる」などといった問題が発生することになる。 攻撃は次のように実行される。 ユーザーが，ターゲット・サイト http://target.example.com にログインする。 http://target.example.comのサーバーが，ユーザーのブラウザにクッキーをセットする。 ユーザーが，メールによる誘導などによって，罠を仕掛けられた攻撃者のサイト http://attacker.example.com にアクセスする。 罠の例：ブログへの意図し
「Webからの脅威」を攻略せよ――セッション管理編
改めて知る「iPad」の底力、高精度の手書き入力や背面カメラでの3Dスキャンが可能 2024.09.20
Secure Sockets Layer - Wikipedia
TLSは特定のアプリケーション層プロトコルに依存しないため、HTTP以外にも多くのプロトコルにおいて採用され、クレジットカード情報や個人情報、その他の機密情報を通信する際の手段として活用されている。 既存のアプリケーション層プロトコルでTLSを利用する場合、大きく2つの適用方式が考えられる。まずひとつは、下位層（通常はTCP）の接続を確立したらすぐにTLSのネゴシエーションを開始し、TLS接続が確立してからアプリケーション層プロトコルの通信を開始する方式である。もうひとつは、まず既存のアプリケーション層プロトコルで通信を開始し、その中でTLSへの切り替えを指示する方式である。切り替えコマンドとしてSTARTTLSが広まっているため、この方式自体をSTARTTLSと呼ぶこともある。 前者はアプリケーション層のプロトコルをまったく変更しなくてすむことが利点である。その反面、平文で接続を開始する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ