最近のデバイス・モダンブラウザの仕様に対応した、モダンCSSリセットを紹介します。スタイル宣言はたったの9個ですが、個々のCSSについて詳しく解説されているので、記事はけっこう長いです。 なぜそうしたのか、なぜそれを使用しないのか、最近の実装にあわせたCSSの役立つテクニックもたくさん解説されています。 My Custom CSS Reset by Josh W. Comeau 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 他のいろいろなCSSリセットについては、下記をご覧ください。 モダンブラウザに適したCSSリセットのまとめ はじめに CSSリセット 1. ボックスサイズのモデル 2. デフォルトのマージンを削除 3. 高さは%ベースを使用 4. アクセシブルなline-heightを追加 5. テキストのレンダリングを改

※本記事には映画『メッセージ』のネタバレが含まれます。 まずは簡単に『メッセージ』のあらすじを復習しておこう。 突如地球の各地に来訪した楕円状の黒い宇宙船。地球外生命体の訪問と人類は気づき、彼らとの意思疎通を図るため、世界的言語学者のルイーズ・バンクス（エイミー・アダムス）が派遣された。始めは、地球外生命体「ヘプタポッド」が扱う異質な言語の難解さに気が滅入っていたルイーズだったが、学ぶにつれて言語が内包していたヘプタポッドの世界認識を理解していく。人間は「原因が結果を生み出す」というように因果論的に世界を認識しているが、ヘプタポッドの認識は過去・現在・未来を同一視する、いわゆる同時的認識様式に基づいていた。同時的認識様式を獲得したルイーズは、自分の娘の死が未来に待ち構えていることを知りながらも、後の夫となる物理学者のイアン・ドネリー（ジェレミー・レナー）と共に過ごしていくことを選択する。い

Webサイトやアプリをレスポンシブ化するためにメディアクエリに頼っているのであれば、CSSの機能を見直して、昔ながらのブレークポイントを新しい流動的なアプローチで実装ができないか検討する時期かもしれません。 CSSの実装はデバイスベースからコンテンツベースに移行しているのが現状です。grid, flexbox, vh, vw, calc, clamp, min, maxなど、CSSの機能を使用してレスポンシブ対応にするテクニックを紹介します。 You Probably Don't Need Media Queries Anymore by Kathryn Grayson Nanz 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 大局的なgridとflexbox 活躍するCSSのプロパティ 完全に機能するCSSの数学関数

75. Rose City Band - Earth Trip 74. Rosali - No Medium 73. Sleater-Kinney - Path of Wellness 72. Marianne Faithfull With Warren Ellis - She Walks In Beauty 71. Buffalo Nichols - Buffalo Nichols 70. black midi - Cavalcade 69. Dave - We're All Alone In This Together 68. Cathal Coughlan - Song of Co-Aklan 67. Lucy Dacus - Home Video 66. Sarah Davachi - Antiphonals 65. Moor Mother - Black Encyclopedia

ﾑｽﾒ@ﾐｯﾔﾋﾞ妲己 @garys_daughter 見てみたら概ね合ってるし、こうだろうなという予測の部分も参考になる。 洋書を扱う書店のデザイン、芸術棚を探すと、こういう解説だけ仕様機材も含めて図解した海外フォトグラファー専門書がたくさんある＼( 'ω')／ 日本の写真館セオリーとアプローチが全く異なるライティングが多くて勉強になるのっ twitter.com/cm12151054/sta…

teenage engineering「computer-1」 teenage engineeringから驚きのプロダクトが登場しました。新製品「computer-1」は、Mini-ITX規格に準拠したPC用のケース。pocket operator modularと同じようにアルミニウムを折り曲げて組み立て式のPCケースで、表面は鮮やかなピュア・オレンジ（RAL2004）色でパウダー・コーディング（粉体塗装）が施されています（上部のハンドルはクロム・メッキ仕上げ）。 pocket operator modularと同じような組み立て式を採用 teenage engineeringによれば、「computer-1」のデザイン・プロジェクトは数年前にスタートし、自分たちが求める“シンプルで飾り気のないPC”が市場に存在しないことが開発の動機になっているとのこと。最初、6mm厚の高密度ボードと木

NFTの現況については目に余るものがあるので、しぶしぶながら書きます。 私は仮想通貨、ブロックチェーン周りは2013年からやっており、日本でも有数の専門家と自負しております。同時にアートコレクターとしても、12年以上にわたり500点以上の作品を集めており素人ではありません。 ブロックチェーンとアート、この２つをちゃんと理解している人は日本には数少ないと思います[注2]。その立場からのしぶしぶながらの発信ということをご理解ください。 ３つの点をお話しようとおもいます。 まず、現状のNFTはアートとして成立していない点。次に、NFTが単なるパチンコ台である点、最後にアート関係者が詐欺に巻き込まれようとしている点について話します。 注）文中、詐欺・詐欺師という言葉を使っていますがが、かならずしも刑法上の詐欺行為のことではなく、モラルに欠け、悪意をもって金儲けを企む反社会的な行為という意味で使って

音楽家。青森生まれ。 1976年「JAPANESE GIRL」でソロデビュー。 以来、YMOとの共演など活動は多岐に渡る。 糸井重里との共作楽曲も多い。 宇宙飛行士の野口聡一氏との対談による書籍 『宇宙に行くことは地球を知ること』が 光文社新書から発売中。 最新アルバムは2021年８月に発売された 『音楽はおくりもの』。 オフィシャルサイト https://www.akikoyano.com/ 矢野 靴、かわいいね。 大貫 これ？ テレビの通販で買ったのよ。 矢野 テレビ？　ター坊もそんなことするの？ 大貫 たまぁに。 矢野 この前、私は 足を置いてユラユラするだけで 痩せるみたいな機械をテレビで見て‥‥。 大貫 ある、ある。 矢野 「いまから30分以内に電話すれば半額です！」 と言われて 「電話するしかない」と思ったけど、 そういえばこの前もそんなことを言われたな、 と気づいて思いとどま

概要 IPS ディスプレイにおける「焼き付き」の例。グレー単色の画像を表示しているが，直前まで表示していた文字が残存している 液晶パネルや有機 EL (OLED) パネルにおいても，ブラウン管の焼き付きに類似した表示残存が発生することがあり，一般にこれらも「焼き付き Burn-in」と総称されます [ref]以下この意味ではカギ括弧付きで言及します。[/ref] [ref]What can I do to prevent image retention or burn-in | Pioneer Support FAQ 19/12/20[/ref] [ref]Dell LCD TVでの画像の焼き付き、残像、ゴーストの防止または消去 | Dell 日本 19/12/20[/ref]。他に残像，ゴースト ghosting，retention，persistence などとも言及されます [ref

はじめに 以下のツイートが500いいねを超えましたので解説記事を書きます。 デモ＆ソースコード CodePen に完成品のデモとソースコードを置いてあります。 グリッチとは 元々は「一過性の障害」という意味ですが、映像の世界ではしばしば「映像の乱れ」という意味で用いられます。ホラーやサイバーなどでよく見られる演出の一つ。 https://www.google.com/search?q=glitch&tbm=isch RGB ずらしとは 色収差、RGB シフト、RGB split (RGB 分割) など、さまざまな言い方がありますが、要するに本来光の三原色である Red、Green、Blue がズレることなく重なって映像を映し出すところ、それがズレた状態で表示されることです。 グリッチエフェクトと一緒に用いたり、場合によっては色ズレも含めてグリッチと言ったりしますので、今回も合わせて実装する

Webページやスマホアプリなど、UIデザインで使用されるシャドウをより美しく実装するテクニックを紹介します。 シャドウをぼんやりとしたグレーにするだけでなく、美しく最適化して実装します。また、シャドウのサイズで要素に標高差をつけ目立たせたり、彩度と明度の関係など、UIデザインに効果的なテクニックも詳しく解説されています。 CSSでシャドウを実装する前に、一読をお勧めします。 Designing Beautiful Shadows in CSS by Josh W. Comeau 下記は各ポイントを意訳したものです。 デモは元記事ではインタラクティブですが、当記事では画像にしています。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに シャドウをなぜ使用するのか 一貫性のある環境の構築 美しいシャドウの実装方法1: レイヤー化 美しいシャドウの実装方法2: 色

平沼芳彩 NPO法人「みんなのお箸プロジェクト」理事長。箸文化研究家・礼法講師・箸育プロデューサー。箸文化や箸遣いに関するセミナー、my箸作りを行うワークショップを多数開催。

こんにちは、東京で中華を食べる人です。(@iam_asheng) 池袋の北口に3つめとなる中華フードコートが爆誕しました！1つめは中華物産店、友誼商店の4階に去年オープンした友誼食府、2つめはその友誼食府のビルの2階に今年の6月にオープンした食府書院。友誼商店系のフードコートは、池袋以外にも大阪や、福岡、千葉の松戸にも展開しており、中華フードコート界の雄になっています。 今回新しくオープンした沸騰小吃城は、同じく池袋の四川火鍋の沸騰三国や、福建料理の福清菜館を運営する別企業によるもの。今年2月にオープンした沸騰三国を皮切りに、当初の計画では5月頃にこのフードコートもオープンする予定だったみたいけれど、コロナや諸々の影響でこの時期までずれ込んでしまったよう。というわけで仕事を早々に切り上げ、早速行ってきたのでレポします。 ちなみに現在はプレオープン中。緊急事態宣言が明けてお酒が飲めるようにな

こんにちは、高円寺メタルめしのヤスナリオです。 今回ご紹介するのは、まかないカレー「冷やしサバみそ缶カレー」です。 必要なものは、冷蔵庫で冷やしておいたサバみそ煮缶と水、あとはカレー粉に大葉（青じそ）やラー油などのトッピング。カレーといっても、お湯を沸かすこともなく、電子レンジの出番もなしで作れるので、サッと作って食べたいまかないメシに大活躍してくれます。 ヤスナリオの「冷やしサバみそ煮缶カレー」 材料：1人分 サバみそ煮缶（冷やしておく）　1缶（190g程度） カレー粉　小さじ2 水（冷やしておく）　100ml 温かいご飯　200g 大葉（せん切り）、ラー油、粗びき黒こしょう、一味唐辛子（粗びきタイプがおすすめ）　適量 作り方 1. ボウルにサバみそ煮缶を汁ごと、カレー粉、水を入れて、 サバの身を軽くほぐしながらよく混ぜる。 2. 器にご飯を盛り、1をかける。大葉を添え、ラー油、粗びき黒

追記：＊この記事は9月3日に更新されたものです。その後価格は変動して、9月7日現在、最高額としては4ETH（160万円）相当で二次流通しました。（入ってくるのはその額ではなくここからのコミッションです。） 8歳の息子 が描いたNFT作品が海外のコレクターに買われた。一枚20ドルくらいで出した21点が完売し、一部の作品は2次流通し、最高額では実に45万円相当で落札された。現在、一作品最高2700万円相当で売りに出ているのが現状である。（驚愕） ⭐️息子Zombie Zoo KeeperのNFTはこちら⭐️ なんでも市場になるNFT 昨今、世界中が夢中になっているNFT、テクノロジーについて造詣がある方なら、最近よく耳にするだろう。 要は、簡単に説明すると、デジタルアートの唯一性をブロックチェーン技術で証明することによって、絵、VR映像、ツイートなどさまざまなデータに価値と市場が生まれたという

Webページの背景に動画を埋め込む時のメモ 今回はWebページの背景に動画を埋め込む時に必要なテクニックをまとめてメモ。 TOPページのファーストビューに背景動画を設置したサイトをよく見かけますが、実際に実装することになると下記のような点で悩むことがあります。 埋め込み方法（<video>タグ、YouTubeやVimeoなどの外部サイトをiframeで埋め込み） 動画の容量による負荷の問題（サーバー負荷、ロード時間） 動画上のコントロールバーやタイトルなど不要な情報の表示 ループ再生 自動再生 ミュート再生 こういった点について、動画の埋め込み方法を紹介した上でメリット・デメリットを比較してまとめてみました。 動画の埋め込み方法の比較 この記事で紹介する背景動画の埋め込み方法は下記の4つです。 直接サーバー上のファイルを読み込む（videoタグ） Googleドライブのファイルを読み込む（

たまに、ＴＶ局から電話がかかってくる。 番組制作AD「もしもし、あのぅ、シマウマの模様なんですけどね」 筆者「はい」 番組制作AD「あれは、縞模様があると空気の流れがおきて体を冷やすのに役立っている、と言う説があるそうなんですが、本当でしょうか？」 筆者「はぁっ？」 番組制作AD「え～、陽が当たると黒い部分だけ温度が上昇し、白い部分とのあいだに温度差が生じるので対流がおき、体を冷やす、と言う話なんですが」 筆者「う～～ん。。。。あなた、縞模様の服、持ってますよね。」 番組制作AD「はい」 筆者「それ、着ていると涼しいですか？」 番組制作AD「えっ？」 筆者「だって、シマウマが涼しいのなら、人間だって涼しいはずでしょ？どうです？」 番組制作AD「あ～～、、、、そうですねぇ。特にそんなことはないかと、、、」 筆者「でしょ、ありえませんよ、そんな説。」 番組制作AD「はぁ。」 筆者「ご用件は、そ

CREATIONWebsite designCreate your site with intuitive design features. Website templatesChoose from 900+ website templates. AI website builderCreate your site in no time with AI. BUSINESSeCommerceRun & grow your eCommerce website. SchedulingManage appointments, staff & clients. RestaurantManage your menus, orders, and reservations. BlogShare ideas & grow your traffic. PortfolioShowcase your work w

連載記事一覧 【最終回】 迷ったらここから　ネットワークの「技術」と「製品」の総まとめ これまでの連載で取り上げたポイントを総ざらい。各レイヤー別に技術と代表的な製品について、もう1度復習しておきましょう。 【第9回】 「負荷分散装置」はどこでどのようにネットワークの負荷を分散しているのか ネットワークと関連機器に関する「今更聞けない」基礎知識をこっそりおさらいしようというこの連載。今回はレイヤー4からレイヤー7の機器「負荷分散装置」と「ADC」について解説します。 【第8回】 Webを支える技術「HTTP」のエッセンス ネットワークと関連機器に関する「今更聞けない」基礎知識をこっそりおさらいしようというこの連載。今回はレイヤー5からレイヤー7における代表的なプロトコルである「HTTP」について解説します。 【第7回】 レイヤー4の代表的製品「ファイアウォール」基礎の基礎 ネットワークと関