レスポンシブデザインテンプレートのオススメサイトを紹介します。このサイトは特にブログを書いている人にオススメです。 特にブログは携帯で見る人が多いので、レスポンシブデザイン、もしくは携帯サイトがあることが必須ですね！簡単にダウンロードもでき…
HTML5、CSS3、jQuery でenzo planning｜株式会社 圓蔵プランニング の企業サイトを作成しました。タヒチのエコプロジェクトをはじめ、人と地球が必要とする未来を創造する企業であるenzo planning【 圓蔵プランニング 】です。タヒチの黒真珠養殖業者と提携…
jQueryを使って、jQuery Filteringというかっこいい画像配置、切り替え方法を紹介します。 ポートフォリオにも利用できるのでおすすめです。今回は画像サイズを100px X 100px で作っていますが簡単にカスタマイズできるので試してみて下さい。DEMO_PAGE jQue…
Webサイトを簡単に実装できるようにするサイトをまとめてみました。 HTML5, CSS3, jQuery, JavaScriptを自分のサイトに実装するのにご利用下さい。Webサイト簡単実装 ( HTML5, CSS3, jQuery, JavaScript ) - NAVER まとめ
HTML5とCSS3だけで作るロールオーバーを紹介します。 このロールオーバーは一切jQueryやJavaScriptを使っていません。まず始めに、画像の素材がないときに、画像の仮置きのスペースを確保する方法を紹介します。 やり方はいたって簡単。 img src="" の部分を…
ECサイトを作る際、BASEという無料で利用できるショッピングカートを紹介します。BASAは無料で利用できるショッピングカートで、決済方法も、クレジットカード、代引き、銀行振り込みと選べます。 さらにテーマやヘッダー画像、背景もカスタマイズできるので…
CMSのJoomla!について紹介します。ご存知の方は多いと思いますがJoomla!とはオープンソースで無料で配布されているCMSで、海外では多くの人に利用されています。 アクセス制限をかけるサイトなど、初心者でも比較的安易に作れることから人気があるようです。…
HTML5でレスポンシブデザインのレイアウトテンプレートを作りました。是非ご参考までに。 【index.html】 <html class="ie9" lang="ja"> </html>
HTML5でjQueryを使ったタブメニューテンプレートを紹介します。画像と文章を変えるだけで簡単にカスタマイズできますので、 是非チャレンジしてみては。画像は各自用意して下さい。 【index.html】 <html lang="ja"> <head> <meta charset="UF-8"> <title>タブメニュー</title> <link rel="stylesheet" href="style.css"> </link></meta></head></html>
Wordpressを使って、『カナダ • カルガリーのブロガーさん』というブログを始めました。プラグインなどはまだほとんど入れていないですが、これからはWEB情報とともに、カナダ•カルガリーの情報を発信していきたいと思います。もしよろしければご覧下さい。h…
jQueryとCSS3を使って、マウスオーバーすると画像が回転するプラグインを紹介します。このjQueryはgoogle、safari、firefoxで動作確認済みです。 webkit-や-moz-の具合によって動作しなかったりするので、編集する際には注意が必要です。 【index.html】 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title></meta></head></html>…
DEMO_PAGE Beautiful Background Image Navigation jQueryとCSS だけで簡単にホームページトップがオシャレになります。 サンプルは飲食店をイメージして作成しました。 バックグラウンドイメージで画像を配置しているのがポイント！ jsファイルはDEMO_PAGE…
HTML5でグリッドレイアウト サンプル IEでも対応しています。 HTML5とCSSだけでこのように画像を配置できます。 floatの特性を生かしてチャレンジしてみて下さい。 私の場合は画像を3列に分けることで、レイアウトしやすくしています。 行ごとに分けても可能…
SEOについてのおすすめサイトを紹介します。バズ部このサイトではSEOについて理論的でわかりやすく書かれています。 逆にこれを実践してダメだったらあきらめて下さいというレベルです。是非ご参考までに。
SEOとは、Search Engine Optimizationの略で、ある特定の検索エンジンを対象として検索結果でより上位表示できるようにすることです。 私の経験と知識から重要なものをまとめていきます。 ? SEOの7割が内的要因、つまり文書構造で決まる。特にHTML5だと頻繁…
SEOで上位表示する手段として、単純なものを紹介します。検索で上位に持っていきたいキーワードをタイトルに入れていくことは以前書きました。もっと単純なものだと、ドメインに検索キーワードを入れることです。 ただ、英単語ではないといけないので、私の…
jQueryのライトボックスを紹介します。 ライトボックスのアルゴリズム ライトボックスは、サムネイルをクリックすることで本来の画像の大きさを表示させ、狭いスペースのなかで多くの写真を見るために利用される動作のためのプラグインです ライトボックスの…
HTML5、jQueryでヘッダー固定のスムーズスクロール対応メニューのBobMarleyのサイトを作ってみました。ヘッダーは画面上部に固定されており、スクロールしても画面の上にありつづけます。 ナビボタンを押すと、jQueryによって自動スクロールする仕組みになっ…
ECサイトを作る際、BASEという無料で利用できるショッピングカートを紹介します。BASAは無料で利用できるショッピングカートで、決済方法も、クレジットカード、代引き、銀行振り込みと選べます。 さらにテーマやヘッダー画像、背景もカスタマイズできるので…
CMSのJoomla!について紹介します。ご存知の方は多いと思いますがJoomla!とはオープンソースで無料で配布されているCMSで、海外では多くの人に利用されています。 アクセス制限をかけるサイトなど、初心者でも比較的安易に作れることから人気があるようです。…
HTML5でレスポンシブデザインのレイアウトテンプレートを作りました。是非ご参考までに。 【index.html】 <html class="ie9" lang="ja"> </html>
HTML5でjQueryを使ったタブメニューテンプレートを紹介します。画像と文章を変えるだけで簡単にカスタマイズできますので、 是非チャレンジしてみては。画像は各自用意して下さい。 【index.html】 <html lang="ja"> <head> <meta charset="UF-8"> <title>タブメニュー</title> <link rel="stylesheet" href="style.css"> </link></meta></head></html>
（1）「検索システムの種類」について述べた次の文章のうち、 適切でないものはどれか (a) 「ディレクトリ型」とは、集められたWebサイトの情報を人の手によってカテゴリ分けする検索システムである。 (b) Yahoo!のカテゴリ検索は「ディレクトリ型」であり、…
HTMLとCSSでヘッダーとフッターを固定するレイアウトサンプルです。ポイント ?ヘッダーとフッターにそれぞれ position: fixed; をつける ?固定する位置は top: 00px; 、left: 00px; 、bottom: 00px 、right: 00px; の様に指定する ?ヘッダーとフッター幅の分…
DEMO_PAGE 画像横スライド HTML5, JavaScriptを利用して画像スライドメニューを作成しました。 Webページを華やかにする技術として利用できると思います。 jsファイルはDEMO_PAGEのページのソースから取得して下さい。 イメージを変えるだけで、簡単に実装で…
jQueryを使って、jQuery Filteringというかっこいい画像配置、切り替え方法を紹介します。 ポートフォリオにも利用できるのでおすすめです。今回は画像サイズを100px X 100px で作っていますが簡単にカスタマイズできるので試してみて下さい。DEMO_PAGE jQue…
Webサイトを簡単に実装できるようにするサイトをまとめてみました。 HTML5, CSS3, jQuery, JavaScriptを自分のサイトに実装するのにご利用下さい。Webサイト簡単実装 ( HTML5, CSS3, jQuery, JavaScript ) - NAVER まとめ
SEOとは、Search Engine Optimizationの略で、ある特定の検索エンジンを対象として検索結果でより上位表示できるようにすることです。 私の経験と知識から重要なものをまとめていきます。 ① SEOの7割が内的要因、つまり文書構造で決まる。特にHTML5だと頻繁…
html5を使った、iPhone（スマホ）サイトを紹介します。このサイトは写真を使ったボックスレイアウトでできています。写真を変えるだけでもオシャレで使いやすいサイトになるので是非試してみてみて下さい。 【index.html】 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> </meta></meta></head></html>
HTML5、CSS3、jQuery でタヒチ・エコプロジェクト、薄膜キャパシタ特許技術｜enzo planning の企業サイトを作成しました。（SEOのためタイトルを1部分変えました）タヒチ・エコプロジェクトをはじめ、人と地球が必要とする未来を創造する企業であるenzo plan…
