集客を目的としたWebデザイン、制作の方法を紹介します。

2015年02月の記事

CSS3とjQueryを利用して、グラフィカルなパンくずリストを作ります。画像を一切使いません。jQueryは、IE8のバグ対応に利用します。ポイントは以下の通りです。 「linear-gradient」でグラデーションを作る。 「border」で矢印を作る。 角を丸くする。 …

376 Views

jQueryで、ドロップダウンメニューを作成します。サイトのグローバルナビゲーションとしてよく利用されています。 完成イメージ 横並びのメニューです。 ↓ メニューをマウスオーバーすると、子メニューが展開します。 ポイント ファイル構成 コード 解説 …

559 Views

jQueryで、アニメーションのボタンを作成します。Flash無しで、円形の波紋が広がる効果を出します。ポイントは以下の通りです。 jQueryでアニメーションを作る。 jQueryでnot(":animated")でモーション制御。 cssのmargin、widht、heigh…

688 Views

googleで検索すると、タイトルと解説文が表示されます。 この解説文の部分をdescription(ディスクリプション)と呼びます。 descriptionは、SEO対策として自分で設定します。 設定を変えれば、基本的に検索結果画面の表示内容も変わります。 ※検索結果に表示されるタイト…

318 Views

レスポンシブ・イメージなスライドショーを作ります。「ResponsiveSlides.js」というjQueryプラグインを利用します。このプラグインは、以下のような点で優れています。 実装が簡単 カスタマイズが可能 スクリプトファイルが軽い IE6でも動作する 完成…

495 Views

プロフィール

名前:イワサキ ユウタ 職業:システムエンジニア、ウェブマスター 誕生:1986年生まれ 出身:静岡県 特技:ウッドベース 略歴 2008年04月 金融機関系I

最近の投稿
人気記事
カテゴリー
広告