WEBサイトの作成方法やHTML,CSSなどの技術的な部分の記事を更新中。WEBデザイナー・フロントエンドエンジニア・HTMLコーダーを目指している方、既に仕事としてやっている方向けの記事を更新中！
JS・jQueryチェックボックスを１つ以上チェックを必須にする方法【javascript】
チェックボックスに１つ以上チェックがハイとフォームを送信できないようにする方法紹介しています。javascriptを使用してチェックボックスを１つ以上チェックしないと動作しないようにしています。複数のチェックを必須にする場合の参考にしてみてください。
JS・jQueryjQueryでフォームのメールアドレスが一致しているか確認する方法
jQueryを使用してメールアドレス一致しているかどうか確認する方法を紹介しています。コピペするだけでフォームのメールアドレスが一致しているかどうか簡単に確認することができるので簡易にメールアドレスチェックをjQueryで行う際はぜひ参考にして見てください。
JS・jQueryサイトに小ウィンドウを簡単に出せる「WinBox.js」
サイトに小ウィンドウを簡単に出せる「WinBox.js」。軽量でなおかつカスタマイズ性が高く、非依存のウィンドウ生成ライブラリなのでカスタマイズもしやすい。デザインも簡単に変えれるのでぜひお試しあれ！
JS・jQueryフォームのチェックボックスを入れないとボタンを押せないようにする方法
フォーム実装の際にチェックを入れないとボタンを押せないようにする方法。フォーム実装の際の参考にしてみてください。
CSS光がボタンの周り回り続けるアニメーション付きボタン【CSSアニメーション】
CSSだけで作れるかっこいいボタン。CSSアニメーションでかっこいい動きを実装しています。光がボタンの周り回り続けるアニメーション付きボタンをCSSだけで作ってみよう。
JS・jQuerybxsliderで余計な余白や白枠を消す方法
bxsliderで使用した際に自動で入る白枠を消す方法です。デフォルトのCSSを上書きしてシンプルな状態でbxsliderを使いたい方は是非参考にしてみてください。コピペするだけでbxsliderをシンプルな状態で使用することができます。
WordPress【MW WP Form】セレクトボックスの選択によって送信先を変える方法
MW WP Formでセレクトボックスの選択によって送信先を変える方法を紹介しています。お問い合わせ内容毎にメールアドレスを分けている場合に追加すると指定通りに送信が可能になります。
JS・jQueryレスポンシブでJavaScriptを使って簡単にPC,SPの画像を切り替える方法
レスポンシブでJavaScriptを使って簡単にPC,SPの画像を切り替える方法。簡単にPC、スマホの画像を切り替えるコードを紹介しています。コピペするので試してみてください。
CSSCSSだけでガクブル（ぶるぶる）させてみた
CSSだけでガクブル（ぶるぶる）させる方法を紹介。hover時のアニメーションやなんか要素をガクブル（ぶるぶる）させたい時に使ってみてね！
JS・jQuery【コピペで実装】制作でよく使うJS（jQuery）とプラグイン一覧
Webサイト制作に欠かせないJS（jQuery）とプラグイン一覧。制作によく使うコードをまとめています。コピペでJS（jQuery）を実装してサイトに動きや機能を追加しよう。
WordPress投稿画面の使わない項目を非表示にする方法【WP】
投稿画面の使わない項目を非表示にする方法を紹介。WPの投稿、カスタム投稿で必要ないコンテンツを非表示にする方法を書いています。必要ない項目を削除してWPの投稿画面を使いやすくしましょう。
CSSリンクの上に別の要素が重なった時でもリンクを押せるようにする方法
リンク要素の上に別の要素がz-indexで重なっているときに下のリンクをクリックできるようにする方法。リンクの上に別の要素が重なってしまっているときCSSのみで解決することができます。
WordPresssingleで次のページ前のページのリンクを文字列として取得する方法【WP】
singleで次のページ前のページのリンクを文字列として取得する方法を紹介。singleページで次の記事のURLのみ取得することで、リンクを文字列として必要な場合に活用できます。
CSSCSSだけで背景を２色表示する方法
CSSのみで背景を２色表示する方法。CSSだけで簡単に背景を２色表示することができます。うまく活用して２色背景のレイアウトを組んでみよう。
WordPress【WP】開いているテンプレートを即確認できる便利なプラグイン「Show Current Template」
WordPressテーマ開発・編集でどのファイルを開けばいいのかわからない時必見。WordPressプラグイン「Show Current Template」で表示されているテンプレートを一発で確認することができます。WordPressテーマ開発に役立てよう。
WordPress【WP】記事作成で勝手に入る空のpタグを削除する
WordPressで勝手入ってしまう空のpタグを削除する方法を紹介。空のpタグが自動で生成されて困っている方やそれが原因でWordPressのデザインが崩れている方は是非この方法を試してみてください。
WordPress【MW WP Form】エラー時に指定の位置までスクロールする
WordPressプラグイン「MW WP Form」でエラーが出た際に指定の位置にスクロールしたいときの対処方法。デフォルトのスクロールでは対応できない場合、今回紹介している方法が有効です。「MW WP Form」でエラー時動作をカスタマイズしよう。
WordPressWP制作でよく使うループ処理などなど
WordPressの制作でよく使用するWPタグをまとめています。このページを見ればよく使用するWordPressのタグがわかります。コピペでできるWordPressのループ処理・表示方法を紹介しています。
CSSホバー（hover）時に文字や画像を拡大させるCSS
CSSだけでできるホバー（hover）時に文字や画像を拡大させるCSSを紹介。ホバー時に簡単に少し変わったエフェクトを実装できます。CSSをコピペで実装できるので制作時の参考にどうぞ。
CSS【CSS勉強方法】flexboxをゲーム感覚で学習する
flexboxをゲーム感覚で学習することができるサイトを紹介。CSS勉強方法がわからない。flexboxってどうやって使えばいいのかわからない方はぜひゲーム感覚でCSSを学習してみてください。
JS・jQuery動画＋コンテンツのランダム表示を実装してみた【JS】
JSで動画＋コンテンツをランダム表示する方法を紹介。動画に限らずHTMLの記述をなんでもランダムに表示することが可能です。JSでランダム表示をコピペで実装することができます。
CSS端からコンテンツ幅の途中までの背景色を実装する方法
お洒落なサイトでよくある端からコンテンツ幅の途中までの背景色を実装する方法。コンテンツ比を保ってコーディングする方法を図付きで紹介しています。