コピペ

コピペ

【モバイル対応】メニューを実装する3つの方法

こんにちは朱夏です。 今回は、レスポンシブ対応では必須と言っていい機能、ナビゲーションだとかメニューと呼ばれているものを実装する方法を書いていこうと思います。 朱夏 スマホのメニューはボタンを押すと展開され...
Bootstrap

【Bootstrap】よく使うコードをまとめてテンプレート化してみた【コピペ可】

Bootstrapを使用したコードをテンプレート化しました。各要素毎に分割してテンプレート化して紹介しています。 繰り返し使用するコードはテンプレート化して、効率的にコードを書いていきましょう。
Bootstrap

【Bootstrap】ツールチップの使い方

こんにちは朱夏です。 今回はBootstrapのツールチップの使い方を解説してみようと思います。 参考サイトはいつものこちらです。 コード 先ずはすぐに使えるようにコードを置いておきます。 コピペするときは全て...
Bootstrap

【Bootstrap】色んなデザインのリンクカードを作ってみた

こんにちは朱夏です。 今回は、Bootstrapの機能を使ってリンクカードのデザインを3つほど作ってみたいと思います。 お品書き 1.画像とテキストの組み合わせ(縦) 2.画像とテキストの組み合わせ(横) 3.画像...
Bootstrap

【問題解決】メールフォームの送信テストが失敗する件 その3

こんにちは朱夏です。 そろそろこの問題を解決したいところです。 早速やっていきたいと思います。 前回、以下の解決の糸口を見つけました。 mb_send_mailの$toの指定に、メールアドレスを直接入力している場合、 フォ...
HTML

【問題解決】メールフォームの送信テストが失敗する件 その1

こんにちは朱夏です。 今回は、フォームからのメール送信テストが出来る環境を作っていきます。 ここまでMAMPを使って来たので、MAMPで何とかできないか試行錯誤しましたが、私のレベルでは解決できませんでした。 そこで、XAMPPを...
HTML

【PHPスキル強化】問い合わせフォームを作成してみよう その2

こんにちは朱夏です。 前回の続きをやっていきます。 ここまでにできたものは以下になります。 フォームの入力ページ 確認ページ 完了ページ 入力したものを確認ページで確認、送信ボタン押下後に送信完了ページを...
Bootstrap

【PHPスキル強化】問い合わせフォームを作成してみよう

こんにちは朱夏です。 まだまだ経験の少ないPHPのスキル強化をしていきたいと思います。 今回は問い合わせフォームを作って、メールを飛ばすところまで作ってみたいと思います。 実装にはBootstrap、PHPを使ってやっていきます。...
CSS

【苦手克服】パララックスサイトを作ってみよう その2

こんにちは朱夏です。 前回に続いて、パララックスサイトを作っていきます。 今回は、フェードインやスライドして表示される視覚効果を実装できる様にしていきます。 1.フェードインで表示 まずは、スクロールしていくとフェードインで表示...
CSS

【苦手克服】パララックスサイトを作ってみよう

こんにちは朱夏です。 今回は、パララックスデザインについて学んでいきたいと思います。 ここ数日、仕事の案件を探していますが、このブラウザ全体に画像が表示されて、スクロースすると順番に要素がフェードインしてきたりするサイトを見ると、「...
スポンサーリンク
タイトルとURLをコピーしました