2014-01-01から1年間の記事一覧
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>
【 修正とSEO対策 】タヒチのコーディネーター・エコプロジェクト｜enzo planning の企業サイトを編集、SEO対策を行いました。【meta content】 タヒチのコーディネーター、メディア向け専用、タヒチ・コーディネート業務を開始。タヒチのコーディネーター・…
ECサイトを作る際、BASEという無料で利用できるショッピングカートを紹介します。BASAは無料で利用できるショッピングカートで、決済方法も、クレジットカード、代引き、銀行振り込みと選べます。 さらにテーマやヘッダー画像、背景もカスタマイズできるので…
CMSのJoomla!について紹介します。ご存知の方は多いと思いますがJoomla!とはオープンソースで無料で配布されているCMSで、海外では多くの人に利用されています。 アクセス制限をかけるサイトなど、初心者でも比較的安易に作れることから人気があるようです。…
SEOで順位を上位で安定させるためには、Googleのアルゴリズムを知る必要があります。Googleは、3ヶ月に1回少しアルゴリズムを変え、半年に1回大きく変更してきます。一番安定しやすい対策としては、内的要因、つまり文書構造をしっかり書くことでしょう。 あ…
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>
【 修正とSEO対策 】タヒチのコーディネーター・エコプロジェクト｜enzo planning の企業サイトを編集、SEO対策を行いました。【meta content】 タヒチのコーディネーター、メディア向け専用、タヒチ・コーディネート業務を開始。タヒチのコーディネーター・…
SEOとは、Search Engine Optimizationの略で、ある特定の検索エンジンを対象として検索結果でより上位表示できるようにすることです。 私の経験と知識から重要なものをまとめていきます。 ? SEOの7割が内的要因、つまり文書構造で決まる。特にHTML5だと頻繁…
HTML5でMansonryレスポンシブデザインのpinterest風のWebサイトテンプレートを作りました。アメリカではPinterestという、FacebookでもTwitterでもない形式のサイトで物の売り買いが主流になってきました。 日本ではまだ受け入れられていないですが、Pintere…
http://greedy-kei.com 野のサイトは、つけ襟やリボンを中心とした服飾雑貨｜gReedyで私が作った2つ目のwebページです。今までに勉強してきた知識をなるべくふんだんに盛り込んだサイトです。 jQuery、javascriptを含んでいます。
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>
【 修正とSEO対策 】タヒチのコーディネーター・エコプロジェクト｜enzo planning の企業サイトを編集、SEO対策を行いました。【meta content】 タヒチのコーディネーター、メディア向け専用、タヒチ・コーディネート業務を開始。タヒチのコーディネーター・…
池袋から3分、椎名町にある老舗の串焼き｜やきとん かど は、私を含め以前WEBを学んだ仲間と共同で作成したサイトです。池袋から3分、椎名町にある老舗の串焼き｜やきとん かど で注意した点はSEO的な部分です。 池袋から電車で３分の椎名町という駅にありま…
池袋から3分、椎名町にある老舗の串焼き｜やきとん かど は、私を含め以前WEBを学んだ仲間と共同で作成したサイトです。池袋から3分、椎名町にある老舗の串焼き｜やきとん かど で注意した点はSEO的な部分です。 池袋から電車で３分の椎名町という駅にありま…
iPhoneサイトを作成するためのデザイン案として大変役に立つサイトを紹介します。近年、ほとんどの大企業のサイトはレスポンシブデザインになってきています。 それは、iPhoneやスマートフォンに対応したサイトが必要不可欠になってきているためです。このサ…
HTMLとCSSでヘッダーとフッターを固定するレイアウトサンプルです。ポイント ?ヘッダーとフッターにそれぞれ position: fixed; をつける ?固定する位置は top: 00px; 、left: 00px; 、bottom: 00px 、right: 00px; の様に指定する ?ヘッダーとフッター幅の分…
CSS3のimage placeholderを使うと、画像の仮置きのスペースを確保することができます。画像がまだ無い場合に使えます。]
iPhoneサイト、スマホサイトをjQueryを実装して簡単に作れるサイトを紹介します。日本語訳されたサイトもあるので、簡単にしかも無料で作ることができます。使い方についても詳しく書かれているので是非チャレンジしてみては！？Loading...
以前まで$_POSTでデータを受け取って記述していましたが、 今回はSESSIONを使って記述してみます。 注意しなければいけないのが、check.phpでSESSIONにデータを受け渡してしまうと、 POSTの中身は空になってしまい、thanks.phpでもSESSIONを使って記述しなけ…
HTML5でPC用、タブレット用、iPhone用に対応するレスポンシブデザインのWebページサンプルです。 Media Queryを使うことで対応させています。ポイントは、 ?Media Queryは、サイズの小さいものからCSSを記述すること ?幅の指定は%で記述すること ?メタ要素と…
HTML5 でレスポンシブデザインにするためには、 メタ要素をこのように設定します。 <meta name="viewport" content="width=device-width"></meta>
DEMO_PAGE 画像横スライド HTML5, JavaScriptを利用して画像スライドメニューを作成しました。 Webページを華やかにする技術として利用できると思います。 jsファイルはDEMO_PAGEのページのソースから取得して下さい。 イメージを変えるだけで、簡単に実装で…
HTML5でMansonryレスポンシブデザインのpinterest風のWebサイトテンプレートを作りました。アメリカではPinterestという、FacebookでもTwitterでもない形式のサイトで物の売り買いが主流になってきました。 日本ではまだ受け入れられていないですが、Pintere…
自動現金回収システム MONEYTRAP パソコンに設定するだけで毎月口座に現金を収集！を紹介します。WEBを勉強していると、どうしてもこういったネットビジネスが目につきます。私もネットビジネスには興味があるので、とりあえず登録してみました！ htmlとアフ…
jQueryのライトボックスを紹介します。 ライトボックスのアルゴリズム ライトボックスは、サムネイルをクリックすることで本来の画像の大きさを表示させ、狭いスペースのなかで多くの写真を見るために利用される動作のためのプラグインです ライトボックスの…
HTMLとCSSでヘッダーとフッターを固定するレイアウトサンプルです。ポイント ?ヘッダーとフッターにそれぞれ position: fixed; をつける ?固定する位置は top: 00px; 、left: 00px; 、bottom: 00px 、right: 00px; の様に指定する ?ヘッダーとフッター幅の分…
JavaScriptを使った画像置換を紹介します。navを作る際にhtmlでimg srcで画像を設定した場合、hoverの画像をJavaScriptを使って切り替えることができます。以下にサンプルを紹介します。 【 html 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>ナビゲーション</title> <link rel="stylesheet" href="css/style.css" media="all"> </head> <body> <div id="nav"> <ul> <li></li></ul></div></body></html>
ECサイトを作る際、BASEという無料で利用できるショッピングカートを紹介します。BASAは無料で利用できるショッピングカートで、決済方法も、クレジットカード、代引き、銀行振り込みと選べます。 さらにテーマやヘッダー画像、背景もカスタマイズできるので…
CMSのJoomla!について紹介します。ご存知の方は多いと思いますがJoomla!とはオープンソースで無料で配布されているCMSで、海外では多くの人に利用されています。 アクセス制限をかけるサイトなど、初心者でも比較的安易に作れることから人気があるようです。…
WordPressでカナダ生情報（旅行 / 遊び / ビザ / 生活）ブログ｜CANADAYS というレスポンシブデザインのブログを作りました。このテーマは、レスポンシブデザインで作られているので、ブログには最適かと思います。SEO対策として、検索キーワードとして人気…
