CSSには大きく変わるタイミングが何度かありました。レスポンシブ対応、メディアクエリ、Flexbox、CSS Gridなどはその大きく変わったタイミングでしょう。 そして、2024年もこれらと同様に大きく変わりそうです。CSSのネスト、:has()疑似クラス、subgrid、コンテナクエリ、ビューポート単位などの新機能がすべてのブラウザにサポートされました。 2024年のCSSの書き方として、より保守しやすいCSS、ワークフロー、ツールについて紹介します。 How I'm Writing CSS in 2024 by Lee Robinson 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに デザインの制約 2024年のCSS お勧めのCSSツール 終わりに はじめに 2024年のCSSは、素晴らしいの一言に尽きます。

Feeds served 281,378 We offer feeds for thousands of popular websites across the internet, and we won't stop until every corner of the internet has one. The more feeds we have, the closer we all get to ditching the intrusive, ad-invested algorithmic feeds that harm and manipulate us. So we can follow internet content on our own terms, in feeds that only we control.

先日、静的サイトに特化した全文検索ライブラリとして「Pagefind」というソフトウェアがあることを、下記の記事が話題になったことで知りました。 参考：静的サイトに特化した検索ライブラリ Pagefind を試す | grip on minds 実は、いまお読みのPublickeyはまさに、Movable TypeというCMSを用いて生成された静的なWebサイトです。現在、PublickeyではGoogleが提供している「Googleカスタム検索エンジン」を全文検索エンジンとして採用しています（右上の虫眼鏡アイコンから呼び出せます）。 しかしPublickeyでは以前からGoogleに依存しない、自前の全文検索エンジンを持てないかと模索しており、まさにPagefindは私が探し求めていたソフトウェアだったと言えます。 そこでさっそくPagefindがPublickeyに導入できるかどうか、

2023年の後半に、CSSの多くの新機能がすべてのブラウザにサポートされました。新機能が登場するときもワクワクしますが、やはりすべてのブラウザにサポートされてからが本番です。 2024年の実装に役立つCSSの新機能とその使い方を紹介します。セレクタを条件式のように記述できる:has()、複数のカード内でテキストを揃えられるsubgrid、CSS内でネストを使用できるCSSネスト、レスポンシブ対応のコンポーネントに役立つコンテナクエリ単位など、次のプロジェクトに役立つCSSがたくさんあります。 5 CSS snippets every front-end developer should know in 2024 by Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。

【読売新聞】　自民党派閥「清和政策研究会」（安倍派）の政治資金パーティーを巡る事件で、東京地検特捜部は、パーティー収入の一部を政治資金収支報告書に記載しなかったとする政治資金規正法違反容疑で告発された安倍派幹部７人を不起訴とする方針

2023年もCSSの進化がすごかったですね！ その進化を2024年でも生かしていけるように、今回まとめておいていつでも参照できるように記事を書こうと思いました。 お読みいただけると幸いです。 一緒に2024年もスタートダッシュで走り抜けましょう。 まず、はじめに この記事では、最近登場した、エキサイティングで、アクロバティックでファンタジックなインパクトのある機能をピックアップして紹介したいと思います。 CSSの多彩な新機能を広く紹介することで、読者がこれらに触れる機会を持てるように努めています。 特に興味を引く機能があれば、他の媒体を通じて更に詳しく掘り下げることをお勧めします。 コンテナクエリ スタイルクエリ :has()セレクタ :nth-child()の「of S」構文 text-wrap: balance initial-letter ダイナミックビューポート単位 広色域のカラー

自民党派閥の政治資金パーティーを巡る事件で、パーティー券収入のノルマ超過分を派閥の政治資金収支報告書に記載しなかったとして、政治資金規正法違反（不記載、虚偽記載）容疑で刑事告発された最大派閥の清和政策研究会（安倍派）の歴代事務総長ら幹部議員について、東京地検特捜部が立件を断念する方向で調整していることが関係者への取材で判明した。会計責任者との共謀の立証が困難との見方を強めている模様だ。 一方、安倍派と志帥会（二階派）の会計責任者については、同法違反で在宅起訴する方向で詰めの捜査をしているとみられ、来週にも告発された議員らと併せて刑事処分を判断する。

","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

フランスのマクロン大統領は、辞任したボルヌ首相の後任に、国民教育相を務めてきたガブリエル・アタル氏を任命しました。アタル氏は34歳で、歴代最年少の首相となり、支持率の低迷が続く政権をどこまで刷新できるか注目されます。 フランスのマクロン大統領は、9日、内閣総辞職に伴い8日辞任したボルヌ首相の後任に、これまで国民教育相を務めてきたガブリエル・アタル氏を任命しました。 アタル氏は、1989年生まれの34歳。 マクロン大統領が率いる中道政党から28歳で国会議員に当選し、政府報道官などを経て、去年（2023）国民教育相に抜てきされ「マクロン派の希望の星」として注目されてきました。 現在のフランス第5共和制の首相として最年少で、地元メディアは、同性愛者であることを公表している初めての首相だとも伝えています。 アタル新首相は9日の演説で、「この任命は、若者への信頼の象徴だ」と述べ今後、早急に組閣作業に

はじめに 明けましておめでとうございます。 (一週間遅れ) この記事はJavaScriptの組み込みAPI Intl の紹介と解説です。 Intl とは？ MDN から引用すると Intl オブジェクトは、 ECMAScript の国際化 API の名前空間で、言語に依存した文字列の比較、数値の書式化と、日付の書式化を提供します。 Intl オブジェクトは、いくつかのコンストラクターに加え、国際化コンストラクターや他の言語に関する関数に共通する機能へのアクセスを提供します 用はi18nの書式版です。 例を出すより見たほうが早いので実際に機能解説します。 (先に言っておきますが、実はこれバックエンド無しで自然言語処理が出来る優れものです。) 用語解説 localesって何？そもそもnewって何？って人がいるかもしれないので locales https://developer.mozilla.

北陸電力は、1日に震度7の揺れを観測した石川県志賀町にある志賀原子力発電所の敷地内に設置された水位計で、およそ3メートルの水位の上昇が観測されていたと発表しました。 志賀原発では、地震の影響で外部から電気を受ける系統が一部使えない状況が続いていて、北陸電力は復旧を急ぎたいとしています。 1日午後4時10分ごろの地震のあと、気象庁は一時、志賀原発がある石川県能登地方に大津波警報を発表し、その後、各地で津波が観測されました。 北陸電力は2日夜、原発内の機器の冷却に使う海水を取り込む取水口付近に設置した水位計を詳しく確認したところ、1日午後5時45分から午後6時までの間におよそ3メートルの水位の上昇を観測していたことがわかったと発表しました。 北陸電力は、2日の午前中に開いた記者会見では、水位計を監視していたものの、有意な変動は確認されなかったと説明していました。 また、敷地内の状況を改めて確認

ABJマークは、この電子書店・電子書籍配信サービスが、著作権者からコンテンツ使用許諾を得た正規版配信サービスであることを示す登録商標 (登録番号 第6091713号) です。 ABJマークについて、詳しくはこちらを御覧ください。https://aebs.or.jp/

段林大地｜陸上を仕事にする @dangomu444 被保険者人数を検索できるの初めて知った！ 帝国データバンクは小さい会社の情報って何も収集できないけど こっちは情報は限定的だけど、どんな会社でも分かるね うちの会社は15人ってなってた twitter.com/fuenaikonbu/st… 2024-01-02 14:57:51 白いるか @mikimiki_ges02 これ知りたかったー！ （中途採用面接で社保あるの確認して入ったら、同期は社保あるけどそれ以前入社の人たちは社保なくて、年末調整もしてくれない会社だったことありまーす） （しかも入社して1年で社保無くされそうになった） twitter.com/fuenaikonbu/st… 2024-01-02 16:24:58

元日に石川県能登地方で最大震度7を観測した地震。被災地では大規模火災や津波の被害が徐々に明らかになってきています。珠洲市周辺ではおよそ３年にわたって活発な地震活動が続いていて、珠洲市では2023年5月にも…

広告ブロッカーの除外設定に、ドメイン「smhn.info」を追加するようお願いいたします。 お願いするに至った背景と、解除方法について解説します。 広告ブロッカーの浸透は「現状、やむを得ない部分がある」 すまほん!!は、主に広告掲載収入によって日々の取材、レビュー、記事更新を行っています。 最近、アプリストアのランキング上位に広告ブロッカー（Adblock）が表示される例が見られ、浸透している様子がうかがえます。弊誌の広告収入も減少しています。 確かに、最近では日本の各種大手媒体が「画面を埋め尽くすほど異常に大量の広告を表示する」「記事タイトルのリンクをクリックしても、記事ではなく利用者の意図しない全画面広告を表示する」「バックキーの操作を乗っ取って広告を表示して戻るのを妨害する」などの極めて悪質な手法を取るようになっています。 Google、広告業者、大手メディアの著しい劣化であり、この

政治家の資金「二重取り」のズルさ　税金315億円、さらに禁止されたはずの資金源も　それでも満足できず裏金か 自民党派閥の政治資金パーティーを巡る裏金事件で、企業・団体献金の規制が改めて問われている。政党には、企業や業界との癒着を防ぐために導入された「政党助成金」が支給されている上、政治家が代表を務める政党支部が「抜け穴」となって禁止されたはずの企業・団体献金も流れる。言わば「二重取り」状態が続いてきたところへ今回発覚した裏金事件。政治家のブラックボックスには、いったいいくらのカネが吸い込まれているのか。（浜崎陽介）

理化学研究所などの研究チームは23日、新型コロナウイルスに感染後、目立った心疾患を発症しなくても心臓が持続的にウイルスに感染し、心不全のリスクが高まる可能性があるとの研究成果を発表した。近い将来、心不全の患者が急増する可能性を指摘し、対策の必要性を訴えている。 新型コロナの感染は、ウイルス表面にある突起状の「スパイクたんぱく質」がヒトの細胞表面の受容体「ACE2」に結合することで起こる。チームによると、心臓は他の臓器と比べてACE2を発現しやすい。また、新型コロナに感染した人の一部は心機能が低下することが報告されているが、詳しいメカニズ…

","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"