ある調べものをしていたところ、Canarytokensというサービスがあることを知った。 canarytokens.org Canarytokensはカナリアトークンを生成するサービスであり、無料で利用できるほか、githubでソースコードやDockerfileが公開されているため自分でサービス稼働環境を構築できる。カナリアトークンとはターゲット(被害者)がWebページ、電子メール、ファイルなどのリソースにアクセスする操作をしたときに、そのアクセスした事実やターゲットの環境情報(IPアドレス、UserAgent、ユーザ名など)を攻撃者に通知するための仕掛けである。 このサービスを知った時は、アクセス解析で使われるようなWebページに極小の透明画像やiframeを埋め込むような方式を想像したが、ドキュメントを読んでいると他にも様々な方式をサポートしていることがわかった。そこで、実際にどういっ
Get affordable and hassle-freeWordPress hosting plans with Cloudways — start your free trial today. If you have a table of contents on a long-scrolling page, thanks to, say, position: fixed; or position: sticky;, the IntersectionObserverAPI inJavaScript is the perfect companion to highlightitems in the table of contents when corresponding content is in view. Ben Frain has a post all about this
Stay Relevant and Grow Your Career inTechPremium ResultsPublish articles on SitePointDaily curated jobsLearning PathsDiscounts to dev toolsStart Free Trial7 Day Free Trial. Cancel Anytime. You may have established a pattern of coding that utilizes a few key tools offered by your browser’s console. But have you dug any deeper lately? There are some powerful tools available to you, and they might j
This is a maintained fork of cannon.js, originallycreated by Stefan Hedman @schteppe.It's a type-safe flatbundle (esm and cjs) which allows for tree shaking andusage in modern environments. These minor changes and improvements were also made: These PRs from the original repo were merged: schteppe/cannon.js#433, schteppe/cannon.js#430, schteppe/cannon.js#418, schteppe/cannon.js#360, schteppe/can
こんにちは。技術部クックパッドサービス基盤グループのkaorun343です。我々のチームではレシピサービスのフロントエンドをNext.js とGraphQL のシステムに置き換えている話 にて紹介したとおり、レシピサービスをNext.js ベースの新システムへと移行しています。今回はこの新システムのCSS の話 です。 背景クックパッドのレシピサービスをNext.js とTypeScript で置き換えはじめた当初、CSS についてはNext.js に標準で組み込まれているCSS in JS ライブラリである styled-jsx を使っていました。プロジェクトが大きくなりはじめたタイミングで 「CSS の技術選定を考えなおしてもいいかもしれない」とチームの中で話し合い、改めて技術選定をしました。技術選定 結論として、本システムではCSS in JS ライブラリのem
サービスを運用していく上でメンバーに数字感を身に付けてもらったり、リリースした機能の利用状況、狙い通り正常に動作しているかを把握してもらったりすることはとても大事です。 同じオフィスにいる場合には、常時モニタに表示するなど工夫が可能ですが、リモートワーク下においてはそれも困難になりました*1。 これにまつわる、いくつかの課題を解決するためにGoogle Data Studio *2の任意のページのスクリーンショットを定期的にSlackに投稿するGoogle Apps Scriptを書きました。 利用開始する前にはSlack側でAppを作成したりそれなりに準備が必要なのですが、一度設定したら、あとは手がかからなくなるので、費用対効果はいいと思います。 詳しい導入方法などは下記を参照してください。 https://github.com/airreader/datastudio-2-slack
Enables body scroll locking (for iOS Mobile and Tablet,Android, desktop Safari/Chrome/Firefox) withoutbreaking scrolling of a target element (eg. modal/lightbox/flyouts/nav-menus). Features: disables body scroll WITHOUT disabling scroll of a target element works on iOS mobile/tablet (!!) works onAndroid works on Safari desktop works onChrome/Firefox works with vanilla JS and frameworks such as
Svelte is aUI framework that uses a compiler to let you write breathtakingly concise components that do minimal work in the browser, using languages you already know —HTML,CSS andJavaScript.It’s a love letter to web development. But don’t take our word forit. Developers consistently rankSvelte as the framework they’re most excited about using.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く