【新提案】WordPressのCSS崩れにさよなら。「NpCSS」を公開しました。

NpCSSの核心：小文字と大文字の壁

難しい理屈は抜きにして、やることはたった一つ。 「場所（place）は一文字目を小文字、部品（Component）は一文字目を大文字で書く」。

たったこれだけで、クラス名が物理的に別物になり、「うっかり別の場所のスタイルを上書きしてしまった！」という事故がゼロになります。

また、WordPress特有の「スタイルが効かない」「ブロックごとのクラス設定が面倒」といった問題も、独自のネスト構造で全て解決済みです。

技術仕様は「開発元ブログ」で公開中

「具体的にどう書くの？」「BEMやFLOCSSとは何が違うの？」 というところが気になりますよね。
事業サイトの技術ブログにて、設計思想の全貌を公開しています。

【Revify会員限定】2つの強力な特典

この新手法の公開に合わせて、Revify会員の皆様には学習と実践をサポートする特別な特典をご用意しました。

特典1：設計マニフェストをプレゼント

このルールを現場ですぐに使える形にまとめた 「NpCSS 設計マニフェスト（PDFドキュメント）」 を無料でプレゼントします。

これを持っておけば、数年後に自分のコードを見返した時の備忘録になります。
また、クライアントへの納品時に「保守マニュアル」として添付すれば、「将来、私以外の方が修正する際もスムーズです」というプロとしての付加価値を提供できます。

特典2：プロによるコードレビュー＆アドバイス

Revifyのサイトレビューサービスにおいて、NpCSSを使用して制作されたサイトをご提出いただいた場合、 「CSSの設計（NpCSSの準拠状況）」 についてもコードレビューとアドバイスを行います。

「この書き方で合ってる？」「もっと効率的なネストはない？」といった疑問に、開発元のプロフェッショナルが直接お答えします。

ぜひマイページよりマニフェストをダウンロードして、あなたのサイト制作にお役立てください。