See-SSは、ボタンやフォームなど、よく使うパーツのCSSサンプルがまとめられたサイトです。 非常に使い勝手の良いパーツが揃っています。 See-SSとは? See-SSについては、以下のように説明されています。 当サ…
よく使うパーツのCSSサンプルがまとめられた「See-SS」
ajaxzip3を使ってボタンクリックで郵便番号から住所を自動入力する方法
先日紹介した「ajaxzip3」は、リアルタイムで郵便番号から住所を自動入力してくれます。郵便番号を入れるだけで自動で住所も入力してくれるので、大変便利なライブラリです。 ですが、リアルタイムでは入力してほしくないという…
リアルタイムで郵便番号から住所を自動入力してくれるJavaScriptライブラリ「ajaxzip3」
ajaxzip3は、フォーム内の郵便番号を入力すると、自動で住所を補完してくれるJavaScriptのライブラリです。 郵便番号を入れるとリアルタイムで住所が入力されます。 ajaxzip3の使い方 ajaxzip3の設…
サムネイル画像を一括生成できるWordPressプラグイン「Bulk Generate Thumbnails」
Bulk Generate Thumbnailsは、サムネイル画像を一括生成できるWordPressプラグインです。 テーマを変更した場合など、サムネイルのサイズが変わった時に、過去アップロードした画像から必要なサムネイ…
CSSをJavaScript用のコードに変換してくれるWebサービス「CSS2JS」
CSS2JSは、CSSからJavaScript用のコードに変換してくれるWebサービスです。また、逆にJavaScriptのコードからCSSに変換することも可能です。 ユーザー登録不要で、すぐに利用できます。 CSS2J…
input[type=”number”]に表示される矢印(スピンボタン)をCSSで非表示にする方法
フォーム内で「<input type=”number”>」を使うと、デフォルトでは入力フォーム内に以下のような矢印(スピンボタン)が表示されます。矢印をクリックすることで数値を増減できます。…
table-layout:fixed;を指定してもテーブルのwidthがうまく効かない場合の対処法
テーブル内のthやtdに対して、CSSで横幅を指定してもうまく効かない場合の対処法をご紹介いたします。 複雑なテーブルを実装する時なんかは役立つと思います。 よくある解決法 「table-layout:fixed;」 よ…
クラスを追加するだけでCSSによるトグルが実装できる「MoreToggles.css」
MoreToggles.cssは、CSSファイルを読み込みクラスを追加するだけで、簡単にCSSによるトグルを実装できるCSSライブラリです。 デモと指定できるクラス名については、以下ページよりご確認いただけます。 デモペ…
部分的な文字装飾や編集ロック機能等、ブロックエディターを拡張してくれるWordPressプラグイン「Snow Monkey Editor」
Snow Monkey Editorは、ブロックエディターを拡張してより使いやすくしてくれるWordPressプラグインです。プラグイン制作者は、 有料WordPressテーマの「Snow Monkey」を提供しているキ…
横並びにした要素の高さをjQueryを使って揃える方法
jQueryを使って横並びにした要素の高さを揃える方法をご紹介いたします。 例えば、”display: inline-block;”で要素を横並びにした場合、中に入る文章量などがバラバラだと高さも…