タグ

2023年7月13日のブックマーク (7件)

  • CSSでの実装が大きく変わる! Scroll-driven Animations スクロールをトリガーにしたアニメーションを実装する方法

    まもなくリリースされるChrome 115で実装されるScroll-driven Animationsにより、スクロールをトリガーにしたアニメーションの実装方法が大きく変わります。 スクロールすると要素がアニメーションで表示されたり、スクロール量で変化するインジケーター、背景が変化するパララックスなど、実装がそれなりに手間がかかりましたが、数行のコードで実装できるようになります。スクロールをトリガーにしたアニメーションを実装するこれからの方法を紹介します。 Animate elements on scroll with Scroll-driven animations by Bramus 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分が同ライセンスも含みます。 はじめに Webのアニメーション、ちょっとだけおさらい アニ

    CSSでの実装が大きく変わる! Scroll-driven Animations スクロールをトリガーにしたアニメーションを実装する方法
    abababababababa
    abababababababa 2023/07/13
    gsapで足りてたんじゃよ。
  • 子供の頃「なんで昔の人って顔白く化粧してたんだろ」って思ってたんだけど、毒展を見て理解した

    道民の人(廃墟・ひなびた風景) @North_ern2 日各地を旅をしながら廃墟、ひなびた風景、不思議な伝承など「人の生きた記憶」を記録・著作しています。廃墟/路地裏/街並み/建築/旅館/医療/民俗学/たまーにポトレ。 調査・原稿依頼など連絡はDM/メールから:polaris453121@gmail.com)fantia.jp/fanclubs/34782 focusite.booth.pm 道民の人(廃墟とひなびた風景)@8/13 C102【東2 Y-21b】 @North_ern2 ちなみになんで毒展に白粉が展示されていたかといえば、当時の白粉は鉛や水銀といった重金属を含み、慢性中毒にかかる人が多かったため。それでも貴重品だったので紀伊半島、特に伊勢や伊賀で生産された白粉「射和軽粉」は大正頃まで化粧品や医薬品として使われ続けた(写真は島根県内の廃医院にて) pic.twitter.c

    子供の頃「なんで昔の人って顔白く化粧してたんだろ」って思ってたんだけど、毒展を見て理解した
  • 【CSS】CSSの値と単位が新しくなっていますが、ついていけてますか? - Qiita

    はじめに 最近のCSSのアップデートは目覚ましいものがありますが、 みなさんは、CSSの値と単位がここ1年くらいで大きく変わっていることはご存知ですか? Dynamic viewport が追加されたり、math 関数が追加されたりなどの大きな変更は、ご存知かもしれないですが、calc()で ネイピア数 e や 円周率 πなどが使えるようになったり、 フォントに相対的な長さ単位が追加されていたりと細かい変更も多くあります。 そのため、この記事では、CSS Values and Units Module Level 3 から CSS Values and Units Module Level 4の変更点を中心に紹介しようと思います。 Viewport単位 CSS Values and Units Module Level 3 から CSS Values and Units Module Le

    【CSS】CSSの値と単位が新しくなっていますが、ついていけてますか? - Qiita
  • 「勤勉さ」は後天的に鍛えることができないと知って。

    コンサルタントをやっていた時、「この人、コンサルタント向いてないよなあ」という人が何人も中途で転職してきた記憶がある。 例えば「を1か月に10冊読む」という課題をやらない人。 いつも時間ギリギリにしか行動せず、重要な会合に遅刻する人。 自社の「目標」の達成度合いを気にせず、お客さんの成果にも無関心な人。 別の仕事や、前の会社では許されたかもしれないが、たいてい「コンサルタント」としてはうまくいかない。 私が在籍していたコンサルティング会社は、上のような「問題行動」には非常に厳しく、該当者には「コンサルタントとしての活躍は難しい」と、はっきりと告げていた。 「勤勉さ」は身につかない こうした事例を何度も見るにつけ、私は 「勤勉さ」 「時間を守る」 「目標遵守」 などの行動特性は、たとえ厳しく注意をしても、ほとんど身につかないか、改善したとしても、結局一時的なものにとどまる、という事を知った

    「勤勉さ」は後天的に鍛えることができないと知って。
  • 運用出来るWebアプリケーションの作り方

    はじめに 先日、下記のようなツイートを見つけて、そういえば趣味個人開発してたときには然程気にしてなかったけど、仕事で運用するようになって先輩たちから学んだり自分で身につけたチップスってちょこちょこあるよねー、とふと思ったので、Webアプリケーション開発に関わるものをいくつかまとめてみました。 特に体系的/網羅的という程でもないですし、最近はFWや色々な仕組みでカバーされてるものも多いですが備忘録として。 Tips 機械が読めるログを作る これは割と重要なのですが、ログは人間が読むものではなく機械が読むものです。それはZabbixだったりDatadogだったりSplunkだったりgrep/awkだったりツールは何でも良いのですが、古の時代はさておき現代ではログは機械が読めることが最重要です。 まず大前提として構造化されている必要があります。言うまでもないですが「フリーフォーマット」のログの

    運用出来るWebアプリケーションの作り方
  • エンジニアのための自己管理入門 - Qiita

    はじめに 社内でTodo管理の勉強会を実施した際に作成した資料があったのですが、今回自分の中の考えをまとめるせっかくの機会だと思い、字面で書き起こすことにしました。 意外と世の中では語られることのなく、『あたりまえ』として扱われてしまう『自己管理』について自分が半年間運用し、週ごとにカイゼンを続けたどり着いた、現時点でのHowを多くの人に伝えられればなと思っています。 もちろん最適解がこの形とは言いませんし、自己管理は人の数分だけ最適解はあると思っています。「みんな正しい、ただし部分的に」ということを念頭に、楽しんで読んでいただければ幸いです。 タイトルを付けた理由としては、かなりシステマチックな内容になってしまっていると感じてしまったため、「運用レベルが高い」人物を想定した結果、このタイトルになりました。 概念篇 『自己管理』を行っていく上で、確実に「ここは飛ばしてはいけない」と思ったた

    エンジニアのための自己管理入門 - Qiita
  • 5ch.net のサポート終了と Talk 対応に関するお知らせ | 株式会社ジェーン

    いつもご利用いただき、誠にありがとうございます。株式会社ジェーンの山下です。 この度は弊社が提供しております「JaneStyle」につきまして、2023年7月10日をもちまして 5ch.net のサポート終了し、Talk掲示板に対応した件についてご説明いたします。 まずはじめに、弊社及び山下が代表をしておりますティーケーテクノロジー社(以下、TK社)は、5ch.net の運営会社であるLoki Technology社(以下、Loki社)の代表であるJim Watkins氏とビジネス上の協力関係にありました。 弊社は、5ch.net の有料会員サービスである浪人の国内販売代理店として、また 5ch API を利用した専用ブラウザの開発者の管理を受託していました。 また、TK社は 5ch.net の広告全般を取り扱う一次広告代理店として協力関係にありました。 しかし5ch.net のサポートを