今回はChatwork株式会社のデザイナー向けに行なったHTML勉強会で使用した解説資料をお伝えします。私は3年ほど前からChatwork株式会社の開発のサポートやデザイン基盤活動のアドバイザーとして参画しており、その活動の一環で会を開催しました。 開催の意図と目的開催概要は@emimさんが、UI設計はHTMLの理解からというタイトルでnoteに書いてくれています。企画の意図は下記のとおりです。 企画の意図 根本としては、情報整理（情報設計）の基礎概念にHTMLがとてもマッチしている、と考えているからです。 ところが、業界的にも昨今よく聞く話ではありますが、最近意外にHTMLに触れる機会がなくプロダクト開発の現場に入る人が多いのが現実です。これは、デザイナーだけでなく、なんならフロントエンドの開発者であっても。 個人的には、HTMLはマークアップ言語であること以上に、構造化のフレームワーク
『ファイナルファンタジーVII』、『スーパーマリオRPG』、『バテン・カイトス』、『幻想水滸伝』など名作RPGのリマスター／リメイクが相次いでいる。 そんななか筆者がもっともリマスター／リメイクを待ち望んでいるRPGがある。それがコーエー（現・コーエーテクモゲームス）が発売した『ジルオール』だ。 自由度の高い「フリーシナリオシステム」と銘打っており、重厚な中世ファンタジー世界を気ままに冒険できるだけでなく、しばしば「乙女ゲー」、「ギャルゲー」と評されるほど、個性豊かなキャラクターたちと関係性を深めていけることが特徴だ。 筆者は最初にオリジナル版『ジルオール』と出会い、その後にはリメイク版『ジルオール インフィニット』、その拡張版『ジルオール インフィニット プラス』もプレイしている。すべてのバージョンを含めると10周近くはプレイしているのではないかと思う。 しかしオリジナル版でもエンディン
国立科学博物館のクラウドファンディングが話題ですが、今回の内容は その根幹である「標本・資料の収集・保管」が、昨今のコロナ禍や光熱費、原材料費の高騰によって、資金的に大きな危機に晒されています。 これからも安定的に標本・資料を収集し、多様なコレクションを適切に保管しつづける体制を維持するため、そして、将来の「調査研究」、「展示・学習支援」活動に影響が出ることを防ぐため、いま、ご支援が必要です。 地球の宝を守れ｜国立科学博物館500万点のコレクションを次世代へ 国立科学博物館ということで、これまでのプロジェクト単位のクラウドファンディング(３万年前の航海、「YS-11」量産初号機公開プロジェクト)とはどうも様子が異なり、日々の基幹業務そのものに影響が出ていそうな雰囲気が漂っています。 上記の表現からすると、半ば運転資金そのものが足りてない、みたいな印象すら受けるので、独立行政法人で財務情報も
はじめに結論から ホバースタイルは、 :hover だけで指定するのではなく、次のように指定しましょう！ @media (hover: hover) { /* リンクの場合 */ a:any-link:hover { } /* ボタンの場合 */ button:enabled:hover { } /* 特定できない場合 */ .button:where(:any-link, :enabled, summary):hover { } } ポイント 1 マウスのときだけホバースタイルを当てる :hover 擬似クラスで指定したスタイルは、タッチデバイスの場合フォーカス状態で適用されてしまいます。 つまり、タッチしたあとのスタイルがずっとホバースタイルのままになってしまいます。 これは意図と合わないため、マウスで操作しているかどうかを区別してスタイルを当てる必要があります。 マウス（正確には、ホ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
