Phoenix | Phoenix
A lightweight macOS window and app manager scriptable with JavaScript. You can also easily use languages which compile to JavaScript such as TypeScript. Phoenix aims for efficiency and a very small footprint. If you like the idea of scripting your own window or app management toolkit with JavaScript, Phoenix is probably going to give you the things you want. With Phoenix you can bind keyboard shor
NLUX with ReactGenerative UI With Next.jsChatGPT-Inspired UI import { AiChat, useAsStreamAdapter } from '@nlux/react'; import '@nlux/themes/nova.css'; import { send } from './send'; import { user, assistantAvatar } from './personas'; export default () => { const adapter = useAsStreamAdapter(send, []); return ( <AiChat adapter={ adapter } personaOptions={{ assistant: { name: "EinAssistant", tagline
全力で爆速にするAstro.js
注意 この記事は、私が2024年4月頃に書いた記事の再編集です。情報が多少古い、もしくは検証しきれていない箇所がありますがご了承ください。 はじめに 皆さんはよくAstroでWeb制作をすると思います(圧)。 Astroでサイトを作ると特に対策せずとも爆速なサイトが出来上がりますが、それだけでは物足りずちゃんと対策して高速化を図る記事です。 すっごーい簡単な内容なのでご承知ください。 Lighthouse 実際にページのパフォーマンスを計測するにはよくLighthouseを使います。このサービスはGoogleがオープンソースで開発しているページインサイトツールです。馴染み深いですね。 これでサイトの計測をしている人が一番多いんじゃないでしょうか。 Chrome拡張機能をいれることで、オフライン環境であってもlocalhostサイトの計測ができます。 すでに公開済みのページなどでテストする場
Great animations
People increasingly select their tools based on the overall experience rather than just functionality. A predictable and delightful experience is what makes a product stand out from a crowded market. That's why companies invest in design engineers for example. Animations can play a big role in creating such experiences. How do we create such animations? Great animations are hard, as there are many
スクリーン リーダーの利便性を向上させるために、gcloud コマンドライン ツールには accessibility/screen_reader プロパティが付属しています。このプロパティを true に設定すると、次の動作が有効になります。 unicode スピナーの代わりのステータス トラッカー: gcloud がタスクを実行しているときに 'working' フレーズが stderr に表示されます。 パーセント進行状況バー: 進行状況が stderr にパーセントで表示されます。 フラット化テーブル: ボックス テーブルは、多くのリストコマンドのデフォルトの出力です。クエリされたリソースが Unicode で描画されたテーブルに表示されるのではなく、フラット化されたアイテムのリストとしてレンダリングされます。独自のフォーマットを定義するために --format フラグを使用すること
Radix UIのTooltipをタップでも表示する方法、あるいはホバーとフォーカスしか受け付けない理由 Radix UIのTooltipで実装していたときに、モバイルでタップしてもポップアップが表示されず困ってしまったことがありました。なぜなら、デスクトップではホバー、モバイルではタップで表示されることが要件だったからです。 この記事ではタップ操作でも表示できるようにした方法と、なぜタップ操作で表示できなくなっているかを紹介します。 Tooltipはアクションボタンに対するチップ（補足情報）を提示するUI Issueを探っているとRadix UIのUI Software Engineerであるbenoitgrelardさんがコメントしていました（Raycastの中の人でもある！）。 This is by design. Tooltips are problematic on touch
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
美しく、そして機能的なデザインは誰もを惹き付ける不思議な魅力を持っています。建造物、陶器、彫刻、絵画、刀剣など、文化的、または歴史的に価値のある芸術は、長い時間をかけて無駄な部分が削ぎ落とされ、機能美と表現されるまでに進化を遂げています。 情報にもデザインという考え方が存在し、ユーザビリティはあらゆるデザインに適用、または応用できます。良いデザインと評価されるものには、高いユーザビリティが備わっています。しかし、良いデザインとは何かを定義することが難しいように、ユーザビリティも広い意味を持ちます。このページでは、Web におけるユーザビリティ、つまり Web ユーザビリティについて説明し、考えていきたいと思います。 本記事の対象となる読者本記事は、Web デザイナーだけではなく、プログラマー、プロジェクトマネージャーなど、Web に関わるすべてのエンジニアが読者の対象となります。なぜなら、
転職活動をはじめるにあたって、Webアプリケーションのポートフォリオを作成しております。 コア機能を実装した段階でパフォーマンスは本当に大丈夫か？時になったので、LightHouseを利用しました。 レポート内容の項目の理解ができていなかったため、まとめました。 レポートを読み取ることだけが目的となっておりますので、結果に対する改善策は割愛しておりますので、ご了承ください。 また過不足などあるかと思いますので、その際にはご教授いただけると幸いです。 LightHouseとは Googleが提供しているWebサイトのパフォーマンス測定ツールの一つです。 こちらは無料で利用でき、指定したWebサイト、Webアプリケーションのパフォーマンス、アクセシビリティ、ベストプラクティス、SEOの４項目で評価を出力してくれます。Lighthouseは仮想環境でWEBページの表示をシミュレートして評価を行う
アクセシビリティに対応したSlickの紹介 | 電脳情報局
オススメ！PICK UP Accessibility確認のブラウザー拡張機能 ソフト紹介2023年10月 2日 簡単実装：CSSだけでアコーディオン開閉させる CSS2022年5月 9日 jQuery：アコーディオンメニューをサクッと作りたい時のための記事 JavaScript2021年12月10日 スライダープラグインの王道「slick」でスライダーを実装する方法 スライダー2021年12月 8日 【Google Chrome】サイト全体をスクリーンショットする方法【拡張機能不要】 PC・スマホ（操作/設定）2020年10月29日 JavaScript はじめに アクセシビリティに対応したSlickを見つけたのでメモ書き・・ Slick Slider (1.8.1) のバージョンをベースに、 WCAG 2.0 / 2.1準拠にしてあるそうです。 accessible-slick 下記から
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Powerful Conversational AI JavaScript Library | NLUX
ユーザー補助機能の有効化 | Google Cloud CLI のドキュメント
Radix UIのTooltipをタップでも表示する方法、あるいはホバーとフォーカスしか受け付けない理由
Manifest V2 の段階的廃止を開始
【UX】ゼロから学ぶ Web ユーザビリティ｜むらしゅん
制作したWebサイト、Webアプリケーションのパフォーマンスを測定する - Qiita