モダンCSSへのアップデート（実践編）
目次 はじめに アップデートによるメリット サンプルページ 解説1-スタイルの優先順位を管理 解説2-擬似クラスセレクター 解説3-上下限つきのレスポンシブ文字サイズ 解説4-親要素いっぱいまで...
52
38
Comment0
14 search resultsShowing 1~14 results
Stocked
You need to log-in
AstroでSvelteを使ってみた
はじめに 最近はフロントエンド制作環境に Astro を採用する機会が増えてきました。 特にクライアントサイドでリアクティブなコンテンツを構築する場合、 宣言型UIフレームワーク を組み合わせる...
14
0
Comment0
更新しやすいサイトを作るためにチームで共有したいこと
この記事が対象としている「サイト」とは、LPのようなキャッチーさが求められたり公開期間が限定されているページのことではなく、ある程度の定期的な更新が見込まれている静的サイトを指しています。 具体...
18
6
Comment0
今日から始める負担にならないWAI-ARIA
WAI-ARIAとはなにか 「Web Accessibility Initiative - Accessible Rich Internet Applications」 の略で、 「ウェイ・アリ...
101
74
Comment0
Soucetreeからのコミット時にeslintとstylelintとprettierする
本日（2022.12.01）から始まりました 「un-T factory! XA Advent Calendar 2022」 の一番槍をつとめさせていただきます。どうぞよろしくおねがいします ...
18
0
Comment0
5分で作るChrome拡張機能
株式会社アンティー・ファクトリー、株式会社アンティー・システムのXA（マークアップエンジニアチームの名称）メンバーによるAdvent Calendar __11日目__担当の@k__watana...
42
34
Comment0
PowerPointからHTMLにコピペした文字がどこかおかしい
【投稿者環境】MacOS Sierra10.12.6、PowerPoint15.41 PowerPoint__のテキストをコピーし、HTMLにペーストした。 ブラウザで確認しても一見、問題なく表...
5
2
Comment0
mp4などの動画ファイルをCSSスプライトアニメーションに変換する
#はじめに mp4などの動画ファイルが重く、スプライトアニメーションで実装したい場合の変換フローの個人的備忘録です。 環境はMacです。 #動画から一定時間ごとのキャプチャをとる VLC med...
9
8
Comment0
はじめてのJavaScriptテスト
1. JavaScriptのテストとは？ プログラムが期待どおりに動くかどうかを確認する**「テスト」。 今回はJavaScriptにおけるテスト**について、 「聞いたことはあるけど実際に書い...
31
15
Comment0
韓国で制作したWebサイトの日本語がMacで中華フォント化する原因
#中華フォントとは 韓国で制作されたWebサイトの日本語が、Macのどのブラウザ（Chrome, Safari, Firefox）で見ても、以下のような違和感のあるフォントになっている現象に遭遇...
5
3
Comment0
CSScombについてのおさらい
#CSScombとは？ CSScomb is a coding style formatter for CSS. You can easily write your own configurat...
33
27
Comment0
フロントエンドの慣習のまとめ
1. はじめに フロントエンドを始めたばかりの頃、参考書や参考サイトで当然のように使われているものの、特に說明がないような**「慣習」や「テクニック」**に困惑したり、その理由が気になった経験を...
587
603
Comment3
PCにのみhoverを設定したい場合のSCSSのmixin
リンクやボタンなどに対してCSSでhoverを設定する場合、すべてのデバイスに一律で適用してしまうと、スマホやタブレットではタップ後もhover状態が残ってしまったり、2回タップしないと反応しな...
24
11
Comment0
有名サイトで使用されているCSSテクニックまとめ
昨今のフロントエンドのCSS開発においては、タスクランナーやフレームワークの活用により煩雑なベンダープレフィックスの付与を意識する必要がありませんし、IE11のサポート終了により実戦に投入できる...
845
926
Comment1
14 search resultsShowing 1~14 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles