suika3417のブックマーク / 2018年3月16日

suika3417 id:suika3417

2018年3月16日のブックマーク (4件)

CSS GridとFlexboxで驚くほど簡単にレスポンシブレイアウトを実装する方法
レスポンシブWebデザインの実装に欠かせないメディアクエリを使わずに、CSS GridとFlexboxでレスポンシブなレイアウトを実装する方法を紹介します。レスポンシブなレイアウトにはメディアクエリが欠かせないわけですが、CSS GridやFlexboxを使えばメディアクエリなしでもレスポンシブなレイアウトが可能です。メディアクエリが全くいらなくなるということはないと思いますが、CSS GridとFlexboxを使えば、メディアクエリの記述を減らす方法があります。しかもコンテンツの幅に合わせて中身のレイアウトを調整するようなエレメント・クエリ的な使い方も、ある程度なら実現できます。応用すれば今後のレスポンシブなレイアウトのCSSの組み方を変えてしまうような方法です。 ※デモはFirefox 58.0.2、Chrome 64.0.3282.140、Safari 11.0.3でテストしてい
suika3417 2018/03/16
あとで読む
リンク
HTMLの<dialog>要素とCSSで、モーダル・ダイアログボックスを実装する方法と注意点
モーダル・ダイアログボックスはWebサイトやスマホアプリでよく見かけます。しかし、その実装方法は何通りもあります。その多くはWebを視覚的にナビゲートしないユーザーにとっては実質的にモーダルボックスを使用できず、アクセシブルに実装するのは困難でした。 HTML 5.2で登場した新しい<dialog>要素はこの問題を解消し、実装方法を迷うことなくモーダルやダイアログボックスを利用できるようにするものです。 <dialog>要素で、モーダル・ダイアログボックスを実装する方法と注意点を紹介します。 Meet the New Dialog Element 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 HTML 5.2の新機能: モーダル・ダイアログボックスを実装するための<dialog>要素 <dialog>要素の基本機能 <
suika3417 2018/03/16
あとで読む
リンク
米地裁、CDNのキャッシュは著作権侵害の幇助にあたりうると判断 Cloudflare訴訟で | p2ptk[.]org
米地裁、CDNのキャッシュは著作権侵害の幇助にあたりうると判断 Cloudflare訴訟で投稿者: heatwave_p2p 投稿日: 2018/3/152018/3/15 TorrentFreak CDNプロバイダCloudflareは、アダルトパブリッシャのALS Scanから訴えられた著作権侵害訴訟で、苦境に陥っている。カリフォルニア州連邦裁判所は、Cloudflareが著作権侵害ファイルのキャッシュをホストすることで、著作権侵害を実質的な幇助し得たとの判断を下した。Cloudflareが実際にそうしたのかどうか、そしてその責任を負うのかの判断は、陪審員に委ねられている。 Cloudflareは世界有数のCDN、DDoS保護サービスとして、数百万のウェブサイトに利用されている。こうしたサイトのなかには、パイレート・ベイなどの数千の「海賊版」サイトが含まれている。サーバの負荷を抑える
suika3417 2018/03/16
リンク
金銭感覚が違う彼女と結婚して夫婦になって思うこと - 共働きサラリーマンの家計簿
『ダブルチーズバーガーを頼む人は、コスパとか考えないのかな。』家族でマクドに行くときはいつもそんなことを話す。・チーズバーガーは130円・ダブルチーズバーガーは320円中身が2倍に増えただけのダブチ。でも料金は2倍以上。だからチーズバーガーを2個買った方が安いわけで。何ともおかしな価格設計。でも彼女がいつも頼むもの。 "ダブルチーズバーガー" 僕ら夫婦は金銭感覚が合わない。金銭感覚のない僕の嫁 (こうして見ると美味しそう) 自分が食べるものの原価率。そんなことはどうでもいいのだ、彼女にとって。・これがお得だとか・割高だとかそれらは自分の選択に影響しない。切り離している。コスパの良さすら考えない。でも欲しいものは常にある。彼女には金銭感覚がまるでない。いや、少しはあるのかもしれない。でもそれはとても薄いもの。間違いなく言えることは、彼女はお金があれば、あるだけ使って
suika3417 2018/03/16
自分はダブルチーズバーガーを頼む　チーズバーガー二つは要らない
リンク
- 2018年3月19日
- 2018年3月16日
- 2018年3月15日