Webサービス公開前のチェックリスト
個人的に「Webサービスの公開前チェックリスト」を作っていたのですが、けっこう育ってきたので公開します。このリストは、過去に自分がミスしたときや、情報収集する中で「明日は我が身…」と思ったときなどに個人的にメモしてきたものをまとめた内容になります。 セキュリティ 認証に関わるCookieの属性 HttpOnly属性が設定されていること XSSの緩和策 SameSite属性がLaxもしくはStrictになっていること 主にCSRF対策のため。Laxの場合、GETリクエストで更新処理を行っているエンドポイントがないか合わせて確認 Secure属性が設定されていること HTTPS通信でのみCookieが送られるように Domain属性が適切に設定されていること サブドメインにもCookieが送られる設定の場合、他のサブドメインのサイトに脆弱性があるとそこからインシデントに繋がるリスクを理解してお
On the origins of DS_store
arno.org If you are a Mac user, or if you have transferred files from Mac to Windows, you’re probably familiar with .DS_Store files. But where does this name come from? Back in 1999 I was the technical lead for the Mac OS X Finder at Apple. At that time the Finder code base was some 8 years old and had reached the end of its useful life. Making any changes to it require huge engineering effort, an
Principles of Design
Tim Berners-Lee Date: 1998, last change: $Date: 2023/12/01 10:36:10 $ Status: personal view only. Editing status: first draft. Up to Design Issues Again and again we fall back on the folklore of the principles of good design. Sometimes I need a URI for them so this is started as collection of them. I have written about some in many places. Principles such as simplicity and modularity are the stuff
そのウェブアクセシビリティ要件、本当に必要ですか？
弊社がウェブアクセシビリティ対応に関連する案件についてご相談を承る際、「具体的なウェブアクセシビリティに関する要件は想定されていますか？」と質問に対するお客様の回答は、「ほぼ」といっていい程、「（ウェブサイト全体を）JIS X 8341-3:2016 の適合レベル AA に準拠したい」というものです。 これはご相談案件がウェブサイトの新規構築やリニューアルを伴うもので、その要件のひとつとして出てくる場合もありますし、今後の方針を決めたいのでコンサルティングして欲しいといったお話の中でも同様に、まずはそこ（JIS X 8341-3:2016 の適合レベル AA に準拠）を目指しますというお話になることがほとんどです。 本コラムではこのようなウェブアクセシビリティ要件の設定が良い、悪いというお話をするつもりはありません。ウェブアクセシビリティ要件が明確に定まっていること自体は素晴らしいことです
Ethical Web Principles
Ethical Web Principles W3C Group Note 13 August 2024 More details about this document This version: https://www.w3.org/TR/2024/NOTE-ethical-web-principles-20240813/ Latest published version: https://www.w3.org/TR/ethical-web-principles/ Latest editor's draft:https://w3ctag.github.io/ethical-web-principles/ History: https://www.w3.org/standards/history/ethical-web-principles/ Commit history Editors
How to use container queries now | Blog | web.dev
How to use container queries now Stay organized with collections Save and categorize content based on your preferences. Recently, Chris Coyier wrote a blog post posing the question: Now that container queries are supported in all browser engines, why aren't more developers using them? Chris's post lists a number of potential reasons (for example, lack of awareness, old habits die hard), but there'
Browser Support Tests in JavaScript for Modern Web Features – Frontend Masters Boost
Browser Support Tests in JavaScript for Modern Web Features June 28, 2024 This is just a no-frills post with code snippets showing how to test support for some newish features in HTML, CSS, and JavaScript. This is in no way comprehensive and doesn’t get into what these features do, which is better covered in other posts. It also doesn’t get into testing the support in any other language than JavaS
Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not
Because Scroll-Driven Animations are only active when there is scrollable overflow, it is possible to use them as a mechanism to detect if an element can scroll or not. Mix in a Space Toggle or a Style Query, and you’ve got all you need to selectively style an element based on it being scrollable or not. ~ The Code If you’re here for just the code, here it is: @keyframes detect-scroll { from, to {
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Eponymous Laws of Tech
European Accessibility Act (EAA): Top 20 Key Questions Answered | Deque
It’s about time I tried to explain what progressive enhancement actually is
Feedback on a Pagination Pattern
Be Careful Using ‘Grid’
Computing cos(25deg) in CSS
[css-animation] Motion Blur · Issue #3837 · w3c/csswg-drafts
A Structured Approach to Custom Properties
Footnotes Progressively Enhanced to Popovers – Frontend Masters Boost
Transitioning To Auto Height | CSS-Tricks
Best Icon Projects — June 2024
When to use tabindex='0' - TetraLogical