タグ セレクター
人気順 10 users 50 users 100 users 500 users 1000 usershas()疑似クラスでコーディングが変わる! CSS最新スタイリング - ICS MEDIA
2024年のブラウザならCSSの:has()疑似クラスが使えます。この:has()疑似クラスは非常に強力なポテンシャルをもっています。というのも:has()疑似クラスを使えば、どんな関係のセレクターも指定可能になります。これを使えば多彩なセレクターが記述できるようになり、より表現力豊かなCSSを実現できます。この記事では:ha... 続きを読む
CSSのコード品質向上のためのStylelint入門 - ICS MEDIA
Stylelintは、スタイルシートの問題検出や自動修正を行えるLintと呼ばれる静的解析ツールです。利用することで、CSSやSCSSファイルのコード品質の向上に役立ち、具体的には以下のメリットがあります。 プロジェクトのすべてのスタイルシートから構文エラーを検出する セレクターやプロパティの重複といった、問題になり... 続きを読む
フリーのRPAツール「Power Automate for desktop」2022年12月更新、ブラウザー拡張機能が「Manifest V3」に/UI要素を指定するセレクターにはシンタックスハイライトを追加
岸田繁が選曲した100年後に残したい音楽:後編〜897Selectors#101〜 - KKBOX
アーティストたちが影響を受けてきた音楽や、100年後も誰かの心に残っていて欲しい曲をテーマにしたFMプログラム「KKBOX presents 897 selectors」(奇数週の20時からInter FMでOA中/DJ:野村雅夫)。番組100回を記念した特別編のセレクターは〈くるり〉の岸田繁さん。前回の放送では収まりきらなかった貴重な音楽トークの... 続きを読む
フロントエンドで知っておきたい要素指定の考え方 - アニメイトラボ開発者ブログ
2015 - 12 - 23 フロントエンドで知っておきたい要素指定の考え方 Tweet はじめまして、 アニメイト ラボのフロントエンドエンジニア id:koharusugiura です。 今回は XPath について書きたいと思います。 HTML 文書から任意の要素を取得する際、多くの場合 jQuery や Selectors API などで セレクター を使いますよね? セレクタ ーは細かい... 続きを読む
意外と面倒なtableがコピペで簡単に実装できるサンプルコード19選|ferret [フェレット]
コピペで使えるtableのサンプルコード19選 1.CSS3のセレクターで作るストライプテーブル http://ascii.jp/elem/000/000/462/462099/ 汎用性の高いシンプルなストライプテーブルを作ることができるサンプルコードです。 CSS3のセレクターを使って、行・列ごとに背景色が違う典型的なテーブルをデザインします。 以前のCSS1、2の場合だと背景色を変えるのは結構... 続きを読む
CSSに死を!これはJSerの叫び! #kbkz_tech
CSSの問題 セレクター設計が辛い 特に大規模化する場合、「CSSの問題」===「セレクターの問題」と言っていい (それ以外にもあるけど、大規模化するとほぼ確実にセレクターは問題になる) なぜ大規模化するとセレクターが辛くなるのか 「隠蔽ができない」 サイト全体で使用しているグローバル変数に対する定義を書いているようなもの 続きを読む
pixivのCSSで使われるクラス名ルール
pixivで運用して上手く行っている感触のあるルールを紹介。 CSS的にルートになるセレクターのクラス名は_で始める _始まりのクラスはサイト内でユニーク CSSの何が問題か。それはどこで指定が衝突するのか分からないことである。そこさえ把握できれば気を付けながら書けるので、それでもう問題ないと思っている。CSSには機能がなく、それが美しい(ということにしておく)。最低限抑えるべき要素以外は考えない... 続きを読む
プレースホルダー周りのセレクター - Weblog - Hail2u.net
フォームのプレースホルダー周りのセレクターは、今のところウェブ標準では:placeholder-shown擬似クラスとして定義されている。つまりプレースホルダー文字列が表示されているかどうかという状態を反映するもの。どうやらInternet Explorer 11はこれを踏襲した実装のようだ。対してChrome 31やFirefox 25では擬似要素として実装されており、プレースホルダーそのものを... 続きを読む
Gruntプラグイン: selector4096 - Weblog - Hail2u.net
IE9以下で4096個以上のセレクターがあるとスタイルが反映されなくなるバグのチェックを行うGruntプラグイン、selector4096を作った。CSSプリプロセッサーでネストしつつ@extendするとぽんぽんセレクター増えていくので、最近はまめにチェックするようにしている。自己最多記録は3400くらいで、バグに引っかかったことはまだない。 npmで普通にインストールした後、Gruntfile.... 続きを読む
接頭辞つきのクラス名にマッチする CSS セレクター – terkel.jp
Kraken というフロントエンドのフレームワークのコードを見ていたら、なるほどと感心する CSS セレクターの書き方を見つけた。grid-one、grid-two みたいな接頭辞つきのクラス名にマッチするセレクターで、こんな感じ: [class^="grid-"], [class*=" grid-"] { /* ... */ } 単純に考えると [class*="grid-"] でいけそうな気が... 続きを読む
jQueryで使えるけどCSSでは使えないセレクター。(CSS おれおれ Advent Calendar 2012 – 13日目) | Ginpen.com
人気DJのエクスクルーシヴMIXを毎月配信! 『Cluster Mix Archives』#01.二見裕志 | INTERVIEW | メンズファッション&カルチャーの情報サイト「Cluster(クラスター)」
Clusterが自信をもってオススメするDJのインタビューとエクスクルーシヴなミックス音源を、毎月末に紹介する新企画「Cluster Mix Archives」。 その栄えある第一回目にご紹介するのは、90年代中期にフリー・ソウルのセレクターとして、知られざるメロウ・クラシックスを発掘し、2000年前後からメロウなテイストをそのままに、広義のハウスDJとして、東京を中心に絶大な信頼を得ているDJの... 続きを読む
jQueryの基礎からベストプラクティスまで学べる「jQuery Fundamentals」 | Web活メモ帳
jQueryの使い方を基礎から学びたい人向けの「jQuery Fundamentals」が良さそうだったのでご紹介。 JavaScriptの使い方から、セレクターの使い方、プラグインの作り方などが詳細に説明されていますよ。 これから勉強する人からバリバリ使っている人まで、ひと通り読んでおくと良さそうです。 var foo = 'hello'; var sayHello = function() {... 続きを読む
jQueryのセレクタを徹底マスターするのに最適!『jQuery Selectors』 | IDEA*IDEA
jQueryのセレクタを徹底マスターするのに最適!『jQuery Selectors』 November 17, 2008 9:24 PM written by Gen Taguchi jQueryをマスターするにはまずはセレクターですよね。そこでセレクターの基礎から応用までをインタラクティブに学べるツールをご紹介。 jQuery Selectorsを使えばどんなコードを書けばページ内の任意のパー... 続きを読む