2023年9月6日のブックマーク (2件)

  • CSSだけでヘッダー固定時のスクロールのずれを解消する方法【scroll-padding-top】 - arms inc. Engineers' Blog

    こんにちは、ナカムラです。 スクロールしてもヘッダーが追従するようにposition: fixed;などで固定配置することがよくあります。 その際、ページ内リンクで該当箇所へスクロールすると、そのままではヘッダーが重なってしまいます。 この問題について、だいぶ前にscroll-snapでどうにかできないかという検証をしたこともありましたが、結局JavaScriptに頼りました。 tech.arms-soft.co.jp 今現在はどうかというと、すでに対応可能なプロパティが各ブラウザで使用できる状況にあります。 scroll-padding-topです。 htmlに対して実装します。 scroll-padding-top - CSS: カスケーディングスタイルシート | MDN DEMO See the Pen scroll-padding-top by Nakamura (@takayo-

    CSSだけでヘッダー固定時のスクロールのずれを解消する方法【scroll-padding-top】 - arms inc. Engineers' Blog
    chi-bd
    chi-bd 2023/09/06
  • 社内有志によるゲリラ戦はNG、盛り上がり始めると抵抗勢力… 日本企業8社での変革実験プロジェクトで気づいたこと

    会社を変えるための、5つの段階を通じた実験 豊田義博氏(以下、豊田):現場の個人の方も、(主体的に動きたいという)思いは持っているんだけどどうしていいかわからないまま、立ちすくんでいる方も多いんだろうなという感触は持っていて。例えば7割のマイナスの人がみんな諦めてしまっているのかというと、ぜんぜんそうではないし。 逆にマイナスの層の中にも、「もっと良くしたい」という期待値が大きいからマイナスの方もたくさんいらっしゃる。そういう実態は絶対あると思います。 コンセプトだけで言ってもしょうがないので、KX運動を実験的にやってみようと、いくつかの会社の中にいる「やってみたい」という方に集まっていただいて、ちょっとした実験をやってみたんです。その実験の話をシェアした上で、企業から参加されているみなさんにもコメントいただければと思います。 最初に大野さんから、KX部というキーワードがありましたが、いろ

    社内有志によるゲリラ戦はNG、盛り上がり始めると抵抗勢力… 日本企業8社での変革実験プロジェクトで気づいたこと
    chi-bd
    chi-bd 2023/09/06
    "日常業務と同じだと思えないことは心理的にすごく大きな、自分自身で課している制約条件だったと思います。"