CSS 【CSS】ラジオボタン（radio）とチェックボックス（checkbox）②見た目をカスタマイズ
入力フォームで使用する選択式の項目・ラジオボタン（radio）とチェックボックス（checkbox）。今回は、見た目をカスタマイズするための方法をまとめました。ラジオボタンとチェックボックスの基本的な使い方を知りたい方は、別記事でまとめまし...
CSS HTML 【HTML】ラジオボタン（radio）とチェックボックス（checkbox）①基本的な使い方
フォームで使用する選択式の項目・ラジオボタン（radio）とチェックボックス（checkbox）。今回は、ラジオボタンとチェックボックスの基本的な使い方をまとめました。 ラジオボタンとチェックボックス、基本のマークアップ 以下、必要最小限の...
CSS selectタグのスタイルをCSSでカスタマイズする
フォームを使いやすくおしゃれなデザインにする場合、扱いにくいのがselectタグです。 ちょっとしたコツを知ればselectタグのスタイルづけもカンタンなので、今回はそれをまとめました。 さっそく実装！ つくったのは、このようなselect...
CSS 【CSSがわかればできる！】slickのナビゲーションをドットから数字に変える
スライダーの定番プラグイン『slick』。その中でも今回は、ナビゲーションについてのお話です。（slickの基本的な使い方は、当記事では割愛します。） dotsやサムネイルなど、slickならお好みのナビゲーションもカンタンに表示させること...
WordPress スターサーバーでWordPressサイトを構築したときphpmyadminにアクセスする方法
WordPressをいじっていると、データベースを参照したいときや書き換えたいときが出てくると思います。 そんなときふと気づいたのですが、スターサーバーの場合、管理画面からphpmyadminにアクセスしようとすると、Basic認証がかかっ...
コーディング 普通のコーダーが、楽天市場のショップページを構築する際覚えておきたいこと
ECサイトの構築って、モールやシステムごとに独自の決まり事があったりして、一般的なページデザインとは勝手が違いますが、楽天市場のショップ構築は、その中でも特に独特だなーと感じます。作業をすると「独特だなー」という感覚だけが残って細かいことは...
CSS 【CSS】HTMLを入れ子にせずに、要素の内側に線を引く方法
エリアの枠やボタンなどで登場しがちな、少しだけ内側に線が引いてあるデザインを再現する方法について考えます。見出しなどにも応用できるので覚えておくと重宝します。 HTMLを入れ子にする方法 要素を入れ子にして、いちばん外側の要素→背景色とpa...
WordPress 乗っ取り！？WordPressでつくったサイトが急に表示されなくなった話
「WordPressは世界的にシェアの高いCMSです。だからこそ脆弱性が指摘されており、セキュリティ対策は必須です。」 WordPressでのサイト構築に携わる人なら一度は聞いたことがある話かと思います。ただ、自分ごととして考えたことがない...
CSS Photoshopの「光彩（外側）」を、CSSで再現トライ！
PhotoshopでWebページのデザインを作成するときにテキスト領域に「光彩（外側）」をつける。 デザイナー兼コーダーの身としては絶対やりませんが、支給されたデザインで遭遇したことがあります。そして、自分ではやらないくせに、支給デザインだ...
WordPress Web制作の知識がなくてもWordPress使いたい！初心者でもWordPressを使えるサービスをご紹介
（2024.05.29一部修正） WordPressでサイトやブログを構築するには、ある程度Web制作の知識があった方が自由度が増しますが、知識がないけどWordPressを使いたい！もしくは、そもそもWordPressって何？という方もい...