タグ

homepageに関するlupin3rdのブックマーク (46)

  • あなたのブログやサイト作りに、タダで使える10の方法 | ライフハッカー・ジャパン

    進行中のプロジェクトがあって、途中経過を友だちには見せたいけど、ネット上にはまだ公開したくない、もちろん検索で引っ掛かるのもマズいという場合。『.htaccess Editor』を使えば、ベーシック認証やアクセス制限など、個人的にちょっと使いたい程度のことは簡単にできます。こういう類いのアプリは他にも色々あるけど、これはアクセス制限と許可に関する設定を、1つずつ順を追ってすることができるのがいいです。あと、いくつもあるサブドメインの設定をする時も便利(参考記事:「.htaccess実践活用術」)。 残る9つのハックは以下にて。 【9】サイトをiPhoneや携帯ブラウザに最適化する方法 携帯やスマートフォンでブログを読む人の数は、どんどん増えてきています。以前紹介した、あなたのブログをiPhone閲覧用に最適化する『Intersquash』(米過去記事)は、iPhone用のRSSフィードも作

    あなたのブログやサイト作りに、タダで使える10の方法 | ライフハッカー・ジャパン
  • モバイルサイト構築前に知っておきたいユーザビリティ10のポイント(第1回) | モバイルサイト構築のユーザビリティいろは

    端末特性に応じたユーザビリティの考え方最も身近で、どこでも気軽に使えるインターネット端末となった携帯電話。端末の急速な普及とハイスペック化にともない、携帯電話向けインターネットサービスによるマーケティングが各企業で格的に取り組まれるようになっています。PC向けWebサイトと同様、携帯向けWebサイト(以降“モバイルサイト”)の構築においても当然、ユーザビリティの高いサイトを構築することが各企業のビジネスによい影響をもたらすことは必然です。 しかし、モバイルサイトでは、これまで各企業が構築・運用してきたPC向けWebサイトと比べると、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いなど、モバイルならではの制約があります。それらを踏まえたうえで、どうすればモバイルサイトでユーザーにメッセージを正確に伝えることができ、ストレスなく利用できるユーザビリティの優れたサイトを実現で

    モバイルサイト構築前に知っておきたいユーザビリティ10のポイント(第1回) | モバイルサイト構築のユーザビリティいろは
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。

  • ウェブサイトの第一印象を決める大切な21のポイント

    ウェブサイトの第一印象を決める大切な21のポイントをVandelay Website Designから紹介します。 21 Factors that Influence the First Impression of Your Website's Visitors 下記は、それを簡潔にした意訳です。 ロード時間 ロード時間はユーザーをいらいらさせる大きな要因です。少しでも早くロードするように設計をします。 エラーメッセージ エラーメッセージが表示されアクセスができないと、ユーザーは二度とアクセスをしないでしょう。 カラー サイトのデザインは第一印象の重要なファクターです。正しいカラーコンビネーションを使用して、効果的で適切なカラースキームを使用します。 ロゴ もう一つ重要なファクターはロゴです。ブランディングを考慮し、信頼感を与えるロゴを使用します。 ヘッダ ヘッダも強い印象を与えます。魅力

  • アドセンスのクリック率を上げる方法。

    まず、はじめに僕が書いた100個のブログを作った。のブクマコメントを拝読していたら、「クリック率1%は高いのでは?」という感じのご意見が、チラホラとあった。恐らく、クリック率が低い人っていうのは、「目の動線」を意識して広告配置をしていないんだろう、と思う。 前回の記事では、「間違えてクリックさせる」と書いたわけだけれど、「広告だと分かった上で、読ませて、クリックしてもらう」という言葉に今回は、言い換えてみようかな。いずれにせよ、必要なのは「目の動線への意識」だ。 悪い例記事のタイトルの下に、広告を配置するのは、「間違えてクリックさせる」手法。読み手からすると、記事を読もうと思っている場所に広告があったら「うざい」だけ。 また、記事の最後に広告を挿入するやり方は、そこまで不快には当たらないにせよ、記事を読み終われば人は満足するし、そもそもブログ形式の場合だと、記事ごとの最後に広告があると、広

  • ブログアクセス数1日500件で収入が150円いくわけないでしょ

    新年明けましておめでとうございます。 年始はやっぱりまとめからスタートしたほうが言いかなぁとか色々考えてたのですが、壮大に釣られたのでコメントアウトしておきたくなってしまいました。 100個のブログを作った。 そんなこんなで、1個のブログにつき1日500人くらいの人が、間違えてくるようになった。5回のクリック。 1個のブログで、1日100-150円くらい。100個のブログだから、1日10000円から15000円くらい。月だと、300000円ー450000円くらい。 500件で150円はないわー そもそも3ヶ月間でいったい何記事書いたのかわからないけど、3ヶ月で検索エンジンと、自分の他のブログから500件ていうのはよほどSEOを意識した文脈を作らないときつい。 つまり気持ち悪い内容となる。 SEOブログだと略語は使えないから、人名や名称はフルネーム活用になるし、『略語(フルネーム)』という括

    ブログアクセス数1日500件で収入が150円いくわけないでしょ
  • 【PHPで作る】初めての携帯サイト構築 記事一覧 | gihyo.jp

    運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。

    【PHPで作る】初めての携帯サイト構築 記事一覧 | gihyo.jp
  • 光をうまく使ったサイトデザイン25選 – creamu

    光や輝きのあるインターフェースデザインがしたい。 そんなときに参考になるなのが、『25 Websites with Lighting Effects』。光をうまく使ったサイトデザイン25選だ。 以下にいくつかご紹介。 ↑のキャプチャはSebcreation。 Vogue Fernando Sergio OKB その他のリストは以下から。 » 25 Websites with Lighting Effects 光をうまく使ったサイトデザイン、チェックして参考にしてみてはいかがだろうか。 「ダークナイト」を見たけどちょいいまいちだったよ。 イヴですねーいい日にしましょう!

  • モバイル SEO への取り組み : LINE Corporation ディレクターブログ

    こんにちわ。モバイルディレクターの飯田瞬です。 今回は、最近何かと話題のモバイル SEO について触れたいと思います。 モバイルの SEO が注目され始めたのはつい最近の話で、2006年に EZweb がメニュー検索に Google 検索エンジンを導入したあたりだと言われています。ですので、PC に比べてモバイル SEO歴史も浅ければノウハウもまだまだこれからといったところです。 そこで、ライブドアではモバイルサイトにどういった SEO 対策を施しているかをざっくり簡潔に紹介したいと思います。 【01】クローラーのアクセスを許可 モバイルサイトのアクセス制御を IP アドレスで行っている (ホワイトリスト方式) 場合、各検索エンジンのクローラー IP 帯域からもアクセスできるように設定してあげる必要があります。 この設定を行わないと、そもそもクローラーがモバイルサイトにアクセスできずク

    モバイル SEO への取り組み : LINE Corporation ディレクターブログ
  • 手書き風ウェブデザインまとめ - DesignWalker

    手書き風ウェブデザインまとめ - DesignWalker
  • .htaccessに関する覚え書き | IDEA*IDEA

    ドットインストール代表のライフハックブログ

    .htaccessに関する覚え書き | IDEA*IDEA
  • Web制作に超便利!無料のプロトタイプ作成ツール

    格的なWebデザインに取り掛かる前に作るプロトタイプ。特に受託サイトの制作やチームで制作する場合にはある程度きっちり作っておきたいものだが、「なかなかちょうどいい作成ツールがない」という人も少なくないのではないだろうか。 FireworksやillustratorからVisio、PowerPointまで、プロトタイプの制作に使えるツールはいろいろあるが、今回は無償で使える便利な専用ツールを紹介しよう。それが、オープンソースの「Pencil」だ。Firefox 3のプラグインとして動作するものだが、実際の使い勝手としては独立したアプリケーションのように動く。 使い方は簡単だ。インストールが済むと、Firefoxの[ツール]に[Pencil Sketching]という項目が追加される。Pencilの起動はここをクリックしよう。 プロトタイプを作るための基操作は、左側に並んでいるGUI部品を

    Web制作に超便利!無料のプロトタイプ作成ツール
  • 魅力的なウェブサイトを作成するために知っておくと便利な9つのスクリプト - GIGAZINE

    個人的なウェブサイト作成や仕事としてウェブサイトを作成している人だけでなく、何かのサイトを発注して作ってもらう際などにこういうのを知っておくと、かなりはっきりと具体的なイメージを相手に伝えやすくなるので、スムーズにコミュニケーションできるはずです。あるいはクライアントにこれらのリソースの存在を認知してもらうことで、話が進めやすくなるかもしれません。 というわけで、魅力的なウェブサイトを作成するために知っておくと便利な無料の各種スクリプトは以下から。 Woork: Useful resources and tutorials for developing stunning web sites 1. ModalBox http://www.wildbit.com/labs/modalbox/ Web2.0スタイルのダイアログボックスなどを表示させることができます。Mac OS Xのダイアログボ

    魅力的なウェブサイトを作成するために知っておくと便利な9つのスクリプト - GIGAZINE
  • MOONGIFT: � クールな登場をするフローティングウィンドウ「Sexy LightBox 2」:オープンソースを毎日紹介

    ※ 画像は公式サイトデモより 一年くらい前から写真の拡大にJavaScriptが使われるようになってきた。クリックするとその場で拡大表示してくれる類のソフトウェアだ。そして最近ではさらに一歩進んで、ログインウィンドウや説明用のダイアログもJavaScriptで表示するものが出てきた。 角丸のデザインが格好いいフローティングウィンドウ ちょっとしたコンテンツや、FAQなどはポップアップで表示してあげると画面の切り替えもなく使えて便利だ。そしてこちらもその一つだ。 今回紹介するオープンソース・ソフトウェアはSexy LightBox 2、フローティングウィンドウライブラリだ。 Sexy LightBox 2はクリックすると上からウィンドウがスライドしてきて、コンテンツを表示してくれる。角丸になっていえ、デザインも格好良い。背景はグレーアウトの他に、自分で指定した色を使うこともできる。 別なサイ

    MOONGIFT: � クールな登場をするフローティングウィンドウ「Sexy LightBox 2」:オープンソースを毎日紹介
  • Apple風のインターフェイスを実装するチュートリアル集

    Apple風のインターフェイスを実装するスタイルシートやスクリプトのチュートリアルの紹介です。 Create an apple style menu and improve it via jQuery

  • マックの新サイトも導入した「LPO」対策とは?

    Webサイトのページビューがなかなか伸びない。アクセス解析をすると、せっかくサイトに来てくれた訪問客の多くが、ページを開いてはすぐに帰ってしまっているようだ――。 「直帰率」や「離脱率」の問題を解決し、サイト内の滞在時間を伸ばしたり、最終的なコンバージョンを高める方法として注目されているのが「LPO(Landing Page Optimization)」だ。LPOとは、検索エンジンなどの外部サイトから訪れる人が最初に開く“着地ページ”を最適化すること。もう少し具体的にいえば、検索キーワードによってページの内容を一部を書き換えたり、関連性の高いページへ誘導する方法だ。 このLPOの仕組みを新たに取り入れたのが、9月25日にリニューアルされた日マクドナルドのWebサイト(http://www.mcdonalds.co.jp/)だ。以前の白を基調としたポップなイメージから、ブラウンをベースにし

    マックの新サイトも導入した「LPO」対策とは?
  • クリックさせるキャッチコピーの作り方 - livedoor ディレクター Blog(ブログ)

    はじめまして、ライブドアキャリアを担当している小俣といいます。 いきなりですが、ライブドアにはたくさんの広告枠があることは、皆様ご存知かと思います。トップ以外の各コンテンツのヘッダー部分に出ている横長のバナーや、ニュース面に掲載されているテキストなどがその代表例でしょう。 その広告枠、常に完売状態なら万々歳なのですが、売れずに枠が空いてしまう場合もあります。 このような場合、売れなかったからといって空欄にするわけにはいかないため、フィラー(自社広告)を出します。 例えばテレビの場合、番組宣伝や公共広告機構の CM がフィラーとして使われます。 そしてライブドアの場合、自社広告は各コンテンツの広告を出すのですが、やはり自社の広告といえども広告。結構キャッチコピー1つで、クリックされる数が大きく変わってきます。 そこで以下に、効果的なキャッチコピー作成のための、3つコツを書かせていただきたいと

    クリックさせるキャッチコピーの作り方 - livedoor ディレクター Blog(ブログ)
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • ウェブデザインの7つのトレンドとそのチュートリアル | コリス

    Deziner Folioのエントリーから、ウェブサイトのデザインに使用されている、最近の7つのトレンドとそのチュートリアルを紹介します。 Design Trendz ※チュートリアルのいくつかは当方で追加しています。 Lights n Shadows ライトを当てているように、シャドウ効果を持たせます。

  • 背景に使えるベクター素材いろいろ - DesignWalker

    背景に使えるベクター素材いろいろ - DesignWalker