ブログBLOG

[ jQuery ] フォームの入力チェックをする

フォームの入力チェックは地味に手間のかかるものですので、ちょっとした拡張機能のベースをを作成してみました。 jQuery 拡張 [crayon-67ef008043219553825242/] 呼び出し [crayon-67ef00804321e ...

モーダルウィンドウでリンク先を表示する

リンクをクリックした際、自ページ内でモーダルウィンドウとしてリンク先を表示する。という処理を考えてみます。 例）クリックして表示 BRISKトップページ Yahoo! amazon JavaScript [crayon-67ef0080434 ...

PHPでのアップロード中の進捗バーの出し方

PHPでの大容量ファイルのアップロードについては、前回まとめました。 大容量ファイルをアップロードするには時間がかかるので、今度はアップロードの進捗を知りたくなるのが人間ってヤツです。 しかし、PHPではアップロード完了後にスクリプトを実行するためアップロード中の状況を表示させたり、ということは基本 ...

レスポンシブWebデザインについて

スマートフォンサイト制作において最近はいろいろな選択肢があります。 通常の制作以外にても、パッケージで安く作る、ＣＭＳを導入する等 要件、オーダーによっていろいろな手法があり その中の１つでレスポンシブWebデザインというものがあります。 レスポンシブWebデザインは、ブラウザの横幅に応じcssを ...

大容量ファイルアップロードに関係するPHP・Apacheの設定

大容量ファイルアップロードに関係するPHP・Apacheの設定をまとめました。 まず、ファイルアップロードページ等を作りたい場合、 upload.html [crayon-67ef008043693677822973/] のようにフォームを作成すれば、サーバの「/tmp」などのディレ ...

初めてのjQuery

jQuery（というより JavaScript）はブラウザで動くので簡単に書き始めることができます。既存のコードの改変や追加をしたり、script タグにサンプルのコピーを貼り付けたりしても結構うまくできてしまいます。 それも悪くないですが、ここでは jQuery の準備 ～ 基本的な使い方を ...

PHPでのメール送信について

Webサイトでお問い合わせフォームなどを利用した場合に、 内容と送信を確認するための自動返信メールが来ることがよくあります。 そうした際にPHPでのメール送信を用いることができます。 日本語で（マルチバイト文字を含んで）メールを送りたいときには、 mb_send_mail関数を利用すると便利です。 ...

[jQueryプラグイン]いろいろなアニメーションが用意されたコンテンツスライダー | Adaptor, a jQuery 3D content slider

jQuery を利用したコンテンツスライダーはいろいろな方法やいろいろなプラグインがありますが、CSSの 3Dプロパティを使ったエフェクトを選べるプラグインを紹介します。 Adaptor, a jQuery 3D content slider デモページ GitHub 現時点では9種類 ...

CSS でボックスサイズを指定した場合のブラウザごとの違いを検証する

レスポンシブデザイン等が一般的になり、画面サイズに合わせてレイアウトがフィットするように組むことも増えてきていることと思います。その際は相対指定を使用するかと思いますが、古いブラウザなどではうまくいかないことも多々です。 そこでまずシンプルな実装で比べて見たいと思います。 例えば　301 ...

googleの検索結果でＨＰのタイトルが変わっている！？

最近自社サイトのＳＥＯ対策に力を入れているので日々順位が気になる今日この頃です。 ふと気づいたのですが、googleの検索結果で表示されるタイトルとhtmlで設定しているtitleタグの内容が違う事に気が付きました。 「スマートフォンサイト パッケージ」というキーワードで検索すると弊社のサイトが ...