はじめまして！ サイボウズ フロントエンドエキスパートチームの麦島です。 本連載では、Webフロントエンドに関してもう一歩踏み込んだ知識について、サイボウズ フロントエンドエキスパートチームのメンバーによって不定期で解説記事を掲載していき ...

CSSのid・class名の重複で設定がおかしくなる ＞＞ id・class名の重複を避け、混同させないようにする CSSのid・class名を決める際はできるだけ重複を避けるべきである。しかし、セレクタを使うことで設定を上書きし、重複させない記述もできるため、CSSの設計 ...

「ICS×Goodpatch Anywhere合同勉強会」はそれぞれの聞きたいテーマを持ち寄った勉強会です。株式会社ICSから登壇者の1人として、モバイルアプリ開発やウェブページ制作のフロントエンジニアである鹿野壮氏が参加（※イベント開催時点）。「古きを捨てて新 ...

サイト制作後、部分的な構築や運営などを行っていると、やがて使わなくなったスタイルや、未定義のクラスが残ることがある。このときCSSレポート機能を利用すれば、未使用のCSSクラスや未定義スタイルのエラーチェックのほか、CSSの利用状況もチェック ...

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...

Google’s Search Relations team explains how CSS affects SEO, addressing myths about class names, pseudo elements, and page performance. CSS class names have no impact on SEO and aren't read as content ...

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...

前回はLESSが解決してくれる悩みと、 less. jsの利用法をご紹介しました。 今回はいよいよ実際にLESSを書いていきましょう。 とはいえ、 LESSの記法の中でもよく使われるものと、 あまり使われないものがあります。今回は初級編として、 LESSを使うなら必ず ...

複数のエレメントに対してイベントを設定する 前のページで説明したとおり、on()の3番目の引数にはCSSのセレクターが使えますので、複数のエレメントに対してまとめてイベントを設定できます。サンプル05は、on()の3番目の引数を'.myButton'に変更し ...