これは、めちゃくちゃでかくて重い机を買った人間の出会いと別れの物語である
めちゃくちゃデカくて重い机を買っただけなのに | オモコロ
これは、めちゃくちゃでかくて重い机を買った人間の出会いと別れの物語である
モダンCSSでテーブルをゼブラストライプしたり、テーブルの四隅を角丸にしたり（昔はかなり面倒でした）、列や行を分割したり、ホバーでハイライトやアウトラインを表示したりなど、表のデータを読みやすくするテーブル（<table>）のさまざまなスタイルを紹介します。 A Guide to Styling Tables by Mads Stoumann 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに テーブルを構成するHTMLの要素 テーブルをゼブラストライブにするCSS テーブルを角丸にするCSS テーブルの列を分割するCSS テーブルの行を分割するCSS ホバー・フォーカスでハイライトするCSS ホバーでアウトラインを表示するCSS データを左右・中央に揃えるCSS 終わりに はじめに 私は最近、小さな矛盾に気がつきました。
はじめに 概要 Apache Iceberg(アイスバーグ)とは [重要] Icebergの本質はTable Specである Table Spec バージョン Icebergハンズオン Icebergの特徴 同時書き込み時の整合性担保 読み取り一貫性、Time Travelクエリ、Rollback Schema Evolution Hidden Partitioning Hidden Partitioningの種類 時間 truncate[W] bucket[N] Partition Evolution Sort Order Evolution クエリ性能の最適化 ユースケース Icebergのアーキテクチャ Iceberg Catalog Iceberg Catalogの選択肢 metadata layer metadata files manifest lists manifest f
【HTML】dl, dt, ddで組みたくなる表、tableにするのがいいかもね（スクリーンリーダーと検索エンジンのために）
dl や ul で組むべきでないという主張ではありませんので誤解のなきよう！ dl で書くんだ！と思える人はそれがいいと思います😉👍 私自身は dl と table が HTML の使い方としてはどちらも正解で差がないように感じられて、どちらを使うべきか判断がつかず悩んだ末、具体的なメリットの部分を見て table にしたという話です。 同じように迷った人の参考になれば幸いです。 詳しくは以降で説明します。 想定する表の内容 この記事の議論では、名前と値の組が複数並んでいる、メタデータの表を想定します。 プログラミング言語でいうところの、連想配列 (Map, Dictionary, JS では Object) の構造に相当します。 具体的には以下のようなものです。 会社概要（「会社名：〇〇、所在地：〇〇、資本金：〇〇、…」） 商品の仕様表（「商品名：〇〇、価格：〇〇、サイズ：〇〇、…」
Designing tables
I plan to continue to design, code, and write about UI components and patterns for enterprise SaaS. I aim to create a product that allows software designers and engineers to plug into a comprehensive set of UI components to build amazing interfaces. Stay tuned! If you’re interested, sign up to stay informed on my progress.
3点リーダーとは 3点リーダー（省略記号）とは、テキストが長くてボックスの領域を超えてしまう場合に「...」でテキストを省略表示する手法です。 3点リーダーを実装するために必要な4つの設定 1、ボックスのwidthの指定 テキストが表示される領域の幅を指定します。 2、white-space: nowrap; テキストの改行を禁止し、1行で表示します。 3、overflow: hidden; テキストが表示される領域の幅を超えた場合、その超えた部分を隠します。 4、text-overflow: ellipsis; 非表示の溢れた部分を3点リーダー（...）で表示します。 See the Pen Untitled by kidorina (@kidorina) on CodePen. 簡単に長いテキストを省略することができます。 Table内での3点リーダーの挙動 Table内で3点リーダー
ReactでTanstack Tableを使ってページネーション、ソート、フィルタリングを試してみましたので紹介します。StackBlitzでブラウザで動かせるサンプル付き。 Reactでテーブル表示をする際に、いろいろ考えないといけないことが多いです。 ページネーション（Pagination）したいとか、ソート（Sorting）したいとか、フィルタリング（Filtering）したいとか…、いろいろあります。 これら全部を自前で実装するのは大変ですが、Tanstack Tableを使うと簡単に実装できるそうです。 ドキュメント見てTanstack Tableすごそうだなーと思うものの、機能が多すぎてどんなことできるのかいまいちピンときてないんですよね。 なんで、Tanstack Tableをざっと使ってみて具体的にどんなことができるのかを見てみたいと思います。 このブログでは、最終的にこん
Qanbaからアケコン内蔵デスクが登場。接続先のスイッチャーや連射機能も搭載し，今ならセール価格で698ドルから 編集部：早苗月 ハンバーグ食べ男 2024年1月8日，アーケードスティックなどのゲーム周辺機器を開発・販売するQanbaは，新製品「QANBA 2009 Arcade」を発表した。 1P型である「2009-1P-PC-GV」の価格は899ドル，2P型である「2009-2P-PC-GV」の価格は999ドル。いずれも，201ドル引きで購入できるセールを実施中だ。日本への送料は，10〜20日を要する通常輸送だと151ドル，30〜60日を要する船便だと無料とのこと。 2009-1P-PC-GV 2009-2P-PC-GV QANBA 2009 Arcade Machine was officially released Available to order for worldwide
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モダンCSSで実装する、テーブル（<table>）のさまざまなスタイルのまとめ
Apache Iceberg とは何か - 流沙河鎮
Table内の3点リーダーってどういう仕組み？max-width: 0ってﾄﾞﾕｺﾄ？ - Qiita
ReactでTanstack Table使っていろいろテーブルを操作してみる | DevelopersIO
Qanbaからアケコン内蔵デスクが登場。接続先のスイッチャーや連射機能も搭載し，今ならセール価格で698ドルから