コンタクトフォーム

とっても簡単!コピペで出来る!お問い合わせフォームの作り方

2018年4月15日

当サイトではコピペで簡単に出来るお問い合わせフォームの作り方をご紹介します。
ソースと簡単な解説と併せて書いていきますが、解説なんぞ必要ない!物が欲しいんじゃ!という方は完成後の下記のファイルをダウンロードしてお使い下さい。……
ワードプレスのロゴ

ワードプレスのタイトルと内容を取得し、ホームページに埋め込む方法

2018年2月26日

ホームページ自体は静的なホームページで作られているのですが、新着情報部分だけは自分で更新したいというお客様は多いです。
お客様が更新するのは新着情報部分だけなので、その場合全てをワードプレスで制作するのは割高ですし、だったら新着情報部分だけをワードプレスにして……
背景

wrapperの背景色が適用されなくて、でも高さは指定したくない時に解決するCSS

2018年2月24日

<body>以下の全ての要素を<div>で囲み、wrapperという名前を付けてからウェブサイトを作り始める方は多いですよね。とてもオーソドックスな作り方です。そのwrapperに背景色を指定して、その中に<div>等を作ったりして色々していく内に、
「あれ?wrapperの背景色途中で消えてない?」……
PHPのロゴ

1つのPHPファイルで複数ページの役割を果たす方法

2017年11月6日

管理が煩雑になる為、無駄にPHPファイルを増やしたくないと考える方も少なくないのではないでしょうか?
PHPはPOSTしたりGETしたりといった性質上ファイルが増えがちです。それも致し方ないことではあるのですが、1つのPHPファイルで複数ページの役割を果たす方法も実はあります。……
横に並ぶ

floatはもう古い!新時代のfloat、FlexboxでCSSレイアウト

2017年10月8日

以前、テキストを縦中央に配置する方法の記事内にて、floatを使わずにレイアウトが可能なdisplay: table-cell;のことを紹介しましたが、それ以上に便利なCSSが存在しました。その名もFlexboxです。……
Google マップ

Google マップやYouTubeをレスポンシブ対応させるCSS

2017年10月7日

WEBサイトに組み込む主要なサービスがレスポンシブに対応していないということが少なくありません。
その代表例がGoogle マップやYouTubeです。
埋め込んでみるも、「え?対応してないの?」と思った方は沢山いるんじゃないでしょうか。
今回はGoogle マップやYouTubeをレスポンシブ対応させる為のCSSをご紹介します。……
ハンバーガー

パン屑リストとハンバーガーメニューを一体化させたものを作成してみた

2017年8月6日

スマホ対応となると、メニューにはハンバーガーメニューがよく採用されます。
誰もが見たことがあるかと思いますが、白の三本の横線の入ったアレです。
そんなよく使われるハンバーガーメニューを作成してみたのでご紹介します。そのまま使って頂いてもいいですし、カスタマイズして使って頂いても問題ございません。勿論商用フリーです。……

前のページへ | 次のページへ