Call to action in web design is a term used for elements in a web page that solicit an action from the user (clicking, hovering, etc). Today we’re going to create an effective and awesome call to action button with some CSS and jQuery that grab the user’s attention and entice him to click . Throughout this tutorial we’ll explain every line of used code with details and hope it will be useful for y

続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった（というか全然知らなくてちょっとびびった）ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。（#fooをとるとより高速） 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して

2013年3月23日 ネタ みなさんはクライアントのとの打ち合わせ中に「そんなむちゃな！」と思ったことはありませんか？私はあります。何度もあります。そんなクライアントからの迷言を集めたサイト: Clients From Hell（地獄からきたクライアント）と、こちらの記事を載せてみようと思います。 ↑私が10年以上利用している会計ソフト！ 時間とお金に関するムチャぶり 残念ながら多くの人がWebサイトは簡単に作れると思っているのが現状です。。 「今日中に100ページくらいのWebサイトを作って貰えますか？」 「会社のコンセプトを変えようと思うんだ。Webサイトを作り直すのに２日あれば充分かな？」 「ブログとショッピングカートのついた８ページくらいのサイトを作ってください！３万円で！」 「支払うお金はないんだけど、このシルクのシャツは6000円くらいするから、ほら、持っていってください。」

公開日 : 2010年1月28日 (2011年1月11日 更新) カテゴリー : アクセシビリティ ご自分のサイトがユーザーのブラウザにおいて、実際にどのくらいの横幅で閲覧されているかを知ることは、ユーザーインターフェースを設計をする上でとても興味深い事項ですね。今回は、閲覧ブラウザの横幅のデータを自動的に集積してくれるツール、BROWSIZEをご紹介します。 一般的なアクセスログ解析ツールでは、ユーザーの使用端末（パソコンなど）の画面解像度を調べることができます。Web制作者やウェブマスターの方の多くは、この画面解像度情報を基にして、サイトの横幅をどのくらいにしようか、決定されているのではないでしょうか。しかし、「使用端末の画面解像度（の幅の値）」がすなわち「ユーザーが実際にサイトを見ている横幅」ではないということを、留意しておく必要があります。ユーザーは必ずしも、使用端末の画面サイズい

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

YouTube で公開されている、ブログ等へ貼り付ける Embed タグには embed 要素が含まれています。この embed 要素は XHTML では定義されていないため、このタグを貼り付けると XHTML valid なページになりません。 2009.08.13 変換ツール作りました。下記のリンクからどうぞ。 Youtube の貼り付け用 HTML を valid にするスクリプト ということで、下記のサイトを参考にタグを修正してみました。 cyano：FlashをXHTMLで表示させるには（embedタグを使わずに表示させるには） 変更前（赤色を削除） <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/gMHQ2a9VTyo"></param><param nam

［速報］Internet Explorer 9初披露、HTML5対応、DirectXで描画。Silverlight 4は今日からβ公開 マイクロソフトの開発者向けプライベートイベント「PDC09」は2日目。マイクロソフトが初めて、現在開発中のInternet Explorer 9の情報を明らかにしました。Internet Explorer 9は開発から3週間目で、HTML5対応、JavaScriptなど性能の向上、そしてハードウェアアクセラレート機能の活用などがポイント。 また、リッチメディアコンテンツのプラットフォームであるSilverlightは、次期バージョンのSilverlight 4を紹介。Webカメラなどの外部メディアサポート、グリッドや画像なども埋め込めるリッチテキスト機能、Adobe AIRのような独立したアプリケーションとしての機能などの強化と、Visual Studio

私的なメモです。WordPressで個人的にWebサイトを構築したり、受注した際の手順リストをメモ。自分用のチートシートです。いつも何かしら忘れている気がするのでいつもやる事をぱっと見で分かりようにリスト化しておきます。※個人的な主観が入っています。 Todoソフト等はあまり使わないので本当に私的なメモですが、これが誰かのお役に立てたら幸甚です。プラグインなども好みが有ると思いますのでご参考までに。。 [note]情報が古くなったので改正版としてアップデートしました。[/note] インストール DB作成 WP最新版をダウンロード wp-config.phpをDBに合わせて変更 接頭語も変える（wp_　→　example_） FTPソフトでサーバーにインストール ログインして管理者権限のユーザーを作成 作成したユーザー名で再ログイン adminユーザーを削除 ダッシュボードの不要なコンテン

αSEO トップ > SEO FAQ > SEO内部施策 FAQ > title要素の区切り線に使う装飾記号は、半角、全角どちらを使えば良いですか？ SEO FAQ 半角記号を用いて記述した方が良いでしょう。 なぜなら、title要素の区切り線として全角記号を用いた場合、Yahoo!の検索結果画面では半角記号に自動変換され、表示してしまうからです。(2009年10月23日現在) 例えば、以下の様な具合です。 ▼title要素に全角記号「｜」を用いて区切り線を記述 ＜title＞沖縄旅行｜国内旅行｜旅行代理店○○○○＜/title＞ ▼Yahoo!の検索結果画面に表示されるタイトル文 ⇒ 沖縄旅行|国内旅行|旅行代理店○○○○ このように、Yahoo!ではtitle要素の区切り線に全角記号を用いると、検索結果画面には半角に自動変換された「文字と文字の間に余白がないタイトル文」が表示されてしま

読者の方から、こんな質問をいただきました。 自分のサイトの全ページの拡張子を、「.htmlから.php」に変更したのですが、index.htmlからindex.phpにリダイレクトさせたほうがいいのでしょうか？ それとも特に何もしなくてよいのでしょうか？ 自分は.htmlのページは全て消して、.phpのページをアップロードしました。 ページランクなど長年培って獲得した情報がリセットされるのは困ります。 最初に思ったのが、「変更する前に質問してほしかった」です。 拡張子と言えど、URLが変更されることに変わりはありません。 「URLが変わる ＝ 別ページ」です。 www.suzukikenichi.com/abc.html と www.suzukikenichi.com/abc.php は、 たとえコンテンツが100％同じでも、サーチエンジンにしてみたら別ページなのです。 つまり、それまで蓄