[CSS]Responsiveデザイン対応のページ制作に役立つ5つのスタイルシートのテクニック
Responsiveデザイン対応ページを制作する際に役立つ、max-width, min-width, overflowなどの役立つ5つのテクニックを紹介します。 5 Useful CSS Tricks for Responsive Design [ad#ad-2] 下記は各ポイントを意訳したものです。 動画コンテンツの配置 max-width, min-widthの小技 値を相対値に overflow: hiddenを使ったテクニック 長いテキストは折り返す 動画コンテンツの配置 Responsiveデザインに対応した動画コンテンツの配置方法です。 デモページ CSS: 動画コンテンツの配置 .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video iframe,
今から使いたい! スマートフォンページの構築に役立つ Media Queries | HTML5GOGO
Media Queries については「第19回 HTML5とか勉強会」レポートの記事で少しご紹介していますが、 今回はもう少し詳しく解説させていただきます。 Media Queries（メディアクエリー）とは Media Queries はCSS2のMedia typesの拡張です。 Media typesで指定できた「screen」「print」などのメディアの指定に加え、 「width」「height」「color」 などの特徴（media features）を指定することができるようになりました。 ちなみにMedia typesでは下記のような感じで印刷用のスタイルを適応させるときに重宝しましたが </p> <link rel="stylesheet" type="text/css" media="print" href="/css/print.css" /> Media Quer
知ってた？知らなかった？ゴキブリに嫌われる方法4つ | ニコニコニュース
夏になってくると、活動的になってくる害虫。とくに、女性の大敵ゴキブリは気温が25度以上になると繁殖が活発になります。突然ゴキブリに出くわしてしまった時、アナタはどのような行動にでますか？ 逃げる？ 新聞紙を持って追いかける？ 殺虫剤をひたすらかける？とにかく早くなんとかしたいですよね。最近のゴキブリは殺虫剤への抵抗性が高まり、退治が困難になっています。そこで今回は、ゴキブリの生態を利用した、より効率的な対処法を4つご紹介します。 ■1：界面活性剤をかけるゴキブリのテカテカしたあの体。あれは分泌油脂によって外骨格を油で覆っているためにテカテカしています。あの油脂によって呼吸口を守っているため、界面活性剤、つまり食器用洗剤やシャンプーなどをかけると油が分解され、窒息死してしまいます。この方法はかなり速効性があり、ゴキブリの動きを瞬時に止めることができるので、ゴキブリがとくに苦手な人は試してみ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
とっておきの視力回復方を教えてやろう。 : ライフハックちゃんねる弐式
2012年06月19日 とっておきの視力回復方を教えてやろう。 Tweet 1コメント ｜2012年06月19日 21:00｜美容・健康｜Editタグ ：視力回復トレーニングやりすぎは禁物 編集元：http://gimpo.2ch.net/test/read.cgi/body/1264933751/ スレタイ「視力回復◆ Part28」1 ：病弱名無しさん：10/01/31 19:29 ID:R6PyVrnI0 このスレは医療技術に頼らずに、 近視・遠視・乱視・老眼などからの視力回復を目指すスレッドです。 急を要する眼の病気に関しては「眼科質問」スレや各病気の専用スレへ。 手術、眼鏡やコンタクトによる矯正もスレ違いor板違い（めがね板）です。 前スレ 視力回復◆ Part27 http://gimpo.2ch.net/test/read.cgi/body/1254001126/ 視力wik
知らない人は損してるなあと思うこと『便利な英語の勉強法』 : 哲学ニュースnwk
2012年05月22日15:00 知らない人は損してるなあと思うこと『便利な英語の勉強法』 Tweet 189： おさかなくわえた名無しさん：2012/04/26(木) 23:03:19.58 ID:5JLM1nP/ バニラアイスにきな粉と蜂蜜かけて食べること 190： おさかなくわえた名無しさん：2012/04/27(金) 02:20:22.70 ID:YhiUFzD9 >>189 それ旨そう 今度やってみるねありがと(´^｀) 200： おさかなくわえた名無しさん：2012/04/27(金) 16:22:56.55 ID:aI+DsVgT >>189 バニラアイスに煮詰めたバルサミコ酢も美味しいよ 12：おさかなくわえた名無しさん：2012/03/28(水) 17:10:45.96 ID:d5qsMtus 転職に困らない資格 101 名前： スプーン(愛知県)[sage] 投稿日：20
画像処理ソフト「GIMP 2.8」が公開、3年半ぶりのメジャーバージョンアップ ｷﾀ - .∵･(ﾟ∀ﾟ)･∵. - ｯ!! : 【2ch】コピペ情報局
2012年05月11日15:28 パソコン ネット コメント( 0 ) 画像処理ソフト「GIMP 2.8」が公開、3年半ぶりのメジャーバージョンアップ ｷﾀ - .∵･(ﾟ∀ﾟ)･∵. - ｯ!! Tweet 1： デネブ(新疆ウイグル自治区)：2012/05/08(火) 22:58:13.04 ID:nFvWhVGf0 http://www.forest.impress.co.jp/docs/news/20120508_531083.html 画像処理ソフト「GIMP 2.8」が公開、3年半ぶりのメジャーバージョンアップ “シングルウィンドウモード”やレイヤーのグループ化などをサポート 無償で利用できる高機能な画像編集・処理ソフト「GIMP」の最新安定版v2.8.0が、3日に公開された。安定版のメジャ ーバージョンアップは3年半ぶり。 「GIMP（GNU Image Manip
オリオン座が消える日 | ニコニコニュース
オリオン座と言えば、真冬の夜空を彩る代表的な星座です。そのオリオン座が消えてしまうとは、一体どういうことでしょう？ 実は、地球上の生物と同じように、夜空に瞬く星にも一生があり、オリオン座の中にある1つの星にもその寿命が近づいているというのです。 ■星の最期 ～超新星爆発とは～ まずは、星の最期についてご説明しましょう。 なお、ここでは太陽のように自ら光を放っている「恒星」のことを指すことにします。 その恒星がどのような最期を迎えるかは、それぞれが持つ質量に依存します。 太陽の質量を基準として考えたとき、太陽のおよそ8倍以上の質量を持つ恒星は、最期を迎えると核反応が暴走的に進み、大規模な爆発を起こします。これを「超新星爆発」と呼びます。 ここで、星の寿命の最期なのに、なぜ「新」という字が使われているのだろうと疑問に思う方がいるかもしれません。 昔の人は、爆発によって急に明るく輝きだした星を見
【解説付き】Twitterと併用すると役立つサービス・ツール100選まとめ | ラジック
ラジック 気軽に楽しめるブログメディア「ラジック」は２ちゃんねるを中心にエンタメ情報をお届け！
Web制作に携わる人は見ておくべき、2011年のはてブ1500数以上の良記事31選 | URAMAYU
2011年のWeb制作トレンドをはてブのホットエントリから振り返ってみました。 2011年でトレンドは、スマートフォン向けサイトやアプリの制作関連、HTML5関連、あとはFacebook対応のためのノウハウといった感じでした。 はてなブックマーク「コンピュータ・IT」カテゴリ内で、1500以上ブクマがついた記事を選出、その中からさらに私の主観も入りつつ、2011年Web制作系のエントリーの中でもベストな31記事をピックアップ、Webデザイン系、SEO系、HTML+CSS系、プログラミング系、スマートフォンサイト制作系、企画、ツール、その他系、素材系にそれぞれ分類しました。 Webデザイン系 1. 色彩センスのいらない配色講座 配色と色についてひじょーに分かりやすく、論理的に解説されたスライド。はてブ数ダントツ。 2. デザインの基礎力をワンランクアップしたい私（Webデザイナー
CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ
最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基本が分かってなかったんだなーと反省 ...。今回は CSS の基本中の基本、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが CSS …。このブログ – Webデザインレシピでも、過去に CSS について書いた記事がいくつかあります。最近 … でもないけど、以下のふたつは CSS でのレイアウトについて、いろいろと書いた記事でした。 CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ – 2011年 6月17日 CSS：初心者の頃にハマったスタイルシートのあれこれ … IE7多め -2011年 4月21日 で
Evernote初心者へ送る。衝撃的で斬新だった使用例を集めてみた。
ブログ移転のお知らせ！ ▼当ブログは移転しました！新しいサイトは以下となります！！ http://bamka.info ▼お手数おかけしますが、RSSの再登録もお願いします！！ http://feeds.feedburner.com/bamka Evernoteは自分の好きなことを入れていい。 それは分かっているのですが、いざ使ってみると何を入れていいのか分からない。そんなに記憶しておくことってあるんか？って疑問に思う日々がありました。 でも、いろんな人の使い方を見てきて「あぁ、こんなことでもいいんだ。」って最近思えるようになりました。自分でも無意識のうちにブレーキをかけていたんですね、きっと。 それからです。Evernoteが楽しいと思えるようになったのは。そのブレーキが外れて初めて、Evernoteを好きになれるんだと思います。 じゃあ、なにが私のブレーキを取ってくれたのか。それは、色
行動力を身につけるためのコツ30箇条
・行動しないということは、無意識にチャンスを見送っていること。 ・同時に、将来に向けて自らリスクの芽を育てている。 ・すぐ期限をつけて物事に取り組めば、その行動による損失など大したことがない。 ・決断というのは、先送りにすればするほど選択肢とリターンが少なくなる。 ・やらなければならない、というプレッシャーを持って長い時間を過ごすのは、体を蝕むストレスになる。 ・やらなかった…という、後悔は段々と大きくなる。 ・考えていて進まないときは、行動すると何かは分かるもの。 ・自信がないから行動できない…のではなく、行動するから自信が備わる。 ・行動には、不安を打ち消してくれる効果がある。 ・行動していくことで、あなたのメンタルは強くなれる。 ・行動さえできれば、圧倒的に他者より優位になれる。 ・目標があるのなら、行動リストを書いて、1つずつこなしていこう。その過程も自信になる。 ・フットワークが
Evernote（失笑）とか使っちゃってる人って、何かに操作されて「使わされてる」感じ…見ててｶﾜｲｿｳ : 暇人＼(^o^)／速報
Evernote（失笑）とか使っちゃってる人って、何かに操作されて「使わされてる」感じ…見ててｶﾜｲｿｳ Tweet 1： 忍法帖【Lv=15,xxxPT】 【東電 75.3 %】 (東京都)：2011/06/22(水) 23:58:35.08 ID:WO26NhW00● EvernoteとDropboxのセキュリティを考察する 中上級のPCユーザーに取っては、すでに欠かせないツールとなっているのがEvernoteとDropboxである。 ウェブクリップからMicrosoft Officeファイル、PDFファイルまでタグをつけて管理できる利便性は一度使ったら手放せないほどだ。 かつては、Google Docksがオフィスソフトのウェブサービス化という形で嚆矢となり、その後、Microsoftや中小ベンダーが類似サービスを提供してきたが、Evernoteの登場で状況は一転し、機能の低いオンラ
Daccot is under construction
Thank you for being patient. We are doing some work on the site and will be back shortly.
Rails3.1の初期化プロセスを細かく追いかけたRailsGuidesの記事を和訳したよ:ミームの死骸を越えてゆけ
This domain may be for sale!
カオスちゃんねる : 一番面白かったフリーゲーム
2011年06月01日15:00 一番面白かったフリーゲーム 1 名前：以下、名無しにかわりましてVIPがお送りします[sage] 投稿日：2011/05/28(土) 14:11:25.85 ID:e0wEzKP30 シルフェイド幻想譚はガチ http://www.silversecond.net/contents/game/silfade_gensou/ 170 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2011/05/28(土) 15:13:23.24 ID:evElWgeO0 正直フリゲはオリジナルの凄い頑張っちゃったとっつき難い戦闘システムとか 出されても萎えるだけ その点シル幻の作者は分かってる 4 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2011/05/28(土) 14:14:53.20 ID:VaTpyic9O 洞窟物語一択
ドラゴンボールで学ぶオブジェクト指向 改 - 達人プログラマーを目指して
ドラゴンボールといえば、大変に人気の高い国民的、いや世界的な漫画、アニメですが、昨日匿名ダイアリーでドラゴンボールをネタにしたオブジェクト指向の解説がホッテントリに入っていました。 ドラゴンボールで学ぶオブジェクト指向 多くの人に親しみやすい題材でオブジェクト指向の考え方を解説するというのは非常に興味深い試みなのですが、オブジェクト指向の説明としては不適切なところがあり、ちょっと残念な内容になっています。私自身ドラゴンボールの専門家（ドメインエキスパート）ではないため、不正確なところがあるかもしれませんが、ストーリーを思い出しながら、私なりにドラゴンボールをネタとしたオブジェクト指向の解説にリトライしてみたいと思います。 なお、オブジェクト指向でもプログラミング言語によって表現できる内容が異なるため、当然設計技法は違ってきます。ここではJava、C++、C#、Visual Basicといっ
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
![暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/cda2bf7d7a0840f2fd2c9a87944b7c77d5e4e76d/height=288;version=1;width=512/https%3A%2F%2Fp1-dd40651e.imageflux.jp%2Fr%2F20110314%2F20110314150555.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ