2021年3月2日のブックマーク (2件)

  • 「菅と二階の怒りを買った2人が飛ばされた」……NHK有馬キャスター、武田アナ降板の衝撃 | 文春オンライン

    NHKアナウンス室長ですら驚くほどの仰天人事だったという。2月10日、NHK「ニュースウオッチ9」の有馬嘉男キャスター(55)と、「クローズアップ現代+」の武田真一アナ(53)という“二大看板”の降板が発表されたのだ。局内では関係者がこう囁きあった。 「菅政権の怒りを買った2人が飛ばされた――」 ◆◆◆ 経済部出身で、シンガポール支局長などを経て17年に「9」のキャスターに就任した有馬氏。ロマンスグレーに穏やかな語り口が人気を博した。 「政治や国際情勢など、多岐にわたる分野をいつも熱心に勉強していた。番組への思い入れも強く、人は今年以降も続投に意欲を燃やしていたのですが……」(有馬氏の知人) 有馬氏の降板にあたっては、サンスポが〈来は昨年、桑子真帆アナが9を卒業した際、有馬氏も一緒に退く意向だった。しかし、桑子アナの後任の和久田麻由子アナを育成するため、一年間の続投となった〉と報じた。

    「菅と二階の怒りを買った2人が飛ばされた」……NHK有馬キャスター、武田アナ降板の衝撃 | 文春オンライン
  • JavaScriptは無し、スクロールした時にヘッダの高さを縮ませて上部に固定表示させるCSSの実装テクニック

    スクロールした時にヘッダの高さが縮んで上部に固定表示させるWebページを見たことがあると思います。今まではJavaScriptを使用する必要がありましたが、CSSのposition: sticky;を一工夫して使用することで簡単に実装できます。 高さを縮ませるのはヘッダに限らず、パネルやバナーなど他の要素でも簡単に実装でき、汎用性にも優れていると思います。 Shrinking Header on Scroll Without JavaScript by Håvard Brynjulfsen 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 デモページのデザインがシンプルなので、一見見落とすかもしれませんが、ページをスクロールするとヘッダの高さが縮んで上部に固定表示されます。 デモページ 仕組みは、簡単です。 ヘッダは外側と内側の2

    JavaScriptは無し、スクロールした時にヘッダの高さを縮ませて上部に固定表示させるCSSの実装テクニック