WordPressでブログじゃないWebサイトを... / WordPressでのサイト構築事例を淡々と並べ... / 2012年春。wordpressで企業サイト制作...他...全5件
前回の基礎知識や開発環境の準備編で、基本的な勉強や開発環境は揃えましたので、本記事では具体的な制作に入っていきます。 どんな風に作るのか ハイクオリティで広範囲のプラットフォームに対応したスマートフォンサイトを作りあげるにあたって jQuery Mobile を使用していきます。また URL は統一して(スマホサイトを別 URL で作成せず)スマホアクセス時にスマホ用の出力に最適化します。そのため、サイトの構造に変更は加えませんが、全てのページにおいてスマホ用のレイアウトを出力できるように変更を加えていきます。 jQeury Mobile について スマホサイトの作成に jQuery Mobile について学んでいきます。今まで jQuery Mobile を使用したことがありませんので、今回一から全て勉強しました。といっても、基本的なことは全て下記サイトにありますので、jQuery Mo
テーブルを簡単にカッコよくスタイリングできるjQueryプラグイン「tablecloth.js」 2012年05月08日- tablecloth.js テーブルを簡単にカッコよくスタイリングできるjQueryプラグイン「tablecloth.js」 $('table').tablecloth() と記述で簡単にテーブルをカッコよくスタイリングできます。テーマも選べる模様。 ソート可能にしたり、ストライプなデザインにしたりといったカスタマイズも可能。 実装できるデザイン例。Twitter Bootstrap と組み合わせたテーマ2種類とその他2種類のテーマがデモとして表示されています 意外と手間取るテーブルデザインですが、こうしたものを参考に美しくデザインしたいものですね 関連エントリ CSS3でクールな角丸テーブルを作る例 シンプルにテーブルにソート機能を持たせるだけのjQueryプラグイ
今回は、検索エンジンのアルゴリズム変更、HTML5やコンテンツ作成など、Google検索におけるSEOの基本的な質問3つにお答えします。 検索エンジンのアルゴリズムはどのくらいの間隔で変えているの?HTML5で制作したサイトの方がランキングに有利?SEOに有利なコンテンツライティングのコツはありますか?検索エンジンのアルゴリズムはどのくらいの間隔で変えているの?Google検索はどれくらいの間隔で検索エンジンのアルゴリズムを変えているのですか? Google検索のアルゴリズム変更は周期的に行っているのではなく、常時数十を超える複数のテストを行っており、年間では数百の変更を加えています。 SEOに熱心な方からこのような質問を受けることが多いので補足させていただくと、SEO施策をアルゴリズム変更に合わせて逐一調整していくことは現実的ではありません。重要なのは、昨年の「Web担当者Forumミー
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
カウントダウンタイマーの実装と 終了後に任意のイベントを発生 させられるjQueryのプラグイン、 jquery-countdownのご紹介です。 たまに見かけるやつですね。使用 頻度は高くは無さそうですけど。 ローンチ前のComing soonページなんかでたまに見かけるやつです。スクリプトも軽量です。 カウントダウンアニメーションを実装します。終了後にコードを実行させる事も出来ます。時計部分はCSSスプライトを利用した画像を使用しているようです。 動作サンプル サンプルです。再生ボタンで動作テスト出来ます。 日をまたぐようなカウントダウンならもう一工夫必要ですね。 <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <
Martin Karsek ? One-man show user interface and icon designer アップル製アイコン風の汎用フリーアイコン99個セット「Freshy」 MacやiPhoneに出てきそうなアイコンセットが99個パックになったものが入手できます。 このところ、ピクトグラム風のアイコンの紹介が多かった気がしますが、やはりこうしたアップル風アイコンもいいなと思ってしまいますね 使い勝手で言えばピクトグラムの方がよいわけですが、ピクトグラムでは表現できないようなテイストを入れたい場合はやはり画像ですね 関連エントリ アプリ等に使えそうなアイコンセット「Uicons」 PSD形式の小さくて可愛い110アイコンセット「Micro Icon Set」 iOSのAppアイコン作成用PSDテンプレート 500以上のモノクロ記号アイコンセット「PICOL」
今までスマホサイトを制作したことが無いので、サイト設計から基礎知識、デザインの知識など一から全て勉強していきますので、その点についてまとめて行きます。 用語整理 まず初めてに新しい用語などについて整理していきます。用語については自信ある方はこの項目は飛ばして下さい。 「スマホ」と「スマフォ」どっちが一般的なのか 今まで「スマホ」だと思っていたのですが、最近「スマフォ」と呼称する人を見かけるようになりました。確かに「スマートフォン」を略すなら「スマフォ」の方が正しそうな気がしますが、Google で調べた所検索ボリュームの数が「スマホ」の方が圧倒的に多いので、私は略す場合は「スマホ」で通していくことにします。 フィーチャーフォン (ガラパゴスケータイ) 日本独自の進化を遂げた携帯をガラパゴス携帯、略してガラケーと呼びます。個人的にはガラケーという言葉を使っていたのですが、ガラケーではなく「フ
Googleアドセンス で月5万稼ぐためのコツ7選 1)まずはCTR・CPCを知ること まずは、以下の単位を頭に入れちゃいましょう! CTR=クリック率 CPC=クリック単価 例えばCTR(クリック率)が1%・CPC(クリック単価)が30円ならば、100PVあたりの見積もり収益は30円となります。 つまり、毎日1000PVであれば月収9000円になる計算ですね。 2)適切な広告サイズを見極めよう 基本的にクリック率が高い広告サイズは レクタングル(大)(336×280) レクタングル(中)(300×250) この2つがおすすめです。 Googleアドセンスでは、広告サイズが大きいほどクリック単価が上がるため、なるべく大きなサイズの広告を掲載した方が稼ぎやすいですね。 3)最もクリックされる所に掲載しよう 僕がおすすめする掲載位置がこちら。 記事終わり 最初の見出しの前 記事の間 特に絶対に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く