ブログBLOG

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

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

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

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

初めてのjQuery

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

Google Analyticsでのコンバージョン設定をミスったｗ！？

BRISKのホームページは随時ブラッシュアップしているので そろそろコンバージョンの測定をしようと南ちゃんに頼んで 年末から進めていた自社ＨＰサーバー移行とともに先日更新しました。 数日たったのでコンバージョンはどうかなぁ。 とチェック！ さすが南ちゃん！ ちゃんと数値が集計できてるじゃん。 ...

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

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

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

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

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

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

BRISKホームページのアクセス解析2012年12月

最近、自社サイトのアクセス数を毎日チェックしています。 書いたブログの反響やどんなキーワードで流入しているかどのページが一番見られているか。 など、やはり自分達で作ったものがどれぐらい効果がでているかは非常に気になる所です。 今まで受託のサイト制作が多くお客さんの要望にあったサイトをリリースする事 ...

Google から提供開始された、スマートフォン対応のためのサイト「GoMo 日本語版」を試す

スマートフォン最適化診断を提供していた「GoMo」で、PCサイトからスマートフォン向けに自動変換サービスの提供開始が Googleの公式ブログで発表されてます。 スマートフォン対応のためのサイト: 「GoMo 日本語版」提供開始のお知らせ 「GoMo 日本語版」サイトから「今すぐあなたのウェブサイ ...

フェードイン・フェードアウトによる画像スライドショーを jQuery で簡単に

画像をフェードイン・フェードアウトしながらスライドショー をするサンプルです。jQuery を利用すれば、数行のコードを追加するだけで実装できます。 サンプル サンプルのソースです。 HTML [crayon-6 ...