CSSの進化がすごすぎる！新しいレスポンシブデザインの実装方法を解説
現在のレスポンシブデザインは、ビューポートにもとづいてレイアウトを最適化しています。しかし、新しいレスポンシブデザインでは、アニメーションが不要なユーザーには動きを少なくしたり（無くしたり）、親コンテナの幅にもとづいてコンポーネントを最適化したり、スコープ付きスタイルやフォームファクターなど、ユーザーの好みや環境に合わせて最適なコンテンツを提供できるようになります。 これらの新しいレスポンシブデザインのコンセプト・実装方法を紹介します。CSSがこれまで以上に進化します。 The new responsive: Web design in a component-driven world by Una Kravets 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 レスポンシブデザインの現状 ユーザーでレスポンシブ コンテナでレス
「夜に駆ける」MV、YouTubeの規制対象に 再生前に「攻撃的または不適切な内容」と注意書き
音楽ユニット「YOASOBI」がYouTubeに投稿した楽曲「夜に駆ける」のミュージックビデオに、注意書きが表示される状態になっている。再生しようとすると「一部の視聴者にとって攻撃的または不適切な内容を含んでいる」という文言が表示される。事態を受けたYOASOBIは5月30日、米Googleとの話し合いを進めていることを公式Twitterアカウントで明かした。 YouTubeは、暴力を助長したり、個人やグループへの差別を扇動したりする表現を規約で禁じている。違反すると、コメントや高評価の機能を停止し、広告掲載の対象外にするなどの措置を取る場合がある。夜に駆けるのミュージックビデオには飛び降りを想起させる表現や出血を思わせる演出などがあり、これらが規約に抵触した可能性がある。 編集部で確認したところ、31日時点では動画に高評価をつけたり、コメントを投稿・閲覧したりすることは可能だったが、広告
【政界徒然草】「これではリベラル政党」 自民保守派の油断と憂鬱
ＬＧＢＴ法案を推進する自民党の稲田朋美前幹事長代行（中央）に対する風当たりは強い＝２４日午後、自民党本部（松本健吾撮影）自民党で２４日から２８日にかけて、同性愛者など性的少数者（ＬＧＢＴ）への理解増進を図る法案をめぐり激論が交わされた。菅義偉（すが・よしひで）政権が発足して以降、党内ではＬＧＢＴ法案推進だけでなく、選択的夫婦別姓を容認しようとするなどの動きも目立つ。自民党保守派は「これではまるでリベラル政党だ」として、党内の議論に警戒を強めている。 「保守政党らしからぬ政策提言、法案の提出、そしてそれを通そうとする非常に強い動きに大変な危機感を感じている」 ジャーナリストの櫻井よしこ氏は１９日、国会内で開かれた選択的夫婦別姓制度の導入に慎重な自民党有志議員を中心につくる「婚姻前の氏の通称使用拡大・周知を促進する議員連盟」の会合で講演し、自民党の現状について警鐘を鳴らした。会合ではＬＧＢＴ法
子どもが知的障害者になって1年が経った
https://anond.hatelabo.jp/20200524233706 1年が経った。 "知的障害者"とは書いているものの実際には身体障害1級の認定のみを受けており、知的面では障害認定はしてもらっていない。 ただ、リハビリ施設で発達度合いを診断してもらった結果、測定不能となる程度には知的なことが何も出来ない。 好意的に見て親である我々をうっすら認識しているような気がする、という程度で当然言葉は一言も発することは出来ないしおもちゃで遊ぶなんてことも無い。 病前、ことあるごとに買い揃えたおもちゃはホコリを被っている。 もしかしたら、いつか興味を持って遊び始めるかも知れないと思うと片付けることも出来ない。 あれほど楽しかったクリスマスや誕生日が来るのが少し辛い。 そんな状態ではあるものの、大変幸運なことに身体面において回復の兆しが見えている。 なんと歩くことができるようになった。 こう
米ハーバード大学のプログラミング授業「CS50x」日本語訳が無料公開
米ハーバード大学がオンラインで無料公開している、PythonやJavaScriptのプログラミング学習とコンピューターサイエンスの入門講座の日本語訳ページ「CS50.jp」が無償公開されました。2022年8月31日に2022年度最新版の日本語化が完了しました。講義動画の日本語字幕の翻訳化を順次すすめています。学生向けですが、年代にかかわらず、コロナ禍で学習環境やキャリアに悩んでいる誰もが学ぶことができます。 ハーバード大学のCS50xとは ハーバード大学のCS50xとは、日本語翻訳ページ「CS50.jp」によると、コンピューターサイエンスとプログラミング技術を紹介するオンラインコースです。この講義がオンライン上で無償公開されており、世界で282万人が履修登録しています。 edX - CS50s Introduction to Computer Science 学べる内容はPythonのプロ
自治体システム統一、「5年後」目標に地方「短すぎ」：朝日新聞デジタル
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
過去の誹謗中傷ツイート暴かれ炎上したSNS啓発団体「この指とめよう」の小竹海広代表が謝罪。問題点は？（篠原修司） - エキスパート - Yahoo!ニュース
過去に「死ね」や童貞いじりとみられる誹謗中傷ツイートを行っていたことがわかり炎上したSNS啓発団体「この指とめよう」の小竹海広代表が、5月30日にTwitterで謝罪文を発表しました。 SNS誹謗中傷をなくす社団法人の代表が過去に誹謗中傷ツイート 5月25日、SNS誹謗中傷をなくすために持続的な活動を行うことを目的として、一般社団法人「この指とめよう」が設立されました。 素晴らしい理念ですが、団体のメンバーには過去に童貞いじりをしたことで炎上し、謝罪文を発表するもその後撤回するなどしてさらに物議をかもすことになったブロガーのはあちゅう氏が名を連ねており、童貞いじりを批判してきた人たちから「まず誰が指を止めるべきなのか」と滑り出しから暗雲が立ち込め始めます。 まあこれだけなら団体ではなく個人間のトラブルの話でしかありませんが、5月26日、社団法人の代表理事である小竹氏が過去に有名子役に対して
大坂なおみに罰金1.5万ドル 会見応じないと四大大会出場停止も | NHKニュース
テニスの大坂なおみ選手が、全仏オープンの1回戦のあとの記者会見に応じなかったことを受けて、大会の主催者は、大坂選手に1万5000ドルの罰金を科すと発表しました。また、すべての四大大会の主催者は連名で、大坂選手が今後も会見に応じない場合は、出場停止処分の可能性もあるとする声明を発表しています。 大坂選手は30日、全仏オープンの1回戦でルーマニアの選手に2対0のストレートで勝ちましたが、試合後の記者会見に出席しなかったため、大会の主催者は大坂選手に対し、1万5000ドルの罰金を科すと発表しました。 大坂選手は大会前に自身のツイッターで、試合後に行われる記者会見が「アスリートの精神状態のことを考慮していない」などとして、今回の全仏オープンの期間中に行われるすべての記者会見に応じない意向を明らかにしていて、大会の主催者側は会見に応じるように求めていました。 今回の処分にあわせてすべての四大大会の主
タイムラインをテキスト編集だけで簡単に作りHTMLで出力できる「Cascade Timeline Maker」
経歴や年表を一目でわかるように図示したタイムラインを、テキストを編集するだけで簡単に作成できるのが「Cascade Timeline Maker」です。静的なHTMLで出力されるので、出力したタイムラインは自分で自由に使うことができます。 Cascade Timeline Maker https://cascade.page/ Cascade Timeline Makerにアクセスするとこんな感じ。最初からサンプルのタイムラインが表示されています。 左下のテキストボックスに「開始月/開始日/開始年-終了月/開始日/終了年:内容」という形式で入力を行うと、即時にタイムラインが出力されます。月日は抜いてもOKです。 以下の画像は、年だけで指定した場合、年月で指定した場合、年月日で指定した場合、そしてわざと開始年と終了年を入れ替えてエラーになるように指定した場合を表示させたもの。年月指定にすると
緊急事態宣言延長で通常営業を決断した飲食店に「酒ありきで、料理手抜きなのが悪い」とリプが→実際は真逆だよという話
めしや @meshi_ya__ 宣言延長されるけど、申し訳ないが通常営業しますという飲食店をレポートした記事に対して、酒がありきで料理に力入れてないのが悪いみたいなリプを見かけた。 違うんだ、美味しいものを安価に出す為に、お酒で利益を出してるんだよ。そういうお店多い筈。良いお店ほど、そうなんだよ。 ぴんのすけ@浅草橋で間借り営業中 @_pinnosuke_ @pin_chan_DIVE から分かれました！個人的な呟きをしています。私個人に興味がある方はフォローしてください😊コミュ力おばけ👻独立してお店を持つという夢に向けて活動していきます✨間借り営業始めました！居酒屋だけど今は定食屋。ポコチャ配信も始めてみたのでURLからどうぞ！ pococha.com/app/users/e170…
ファイザー製ワクチン、変異型に高い効果 インド型など、海外で研究結果 - 日本経済新聞
米ファイザー製のワクチンが新型コロナの変異ウイルスに高い効果があることが海外の接種結果から明らかになった。英国型などのほか、感染力が特に強いとされるインド型にも効いている。米モデルナ製にも同様の効果が見込まれる。変異ウイルスでも特に感染力が強く、警戒されるのがインド型だ。英イングランド公衆衛生庁は22日、インド型について、ファイザー製を2回接種すると発症を88%減らす効果があったとの研究結果を
まなか牛乳 on Twitter: "ギックリ腰になったのでTaRiss's悪魔の種Lをアナルに入れた。予想外に腰の痛みが消失。解せなかったので翌朝試したが痛みがほぼ完全に消える。出すと腰が痛い。これは痛み止めのせいかと思い、半日かけて薬を完全に抜いてから入れても同じ… https://t.co/f1uoPyEKvf"
ギックリ腰になったのでTaRiss's悪魔の種Lをアナルに入れた。予想外に腰の痛みが消失。解せなかったので翌朝試したが痛みがほぼ完全に消える。出すと腰が痛い。これは痛み止めのせいかと思い、半日かけて薬を完全に抜いてから入れても同じ… https://t.co/f1uoPyEKvf
ピアノを弾いていたらご近所のお婆さんに「家にグランドピアノがあるから来る？」と誘われ行ってみると異世界だった
tomo @tomo_tomo_gin NHKの駅ピアノ・空港ピアノとアニメピアノの森に影響されて令和元年夏からピアノ再開しました。ピアノ仲間増えると嬉しいな。※無言フォロー失礼します tomo @tomo_tomo_gin うちからピアノが聞こえるので、ご近所のお婆さんが、家にグランドピアノあるから来る？って誘ってくれた。 ピアノが作るご縁にほっこりしたけど、行ってみたらスタインウェイ2台とベヒシュタイン（フルコン）とヤマハが置いてある異世界で震えた。
フレッツ光の最近の品質の話 - TRY AND ERROR
NTT東西の提供するFTTHサービス「フレッツ・光ネクスト」では、「IPv6オプション」を利用（IPv6オプションは2012年のある時期以降に新規開通した回線ではデフォルトで利用可能な状態になっている）することにより、NTT東日本、NTT西日本それぞれのエリア内でインターネットを経由しないフレッツIPv6網内折り返し通信が可能であることは、本ブログの読者の多くはご存知かと思います。 IPv6網内折り返し通信は、遅延やパケットロスが極めて少ないことや、PPPoEでのインターネット接続と比較して、スループットが高いこと、ISP契約が不要であることなどにより、安価で高品質なベストエフォートなVPN構築用回線として利用されることがあります。AS59105(HOMENOC)でも、拠点間の回線は Ether over IP トンネルやGREトンネルなどをIPv6網内折り返し通信の上で構築して利用してい
サウナ趣味が「意識高い」系に収奪されようとしてるのマジでムカつく
なんかコロナ禍になる少し前ぐらいから、 意識高い系のやつらが「サウナが趣味」って言いがちな感じがあったよね。 「日々忙しい仕事もサウナで整えばまた頑張れます」みたいな、なんか「俺忙しい」アピールのやつ。 テルマー湯とかじゃなくて昔ながらの銭湯とかの併設サウナとか郊外のスーパー銭湯にわざわざ行って 「俺オシャレだけじゃなくてこういう文化も良いと思っちゃうタイプみたいです」みたいなアピールするやつ。 なんかサウナイキタイとかみたいな、気の使ったデザインが多少入ったサイトだのTシャツだのできて 女子含む感じで盛り上がっちゃうやつ。 なんか六本木にもDMなんとかサウナみたいなのできたよね？ サウナをオシャレに最先端？にしくさりやがって。 あと、なんかTwitter見てたら微インフルエンサー崩れみたいな、 普段は頼まれもしないのにビジネスの心得とか名言とか呟いてる系のビジネスマンが 「サウナってなん
｢バーガーキング｣日本で最近人気が急上昇のワケ
ハンバーガーチェーンといえば、1971年に日本1号店を開店した最大チェーンのマクドナルドを始め、1972年設立のロッテリア、モスバーガーなどがわが国での老舗として挙げられる。後発チェーンとしては、1992年のフレッシュネスバーガーがある。 今回取り上げるバーガーキングは日本への上陸が1993年と後発組で、知名度、店舗数ともに他のチェーンにはやや後れをとる。また、「高い」というイメージを持っている人も多いかもしれない。 しかしここ最近、そうした状況に変化が生じてきている。同チェーンをめぐり、“バズる”という現象がたびたび起こっており、とくに若い人の間で知名度がぐんぐんアップしているのだ。バズる理由となっているのは、思い切ったブランド戦略だ。 「なんだか面白そうなブランド」 例えば、2020年1月、秋葉原店の近隣にあるマクドナルドが閉店した際、なぜかバーガーキングが店頭広告を出した。競争を繰り
大坂なおみ「会見拒否」の真意 メディア不信の〝予兆〟とは | 東スポWEB
女子テニスの世界ランキング２位・大坂なおみ（２３＝日清食品）による「会見拒否」が大きな話題を呼んでいる。 大坂は２７日に自身のツイッターで「これまで記者会見に参加したり見たりし、アスリートの心の健康状態が無視されていると感じていた。自分を疑うような人の前には出たくない」とつぶやき、３０日開幕の４大大会「全仏オープン」（パリ）では記者会見に応じない意向を明かした。 突然の表明ではあるが、その〝予兆〟はあった。今から２年前、大坂が世界１位に君臨していた１９年６月のネイチャーバレー・クラシック２回戦でストレート負けした際に試合後の記者会見を拒否。理由は１位のプレッシャーと試合に敗れたイラ立ちだった。 さらに１か月後のウインブルドン選手権の初戦敗退後も「退席してもいい？ もう泣きそう」と会見を切り上げている。テニスのツアー大会では記者会見を拒否すると罰金を科されるが、かねてそのルールを疑問視してい
緊急分析 大坂なおみの会見拒否は「ご法度」か？「英断」か？ | 東スポWEB
前代未聞の決意表明だ。女子テニスの４大大会、全仏オープン（３０日開幕、パリ）に臨む世界ランキング２位の大坂なおみ（２３＝日清食品）が突然、大会中の「会見拒否」をブチ上げた。テニス界では“ご法度”とされる行為だけに、物議を醸すのは必至。いったい、大坂の真意はどこにあるのか。ＤＡＺＮテニス中継の解説者・佐藤武文氏（５０）が緊急分析した。 突然の表明だった。大坂は２７日にツイッターで「アスリートの心の健康状態が無視されていると感じていた。自分を疑うような人の前には出たくない」とつぶやき、全仏オープンの記者会見に応じない意向を表明。さらに「“会見するか、さもなくば罰金だ”と言う統括組織は、選手の心の健康状態を無視している」ともつづり、記者会見を拒否すると罰金が科されるテニス界の制度にも反旗を翻したのだ。 大舞台を前に不穏な空気が漂うが、佐藤氏は「この決断は支持したいです」と肯定的にとらえている。「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「iPad Pro」はM1チップで圧倒的な性能を手にしたが、ソフトウェアが追いついていない：製品レヴュー
CoeFont
高１女子「何が起きたの…動かせないんですけど」、警官が啓発活動で自転車にカギ
ペットボトルにゼラチン入れるだけで簡単にコーヒーゼリーが出来るんですって「牛乳入れればドロリッチ」
Markwhen
404エラーページ|神戸新聞NEXT
諸隈元シュタイン on Twitter: "今年1月、ワクチン確保に焦る首相の指示でファイザーCEOに直談判を試みるも、相手にされない駐米大使 ところがゴルフ仲間を通じて連絡したらアポに成功！ 大学の後輩に政治家の孫がいて、彼が祖父から「勉強はいいからゴルフと麻雀はやってお… https://t.co/by0zNvtgr1"