サイトのトップページに配置する、訴求効果が最も高い「打ち出しエリア」のレイアウトのパターン集の紹介です。 Carousels Design Showcase 「Carousels Design Showcase」は、当サイトで度々紹介している「Elements of Design」の新カテゴリです。 Carouselsには現在50個登録されており、他にもウェブサイトでよく使うエレメントのデザインが収集されています。 フッタのデザイン集 フォームのログインのデザイン集 検索フォームのデザイン集 見出しのデザイン集 コメントの入力欄のデザイン集 コメントのデザイン集 カレンダーのデザイン集 コード表示のデザイン集 動画プレイヤーのデザイン集 アイコンのデザイン集 引用箇所のデザイン集 登録フォームのデザイン集 「打ち出しエリア」と記載しましたが、Googleで調べてみたら、あまり使用されない言
随分前に、Ver2の見直しをして3になってたんですけど、公開してなかったので今更ながら公開です。 中身は2を使ってみて、社内のマークアップエンジニアからフィードバックもらったり、自分でも違和感が有った部分を調整してます。 それなりの期間使ってみて、問題をあんまり感じていないので、完成度としては大分良くなったかなぁって思います。 新規でサイトを作るのに使えそうな一式。Ver 3をDL(zip:40kb) Ver 3を見る Ver.3の中身ご説明 主な変更点を。 style.cssのwidthなどのプロパティをまとめていたのをVer1と同じに。 default.cssに書かれていた、p要素のmargin-bottomの指定をstyle.cssに移動。 default.cssのfont-familyの指定を若干変更。 index.htmlにGoogleカスタムサーチ用に使えるソースを記入。 Ja
9か月前、最初にSEOmozで働き始めたとき、僕はウェブ制作のインターンだった。それ以前の経験といえば、コードを書いたことがあるくらいだった。 SEOmozに参加してから、それこそ何百時間もかけて、いろいろな分野の知識を広げていった。特に、定番のSEO手法と中小企業向けの実務は力を入れて勉強した。この間投稿したSEO初心者のためのチェックリストは、僕が新しく手に入れた知識の結晶なんだ。 原点に立ち帰るために、SEO技術のトラの巻の母体となるべきものを丸1日かけてまとめてみた。このトラの巻は、ブログ記事として読むよりもPDFで印刷して読んだ方がいいよ(ブログ記事は印刷しにくいからね)。 ダウンロードする前に内容を確認できるように、簡単な説明をしておくよ。じゃあね! SEO基本技術のチートシート(トラの巻)――表面
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか?』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
XHTML Mobile Profileに対応したHTML 本連載では、「PCサイトを制作してきたけど、携帯サイトは初めて」といった企業や個人クリエイター向けにPCとモバイルの違いなどをふまえ、携帯サイトを公開するまでの入門的なノウハウを紹介していきます。 まず、今回はHTMLの種類やタグ、CSSなど携帯ブラウザによる違いと、画面サイズやキャッシュ容量などの端末による違いについて紹介していきます。 では、早速携帯サイトを作る上でマークアップの基本となるHTMLについて説明します(図1-1)。携帯電話はPCと比べても非常に早い進化を遂げてきたため、どれも基本はHTMLを基準に作られていますが、携帯ブラウザ(iモード、EZweb、Yahoo!ケータイ)で表示可能なHTMLの仕様には実に多くの種類が存在します。 現在市場に出回っている機種ということに限定すれば、XHTML Mobile Prof
第 3 回目は「見栄えの良いページャー」です。 シンプルなコーディングで見栄えの良いページャーを実現します。 XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li class="prev"><a href="hoge">« PREV</a></li> <li><a href="hoge">1</a></li> <li><em>2</em></li> <li><a href="hoge">3</a></li> <li><a href="hoge">4</a></li> <li><a href="hoge">5</a></li> <li class="next"><a href="hoge">NEXT »</a></li> </ul> サンプル1: とてもシンプルなページャー とてもシンプルなページャーのサンプルです。 «
皆さん、新年あけましておめでとうございます。 今年も読んでいただき、ありがとうございます。 では、早速ですが記事のご紹介。 20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com これさえやればCSSをマスターできるかもしれないCSSチュートリアル&サンプル20。 全部、そのメカニズムについて覚えたらかなりCSSに詳しくなるのは間違いなさそう。 Advanced CSS Menu カーソルを合わせたときにメニューがCSSオンリーで切り替わる CSS Based Navigation こちらも同様。JavaScriptレスでメニューを切り替えます CSS Fancy Menu CSSとJSを使ってFlashばりのアニメーションメニューを作成 Expandable CSS Tabs Tutorial テキスト長に応
爽やかさと軽やかな甘みを併せ持つ軽発酵烏龍茶! 安価なのに味わい深いのが人気の秘密 四季春は台湾烏龍茶の中では安価なお茶である。しかし決して美…
ルーター経由接続によるインターネット常時接続環境である(当サイトはIIJmioひかりによるインターネット常時接続環境) 固定または非固定のグローバルIPアドレス環境である(当サイトはGMOとくとくBBの固定グローバルIPアドレス環境(逆引きも可能)) ※メールサーバーを構築する場合は逆引き可能な固定グローバルIPアドレス環境が望ましい(非固定グローバルIPアドレスや、固定グローバルIPアドレスでも逆引きしたホスト名とメール送信元ホスト名が異なる場合にメール受信を拒否するメールサーバーがまれに存在するため) OSのインストール時を除き、サーバーの操作はWindowsからコマンド操作で行なう ■コンテンツ ※ホスト名やドメイン名、IPアドレスは各自の環境に置き換えること ※各目次に表記してあるバージョンは、当サイトで確認をとったCentOSのバージョンを示しており、そのバージョンでないとできな
NEW! 2020/04/07 「SEO一括見積もり」のサービスを終了致しました。 これまでのご利用、誠にありがとうございました。 2017/10/31 提供サービスの整理に伴い、「おしえて!SEOTOOLS」のサービスを終了致しました。 これまでのご利用、誠にありがとうございました。 2016/06/20 17日より発生しておりましたツールの解析スピードの低下を修正いたしました。ユーザの皆様にはご迷惑をおかけしてしまい、申し訳ございませんでした。 2016年04月 ツールの利便性アップのため、「SEOアクセス解析ツール」と「VERSUS」において、以下の項目を削除しました。 ・Yahoo!関連情報 ・トラフィックランキング ・カテゴリ登録状況 ・PRサービス利用状況 よりシンプルに洗練されたSEOアクセス解析ツールをご活用下さい。 2016/04/21 15日~18日の間で、サービス
ノベルティは広告として、とても魅力的だと言われています。 販促とはセールスプロモーションに使用することができ、売れ行きをアップさせるためのサービス品のことです。 ノベルティをうまく利用することで、今まで売れ残っていた商品が売れたりすることもあるほど。そのためノベルティ選びは重要なのです。 売りたいという気持が前面に出てしまうと逆効果になることも。例えば昔からあるノベルティには、カレンダーやタオル、文房具品やウォーターボトルなどがあります。 昔は年末年始などにお客様に配るものとして、○○商会など会社名が書かれたオリジナルタオルやカレンダーは誰でも見たことがあるのではないでしょうか。 現在はガチャガチャで売られているような、面白い小物やストラップなども人気があり、売りたい商品とはまったく関連性のないノベルティも人気があります。また多くの水回りトラブル専門業者が使用しているノベルティのように、カ
シミ予防の効果も期待できるということで有効性が認められ、シミが少し出てたるみ毛穴が引き締まったり美肌効果を活かすことができることも話題となってしまいます。 シズカゲルは医薬部外品ではありません。以前よりメイクのノリが悪すぎて厚塗りになっていること、肌の透明感がなくなったわけでも使うことで有効性が確認されてるので、全体的にみると良い書き込みが多かったです。 成分も問題ないしという、八方ふさがりのようです。シズカゲルについて詳しく調べたら、優しくタッピングをしたら先輩が言うには少し物足りないかもしれませんでした。 海外でも本格的なエステティシャンと皮膚科医が携わっていることが多いです。 シズカゲルには肌のツヤが増して表面はさらりとしていて、保湿力も十分に実感出来たという人も多かったのはありがたいですが、約1か月持つといった感じです。 シズカゲルには肌のカサカサ感があって、特に美白にするよう楽天
■インストール環境 CentOS 5.2 システムは64bit版 rootでログオン出来る Pleskがインストールされていたが、yumはインストールされていないマシンでした。そこで、rpmの依存パッケージ地獄から脱する為にyumをインストールする事にした。 yumのインストール 最重要注意点 Pleskでサーバを管理してる方は、インストール後に「yum update」を実行してはならない!Pleskが死んでしまいます。 必要パッケージリスト yum-3.0.5-1.el5.centos.5.noarch.rpm yum-metadata-parser-1.0-8.fc6.x86_64.rpm python-elementtree-1.2.6-5.x86_64.rpm python-urlgrabber-3.1.0-2.noarch.rpm python-sqlite-1.1.7-1.2.
TOP PAGE 備忘録 プログラミング PHP AJAX? Perl? Java シェル? アプリケーション sshd? Subversion Mysql PostgreSQL? ffmpeg VMWare Linux CentOS5.2 HDDの増設 コマンド一覧 [Menu Edit] Total:213/Today:2 ffmpegのインストール † ffmpegとはマルチメディアコンバータです。 様々な形式の動画ファイルをエンコードすることができます。 本家サイト:http://ffmpeg.mplayerhq.hu/ ffmpegのインストール gcc, gcc-c++のインストール mp3lameのインストール faacのインストール faad2のインストール AMR(NB/WB)のインストール liba52のインストール x264のインストール xvidのインストール
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く