無限スクロールは、インタラクションコストを最小限に抑え、ユーザーエンゲージメントを高めるが、すべてのWebサイトに適しているわけではない。ページネーションや「さらに読み込む」ボタンのほうが良い解決策になることもある。 Infinite Scrolling: When to Use It, When to Avoid It by Tim Neusesser on September 4, 2022 日本語版2023年1月24日公開 無限スクロールは、商品一覧ページに使われるデザイン手法の1つで、ユーザーがスクロールダウンしていくと、コンテンツが次々に読み込まれるというものだ。これを利用すれば、ページネーション（訳注：コンテンツを複数のページに分割すること）の必要がなくなる。 Adidas.com：Adidasの商品一覧ページでは、ページネーションを使って商品を表示している。 Nike.com
はじめに みなさんはちゃんとアクセシビリティを意識して開発できていますか？ 必要なところに role属性 を記述したり、tabキーでフォーカスが当たるようにしたりなど、意識しないといけないことも多いです。 そのため、完璧にやろうとするのは難しいと思います。 ただ、モーダルUIやタブUIといったコンポーネントごとに区切って、アクセシビリティを理解しておけば、実装するタイミングに思い出しやすくアクセシビリティについて意識しやすいです。 そのため、この記事ではタブUIのコンポーネントに焦点を当てて、 アクセシビリティを意識したタブUIの実装方法とタブUIで意識した方がいいアクセシビリティを解説しようと思います。 ※ アクセシビリティの基本については以下の記事をご参照ください。 アクセシビリティを意識したタブUIを実装する では早速、アクセシビリティを意識したタブUIについて解説していきます。 1
Crafting Component API, Together
A design system aspires to achieve a shared vocabulary between designers and developers. As we build visual style and UI components, we make many decisions about how a feature is composed and configured. What is its name?How is each element organized and named in a hierarchy?What options can be configured, and at what level is each exposed?How might smaller parts be modularized to reuse elsewhere?
Status update on HTML/CSS ruby: ➤ https://t.co/eVs8ylc0EN ➤ https://t.co/xffoIkmahD— fantasai (@fantasai) 2021年3月11日 fantasaiのツイートをたまたま見かけて知ったわけだけど、ここに来てHTML/CSS Ruby方面が一気に加速していると。 CSS Rubyについては、2020年になって6年ぶりにドラフトが更新され、この3月にも更新がされた。CSSでは何がどうなった、というのはここでは触れない。Change logを追ってもらえればと。 で、HTMLはというと、CSS Rubyのドラフト更新と時を同じくして、Restore the rb and rtc elements and update ruby content model accordingly - whatwg/
23/10/23 「非表示：TLのおすすめユーザーを消す」修正 23/2/23 「非表示：TLのアナリティクス数表示」の個ツイート部分修正 23/2/17 「背景色：サークルツイートだと思われるツイートをわかりやすくする」を修正 アナリティクス数オフにした企業アカウントの自動返信にも反応してしまってたので修正しました。 23/2/16 「非表示：TLのアナリティクス数表示」 「背景色：サークルツイートだと思われるツイートをわかりやすくする」 「非表示：Twitter Blue」 を修正 23/2/10 「背景色：サークルツイートだと思われるツイートをわかりやすくする」を追加 ※サークルツイートはアナリティクスアイコンに.r-12c3ph5{opacity: 0.4;}が適用されていると思われるので、そうなってるツイート(.r-12c3ph5があるもの)だけ背景色をつけます。 自分の環境だと
JSer.info #521 - WebAssemblyのランタイムであるWasmer 1.0がリリースされました。 Wasmer 1.0. By leveraging Wasm for software… | by Syrus Akbary | Wasmer | Jan, 2021 | Medium wasmer/CHANGELOG.md at master · wasmerio/wasmer Wasmer 1.0では、Wasmファイルを.dllなどにプリコンパイルするwasmer compileの追加、クロスコンパイルの対応、エラーレポートの改善などが含まれています。 1.0ではAOT (Ahead Of Time) compilation(wasmer compileによるprecompile)などをサポートしたことでproduction readyとなったと書かれています。 次の記
VMware End Of Availability of Perpetual Licensing and SaaS Services
VMware Cloud Foundation Products VMware Live Recovery VMware Private AI VMware Validated Solutions VMware vSphere Foundation VMware End Of Availability of Perpetual Licensing and SaaS Services Editorial Note: This blog post updates and replaces the original KB article (KB 96168) published on January 15, 2024. The intent is to bring further clarity to some of the communications contained in the ori
ADUHELM™（アデュカヌマブ） アルツハイマー病の病理に作用する初めてかつ唯一の治療薬として米国FDAより迅速承認を取得 | ニュースリリース：2021年 | エーザイ株式会社
ホーム ニュースリリース 2021年 ADUHELM™（アデュカヌマブ） アルツハイマー病の病理に作用する初めてかつ唯一の治療薬として米国FDAより迅速承認を取得 ADUHELM™（アデュカヌマブ） アルツハイマー病の病理に作用する初めてかつ唯一の治療薬として米国FDAより迅速承認を取得アミロイドβプラークの脳内蓄積はアルツハイマー病の根本的な原因 臨床試験において、ADUHELMは18カ月でアミロイドβプラークを59～71%減少 印刷用 2021年6月8日 2021年6月8日 – バイオジェン（Nasdaq: BIIB、CEO：ミシェル・ヴォナッソス、以下 バイオジェン）とエーザイ株式会社（代表執行役CEO：内藤晴夫、以下 エーザイ）は、本日、米国食品医薬品局（FDA）がADUHELM™（一般名：アデュカヌマブ）について、脳内のアミロイドβプラークを減少させることにより、アルツハイマー病
Chameleonic Header In this tutorial, we will create a chameleonic header that changes its style on scroll to match the color theme of the underneath section. Dependencies CodyFrame (CodyHouse front-end framework) Tutorial This effect uses the clip-path CSS property. The idea is to have a clone of the main header inside each <section> of the page. Each clone will inherit the style of the section it
ARIA ロールは、コンテンツに意味づけ行い、スクリーンリーダーなどのツールが、その種類のオブジェクトに対するユーザーの期待に一致する方法でオブジェクトを表示し、操作に対応できるようにします。 ARIA ロールは、 HTML にネイティブに存在しない要素や、存在しててもブラウザーの完全な対応がまだない要素を記述するために使用することができます。 既定では、 HTML の多くの意味づけ要素はロールを持っています。例えば、 <input type="radio"> は "radio" ロールを持ちます。 HTML の意味づけがない要素はロールを持ちません。意味を追加していない <div> と <span> は null を返します。 role 属性で意味づけを提供することができます。 ARIA ロールは role="role type" を使用して HTML 要素に追加します。ロールの中には、
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Earlier this year I wrote a bit about autogrowing textareas and inputs. The idea was to make a <textarea> more like a <div> so it expands in height as much as it needs to in order to contain the current value. It’s almost weird there isn’t a simple native solution for this, isn’t it? Looking
JSer.info #530 - Gatsby v3がリリースされました。 Gatsby v3 Incremental Builds in OSS, new Gatsby Image, and more | Gatsby Gatsby v3.0 (March 2021 #1) ローカルでは実際にアクセスされたページだけをビルドすることで、全体を再構築せずにビルドする挙動がデフォルトとなっています。これによって必要なページだけをビルドするため、開発時のビルド待ち時間を少なくしています。 破壊的変更としてNode.js 12未満のサポート終了、React 17/webpack 5/ESLint 7へアップデート、globalのgraphqlではなくimportして使うように変更、APIの変更などが含まれています。 マイグレーション方法については、次のドキュメントに丁寧な解説が書かれています。
スレッド「新型コロナウイルスを生き抜くためのアニメキット」より。 引用：Reddit Ads by Google 鋼の錬金術師、カウボーイビバップ、進撃の巨人、君の名は、シュタインズゲート、とらドラ ”数年間アニメを見てたけど最近はあまり見てない人へ” 鬼滅の刃、メイドインアビス、かぐや様は告らせたい ヴィンランドサガ、はたらく細胞、宇宙よりも遠い場所 ”まったり系の作品を求める人へ” ARIA、ゆるキャン、うさぎドロップ、蟲師、ふらいんぐうぃっち、夏目友人帳 ”前向きになれる作品を求める人へ” グレンラガン、ばらかもん、君に届け、桜蘭高校ホスト部、ハイキュー、けいおん ”今だからこそ終末感のあるアニメを見たい人へ” AKIRA、東京マグニチュード8.0、少女終末旅行 風の谷のナウシカ、人類は衰退しました、デビルマンクライベイビー ”視聴後、数日間は考えてしまうアニメを求める人へ” パーフ
チキラボとは
2024/9/6 芸能人やインフルエンサー等著名人へのインターネット上でのハラスメントについてのサイバーエージェント社との実態調査結果を基にした論文「Online harassment of Japanese celebrities and influencers」が学術誌『Frontiers in Psychology』に採択 2024/8/25 【メディア掲載】客からの執拗な性的要求、拒みにくく…「ギャラリーストーカー」、男性も被害に（産経新聞） 2024/8/22 書籍「選挙との対話」刊行のご案内 2024/7/26 理事辞任についてのご案内 2024/7/26 理事退任のご挨拶 2024/3/14 テレビ芸能業界における圧力ハラスメントの実態調査報告書 公開 2024/3/4 【メディア掲載】学校だけでなく社会全体でSRHR実現を 産婦人科医ら会見（教育新聞） 2024/3/4
● Laravel paginate の実行 Eloquent モデルとクエリビルダに対して paginate() メソッドを 実行することができます。 Eloquent モデルに対してpaginate()を実行する $users = User::where('votes', '>', 100)->paginate(15); return view('user.index', ['users' => $users]); クエリビルダーに対してpaginate()を実行する $users = DB::table('users')->paginate(15); return view('user.index', ['users' => $users]); ● ページ番号などのパラメーターを指定してLaravel paginate を実行する paginate() メソッドのパラメーターは次のよ
Skip to patterns GIVEN devs wanna conform to WCAG 🤔 AND devs don’t wanna read APG 😵💫 THEN devs can CPAC (Copy & Paste Accessible Code) 🥳 Patterns Common design patterns written in accessible HTML. All you have to do is dress it up with CSS and sometimes JavaScript. Button <button type="button"> Button </button> <button type="submit"> Submit Button </button> <button type="reset"> Reset Button
映画「アイアンマン」の主人公トニー・スタークがかけているような拡張現実（AR）スマートメガネが、年内に利用可能になることはなさそうだ。いや、来年でも再来年でも無理かもしれない。FacebookはすでにアイウェアメーカーのLuxottica Groupと共にスマートメガネの開発に取り組んでいるものの、このスマートメガネはまだ、現実世界を取り入れた複合現実（MR）デバイスになるわけではない。 Facebookは米国時間9月16日、オンラインのカンファレンス「Facebook Connect」を開催し、頭に装着したセンサーアレイを使って現実世界をマッピングするプロジェクト「Project Aria」を発表した。100人ほどのテスターが参加するこのテストは、9月からシアトルとサンフランシスコのベイエリアで始まる予定だ。 Facebookは同日、最新の没入型製品「Oculus Quest 2」も発表
アカウントのロックまたは凍結に関する異議申し立て
<path opacity="0" d="M0 0h24v24H0z" /> <path d="M17.207 11.293l-7.5-7.5c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414L15.086 12l-6.793 6.793c-.39.39-.39 1.023 0 1.414.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg>" data-icon-arrow-left="<svg width="28px" height="28px" viewbox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://ww
Firefox 79: The safe return of shared memory, new tooling, and platform updates – Mozilla Hacks - the Web developer blog
Firefox 79: The safe return of shared memory, new tooling, and platform updates A new stable version of Firefox brings July to a close with the return of shared memory! Firefox 79 also offers a new Promise method, more secure target=_blank links, logical assignment operators, and other updates of interest to web developers. This blog post provides merely a set of highlights; for all the details, c
JSer.info #469 - テストフレームワークのMocha v7.0.0がリリースされました。 Release v7.0.0 · mochajs/mocha mocha/CHANGELOG.md at master · mochajs/mocha Mocha v7.0.0では、EOL(End-of-Life)であるNode.js 6.xのサポートを終了しています。 Node.js 8.xも2019-12-31にEOLとなり、Node.jsとしては公式にサポートを終了しています。 また、コマンドラインオプションが一部リネームされています。 --debug → --inspect --debug-brk → --inspect-brk --interfaces → --list-interfaces --reporters → --list-reporters その他には、レガシーな設
As developers, we spend a lot of our time in the terminal. There's a lot of helpful CLI tools, which can make your life in the command line easier, faster and generally more fun. This post outlines my top 50 must-have CLI tools, which I've come to rely on. If there's anything I'm missing - do let me know in the comments :) At the end of the article, I've included some scripts to help you automate
どうも、はまちーずと申します。今回は可愛いピンク髪女性キャラクター百選をご紹介いたします。 （ロング、ショート、ポニーテール、ツインテール）ピンク髪の女性であればどんな髪型でも対象としております。 個人ルールとして、1作品につき最大1キャラクターのみとさせていただきます。 ※管理人のお気に入り順にキャラクターをご紹介いたします。 それでは早速ピンク髪の女性キャラクター百選(本編)へどうぞ…！ ピンク髪の可愛い女性キャラ一覧（百選） 桜木ひな子/ひなこのーと TVアニメ「ひなこのーと」公式サイト (hinakonote.jp) プロフィール-Profile- 学年 高校1年生 誕生日 4月30日 星座 牡牛座 血液型 A型 身長 160㎝ 体重 52㎏ 特技 かかし・天気予報 趣味 人形遊びやあやとりなど一人で遊ぶもの 好きな食べ物 野菜カレー、鹿肉、山菜の天ぷら 苦手な食べ物 食べ方がよく
Getting started with React - Learn web development | MDN
Complete beginners start here!Getting started with the webGetting started with the webInstalling basic softwareWhat will your website look like?Dealing with filesHTML basicsCSS basicsJavaScript basicsPublishing your websiteHow the web worksHTML — Structuring the webIntroduction to HTMLIntroduction to HTMLGetting started with HTMLWhat's in the head? Metadata in HTMLHTML text fundamentalsCreating hy
大嫌いだったユーティリティーファーストCSS（TailwindCSS）と向き合った話 - Qiita
最近、業務にTailwindCSSとAstroを取り入れ始めました。 ここではそれまでの苦悩、導入までの軌跡や工夫についてご紹介します。 育った環境 私が社会人になるころにちょうどWeb標準という言葉が浸透し、「世の中はXHTMLでマークアップはセマンティックであるべし！」という価値観で育ちました。 CSSは名前の通り、カスケードするから良いものだと思っていましたし、クラス名はデザインの都合ではなく、機能や意味からつけることが幸福につながると信じていました。 当時は大量コーディングをより効率よく行うためにコマンドラインのプログラムをつくってXPathで抽出・変換し少しでも作業を軽減できないか試行錯誤したり、複数人でのコーディングをどのように効率よくまわせるか考えたり、HTMLをXMLとして捉えて、当時のXHTMLの思想に則って業務を進めていました。 XHTMLは廃れ、それほど厳格性を求めら
『ケーキの切れない非行少年たち』概要 この図が出版当時、話題になったため、この本の存在は知ってる人が多いかもしれません。 少年院に勤める児童精神科医である著者が、 凶悪犯罪を犯し入所したある少年に 『ここに丸いケーキがあります。3人で食べるとしたらどうやって切りますか？皆が平等になるように切ってください』 という指示をもとに少年が書いた図 を著者が再現したものが、上の図です。（下段は設問を5等分にした場合） 著者によると少年はまず半分のところに線を引いた後、そこから悩みだして手を止めてしまったそうです、何度か繰り返しても同じようにまず真ん中に線を引いて正解に辿り着けない。 一手目から間違っているという発想に至れないのです。 本書はそういった象徴的な例を挙げながら、少年犯罪と認知機能や知的障害の関係性、その救済方法を論じる内容となっています。 読んで感じたUX設計の難しさ この本の論旨は『犯
Accessibility Myths
Debunked Accessibility only affects a small group of users Not that small. Around 15% of the world's population, or estimated 1 billion people, live with disabilities, they are the world's largest minority. The number of people with disability is dramatically increasing. More details about Accessibility only affects a small group of users Disabled users don't use my website How can you be so sure?
国内の医薬品規制などを管轄するアメリカ食品医薬品局(FDA)が新たに承認したエーザイのアルツハイマー病治療薬「ADUHELM」について、研究者などが「脳腫脹のリスクが40％もある」「有効性が確認されていない」と非難の声を上げたと報じられました。 A “disgraceful decision:” Researchers blast FDA for approving Alzheimer’s drug | Ars Technica https://arstechnica.com/science/2021/06/a-disgraceful-decision-researchers-blast-fda-for-approving-alzheimers-drug/ 2021年6月8日、日本の医薬品大手・エーザイとアメリカ最古参の医薬品メーカー・Biogenが共同開発した「アデュカヌマブ(商品名：A
というか深夜アニメ自体がハルヒ以降みたいなところがある さすがに過言かな ハルヒの1年前の2005年だけ見ても ・シャナ1期 ・アクエリオン ・ARIA ・ぱにぽに ・苺ましまろ などの深夜アニメの夜明けと言える作品群が並んでる その前年の2004年にも ・マリみて ・なのは1期 ・舞-HiME ・サムライチャンプルー ・ファフナー といった、一発当ててやろうという力の入った深夜アニメ群が並ぶ ただ、2003年以前は本数もふくめて深夜アニメの規模自体がかなり小さかったことが伺える 2004年、2005年と続いた深夜アニメというコンテンツへの期待感の高まりに 本格的に火をつけ大爆発を起こしたのがハルヒなんじゃないかな
ウェブブラウザ「Firefox 93」の正式版が公開されました。AV1ビデオコーデックに基づくAVIF形式の画像をサポートすることでサイトの帯域幅の節約が可能になったほか、システムメモリの量が少ない時に使用していないタブを自動でアンロードすることでクラッシュを防止する仕組みが導入されています。 Firefox 93.0, See All New Features, Updates and Fixes https://www.mozilla.org/en-US/firefox/93.0/releasenotes/ ◆AVIF形式の画像をサポート ロイヤリティフリーのAV1ビデオコーデックに基づくAVIF形式のフォーマットに対応し、既存の画像形式と比較してサイトの帯域幅を大幅に節約可能になりました。 ◆クラッシュ防止のためにタブの自動アンロード機能が追加 利用できるシステムメモリの量が非常に少
Modern Web Development on the JAMstack: Modern Techniques for Ultra Fast Sites and Web Applications
Really pause and think about how much time and effort web teams around the world have spent building and managing infrastructure. For many years, launching a site or web application has been as much about deploying complex server environments as it’s been about building actual application code. The cloud made provision- ing all these resources faster but no less complicated. The JAMstack was born
はじめに コロナ禍が始まる前のブロッコリー株主総会のお話 2023年5月26日に行われた上場廃止前最後の第29期ブロッコリー株主総会について ラストを飾る第29期ブロッコリー株主総会、女性株主から怒涛のバクプリ質疑が続く 第22期（2015年3月～）に行った質疑応答（2016年5月27日開催） 第22期（2015年3月～）にあった主な出来事 Q1.くまプリなどのぬいぐるみグッズをブロッコリー主体で出す予定はないのか 現在までに発売されたくまプリの種類 現在までに発売されたぬいぐるみの種類 第23期（2016年3月～）に行った質疑応答（2017年5月24日開催） 第23期（2016年3月～）にあった主な出来事 Q1.近況報告や売上の事業報告書を見ると、うたプリに依存してる件について うたプリのMVとCGライブの歴史 Q2.あんスタやA3など、うたプリと競合する作品との差別化や強みはどこですか
<g> <g> <defs> <rect id="SVGID_1_" x="-468" y="-1360" width="1440" height="3027" /> </defs> <clippath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;" /> </clippath> </g> </g> <rect x="-468" y="-1360" class="st0" width="1440" height="3027" style="fill:rgb(0,0,0,0);stroke-width:3;stroke:rgb(0,0,0)" /> <path d="M13.4,12l5.8-5.8c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0L12,10.6L6.2
I have to admit: as I’ve watched Tailwind enthusiastically adopted by more and more of the frontend community, I’ve remained skeptical. But, having never used it, I decided to keep quiet until I had an informed opinion. Well, I’ve spent the past few months at work learning Tailwind with an open mind. I can now confidently say that I do, in fact, dislike Tailwind, and I wouldn’t use it for any new
Result ジオシティーズ時代のWebサイトの象徴のような存在だったmarqueeタグは現在は非推奨ですが、そもそも使い方の問題という印象ではあります。 そこでモダンなCSSでレスポンシブにも対応した上で再現しよう、というブログ記事が気になったので備忘録。 上記デモではmarqueeの再現ではありますが、マウスホバーで停止する事も可能です。 css .marquee { --gap: 1rem; display: flex; overflow: hidden; user-select: none; gap: var(--gap); } .marquee__content { flex-shrink: 0; display: flex; justify-content: space-around; min-width: 100%; gap: var(--gap); } @keyframes
conformはプログレッシブ・エンハンスメントを意識して作られたReactのformライブラリです。 RemixやNext.jsなどのフレームワークをサポートしています。react-hook-formのServer Actions対応は現状検証段階なのですが、conformはすでにServer Actionsにも対応しています。 本稿ではNext.js(App Router)におけるconformの使い方を中心に紹介します。 Server Actions もう散々他の記事や公式ドキュメントで紹介されていますが、簡単にServer Actionsについて復習します。 基本的な使い方 Server Actionsはクライアントサイドから呼び出すことができる、サーバー側で実行される関数です。 この機能の最も一般的なユースケースは、サーバー側のデータを変更する際に呼び出すことです。ReactはJ
スライダープラグインは何を使うべきか フロントエンドエンジニアのおとのです🙆♂️ Webサイトに以下のようなスライダーを埋め込む際、Web制作のコーダーやマークアップエンジニア、フロントエンドエンジニアは外部プラグインを利用して実装することが多いかと思われます。 jQueryが全盛期だった時には、Slickが多く利用されていた印象です。あらゆるオプションが用意されており、さまざまなカスタマイズが可能で、私もよく使ってきました。 また、IEのサポートが終了してからSwiperが利用されるようになった印象があります。こちらも複数のオプションがあり、比較的モダンなCSS（flex等）が組み込まれていることから、slickよりもカスタマイズが容易であるように思えます。jQueryに依存していないのも大きなメリットですね。 今までのスライダープラグインの問題 ただ、スライダープラグインは決して容
A simple CSS-only marquee effect for a menu based on Francesco Zagami’s Dribbble shot. Some time ago I encountered this great Dribbble shot by Francesco Zagami. It has a really nice marquee animation when hovering a menu item (you have to wait a couple of seconds to see the menu). I really love this effect and I have seen it in more designs recently. So I wanted to try and implement it using CSS o
React Hooks: Compound ComponentsFebruary 18th, 2019 — 5 min read A few weeks ago I did a DevTips with Kent livestream where I show you how to refactor the compound components pattern from a class component to a function component with React hooks: If you're unfamiliar with compound components, then you probably haven't watched my Advanced React Component Patterns course on egghead.io or on Fronten
1. はじめに DTMプログラミング言語探訪をまとめるにあたり、現代的なサンプラーソフトにどういう需要や要件があるのか説明した方がよさそうなので書いてみます。 2. 音楽における「サンプリング」 音楽が多様化して「サンプリング」という言葉も複数の意味や用途を持つようになりました。本項で簡単にまとめます。 引用 ミュージックコンクレートや昔のヒット曲のアレンジをほぼそのまま弾き直すような「引用」の文脈でもサンプリングという言葉が使われますが、これらは本稿の対象ではありません。 ワンショットサンプリング サンプリングと聞いて一番思い浮かべやすいのがワンショットサンプリングかもしれません。 フェアライトCMIやEmu Emulatorのような1980年代に登場した最初期のサンプリング機能をもつデジタル楽器も、オーケストラヒットなどローファイで不自然なワンショットサンプリングが代表的な音色となって
良い画像の説明を作成する方法 | Xヘルプ
<path opacity="0" d="M0 0h24v24H0z" /> <path d="M17.207 11.293l-7.5-7.5c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414L15.086 12l-6.793 6.793c-.39.39-.39 1.023 0 1.414.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg>" data-icon-arrow-left="<svg width="28px" height="28px" viewbox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://ww
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無限スクロール：利用すべきとき、避けるべきとき
【アクセシビリティ】アクセシビリティを意識したタブUIの作り方 - Qiita
帰ってくるHTML Ruby（rb/rtc）要素 - 水底の血
PC版Twitterのおすすめユーザー(TL上も)とか色々消す方法｜icmr
2021-01-07のJS: Wasmer 1.0、2021年のウェブ標準とブラウザ、xstyled
Chameleonic Header in CSS and JavaScript | CodyHouse
WAI-ARIA ロール - アクセシビリティ | MDN
The Cleanest Trick For Autogrowing Textareas | CSS-Tricks
2021-03-09のJS: Gatsby 3、Electron 12、ブラウザのライフサイクルの変化
外国人「コロナで自宅待機する人のために名作アニメリスト作ったぞ！」 : 海外の万国反応記＠海外の反応
Laravel のページャー（ページネーション）の表示とカスタマイズ｜プログラムメモ
Copy and Paste Accessible Code | Mike Mai
Facebook、ARメガネの研究プロジェクト「Project Aria」を発表--実地テストへ
2020-01-07のJS: Mocha v7.0.0、Next.js 9.1.7、ペースにあわせたTypeScriptへの移行
CLI tools you won't be able to live without 🔧
【TOP100】ピンク髪の可愛い女性キャラ一覧 ロング,ショート,ポニー,ツインテール全対象
認知機能障害から考えるUX設計【『ケーキの切れない非行少年たち』を読んで】
規制当局の承認を受けた「アルツハイマー治療薬」に研究者から非難の声、「脳腫脹のリスクが非常に高い」
というか深夜アニメ自体がハルヒ以降みたいなところがある ..
「Firefox 93」正式版リリース、AVIFをサポート＆タブの自動アンロード機能が追加されてメモリ使用量が低下
限界うたプリファンによる、上場廃止前最後のブロッコリー株主総会7年間レポート - 物欲懺悔室
Getting Started with the Twitter API
Tailwind is a Leaky Abstraction | jakelazaroff.com
非推奨のmarqueeタグのような動作をモダンなCSSで再現 | かちびと.net
Server Actions時代のformライブラリconform
Next.js(React)に最軽量＆高機能スライダープラグインSplideを導入してみる
CSS-Only Marquee Effect | Codrops
React Hooks: Compound Components
バーチャル楽器を支える技術 - DTMプログラミング言語探訪番外編 - Qiita