朗報！ CSSの:has()疑似クラスがすべてのブラウザにサポートされました、:has()疑似クラスの便利な使い方のまとめ
CSSの:has()疑似クラスは便利そうだけどブラウザのサポートがまだ、と見送っていた人に朗報です。12/19にリリースされたFirefox 121（リリース情報）でサポートされ、これで:has()疑似クラスがすべてのブラウザにサポートされました。 そんな:has()疑似クラスの便利な使い方を紹介します。 :has()疑似クラスのサポート状況 ※まだFirefox 121の分がアップデートされていないようです。 Chrome, Edgeは105から、Safariは15.4からサポートされているので、来年は:has()疑似クラスを使用する機会も増えるでしょう。 また、12/20にアップデートされたTailwind CSS v3.4（リリース情報）でも:has()疑似クラスがサポートされました。 :has()疑似クラスの基礎知識 CSSの:has()疑似クラスとは、指定した要素がある場合にのみ
便利で差がつく、ずるいWeb制作ツール・素材90選【2023年ベスト】
2023年も終わりに近づき、この1年間に収集したツールを振り返りながら、Web制作に役立つお気に入りを見つけてみましょう。 素晴らしい新ツールや素材がたくさんリリースされ、選定にはたっぷり時間がかかりましたが、カテゴリ別に幅広くセレクションできました。 本当に役立つかどうかだけを考え、「これ、神ツール。」と思えるものをピックアップ。 話題の的だったAIをうまく活用すれば、ワークフローを格段にスピードアップさせ、面倒な作業もストレスなくこなすことができます。 この記事では、そんなあなたの役に立つ2023年公開のWebデザイン制作ツールや素材をまとめてご紹介します。 整理したカテゴリは以下の通り。
相続税の早見表
監修者 山口 拓也（ 著者の記事一覧はこちら ）相続専門税理士 辻・本郷 税理士法人 シニアパートナー 相続税の相談実績は累計500件を超える。金融機関や各種メディアでの、お客様向けセミナー講師の実績も豊富。 Tweet Pocket 「自分には相続税がいくらかかるのか？」 相続税がどの程度かかるのか、簡単に知れたら理想的ですよね。 そんな想いにお答えして、どのサイトよりも緻密で、どのサイトよりもパッと一目で分かることを目指し、相続税の早見表をつくりました。 相続税額の概算を調べるのに、ぜひご活用ください。 また、厳密な相続税額を出すために必要な、様々な特例や税額軽減も合わせて紹介します。 厳密な相続税額を把握したい方は、合わせてご活用ください。 1.相続税早見表「相続税はいくらかかるのだろう？」という声にお応えして、相続税額の早見表を作成しました。 相続税がどの程度かかるのか知りたい方に
無印良品の新作アイテムで、外出時の不快感を解消できた！ | ROOMIE（ルーミー）
使用シーン 歯みがきに 早速、まずは歯みがきとして使ってみます。 口の中でタブレットを噛み砕き、あとは歯ブラシで通常通り磨くだけ。少し塩気を感じるレモンフレーバーが口いっぱいに立ち込めます。 泡立ちはそこまでありませんが、なめらかな舌触りのレモンシロップで歯を軽く磨いていると、いつもの歯みがきジェルを使っていると錯覚してしまうほど。 マウスウォッシュに 次にマウスウォッシュとして。 同じようにタブレットを噛み砕いたら、10秒間ブクブクと口の中に馴染ませます。あとは水ですすぐだけで、驚くほどの爽快感が訪れます。 歯がつるつるになる感覚も病みつきに。 ランチ後の会議前や外出時に、トイレでひっそりと活躍してくれます。 歯みがきができない外出先にも 手のひらサイズの小袋は、外出にもぴったり。 職場にお出かけ先に……口の中を瞬時に清涼感で包んでくれるタブレットを、いつでも手近に持っているという安心感
Microsoft Edgeのこれを変えるだけ！劇的に使いたくなる8つの設定【今日のワークハック】 | ライフハッカー・ジャパン
今日のワークハック：Microsoft Edgeの設定を変更して使いやすさを上げる1. デフォルトの検索エンジンを変更するBingは、誰にとってもベストな検索エンジンではありません（ベストだと思う人は誰かいますか？）。にもかかわらず、残念ながらEdgeでは、これがデフォルトのオプションになっています。これをGoogleやDuckDuckGoへ切り替えるには、以下の手順に従います。 Edgeを開き、右上にある「3点ドットのアイコン」をクリックする「設定」＞「プライバシー、検索、サービス」＞「アドレスバーと検索」の順に進む「アドレスバーで使用する検索エンジン」の横にある「ドロップダウンメニュー」をクリックして、検索エンジンを変更する「新しいタブでの検索、検索ボックスまたはアドレスバーを使用する」の横にあるドロップダウンメニューをクリックして、「アドレスバー」を選ぶ これで、新しいタブページの検
ドラム式洗濯機は便利！しかしここだけはよく確認してほしい...SHARP公式からの注意喚起「絶対はかって」
SHARP シャープ株式会社 @SHARP_JP シャープ株式会社の公式アカウントです。さまざまな家電から家電とは言い切れない製品まで、あるいは企業の活動、はたまたその他あれこれを発信中。お問い合わせ、とりわけDMにはお答えできないこともありますが、いただいたリプにはできるだけ反応します。 jp.sharp/socialmedia/tw…
【神】カインズの何でも干せる天才的な「幅が変えられる洗濯ハンガー」の素晴らしさを伝えたい / バスタオルもシーツも服もコレでイケる
» 【神】カインズの何でも干せる天才的な「幅が変えられる洗濯ハンガー」の素晴らしさを伝えたい / バスタオルもシーツも服もコレでイケる 特集 東急ハンズがCAINZ（カインズ）に買収され、「HANDS（ハンズ）」になってから約1年……。ハンズの店舗でカインズの商品も買えるようになった。これまでカインズが近くになかった人も手に取る機会が増えたのではなかろうか。 さて、CAINZオリジナルグッズでオススメは何かと言われたら……私は洗濯用品を激推ししたい。物干しにしてもハンガーにしてもラインナップが多く、かゆいところに手が届く商品が多いのだ。 今回紹介するのは「幅が変えられる取込みやすい7連インテリア 洗濯ハンガー」（2980円）である。これ、マジで何でも干せるんですのよ……！ ・洗濯が面倒い 3月に結婚してからというもの、洗濯物が増えて困っていた。人が増えたので量が増えるのはどうしようもないの
CSSの新しいプロパティ「field-sizing: content;」が便利！ フォームのサイズを入力された文字量に合わせて自動変更
今まではJavaScriptを使用しないとできなかったことが、たった1行のCSSで簡単に実装できるようになります。フォームのtextareaに文字を入力すると、その文字量に合わせてサイズを自動で変更するCSSの新しいプロパティを紹介します。 下記のように入力された文字量に合わせてサイズを自動で拡張してくれます。また、min-heightやmax-heightを同時に設定できるので、上限下限のサイズを設定することもできます。 CSSの新しいプロパティはfield-sizingです。field-sizingプロパティを使用すると、フォームコントロールのデフォルトのサイズを無効にし、フォームのサイズをコンテンツに依存させることができます。そのため、自動で拡張されるtextareaを実装するのが簡単になります。 参考: Feature: field-sizing CSS property CSSは
便利な小ネタ集（C#.NET編） - Qiita
はじめに ソフト作るときに地味にストレスなのが この程度の機能の実装に時間をかけたくない メモっていたけどどこに置いたか忘れた（探すのめんど） これらを解消したいので何度も使いそうなプログラム部品を記録しておきます。 C#.NET編です。 小さな部品たち それでは早速便利な部品たちを載せていきます。 ファイルアクセス関係 using System; using System.Collections.Generic; using System.IO; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows.Forms; using System.Xml; using System.Xml.Serialization; using System.Text.Json; usi
便利なコンビニ袋サイズ！皮革メーカーに眠るデッドストック革が、毎日使えるマルチバッグに変身したよ | ライフハッカー・ジャパン
皮革産地、兵庫県たつの市からお送りする、デッドストック革にスポットを当てるプロジェクト第3弾がmachi-yaに登場しました。 ハンドバッグ、トートバッグに次ぐ新たなアイテムは、ちょっとしたお買い物に便利な「本革マルチバッグ」。ここでは、開発ストーリーやデザインなど、アイテムのディテールをご紹介します。 皮革メーカーの元に残る革の在庫 Image: AikoShibataスキンからレザーへの加工を担うタンナーは、メーカーや問屋の要望に応えるべく、何度も調整を重ねて革を作り上げています。厚みや色味に至るまで、全て1からの調整となるため、完成までにたくさんのサンプルレザーが生み出されます。しかしそれらは世に出ることはありません。 他にも、動物として活動していた頃の傷やシワのあるレザーも、品質は問題ないながらも製品化には至らず省かれてしまいます。こうした革が積もり積もって、タンナーのもとには大量
【超便利】悲惨な「Ctrl+Cでコピペ」のうっかりミス、この裏技で解決するかも!? - 「知らなかった」「これはいい機能!」
【超便利】悲惨な「Ctrl+Cでコピペ」のうっかりミス、この裏技で解決するかも!? - 「知らなかった」「これはいい機能!」 パソコンの操作において、使う機会の多い”コピー＆ペースト”機能。少し面倒な定番機能を快適に使いこなすテクニックが、X上で注目を集めています。 役立つショートカットキーの知識を発信したのは、 Webディレクターのカワハラ(@kawara1012)さん。会話形式で語られた有益情報に、9月6日時点で6.3万件以上のいいねが寄せられています。 A「あ、すみません。今送ろうとしたテキストをCtrl+Cでコピペしてたのに別のテキストをCtrl+Cで上書きしてしまいました。もう一回探すのでお待ちください」 B「とりあえず『Windowsロゴ + V』押して！コピペした過去のテキストが25個まで保存される機能があるから！ピン止め固定も出来るから！」 (@kawara1012より引用
ペタッとくっつくコレで水まわりの悩みを解決！ キッチンでもお風呂でも活躍してくれるんです | ROOMIE（ルーミー）
想像以上の安定感！ 使い方は、シートの部分をつるつるした場所にピタッとくっつけるだけでOK。 さっそくティーポットや食器類を入れてみました。 正直、粘着式でも吸盤式でもないので安定感には期待していませんでしたが、想像以上にくっつく……！ 1食分で使う食器3枚程度であれば余裕をもって重さに耐えてくれました。 ちなみにそれ以上のものを入れる場合は、落下防止のためバスケットを置いて使用するといいそうです。 ペットボトルや空き瓶などを洗った後に乾かすのにもとっても便利。 他にも野菜や果物の水切りに使ったり、生ゴミ入れに使ったり、キッチンだけでもさまざまなシーンで使用することができますよ。 お風呂場でも使えるよ もちろん洗面台やお風呂場でも使用できます。 泡立てネットなど水切りしたいアイテムにぴったり。 お子さんのおもちゃを入れるのにもよさそうですね。 なんでこんなに安定するんだ？と商品を観察してみ
HDMIの向きを90度変えるL字型アダプター オスメス変換も
サンワサプライは8月22日、HDMIコネクターの向きを変えられるアダプター4モデルと、HDMIオス－メス変換アダプター「AD-HD30EN」を発売した。価格は1,870円で、AD-HD30ENのみ1,980円。 HDMIコネクターの向きを変えられるアダプター。ケーブルのコネクターに負担をかけず、狭い場所でも確実に接続できるようになる HDMIメスコネクターの向きを変えるためのL字型アダプター。向きは製品によって異り、「AD-HD26LU」が上向き、「AD-HD27LD」が下向き、「AD-HD28LYR」が右向き、「AD-HD29LYL」が左向きとなる。「AD-HD30EN」は、HDMIオスコネクターをメスコネクターに変換するストレートタイプ。 上向きのAD-HD26LU 下向きのAD-HD27LD 右向きのAD-HD28LYR 左向きのAD-HD29LYL HDMIオスコネクターをメスコネ
コンピュータの数の表現 - Qiita
という具合になっていて、最上位ビットの意味だけが符号なしとは異なる。加減は符号なしと同じ計算ですむ。便利。 符号なしよりも扱える値の上限が小さくなるけど、負になれるので便利。 32bit を 1bit(符号) + 15bit + 1bit(使わない) + 15bit に分けて。 15bit で扱える 0〜32767 のうち 0〜9999 を使って 1万進数 ということもあるかもしれない。 可変長整数 CPU が直接扱えない、大きな整数を扱うのが主な用途。 ruby の 整数や JavaScript の BigInt なんかが可変長整数となっている。 可変長にも符号なしがありえるけど、メリットが少ないのか、符号なしは見かけない気がする。 そう簡単にはオーバーフローしないのが便利。 逆に、計算ミスとか予期せぬ入力とかで思いがけない超巨大数になっても計算が続いてしまって DOS 攻撃みたいになる
CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数の定義が簡単にできる便利ツール -Fluid Type Scale Calculator
レスポンブ対応のフォントサイズをCSSで設定するには、CSSのclamp()関数が便利です。clamp()関数は最大値と最小値の2つの値の間をクランプし、レスポンシブ対応の流体フォントサイズを設定できます。 CSSのclamp()関数を使用し、スクリーンサイズに合わせて最適化される流体フォントサイズのCSSを簡単に生成できるツールを紹介します。 Fluid Type Scale Calculator Fluid Type Scale Calculator -GitHub Fluid Type Scale Calculatorの特徴 Fluid Type Scale Calculatorの使い方 Fluid Type Scale Calculatorの特徴 Fluid Type Scale Calculatorはclamp()関数を使用した流体フォントサイズのCSSを生成できるツールです。
フロントエンドエンジニアにおすすめchrome拡張機能 - Qiita
はじめに こんにちは、都内でソフトウェアエンジニアをしているYSasagoです。 私はフロントエンドの開発時に、Chromeのブラウザを使うことが多いです。 Chrome には開発を便利にするchrome 拡張機能がたくさんあります。 普段、フロントエンド開発時に私が使っている拡張機能を紹介したいと思います。 UI Build Assistant アイコンは IT 大学と面白いですが、こちらの拡張機能を使えば、ワンクリックで背景と線に色付けをしてくれて、レイアウトが見やすくなります。こちらの拡張機能を使うとマージンの調整等が簡単にできるようになりとても便利です。 また、作成者のしまぶーさんの Youtube 動画は、フロントエンド学習にとても有益なのでよく拝見させていただいてます。 OFF ON Responsive Viewer 次に紹介するのは、Responsive Viewer です
充電の悩みが解消！長さ20cmの電源タップが「すごく短い」から便利だった【これ買ってよかった】 | ライフハッカー・ジャパン
充電まわりの悩みはつきません。半年ほど前から出先でのPCなどの充電にはAnkerの735 Chargerを使っており、USBのポート数が足りなくて困ることはなくなりました。 でも、これで問題がすべて解決したわけではなく、コンセントに充電タップが付けづらかったり、付けられても邪魔だったりと、細々とした困りごとが日々発生します。 そんな充電関連の地味な悩みに答えてくれたアイテムが、長さ20cmで2個口のコンパクトな電源タップ、サンワサプライの電源タップ「TAP-M602W」です。 【サンワサプライの電源タップ「TAP-M602W」はこんな人におすすめ！】 ノートPCを持ち運んでさまざまな場所で働くことが多い電源タップは持ち運びやすく、使用時も邪魔にならないコンパクトなサイズとデザインがいいノートPC以外にもイヤホンやスマートウォッチなど複数のガジェットを充電したい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ゼロから始めるPC自作スタートガイド ～ CPUとCPUクーラーを取り付ける ～
配信者もクリエイターも必携の「Stream Deck」ってどんなデバイス？Elgatoの超便利な周辺機器を多数紹介！ [Sponsored]![配信者もクリエイターも必携の「Stream Deck」ってどんなデバイス？Elgatoの超便利な周辺機器を多数紹介！ [Sponsored]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c5367037d95e0e82cdb4554ed709ac78bdcee355/height=288;version=1;width=512/https%3A%2F%2Fpc.watch.impress.co.jp%2Fimg%2Fpcw%2Flist%2F1400%2F177%2F00.jpg)
JavaScriptでconsole.logを使用してませんか？
