Tab Stash – 🦊 Firefox (ja) 向け拡張機能を入手
Tab Stash is a no-fuss way to save and organize batches of tabs as bookmarks. Sweep your browser clean with one click of the Tab Stash icon (if configured). Your open tabs will be stashed away in your bookmarks, conveniently organized into groups. When it's time to pick up where you left off, open Tab Stash and restore just the tabs or groups you want. Because Tab Stash stores your tabs as bookmar
Collaborate & Annotate with Hypothesis | Online Annotation Tool
Get Students Engaged – Where Learning Begins Students aren’t reading. Discussion boards are dead zones. AI shortcuts are everywhere. Hypothesis transforms passive assignments into active, collaborative learning—building the digital literacy skills today’s learners need. All inside your LMS. Get Started Comment and highlight directly over content. Students, faculty, and colleagues can highlight and
やらねば.com - アクセシビリティの情報サイト
アクセシビリティの情報サイト アクセシビリティを考えると ものの価値が見えてくる スクリーンリーダーや拡大鏡といったアクセシビリティ機能を利用して、パソコンやスマートフォン iPhone iPad を操作する方法。 それらの技術を活用する為のバリアフリーサイト制作に関する情報を更新しています。 スクリーンリーダーとは 画面上の表示を読み上げるソフトウェアです。 スクリーンリーダーを使用する事で、視覚障害者やロービジョン、弱視であってもパソコンや携帯端末の操作が可能になります。 当サイトでは、スクリーンリーダーに関するアクセシビリティ情報も更新して行きます。 主なスクリーンリーダー Windows ナレーター Windows に標準で搭載されているスクリーンリーダー NVDA - NonVisual Desktop Access オープンソースで開発が進められている無料で使えるソフトウェア
Tailwind CSSの二面性、デザインシステムを借りるということ | lacolaco's marginalia
この雑記を書く問題意識は、Tailwind CSSに対して向けられている世の人々の不満が、Tailwind CSSがコミットしていることから外れた、お門違いの期待の押しつけになっているのではないかと感じるところにある。 ライブラリやフレームワーク、道具にはそれが作られた目的があり、果たそうとするコミットメントがある。その圏内において果たされていないコミットメントに対する不満は、それ自体の存在意義にかかわる意味を持つが、しかし利用者が一方的に寄せた期待が果たされないことに対する不満はそうではない。 念押しするまでもないと思うが、これはTailwind CSSに対して不満を向けるべきではないという話ではまったくない。むしろ、その不満の下敷きとなっている Tailwind CSS への期待が Tailwind CSS 自体によってコミットされたものでないとしたら、不満を向けてもしょうがないのでは
Free vectors icons
No notifications to show yet You’ll see useful information here soon. Stay tuned!
このページの色をかけた魂の戦い
皆さんこんにちは。この記事では、筆者が最近勉強した CSS Color Adjustment Module Level 1 の内容をご紹介します。 この仕様は記事執筆現在Candidate Recommendationという段階にあり、一部ブラウザでの実装もされています。 どんな仕様？ 仕様の名前が示している通り、この仕様はページの色の調整に関するCSSプロパティやその関連概念を定義するものです。特に、この仕様はページの色（カラースキーマ）をどう調整するかに関して著者（ページのCSSを書く人）とユーザーとの間のネゴシエーションを可能とする点が特徴的です。 color-scheme: サポートするカラースキーマの表明 昨今、ダークモードという概念がWebやその周辺を圧巻し、多くのアプリやウェブサイトがダークモードに対応しています。CSSにおいては、@mediaとprefers-color-s
Coolors - The super fast color palettes generator!
Discover millions of color palettes by topic, style and color.
ヘッドレスUIコンポーネントでいこう -- Radix UI + Stitches がいい感じ
こんにちは！ 株式会社ココナラの法律相談事業部でWebエンジニアをしている 原井 です。 ココナラ法律相談 と ココナラエージェント という2つのプロダクトのWebフロントエンド・バックエンド開発を担当しています。 この記事は、フロントエンド開発に使うUIコンポーネントライブラリの技術選定をするシーンでのお話です。 私たちが何を課題に感じていたのか、どう考えて Radix UI と Stitches の採用に至ったのか、採用してみてどうだったのかをご紹介します。 UIコンポーネントを開発していて思うこと 世の中にはUIコンポーネント集とでも呼ぶべき便利なライブラリがたくさん公開されています。 例えば以下のようなものがあり、他にも把握しきれないほどあると思います。 MUI (Material UI) Ant Design Chakra UI Vuetify これらのUIコンポーネントライブラ
JSレスBootstrapなdaisyUIの秘密 | フューチャー技術ブログ
使い方は、CSSのクラスにちょっと書き足すだけで動きます。使い勝手はBootstrapみたいですね。ドキュメントが検索しやすくて、サンプルが豊富で、シンプルに書かれているので、フロントエンドが苦手でCopy And Paste from Stack Overflowな人にも使いやすいと思います。 <button class="btn">neutral</button> <button class="btn btn-primary">primary</button> <button class="btn btn-secondary">secondary</button> <button class="btn btn-accent">accent</button> <button class="btn btn-ghost">ghost</button> <button class="btn b
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Page Gallery - start.me
Favoor.com - Your personalised start page
GitHub - excalith/excalith-start-page: Terminal-inspired, clean, feature-rich and customizable browser start page for geeks. Has built-in editor for customizing.
GitHub - jnmcfly/awesome-startpage: This is a carefully compiled list of remarkable projects with the focus on startpages.
Build software better, together
LINER - #1 Web & PDF Highlighter
読書中のハイライト・メモの集約方法を模索する
https://blog.checkpoint.com/securing-the-cloud/malicious-vscode-extensions-with-more-than-45k-downloads-steal-pii-and-enable-backdoors/
GitHub - coehne/svelteKitOnFirebase
https://flowbite.com/
GitHub - guidance-ai/guidance: A guidance language for controlling large language models.
