タグ フロート
新着順 10 users 50 users 100 users 500 users 1000 usersCSSでレイアウトするなら絶対覚えておきたい配置のルール:フロートや絶対配置、z-index とかいろいろ
CSSの視覚整形モデルについてのまとめです。CSSでレイアウトするときに必須な配置についてのレポートです。フロート、相対配置、絶対配置、z-indexなどはもちろん、通常フローや包含ブロックなど、基本的な部分をまとめてみました。最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間... 続きを読む
[CSS]いろいろな問題を解決する1行のスタイルシート集 | コリス
CSS Globeのエントリーから、スタイルシートのレイアウトで生じる問題を解決する8つの1行のスタイルシートの紹介です。 8 Premium One Line Css Tips 縦方向のセンタリング 高さが固定されている場合、「line-height」を使用して、縦方向のセンタリングが実装できます。 デモページ line-height:24px; はみだす箇所を隠す 横幅の広い画像などをフロート... 続きを読む
[CSS]overflowを使ってfloatの問題を解決するスタイルシートのテクニック | コリス
下記は各ポイントを意訳してものです。はじめにDemo 1: overflow:auto;Demo 2: overflow:hidden;overflowを使って生じる問題点と解決方法はじめにフロートベースのレイアウトをする際、ラッパーとなるコンテナがフロートしている子要素に対して高さを拡張しないことは、普通によくある問題です。デモ:1 フロートをクリアする要素を配置して解消した例しかし、この問題を... 続きを読む
フロートとネガティブマージンまとめ:CSS | Tech de Go
tableレイアウトをやってた人も計算してからコーディングしてたと思います。CSSのfloatを使用したレイアウトにしても、floatの挙動を正確に覚えれば、緻密な構成が可能になります。以下は私が覚えたときのフロートレイアウトの考え方のまとめです。 A.フロートの基本(フロートしたボックスとしないボックスの関係) 良くあるHTML構造でフロートしてみます。div#wrapperの中のp#conte... 続きを読む
[CSS]スタイルシートを自動でIE6対応にするオンラインサービス -ie6fixer | コリス
手元のスタイルシートをフロートやネガティブマージンなどIE6のバグを回避する記述を自動生成するオンラインサービスをonderhond.comから紹介します。 ie6fixer IE6に対応したスタイルシートを生成する方法は、以下の手順です。 「master stylesheet」の欄に、スタイルシートを入力。 「Give me my ie6 fixes」ボタンをクリック。 以上で、IE6のバグに対... 続きを読む
この夏Instagramで腐る程お見かけすることになるであろう浮き輪がこちらです「かわいい」「プールだと邪魔そう」 - Togetterまとめ
リンク www.amazon.co.jp Amazon | 【ワイズ通販】 浮き輪 シェル フロート 大人用 パール | ボート・フロート 通販 Amazon.co.jp | 【ワイズ通販】 浮き輪 シェル フロート 大人用 パール | おもちゃ 通販 続きを読む
ブロック要素の高さを行毎にあわせるjQueryプラグインを習作する | Mach3.laBlog
既知の類似プラグインは多数あるこの課題ですが、ちょっと習作してみました。 横並びにレイアウトされたブロック要素の高さを揃えるライブラリです。 なにをしたいのか 例えば、フロートなどで横並びにした要素があって、それぞれの高さを揃えたい時があります。 こんな感じに。この処理をしてくれるライブラリを書いてみます。 書いてみた物 jQuery.lineUp 使い方 例えばこんな要素があるとして <div ... 続きを読む
辺野古沖、海保艇が男性に追突 抗議ボート排除中 - 琉球新報 - 沖縄の新聞、地域のニュース
辺野古新基地建設 辺野古沖、海保艇が男性に追突 抗議ボート排除中2015年3月11日 Tweet 男性2人の乗ったゴムボートに後ろから衝突する海保の特殊警備救難艇「あるたいる」=10日午後0時12分、名護市の大浦湾(沖田有吾撮影) 【辺野古問題取材班】米軍普天間飛行場移設に伴う新基地建設が進む名護市の大浦湾で10日、建設に抗議しようと臨時制限区域を示すように設置された浮具(フロート)を越えた男性... 続きを読む
規約違反のアドセンスの「スクロール固定」を一部サイトが普通に使える理由 : Web Memo.SE
規約違反のアドセンスの「スクロール固定」を一部サイトが普通に使える理由 Web・Blog広告・アフィリエイト 2013年08月23日 21時30分 Tweet 画面をスクロールさせるとそれに追従して移動し、ウィンドウの特定の場所に固定される「フロート(フローティング)型」と呼ばれる広告がある。スマートフォン向けのモバイルサイトなどで見る機会が特に多いと思われるが、PC向けサイトではサイドバーのコン... 続きを読む
[CSS]柔軟性のあるグリッドをシンプルで簡単に実装するスタイルシートのチュートリアル | コリス
すべてのモダンブラウザとIE8+に対応したグリッドを複雑なフレームワークを使うのではなく、シンプルで簡単に実装するスタイルシートのチュートリアルを紹介します。 Don't Overthink It Grids 下記は各ポイントを意訳したものです。 ラッパー カラム フロートのクリア ガター(溝) 外側のガター(溝) カラムの追加 対応ブラウザ ラッパー まずは、グリッドを包むラッパーです。 グリッ... 続きを読む
いかだ型の浮き輪と性行為に励んでいた男、逮捕される - GIGAZINE
by wyldwest プールや海などに浮かべる「いかだ」と性行為をしていた男が逮捕されたそうです。「いかだ」と言うとロビンソン・クルーソーが無人島脱出に使ったような木で組んだものをイメージしますが、この場合はポリ塩化ビニルなどでできた、いわゆるいかだ型浮き輪(フロート)だったようです。 Cops: Man had sex with inflatable pool raft | Community... 続きを読む
コピペで簡単! CSSのみで、フォームの入力時にフロートする入力欄のラベルを実装するテクニック
フォームの入力欄のラベルが入力時にふわりとフロートして移動するのをCSSのみで実装するテクニックを紹介します。 HTMLはinputとlabelで非常にシンプル、余計なspanなどはありません。ラベルのフロートはCSSで...記事の続きを読む 続きを読む
アップル、「iOS」プレインストールアプリを削除可能にすることを「検討中」--T・クック氏が語る - CNET Japan
筆者の他にも、「iPhone」や「iPad」上で「Junk」(ジャンク)、「Bloat」(ブロート)、「Don't Use」(使用せず)といった名前のフォルダを作成し、決して(またはほとんど)使用しない削除不可能な「iOS」アプリを入れている読者がいたら挙手願いたい。 ありがとう、手を下ろしてください(手を上げなかった読者には、あの「Tips」アプリを本当に使っているのかうかがいたい)。 iOS端... 続きを読む
「ガリガリ君」をもっと楽しもう! かき氷などのアレンジレシピ&ひんやりグッズ - はてなブックマークニュース
夏の定番といえるアイスキャンディー「ガリガリ君」をアレンジして、かき氷やちょっと大人のフロートなどを楽しんでみませんか?ガリガリ君をモチーフにした「入浴剤」や夏バテ対策グッズもご紹介します。 ■ かき氷にチューハイ――ガリガリ君を使ったレシピ <かき氷> ▽ 赤城乳業お薦めの「スリガリ君」、ガリガリ君をすりおろしてフワフワに。 | Narinari.com こちらのエントリーでは、バラエティ番組で... 続きを読む
辺野古で工事再開 沖縄防衛局 | NHKニュース
アメリカ軍普天間基地の名護市辺野古への移設をめぐり、沖縄県の埋め立て承認の撤回の効力を一時的に停止する決定を国土交通大臣が行ったことを受けて、1日午前、沖縄防衛局は埋め立て予定地の立ち入り禁止区域を示すフロートを設置する作業を始め、現場での工事を再開させました。 続きを読む
翁長知事 埋め立て承認撤回の検討を本格化 | NHKニュース
沖縄のアメリカ軍普天間基地の名護市辺野古への移設に向け、沖縄防衛局は27日、ことし3月から中断していた工事を再開しました。移設を阻止したい沖縄県の翁長知事は、工事の再開前に求めていた協議に国が応じないことなどを理由に、改めて埋め立て承認を撤回できないか、検討を本格化させることにしています。 沖縄防衛局は年明け以降、立ち入り禁止区域を示すフロートの設置や、海底の地質を調べるボーリング調査など、工事を... 続きを読む
プールの真ん中で飲み会が開ける浮きテーブル『Island Table Float』 | IDEA HACK
波に揺られながら卓を囲んで酒を飲むというなんとも贅沢な体験ができちゃうのがこの『Island Table Float』。 水に浮かぶテーブル型のフロートで、最大4人、400kgまでプール上に「着席」することが可能です。 それぞれの椅子には背もたれがあるのでリラックスした体勢で楽しい時を過ごすことが出来るうえ、真ん中のテーブル内部はなんとクーラーボックスが設置。 キンキンに冷えたドリンクを取り出して... 続きを読む
さまざまな種類のメッセージをフロート表示できるJavaScript「jQuery.msgBox()」|skuare.net
さまざまな種類のメッセージをフロート表示できるJavaScript「jQuery.msgBox()」 Tweet ボタンを押した時にメッセージをライトボックスのように閲覧者に知らせてあげると伝わりやすいと思います。 jQuery.msgBox()は、いろいろなパターンでこれを実現できます。 使用方法 jQuery.msgBox()からファイル一式をダウンロード。 <script type="tex... 続きを読む
辺野古移設工事が本格化 阻止できるか翁長知事は正念場 | NHKニュース
沖縄のアメリカ軍普天間基地の名護市辺野古への移設を目指す国は、先月再開した移設工事を近く本格化させることにしています。移設を阻止したい沖縄県の翁長知事は、改めて埋め立て承認を撤回できないか検討していますが、工事を止められるかは不透明で、翁長知事にとって正念場の年となります。 沖縄防衛局は、近く立ち入り禁止区域を示すフロートの設置や海底の地質を調べるボーリング調査などを行ったうえで、工事を本格化させ... 続きを読む
インド、「望まれない女児」は推定2100万人 根強い男児偏重 写真1枚 国際ニュース:AFPBB News
インド・ニューデリーで行われた同国の共和国記念日のパレードに参加した女性・児童育成省のフロート。「おめでとうございます!女の赤ちゃんですよ」と書かれている(2015年1月26日撮影、資料写真)。(C)AFP PHOTO / Roberto SCHMIDT 【1月30日 AFP】インド政府は29日、毎年発表している経済調査報告書で、男児の誕生を切望する親が息子を授かるまで子どもを産み続けるため、「望... 続きを読む
ビーチの視線を独り占め!“唇”の形の浮き輪がインパクト大でカワイイ
夏といえば海&プール!もし誰よりも目立ちたいなら、こんなフロート(浮き輪)を持って出かけてみてはいかがでしょう?・“リップ型”のビーチフロートなんと、唇をモチーフにしたフロート!ペイントの塗り分けによ...夏 といえば 海&プール! もし誰よりも目立ちたいなら、こんな フロート(浮き輪) を持って出かけてみてはいかがでしょう? ・“リップ型”のビーチフロート なんと、 唇 をモチーフにしたフロート... 続きを読む
沖縄知事選、辺野古の海は荒れている【現地リポート】
エメラルド色に輝く沖縄・辺野古の海。今年6月にはジュゴンの食み跡のある海藻が60本以上見つかった。ここを舞台に、埋め立てに反対する市民と政府側の攻防が、日々繰り広げられている。 当初、来年に予定されていた埋め立て工事が、急遽知事選前に前倒しされ、8月初めにボーリング調査に向けたフロートの設置が始まった。 10年以上辺野古漁港のテント村で座り込みをしてきた反対派市民を中心に、全島から埋め立てに異議を... 続きを読む
ディズニーランドのエレクトリカルパレードを再現したミニチュアがハイレベル - GIGAZINE
世界各国のディズニーパークで催されるエレクトリカルパレードでは電球や発光ダイオードなどで装飾されたフロート(山車)に乗った出演者による踊りやパフォーマンスが行われ、ファンも多いことで有名ですが、アメリカのディズニーランドで行われるメインストリート・エレクトリカルパレードをテーブル大の大きさで再現したミニチュアがかなり凝った作りとなっています。 By George, I Think You've G... 続きを読む
指を9本失った登山家・栗城史多さん死去 35歳 8度目エベレスト挑戦も下山途中に(スポニチアネックス) - Yahoo!ニュース
登山家の栗城史多(くりき・のぶかず)さんが21日、死去した。35歳。北海道出身。4月17日から8度目のエベレスト登頂に挑戦していたが、体調不良で下山途中だった。栗城さんの公式フェイスブックなどで所属事務所が発表した。 【写真】2014年、ブロード・ピーク遠征時の栗城さん 栗城事務所の小林幸子氏が「このようなお知らせになり、大変申し訳ございませんが、エベレストで下山途中の栗城が遺体となり、発見され... 続きを読む
辺野古基地問題 コンクリートブロックでサンゴは死なない。国敗れて珊瑚あり - 千日のブログ
辺野古サンゴ破壊 県、岩礁破砕許可取り消しも - 沖縄県の翁長(おなが)知事が普天間基地の辺野古移設工事で、岩礁破砕許可を出した区域外に立ち入り禁止区域を示すフロートやブイを固定する重りとして沈められたコンクリートブロックがサンゴを傷つけているとして『農林水産部に投入の一時停止等も含め、検討するよう指示している』という記事です。 私は家でサンゴを飼育してますので、寧ろ破壊者側の人間です。加えて、こ... 続きを読む