"Based on my experience, 15 colors are the perfect minimum for any design. This set of colors is adequate to execute any kind of components for both light and dark themes."
"So in summary, when you need to manipulate colors and want to avoid color contrast issues, oklch() is your friend from now on!"
"Keep it simple. Apply the Rule of Least Power. Build with progressive enhancement in mind. HTML, CSS, and JavaScript -- in that order."
"This seemingly small detail can impact the overall readability and maintainability of your design system. You have to collaborate with developers to use the code friendly case, which is most likely camelCase or underscore_case."
"The primary advantage of Houdini lies in its capacity to enhance styling processes, providing a more efficient and standardized approach. A secondary advantage is its ability to seamlessly create styles that transcend different browser environments."
"To visually hide all the content that overflows, you can set overflow to hidden. But! Doing that comes with a caveat: when you set overflow: hidden, it also creates a scroll container."
WASA22代のメンバーで結成されたチームOptimalisでは所有する機体の長距離飛行実施に向けて準備を進めておりました.検討の結果3月中旬に浜松付近の海岸にて片道10kmの往復飛行を実施する運びとなりました.
ちなみに私はWASA出身ではありますが、10年以上も代が離れていることもあり、Optimalisの結成された経緯など詳細は知りません。しかし、かつてNASGのOBチームに入り浸らせていただいていた身としては、WASAにもついに?OBチームができたかと思うと感慨深いです(謎
YouTubeで中継をしてくださったのは、人力飛行機探訪記のマスコットキャラクターにしてVTuber、つばさつるさん。現地に赴かずとも、新潟の地から動向を見守れたのは大変ありがたい。スパチャを投げることができれば少しは寄付したかったんですけども、チャンネル登録者数が500人以上も必要らしい。
結果的には離陸に失敗......朝のまだ撤収中と思しき時間帯に、以下の投稿がありました。事情を何も知らない立場からすれば残念な、もったいない気もしますが、社会人チームが活動の継続性を担保する難しさは想像できますので......お疲れさまでした。また挑戦する姿を拝見させていただき、ありがとうございました。つばさつるさんも、大変お疲れさまでした。
]]>記録飛行は2回挑戦し、2回とも離陸に失敗する形となりました。詳細な報告はまた後日行えればと思っております。これにてOptimalisはメンバー全員引退となります。改めまして応援の程誠にありがとうございました。
"By storing the color-mix() values as custom properties, we can reuse them throughout our code. This approach can be useful when we want to create lighter or darker variants of a brand's primary color."
"Ruby annotation is complicated in HTML and CSS specs, when it comes version of CSS specification that was last edited on 24 January 2024, a lot of examples are outdated."
"Jon von Tetzchner, CEO of browser maker Vivaldi, told The Register in a phone interview that while the European Commission's intervention has been helpful, the results have been modest - and he expects further pressure will need to be applied to gatekeepers."
"In the case of interactive form controls (inputs, textareas, buttons, etc.), those pesky borders were put there because they have an accessibility benefit when using High Contrast Mode, a feature used by 30.6% of low-vision users."
"Atmospheric scientists who study this topic in detail have not made this jump as there isn't enough scientific evidence. We know particles from spacecraft are in the stratosphere. But what this means for the ozone layer or the climate is still unknown."
"Traditional E2E tests written without accessibility in mind implicitly rely on emulated mouse or touch gestures and selectors based on elements' visual appearance, as opposed to the programmatic appearance assistive technologies rely on"
どうせどこかで記事化されるだろうから、話の中身を記憶しようとするより、とにかくお二人と時間を共にできることを全力で楽しみながら、特に富野監督の熱量を肌で感じることに集中しました。82歳でありながらあの早口、あの言葉の力強さ(言い切る力)、感服しました。そして、次の世代にバトンタッチしなければとの想いを強くしながら、いっぽうでまだ引退しないぞという気概を見せる、そのなんとも言えない一種の自己矛盾?を隠そうとしない潔さもまた、素晴らしい。
とまぁそんな感じで30分のトークショー(漫才?)はあっという間に終了。ありがたいことに、フォトセッションは会場の参加者も撮影OKということで、もちろん私も手持ちのiPhoneで何枚も撮ってはみたけれど、かなり後ろの方の列のステージ向かって左端の席だったので、ぜんぜん小さい笑。あらかじめ撮影OKって知ってたら、ちゃんとズームの効くカメラを持ってきたかった!!ともあれ、いずれまた富野監督や出渕氏の生トークが聞ける機会のあることを祈るしかない。
そのあと上映された逆シャア、公開当時は初日に劇場で見たような気がするし、以来もう何回も見た作品だけれど、やっぱり印象は少し違って見れた気がします(少なくとも、チェーンのサイコフレームはTポイントのロゴにしか見えなくなった笑)。出渕氏が語ったところの「生の人間」という部分に、よりフォーカスして全体を俯瞰できたような。だからこそ余計に、戦闘シーンが長く思えてしまうのですよね......中学、高校生くらいの時分には、むしろ戦闘シーンにばかり熱を上げていたのに。私も歳をとったということです!!ちなみに、早速、トークショーの記事が上がっていました:
"The touch-action CSS property sets how an element's region can be manipulated by a touchscreen user (for example, by zooming features built into the browser)."
"How you order elements in the <head> can have an effect on the (perceived) performance of the page. Capo helps you identify which elements are out of order."
"The text was intentionally vague and the timeline left completely undefined. We hoped that it was threatening enough to motivate end users to upgrade without forcing us to commit to any actual deprecation plan."
"The culture of over-designing websites has been parodied, creating even an amusing movement, but it reflects a chronicle of over-the-top design."
"He said that if you put the slider values on top, your finger won't cover them up. It's a useful tip. But sliders aren't just bad UX because your finger covers up the values. This is the least of your worries."
"This is the first time the Speedometer benchmark, or any major browser benchmark, has been developed through a cross-industry collaboration supported by each major browser engine: Blink/V8, Gecko/SpiderMonkey, and WebKit/JavaScriptCore."
"I have compiled 58 rules across eight categories, collectively forming the "Elegance Formula" for user interface design."
"JSR is optimized for TypeScript and supports ES modules only. It works with Deno and npm-based projects (Node, Bun, Cloudflare Workers, etc), and is free and open source."
ご注意:オーバーレイ ファクトシートの内容は、時間の経過とともに変更される可能性があります。具体的には、オーバーレイに関する事実を共有するという目的に沿って、さらなる明確さ、新たな証拠、その他の変更を提供するために、コンテンツが追加、編集、削除されることがあります。署名をお願いする前に、このことをご理解ください。そういった変更はオーバーレイとその特徴、長所や短所についての認識を高め続けるための誠意ある努力の結果であり、今後も取り組む予定です。必ずこのリポジトリを「ウォッチ」し、あなたが署名した意思を覆すほど重大な変更がないか、確認してください。
/layouts/index.htmlのファイルを開くと、下の方にid属性値がsigned-byの見出しがあります。
その下に、順序付きリスト要素(<ol>)があるでしょう。
そのリストの項目(<li>)として、次のフォーマットであなたの名前を追加してください:名前、肩書き、所属。例えば Joe Schmoe, CEO, Acme Corp。もし肩書きや所属を書きたくないのであれば、それでも構いません。Joe Schmoe, self のようにしてください。
署名にはリンクを含めないでください。これは誰かのためのSEO対策ではなく、団結の表明です。
developブランチに対し、プルリクエストを送ってください。
]]>そこで思い当たったのがCarbon Copy Cloner(CCC)の存在。Time Machineでは時間がかかりすぎるので、バックアップはすべてCCCに切り替えてたんですよね。果たして、CCCの 設定 → 一般 の「バックアップ作成時」で「APFSフォーマットされた外部デバイスでスナップショットを有効にする」というのにチェックが入っていました(APFSボリュームでスナップショットを活用する | Carbon Copy Cloner | Bombich Software参照)。
そして、今まで気づかなかったけれどCCCのUIで「タスク」タブの隣に「ボリューム」タブがあって、そこからストレージ個別にスナップショットを一覧できたし、また無事に削除することもできました。いかに自分の目が節穴だったか、よくわかりましたね......容量不足の問題は遅かれ早かれだったので、外付けSSDを買ったのは後悔していないけれど、無駄に時間は費やしてしまいました。というわけで、今のMacintosh SSDの現状:
]]>"So yeah, the goal is not to create a competing standard, but to introduce a new layer in order fill a gap in the landscape."
"The difference between captions and subtitles is what I'd call the content axis. The difference between open and closed captioning is the technology axis."
"Along with the invoketarget attribute, a button can also optionally include an invokeaction attribute."
"In this article, we'll explore CSS filters and blending modes, which offer a range of creative possibilities to enhance the aesthetics of our web pages."
"By making content accessible to a broader audience, including individuals with hearing impairments and non-native speakers, closed captions significantly increase a website's reach and engagement. They also enhance SEO by making video content more searchable and indexable, boosting viewer retention and interaction."
"Sustainable web design involves optimizing web assets, minimizing code, and opting for eco-friendly hosting solutions to reduce your digital carbon footprint."
"Some work is being done on a reading-order CSS property (or perhaps reading-flow, name appears to be pending) that would enable developers to help screen-readers figure out the best reading order."
早速ビックカメラでバッファローの超小さいSSD、SSD-PST1.0U3-BAを買ってきました。いやー本当に小さい!!Mac miniの背面に挿しっぱなしで使えて、まったく邪魔にならないサイズです。言われなければワイヤレスマウスのレシーバーと見間違うほどだけれど、容量は1TB。フロッピー時代を知る人間からすると、マジで感動します。
]]>閑話休題。文書(Documents)フォルダの中身、それにミュージックやTVアプリの参照ファイルをその買ってきた外付けSSDに移動し、もとの内蔵SSDにあったファイルを削除すれば、空き容量は確保できるだろう......と思いきや、全然空かないどころか、むしろ減ってしまった&隠し領域がますます肥大化。一体何が起こっているのか、さっぱり謎です。ところで、先のOnyXのメンテナンス効果なしという記事では隠し領域はローカルスナップショットではなかった、というオチ
なんて書いていたけど、実はOnyXをちゃんと使えていなかったようで、ユーティリティ → Time Machine のところで Delete Local Snapshots を実行したら、ずらずらとローカルスナップショットらしきものが一覧化されました。
しかし、OnyX上でローカルスナップショットの削除を実行し、無事に削除しました的なメッセージが出ても、一向に空き容量は増えない。別のメンテナンスアプリでCleanMyMac Xを試用してみたけれど、そもそもCleanMyMac Xではローカルスナップショットを検知できず。
ローカルスナップショットをコマンドラインから削除するにはHow to delete Time Machine snapshots on your Mac | Macworldにあるように tmutil listlocalsnapshots / で存在を確認のうえ sudo tmutil deletelocalsnapshots YYYY-MM-DD-****** な感じで1つずつ削除するか、macOSのローカルスナップショット - panda's tech noteで記されているように、いっぺんに
for d in `tmutil listlocalsnapshots / | awk -F'.' '{print $4}'`; do sudo tmutil deletelocalsnapshots $d; done
で削除できるはずだけど、個別でも一括でも...is not a valid disk
とメッセージが出るばかりで、そこから先に進めない。Delete Time Machine Snapshots - Apple Communityにはディスクユーティリティから削除できるという情報があるものの、macOSのバージョンが古いせいか、APFSスナップショットを表示させるメニューが見当たらない。つづく。
"Our online experience doesn't have to depend on billionaires unilaterally making decisions over what we see. On an open social network like Bluesky, you can shape your experience for yourself."
"For teams working on services, the message carries an element of mystery. In any given service, how can areas that need Web Content Accessibility Guidelines (WCAG) 2.2 improvements be identified?"
"In general, aria-* attributes are useful to convey important information to assistive technologies about custom controls or complex interactions. HTML attributes can directly impact features and functionality."
"even if you do consider Internet standards to be a regulatory force, there is no enforcement mechanism. One of their key characteristics is that they're voluntary."
"Since the advent of the internet age, there has often been controversy regarding whether a business's website counts as a place of public accommodation. This matter was only recently settled."
"The "technical" reasons why something can't be accessible are almost always "people" reasons, actually"
"Unfortunately, as far as I know, custom media queries have never been implemented anywhere. Bummer."
私としては今後、Overlay Fact Sheetの日本語化対応(同サイトのグローバル化について作者のKarlさんは前向きでした)に協力したり、またオーバーレイの提供する機能をネイティブに実装し、かつユーザーが使いやすいUIで提供するよう、Webブラウザのベンダーに働きかけるといった活動(だけじゃないけど)に取り組んでいきたいと考えています。
後者の「Webブラウザのベンダーに働きかける」というのは昨年、Vivaldiの創業者であるJon von Tetzchner氏への直訴というかたちで実現していましたが(Jon von Tetzchner氏との対談記事が公開参照)、前者の「Overlay Fact Sheetの日本語化対応」については、すっかり放置していました。
ところがつい先日、X(旧Twitter)でKarlさんがフランス語版の公開を告知していたのを目にしました。慌ててどうすれば日本語訳に協力できるかたずねたところ、SteveさんからすでにGitHubに案内が載っていることを教えていただきました。それで慌ててフォーク......というかすでにフォーク自体はしていたので(それすら忘れていた)、同期のうえjapanese-translationというブランチを作り、速攻翻訳。
私の訳がKarlさんのdevelopブランチに取り込まれたのが2日前、でもって本日めでたくmainブランチにマージされ、日本語版としてオーバーレイ ファクトシートが公開された次第。いやーよかったよかった。途中でブラジル・ポルトガル語版に抜かされた(謎)のは予想外だったけれど、公開していただけて本当にありがたい。日本語としてややこなれていない部分があるのは平にご容赦ください。
]]>"Pinball UI happens when the various user interface elements on an application screen could be arranged meaningfully... but are not."
"What you do with your own website is entirely up to you. The technologies are just plumbing wether it's webmentions, RSS, or anything else. None of it is a requirement."
"I would rather they spend money on WAI efforts than big events for an anniversary that does not map to AARP membership or years not associated with gems or precious metal."
"From the centralisation of platforms to the AI revolution, the web serves as the foundational layer of our online ecosystem - an ecosystem that is now reshaping the geopolitical landscape, driving economic shifts and influencing the lives of people around the World."
"Along the way we have fine-tuned our standardization process, notably by enshrining horizontal review as a key aspect that puts people first: horizontal areas that shape each W3C work package are accessibility, internationalization, security and privacy."
"This is due to the lack of Safari support for INP (among other performance metrics). If a significant number of your users are coming to you from Safari, you need to track a different responsiveness metric."
プラモデルを作ってうつ病から抜け出そう——。静岡市の市立精神保健福祉施設「こころの健康センター」が2月、長期にわたってうつ病に悩む患者の回復プログラムにプラモデル製作を導入した。
非常に興味深いと思いました。私自身は、うつ病と診断された経緯はないけれど、振り返れば病んでいたなと思える時期はあります。過重労働、自信喪失、人間不信などなど、人生、重なるときは重なるものです。そんなとき、自分もまたプラモデルに救われていたかもしれないな......と。かれこれ、100箱近く作ってきましたからね。
こころの健康センターの回復プログラムの基本となっている「認知行動療法」には、過去の失敗や未来への不安で頭がいっぱいにならないよう「今、ここにいる自分に集中する」という方法がある。禅の瞑想(めいそう)などから生まれた「マインドフルネス」にもつながる療法だ。
私の場合、プラモデル製作とは別にソロで山を歩くという趣味もあって、両者に共通しているのはまさにその「今、ここにいる自分に集中する」ことだったなと、気付かされました。山歩きの場合は特に、本気で集中しないと怪我や遭難のリスクが高まるから、余計にその「認知行動療法」的な効果があったかもしれない。
製作中の自分の様子を事後アンケートで尋ねると、「とても集中した」が5人、残る2人も「ある程度集中した」。「作業に集中することで余計なことを考えなくて済み、良かった」との感想もあり、参加者の受け止めは上々だ。
たった7人......果たしてその人数で医学的、科学的とまで言えずとも、有意な裏付けは取れるのか?というのは気になるけれど、今後のさらなる成果を期待したいところ。ちなみに私の手元にはまだ作っていないプラモデルが18箱あるので、当面は何が起こっても安心です(謎
]]>"The IndieWeb has already been playing a key role in developing many of the tools that make an independent, decentralized network of personal websites possible."
"Alternate text is for for people, and people are not a problem to be solved. The social model of disability teaches us that it is the built environment that should be better crafted to meet the needs of the people who use it."
"Images and similar inline-level elements have that strange white space under them due to the default baseline alignment, and that space is preserved when using align-content because we align the "whole content""
"The Accessible Canada Act requires these organizations to prepare and publish a three-year Accessibility Plan. The plan outlines how they will identify, remove, and prevent barriers."
"I really can't predict the future, but I am certain that it's too soon to claim accessibility has failed. We haven't really allow it to grow into our society."
"In addition to never using outer margin, we should never use padding for the same purpose. The outermost element of a component should not have padding unless that element has a border or a background-color."
"Our output is artistic, to some degree, and artistic things have a long, storied history of being tragically devalued merely because they seem simple and enjoyable."
"If you're designing and coding responsibly, you should only be using content to add decorative elements to the page, meaning you'll probably never need the content property's 'alt' text functionality."
念のため、確かにローカルスナップショットを削除する設定になっている(VerifyingでDelete Time Machine local snapshotsにチェックが入っている)ことを確認のうえ、再度メンテナンスを実行......するも、やっぱり効果なし。隠し領域はローカルスナップショットではなかった、というオチか。
]]>以下が、メンテナンス実行後にDaisyDiskでストレージの状況を確認したところ。隠し領域は375.6GBから309.2GBまで削減できたけれど、期待したほどの効果はない......どうしたものか。OS再インストールのような面倒は避けたいので、ユーザのなかから外付けのストレージに移せるファイルを移そうかしらね。 ]]>