The times for CSS have probably never been more exciting than today. In this quick read, we’ve got some useful CSS tips and techniques for you that you can apply to your work right away. Let’s dive deeper into self-modifying CSS variables, hanging punctuation, and more. If you’ve been in the web development game for longer, you might recall the days when CSS was utterly confusing and you had to co

7th April 2024A long time ago, I wrote a reasonably popular bit of open source code called REVENGE.CSS (the caps are intentional). You should know upfront, this hasn’t been maintained for years and if I ever did get round to maintaining it, it would only be to add the “No Maintenance Intended” badge. Alas, that would technically count as maintenance. Anyway, I was recently reminded of its existenc

JavaScriptで頭の体操をしよう！『JS体操』 『JS体操』とは、面白法人カヤックが主催するJavaScriptのコードゴルフです！JavaScriptの問題をゲーム感覚で解きながら言語仕様の理解とプログラミング能力を深める、まさに頭の体操です。 出題される問題は、JavaScriptの言語仕様を駆使するものから数学や様々なアルゴリズムを使う問題まで様々。 上級者の方からJavaScriptを使い始めたという方まで、たくさんの挑戦お待ちしています！ ※コードゴルフとは、与えられたアルゴリズムを可能な限り短いソースコードで記述することを競うプログラミング競技です。ソースコードの文字数が、その人のスコアとなります。 問題 No.2『どちらの画像が横長かを比較する』 Canvas2DやWebGLなどで特定の領域に任意サイズの画像をピッタリ収めたい時などに必要なロジックです（CSSではbac

月間10万人が読んでいるCoral Insightsのニュースレターにご登録いただくと、Coral Capitalメンバーによる国内外のスタートアップ業界の最新動向に関するブログや、特別イベントの情報等について、定期的にお送りさせていただきます。ぜひ、ご登録ください！ 日本の人口は、ざっくり1億2000万人ですが、約100年後の2120年には4973万人にまで減るとの予想があります（国立社会保障・人口問題研究所の2023年4月の将来推計人口）。以下のグラフにあるように江戸期に3000万人を超えた日本の人口は、明治維新以降のわずか100年で3倍の1億人超となり、再び100年で半分以下に減ろうとしています。われわれは今、ジェットコースターで言えば最初の坂を登りきってスーッと滑り出して急降下する坂に向かって走り始めたところです。 50年後や100年後については出生率や外国人比率など予想が難しい要

Individuals might experience negative utility from not consuming a popular product. With such externalities to non-users, standard consumer surplus measures, which take aggregate consumption as given, fail to appropriately capture consumer welfare. We propose an approach to account for these externalities and apply it to estimate consumer welfare from two social media platforms: TikTok and Instagr

While JavaScript was taking over the web, and CSS was gaining new superpowers year over year, it could seem like HTML was content to stay dormant, happy to cede center stage to its younger siblings. After all once you've learned about <div>s and <h>s 1 through 6, what else is there to know? Quite a lot, as it turns out! Once again we drafted Lea Verou to put her in-depth knowledge of the web platf

著： 阿部栞「東京で初めて住む場所が千駄ヶ谷なんてかっこいいね。そこは東京を知り尽くした人が最後に選ぶ街だよ」 上京したての23歳、新卒1年目だった私は、二回りほど歳が離れているだろう男性の言葉にピンと来ず、「そうなんですかぁ」と適当に返事をした記憶がある。 生まれ故郷である宮城県・利府町から就職を機に上京し、初めての一人暮らしで住んだ街は千駄ヶ谷だった。入社した会社のオフィスが千駄ヶ谷にあり、近所なら家賃補助が出るという理由で、どこの街とも比較検討せずに決めた。 宮城の山の上から、いきなり渋谷にも新宿にも徒歩で行けるような場所に住む人間になれるなんて。ミーハー心を募らせて住み始めたが、千駄ヶ谷は想像していた「大都会」とは違っていた。 「都会は空気が汚い・緑が少ない・治安が悪い」と故郷の大人たちは声をそろえて言っていた。けれど、ここは新宿御苑や明治神宮の大自然と明るく澄んだ空気で満たされて

TOPICS 発行年月日 2024年05月 PRINT LENGTH 207 ISBN 978-4-8144-0083-6 FORMAT PDF EPUB 本書は、2017年に発行し、2024年に第3版を発行した『Real World HTTP 第3版』のエッセンスを凝縮した、無料の電子書籍です。 HTTP/1.0、HTTP/1.1、HTTP/2と、HTTPが進化する道筋をたどりながら、ブラウザが内部で行っていること、サーバーとのやりとりの内容などについて、プロトコルの実例や実際の使用例などを交えながら紹介しています。 ミニ版のため、一部の内容を割愛しています。詳しくは本書の「まえがき」をご覧ください。 ミニ版の使用について ミニ版の図版やテキストは、著作権法で認められている引用の範囲に加えて、有志での勉強会、自社の社員向けの研修に用いるプレゼンテーション資料のために、全体の10～20%程

Browser support note: setHTMLUnsafe is supported in all browsers. setHTML is still being standardised and is only available in Firefox behind a flag. getHTML is supported in Firefox (since version 128), in Chrome and Edge (since version 125) and in Safari (since version 18). Browsers recently implemented a new setHTMLUnsafe method. Unsafe in this context means that, just like innerHTML, it does no

見えない課題を研究し、アクセシビリティを向上する仕組みをつくる　第5回「well-workingの現在地」 このコーポレートミッションの実現に向き合うSmartHRの社員のすがたと現在地を、インタビューを通じてお伝えする連載「well-workingの現在地」。 第5回は、アクセシビリティ本部のmaihaさんです。 プロダクトデザイン統括本部 アクセシビリティ本部 maihaさん 自己紹介と現在の業務内容について2023年に入社し、アクセシビリティ本部でサービスのアクセシビリティ向上を担っています。誰もが使える製品を目指し、効率的にアクセシビリティを高める仕組みをつくり、開発チームをサポートするのが主な業務です。 障害のあるユーザー、外国籍のユーザーなどを含めたすべての人が「SmartHR」を快適に利用できるよう、製品以外も含むサービス全体のアクセシビリティ向上に向き合っています。 担当業

tl;dr はじめに 2024 年の 4 月 24 日に Node.js 22 がリリースされました。ESM を 条件付きで require する機能や、--run フラグによる npm スクリプトのパフォーマンス改善などが v22 で追加され、2009 年に Ryan Dahl が Node.js をリリースしてから 15 年が経つ今も、Node.js は進化を続けています[1]。 こうして Node.js 自身が強化されていくにつれ、以前はサードパーティーのパッケージを使用して実現することが一般的であった機能が Node.js のみで実現可能となり、当該パッケージが不要となるような場合があります。冒頭に引用した Ben Holmes の動画では、そのように不要となったパッケージとして dotenv node-fetch chalk mocha が挙げられていますが、この記事では「これら

この連載では、注目企業のCTOが考える「この先、エンジニアに求められるもの」を紹介。エンジニアが未来を生き抜くヒントをお届けします！ 2024年4月、一般ドライバーが有償で顧客を送迎する「ライドシェア」が、日本でも条件付きで解禁された。 この事業に早くも参入を発表し注目を集めているnewmoは、Qiita創業者・海野弘成さん、ココナラ創業者・新明 智さんなど、そうそうたる面々が立ち上げメンバーに名を連ねる。タクシー事業者に向けて運行管理DXやライドシェア導入技術支援など行う『newmoタクシー（仮）』、一般ユーザーがライドシェアの利用に用いる『newmoアプリ（仮）』の開発を目指している。 この開発をリードするのが、CTOの曾川景介さん。シリコンバレーでエンジニアとして活躍した後、前職のメルカリグループではCTOとしてメルペイの立ち上げをけん引。過去には『LINE Pay』の開発にも携わっ

一般社団法人 日本CTO協会(本社：東京都渋谷区／代表理事：松岡剛志、以下：日本CTO協会)は、Webフロントエンド版DX Criteria（プロダクトのユーザー体験と変化に適応するチームのためのガイドライン）を2024年4月24日に公開しました。 Webフロントエンド版DX Criteria（プロダクトのユーザー体験と変化に適応するチームのためのガイドライン） https://dxcriteria.cto-a.org/frontend Webフロントエンドの技術環境は日々変化しており、プロダクトを構成する技術要素だけではなく、ユーザーの利用端末や通信環境、要求も変化し続けています。その変化の速さに企業や団体の組織変革やWebフロントエンドエンジニアのインプットが追いつかないという現状があります。 Webフロントエンドはビジネス、デザイン、システム等の意思を総合する架け橋としてビジネスを加