タグ

ブックマーク / tech.basicinc.jp (2)

  • z-index との安全な付き合い方 | Basicinc Enjoy Hacking!

    z-index と聞いてヴェェー!!って思うみなさん、こんにちは。 ベーシック アドベントカレンダー 9日目(大遅刻)です。 今回は z-index と安全に付き合うおはなしをします。 z-index: 9999; というラノベ主人公みたいな値があまりよくないと感じつつも、予期せぬ要素同士で起こる z-index バトルをどう回避すればいいのか、もにょもにょしますよね これを解決していきます。 私の脳内で運用しているだけなので、提案として「ふーん」程度に受け止めていただければと思います。 結論は『 z-index を設定した親要素(近い先祖要素)に isolation: isolate; をする』です。 z-index の苦しみ 『この要素を前面に出したい』 .tuyoi { z-index: 1; } 『この要素を必ず最前面に出したい!』 .motto-tuyoi { z-index:

    z-index との安全な付き合い方 | Basicinc Enjoy Hacking!
    klim0824
    klim0824 2019/12/15
  • 10年以上続くサイトを初めてリニューアルして感じた事 | Basicinc Enjoy Hacking!

    ) 4月1日に10年続くとあるWebサービスをフルリニューアルしました。 リニューアルの目的は、システムが度重なる機能拡張により、必要以上に複雑化してしまい、ちょっとした修正でも非常に時間がかかるので今後、事業のスケールを拡大していく上のが難しくなってきたためです。 特に大きなところですと、スマホサイトがリニューアル前のサイトだと、スマホとPCで機能が完全に分断されてしまっていました。サイトを立ち上げた当初はスマートフォンすらなかった時代なのでしょうがないとは思いますが、これをこれ以上保守していくのはしんどいので、スマホファーストの思想を取り入れサイトを設計していきました。 技術的にも、PHPからRubyに変更して、ELBやS3をとりいれ、Githubベースの運用に変更することで、時代の流れに取り残されていたWebサイトを今風な感じの仕組みへと変更しました。 リニューアル自体はプロジェクト

    10年以上続くサイトを初めてリニューアルして感じた事 | Basicinc Enjoy Hacking!
  • 1