なんでもかんでもpicture要素を使えばいいわけじゃない！レスポンシブ・イメージ実装の際の注意点
画像表示のマルチデバイス対応をHTMLとCSSのみで実現できる「レスポンシブ・イメージ」ですが、効果的な使い方をするには、いくつか注意点があります。プロダクション・サイトで使えるようになるまでにはもう少し時間がかかりそうですが、基礎と注意点くらいは今から覚えておいても良さそうです。 Cloud Fourというアメリカの制作会社のブログ で、<picture>要素の使い方について注意を促していて、とても重要な情報だと思ったのでこちらでもシェアします。先日書いたレスポンシブ・イメージとPicturefill 2のまとめとあわせて、近い将来、レスポンシブ・イメージ実装の参考になれば幸いです。 まずは推奨の記述方法から レスポンシブ・イメージ実装の際に推奨されるHTMLの記述方法は以下のとおりです： とりあえず、これだけ覚えておけば、細かいところはこの記事をはてブ しておいて、使う時にもう一度見な
ディレクターがワイヤーを書く直前にやるべき超細かい事あれこれ
ども。ナカムラです。 今回はいつもの「やたら上位に食い込みたがるディレクターズマニュアルの記事」と比べるとかなり粒度細かめ。 実際の現場でディレクターがワイヤーを書くその前に「やらなければいけないこと」とその理由について解説してみたいと思います。 ちなみに、お題は「既存コンテンツありのリニューアル with Word Press 案件」と仮定してみます。 さて、ワイヤー書く前にディレクターって何やればいいんでしょうね？ とりあえずサーバー周りの情報整理 WordPressに限らず、どんな案件でもまぁ必須。なんかしらCMSを乗せる場合であれば間違いなく事前に確認しておかないと大怪我するアレですね。 とりあえずLAMP動くかどうか？とセキュリティ系の情報くらいは整理しときます。 この辺の情報は1枚のドキュメントにまとめといたほうが後で楽かもですね。 既存のページ調査 リニューアルであれば、まず
仕事を他人に任せるか迷ったら「70%ルール」を思い出そう | ライフハッカー・ジャパン
「仕事をきちんと終わらせたいなら、他の人に任せず自分でするべきだ」ということは、ほとんどの人が分かっているでしょう。けれども、いつも自分でする時間があるとは限りません。その仕事の70%でも正しくやってくれる人がいるならば、任せるとことが大事になってきます。米ニュースサイト「Inc.」には、完璧な仕事と過労を感じるバランスを見極める公式があります。CEOを対象としたものですが、どのような状況にでも応用することができるでしょう。 CEOがしたいと思っている仕事を、少なくとも70%のクオリティで出来る人がいるのであれば、その人に任せるべきです。同レベルの完成度でないとイライラしますか？ 完璧さは忘れましょう。口で言うほど易しいものではないかもしれません。でも、任せるなら、完璧を求めるのは禁物です。 仕事を他の人に任せる上で重要なのは、目標を明確にし、それを達成するには何が必要かチームのメンバーに
【総選挙2014】最高裁国民審査は「わからなかったら×（バツ）」で（江川紹子）｜ポリタス 「総選挙」から考える日本の未来
© iStock.com 14日に行われる総選挙の際、私たちは衆院議員を選ぶのとは別に、「もう1つの参政権」を行使することになる。最高裁判所裁判官の国民審査だ。 ただ、衆院議員候補者や政党に関する情報は、マスメディアにも街にも溢れているのに、この国民審査に関しては、国民に提供される情報が本当に少ない。投票所で、小選挙区と比例代表の2つの投票を済ませた後に、国民審査の投票用紙を渡されて、「どうしよう……」「よくわからない」と戸惑った人もいるのではないか。 そんな人に対して、投票所の職員が「わからなかったら、そのまま（投票箱に）入れておいて下さい」と促すケースが、今なおあるようだ。前回の総選挙でも、そういうトンデモ体験をツイッターで私に教えてくれた人が複数いた。 国民審査の投票用紙には、対象となる裁判官の名前が列挙してあり、その上に四角いブランクが並んでいる。やめてもらった方がいいと思う裁判官
原因不明？Amazon閲覧中に突然気絶する症状について - K Diary
今月7日未明、東京都在住のKさん(28)はインターネットにて大手通販サイト「Amazon」の閲覧中に突然気絶。意識を取り戻した際には時すでに遅く、下記の品物の注文が確定された状態だった。 スター・ウォーズ コンプリート・サーガ ブルーレイBOX （初回生産限定） [Blu-ray] 出版社/メーカー: 20世紀フォックス・ホーム・エンターテイメント・ジャパン発売日: 2011/09/16メディア: Blu-ray購入: 10人 クリック: 1,115回この商品を含むブログ (121件) を見るOLYMPUS 単焦点レンズ M.ZUIKO DIGITAL 45mm F1.8 ブラック 出版社/メーカー: オリンパス発売日: 2013/06/14メディア: エレクトロニクスこの商品を含むブログを見る Kさんは5年前より同様の症状を訴えていたが、今年に入り頻度と損失金額が徐々に増すようになった。
私たちがネットで失ったもの／YouTuberが必要とされるわけ - デマこい！
「2.5％だってさ」 居酒屋で鍋をつついていた。大手メーカーで企画開発をしている彼は、どこか投げやりな口調だった。 「何が？」 「イノベーターと呼ばれる人の割合だよ」 「ああ、『イノベーター理論』の」 マーケティング理論の1つだ。新製品を世に出すと、まずは「新しいもの好き」な消費者が飛びつく。彼らを〈イノベーター〉と呼び、全消費者の2.5％だと言われている。 「だけど、これって多すぎると思わないか」彼はビールジョッキを置いた。「たとえば潜在的に100万人の需要が見込める市場に向けた製品なら、最低でも2万5000人は買うことになるだろ」 「単価4,000円の製品なら、それだけで1億円の売上だよね」 「どう考えても楽観的すぎる。モノを作って、定常的なプロモーションをするだけで、そんなにたくさんの消費者が飛びつくなんて……今の日本ではありえないよ」 わずか10年前と比べても、モノを売りづらくなっ
寿司で『イングレス』の説明をしたい
最近、スマホの位置情報を使った陣取りゲームが流行っているだろう。名前は『イングレス』だが、とりあえず名前はどうでもよろしい。 僕も2ヶ月くらい前からボチボチやっていたのだが、周りにやってる人が全然いないので時々暇な時だけプレイしていた。なんか地味で意味がわからなかったし。 が、最近ようやく意味がわかって、それから面白くなってきたので説明させてください。 あばよ涙、よろしく勇気、こんにちは松本です。 1976年千葉県鴨川市(内浦)生まれ。システムエンジニアなどやってましたが、2010年にライター兼アプリ作家として自由業化。iPhoneアプリはDIY GPS、速攻乗換案内、立体録音部、Here.info、雨かしら？などを開発しました。著書は「チェーン店B級グルメ メニュー別ガチンコ食べ比べ」「30日間マクドナルド生活」の2冊。買ってくだされ。（動画インタビュー） 前の記事：発芽玄米から出てるの
性犯罪に関する男女の認識のズレと、認識のズレ一般をいかにすり合わせるか - 斗比主閲子の姑日記
この記事を、 子供の性犯罪に対する夫婦間のズレ - 田舎で底辺暮らし 自分のウォッチ対象である、id:yz_sさんが紹介されていました。以前に、同じくウォッチ対象であるid:steinさんが、 痴漢に関するトピシュさんのエントリ読みたいです— stein (@__stein) 2014, 11月 16 こんな依頼をされていましたので、この記事では、痴漢含む性犯罪に関する男女の認識のズレがある背景を書きつつ、ついでに、性犯罪に関わらず夫婦間に認識にズレがある上ですり合わせる方法について書いてみます。 一部統計を紹介したりしますが、あまり丁寧に議論を展開すると文字数が増えて何が何やらになるので、結構適当に自論を展開しています。そういうものが耐えられない人はそっ閉じ推奨です。 0. 依頼内容の整理と記事の目的 まずは、なぜこんな記事を書くのかを説明します。経緯をダラダラ書くだけなので、どうぞ気軽
服オタって、要は山岡士郎なんだよね。
他人の服装を「ダサい」って言える人間って、性根が腐ってるんだよね。 もうハッキリ言うわ。婉曲に行っても通じないだろうし。 性根が腐ってる。 いや、正しいんだと思うよ？ファッションについては間違いなく。 典型的な「かわいそうに。貧しい吸い物しか飲んだことがないんだな」と同じ台詞なワケですよ。 いや、このコンソメもうまいけど日本もバカにしたもんじゃないぜ？うまい物いっぱいあるよ？、じゃないワケ。 「かわいそうに。貧しい吸い物しか飲んだことがないんだな」ですよ。上から目線で真っ正面からケンカですよ。 そう見えるのは、服を見る目がボヤけてるからです。 (中略) おしゃれとは、もっと繊細な感覚を持つことです。 http://anond.hatelabo.jp/20140413020052 つまりね、正しくても山岡史郎なわけですよ。そりゃ軋轢も生みますよ。 だってね、書いてあることは「同じメーカー品で
食べ過ぎ要注意！～オニオンリングのレシピ - 今日、なに食べよう？〜有機野菜の畑から～
おやつにもいいネ！～オニオンリング 玉ねぎに火を通すと本当に甘くなります。これが切る時に涙の素になるとは信じられません。 ふわふわでサックりとした衣と相性抜群のジューシーさ、夏にはツラい揚げ物も今では苦になりませんね。 衣生地にカレー粉を足して、ついでにカレー味も作ってみました。主な材料が玉ねぎだけっていうのも嬉しいですね。もう一品欲しいときに重宝します。 野菜嫌いの子供には、おやつに作ってあげればきっと喜んで食べてくれると思います。 材料（作りやすい量） 玉ねぎ 1個 強力粉 100gくらい（70gプラスα） 卵 1個 ビール 1/2カップ ベーキングパウダー 小さじ1/4 塩・こしょう 適量 サラダ油 適量 カレー粉 小さじ3/4 スポンサーリンク 作り方 ① 玉ねぎは５mm幅の輪きりにし、リング状にばらし
インターネット広告（Web広告）の歴史｜デジタルマーケティングラボ
日本のインターネット広告の歴史 1996年頃～ バナー広告（純広告） 1996年4月、商用検索サイト「Yahoo! JAPAN」がサービスを開始 1996年6月、「電通」と「ソフトバンク」の合弁によるインターネット広告を専門に扱う広告代理店「サイバー・コミュニケーションズ」設立 1996年7月、「Yahoo! JAPAN」がバナー広告の取り扱いを開始 その後、「インフォシーク」、「goo」などの検索サイトを始め、朝日新聞、日本経済新聞などのWebサイトがサービスを開始 メール広告 数行程度のテキストメール広告からスタート メールマガジン発行サービスが誕生し、メルマガのヘッダーやフッターに広告文を挿入するサービスを提供 1999年頃～ アフィリエイト広告 世界初の成果報酬型インターネット広告 1996年のアメリカで誕生、Amazon.com「アソシエイトプログラム」が世界初のアフィリエイトプ
来年に売れそうなバンドTOP10作った : 暇人＼(^o^)／速報 - ライブドアブログ
来年に売れそうなバンドTOP10作った Tweet 1: 以下、＼(^o^)／でVIPがお送りします 2014/12/06(土) 05:16:37.17 ID:RAE+bYGBp.net 10位「感傷ベクトル」 エンリルと13月の少年 https://m.youtube.com/watch?v=inL4lc_ucZU ピアノ系のエクスペリメンタルロック 2012年にメジャー流通アルバムの「シアロア」をリリース。 ボーカルがバンド兼漫画家をやっているという多能なバンド。 音楽面では、ピアノを中心とした曲構成を主にやっている。 メンバーは2人だけであり、他はサポートメンバーになる。 6: 以下、＼(^o^)／でVIPがお送りします 2014/12/06(土) 05:25:33.08 ID:RAE+bYGBp.net 9位「HAPPY」 Magic https://m.youtube.com/w
フリー素材インド人～私たち、無料です。～
みなさん、こんにちは。 MISAOのエンジョイ担当の松本です。 今回のブログは最近SNS等でバズっているフリー素材アイドルさんの記事を読み、MISAOでもフリー素材を世界に提供し、より多くのWebクリエイターさんに貢献したいとの思いで書かせていただいたブログです。MISAOから世界にフリー素材を提供し、貢献したいと立候補していただいた、DEV☆SAN二人に手伝ってもらいました。 実際のWEBサイトはこちらから コンセプト 「もっと多くの人に、DEV☆SANのことを知ってほしい！」 そんな願いから、私たちは肖像権にサヨナラをし、フリー素材インド人になることを決めました。 日本の企業の方も、個人の方も、ここにある素材を自由に使っちゃってください！ 広告でも、カタログでも、同人誌でも、MAD動画でも、何でもOKです！ いろんな私たちを世の中に出していってくれたら嬉しいです♪ ※フリー素材インド人
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
