CATEGORY

CODING

  • 2019年10月9日
  • 2019年10月9日

【Contact Form 7】お問い合わせフォームのカスタマイズ済みテンプレート作りました。[デザイン4つ]

Contact Form 7(コンタクトフォーム7)でお問い合わせページを作るとき、もっと簡単に、オシャレにカスタマイズできるようにテンプレートを作ってみました。お問い合わせフォームのカスタマイズって、慣れていないと結構時間がかかって面倒なんですよね。しかもプラグインを使うとHTMLも特殊になるので余計に時間がかかるという。 Javascriptを使えばもっとリッチな表現が出来たりしますが、ここで […]

  • 2019年10月9日
  • 2019年10月10日

【Contact Form 7】カスタマイズ済みフォームテンプレート[4]のデモ

このページについて 当ブログの記事「【Contact Form 7】お問い合わせフォームのカスタマイズ用テンプレート作りました。」でご紹介している、Contact Form 7で使えるお問い合わせフォームテンプレート[4]のデモページです。挙動確認用なので、実際に送信は出来ません! テンプレートのコードと詳しい解説は下記の記事を参考にしてください。 デモフォーム テンプレート[4] ゲストブック風

  • 2019年10月9日
  • 2019年10月10日

【Contact Form 7】カスタマイズ済みフォームテンプレート[1]のデモ

このページについて 当ブログの記事「【Contact Form 7】お問い合わせフォームのカスタマイズ用テンプレート作りました。」でご紹介している、Contact Form 7で使えるお問い合わせフォームテンプレート[1]のデモページです。挙動確認用なので、実際に送信は出来ません! テンプレートのコードと詳しい解説は下記の記事を参考にしてください。 デモフォーム テンプレート[1] シンプルな縦並 […]

  • 2019年10月9日
  • 2019年10月10日

【Contact Form 7】カスタマイズ済みフォームテンプレート[3]のデモ

このページについて 当ブログの記事「【Contact Form 7】お問い合わせフォームのカスタマイズ用テンプレート作りました。」でご紹介している、Contact Form 7で使えるお問い合わせフォームテンプレート[3]のデモページです。挙動確認用なので、実際に送信は出来ません! テンプレートのコードと詳しい解説は下記の記事を参考にしてください。 デモフォーム テンプレート[3] ラベルとフィー […]

  • 2019年10月9日
  • 2019年10月10日

【Contact Form 7】カスタマイズ済みフォームテンプレート[2]のデモ

このページについて 当ブログの記事「【Contact Form 7】お問い合わせフォームのカスタマイズ用テンプレート作りました。」でご紹介している、Contact Form 7で使えるお問い合わせフォームテンプレート[2]のデモページです。挙動確認用なので、実際に送信は出来ません! テンプレートのコードと詳しい解説は下記の記事を参考にしてください。 デモフォーム テンプレート[2] ラベルとフィー […]

  • 2019年9月8日

CSSでカスタマイズする縦方向のパララックス風スライダー【コピペで簡単自作】

swiper.jsやslick.jsなどスライダー系プラグインは沢山ありますが、どうも望み通りのスライダーにカスタマイズ出来なかったので、、CSSメインでカスタマイズできるスライダーを作りました。ポイントは、下から上のvertical(縦)方向にスライドして、画像がスルスルと滑らかにパララックス風に動くことです。プラグインを使わずに自作でスライダーを作りたい方は参考にどうぞ! 自作した縦スライダー […]

  • 2018年9月29日

コーディングファイルを納品する前に必ず確認すること。

自分の備忘録も兼ねて。コーディング案件を受託して完成ファイルを納品する前に、プロとして必ず確認するべきチェック項目です。 [toc heading_levels=”2,3″] マークアップの確認 HTMLの記述にミスがないか? タグは正しく使われているか? タグの閉じ忘れはないか? metaタグの中身は適切な内容になっているか? altが空っぽになっていないか? 誤字脱字が […]