タグ

tipsとwebに関するko-ya-maのブックマーク (66)

  • はてなブックマークコメントの非表示がはてブ数等に与える影響 - Cube Lilac

    はてなブックマークには、エントリーページのコメント一覧を非表示にする機能 が存在しますが、この設定の有無によってはてなブックマーク数等がどの位変わるのかについては、個人的に気になる点の一つです。そんな事を考えていると、Chikirinの日記 と言う人気ブログを運営している方がこの機能を使用するようになったと言う話を聞きました。 はてなブックマークページのデフォルトを非表示に変更した。さらばブックマーク!って感じかなー。良くも悪くもこの制度なしに今の「ちきりん」はありえなかったのはわかっているけど、そろそろ潮時ということで、腐れ縁をぶち切ってみる。 2012-03-27 09:43:59 via HootSuite これは、はてなブックマークコメントの非表示がはてブ数に与える影響を検討する上での良いサンプルになるような気がしたので、ざっくりとデータを取ってみました。 調査方法は、記事一覧 -

  • phiary

    今回は CSS3 から box-sizing について紹介します. width や height と同時に border や padding を指定しているときに, 少し値を変えただけで意図しない表示になったりレイアウトが崩れたという経験はありませんか? これはボックスサイズの算出方法が複雑なのが原因です. そんな面倒な問題を解決してくれるのが box-sizing プロパティです!! box-sizing プロパティを指定することでボックスサイズ(width, height) の算出方法を指定することができます. あまり普及していないようですが, 実はこれめちゃめちゃ便利だったりします!! まだ独自実装レベルだからかもしれません. ですが, 現在のCSS3 の草案にも 一応残ってるので, がっつり使わせて頂いてる次第です.

    phiary
  • 「メディアに逃げる」Webサービスにならないように気をつける : けんすう日記

    メディアに逃げるとは? Webサービスを作る上で、重要なことは「運用」です。 実はリリースは簡単です。そして、リリースしたときに、バーンとプレスリリースによって広まったりするのは、ある程度できます。人気のブロガーさんとかに書いてもらったりしてもいいでしょうし、それこそお金を払ってGIGAZINEさんとかライフハッカーさんとかにPR記事を書いてもらってもいいわけです。非常に素晴らしい記事を書いてくれます。 しかし、そのWebサービスを継続的に流行らせる、これはなかなか難しいです。多くのサービスが継続できずに潰れています。 そして、最近気づいたのですが、行き詰まったWebサービス企業がやりがちなことの一つに「メディアを作る」ことだったりします。 ※というか、個人的に僕が一番やりがちな失敗だったなあ、と最近思い出してきたので書いていきたいと思います。 メディアを作るとは? いわゆる、Wordpr

    「メディアに逃げる」Webサービスにならないように気をつける : けんすう日記
    ko-ya-ma
    ko-ya-ma 2012/09/26
    イテテテ……
  • 暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]

    2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、当にありがとうございました。

  • 絶対に従うべきSEOの5つの大原則 |SEO Japan by アイオイクスSEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ

    SEOが認知され始め出してから10年近い歴史が立ちましたが、人によって意見が違うことが多いのもSEOの難しくも面白い所。検索エンジンのアルゴリズム自体が日々進化しており、順位自体も相対的な関係の中で決まることから、その人の経験の差と共に意見が違ってくるのは当たり前といえば当たり前ともいえます。今回はQuick Sproutのカリスママーケッターが、あえて絶対的に守るべきSEOのルール作りにチャレンジしてみた大胆?!な書下ろし記事を。 — SEO Japan 昨年は、SEOのアルゴリズム、SEOの責任、そして、検索アルゴリズムのコンスタントな変化によってSEOの役目がここ数年で大きく変わってきた経緯がよく取り上げられていた。 その結果、多くの企業やSEO業者は、何をすればいいのか、そして、何に焦点を絞ればいいのか悩むことになった。つまり、何をもって良質なSEOと言うのか、そして、何が当に重

    絶対に従うべきSEOの5つの大原則 |SEO Japan by アイオイクスSEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
  • お客の心理を操れば売上があがる!26の心理サイトまとめ | お土産屋さんブログ

    広告の心理 電通の広告戦略を分析する http://tsurumitext.seesaa.net/article/130055536.htmlのモンスター企業「電通」の心理戦略。 広告に学ぶ心理学 http://kenichinishimura.blogspot.com/2011/07/blog-post_19.html マーケターが使っている広告心理。 この言葉になぜ心を動かされてしまうのか http://e0166.blog89.fc2.com/blog-entry-202.html 人間の心理を突き、人を動かすキャッチコピーのノウハウ集。 儲かるランディングページの作り方を公開 http://www.re-marketing.jp/marketing/website_navigation/lp.html WEBで売れるページの作り方。リアル店舗の広告や看板に応用可。 広告コピー

    お客の心理を操れば売上があがる!26の心理サイトまとめ | お土産屋さんブログ
  • WEB屋にありがちな発狂寸前のイラつきを軽減するツールと参考にしたサイト色々 | バンクーバーのうぇぶ屋

    ブログを書く時、メールを書く時、情報収集する時、ちょっとしたことが手間になってイライラすることって多くないですか? 僕はとにかく日々のルーティンワークは効率よく済ませたいと思っているので、そういうイラつきを感じたらできるだけ早く解消するように心がけています。 そこで、今日は僕が「あぁ、めっちゃイライラする!」って感じた時、どういうツールやサービスを使って軽減しているのかをご紹介させて頂こうかなと思います。僕の場合はMacbook proまたはデスクトップのWindows7、ブラウザはChrome、メーラーはThunderbirdという環境なので、その環境に偏った紹介になってしまうかもしれませんが、ご了承ください! もう、既知の物だからとか、知らないだろうとか何も考えていません。イライラ解消できた!と思った物は全部掲載させて頂きます。 それでは、この記事から多少なりとも日々の業務の手助けにな

  • Android のユーザーエージェントの検出について

    +1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1

    Android のユーザーエージェントの検出について
    ko-ya-ma
    ko-ya-ma 2011/10/17
    Android と Mobile 両方が含まれているかで判定しましょう…というお話。大きな画面のAndroid で残念なことにならないように。
  • IEと透過PNG

    このページはIE7で致命的なエラー出るという情報を頂き、暫く公開を中止して 修正予定のまま放置しておりましたが、ようやく修正致しましたので再び公開します。 PNGのアルファチャンネルによる 透過(半透明)もサポートされていないインターネットエクスプローラ6。 (GIFと同レベルの256色での単色透過は問題ありません) バージョン7でようやく半透明PNGがサポートとなりましたが、他のブラウザと比較して 余りにも遅れすぎ…。 更にIE7は、Windows Vista、Windows XP、 Windows Server 2003だけですね。これらより古いWindowsには使えません。 そして2006年末の現時点では、まだまだIE6 のユーザーが圧倒的に多いようです。 WEBサイトを作る側からすれば困った問題ですね。うかつに透過PNGを使ってしまうと、 IE6ユーザーから見ると「透過失敗してる…

    ko-ya-ma
    ko-ya-ma 2011/09/26
    古いIE対応の透過PNG画像表示方法のまとめ。
  • 素人っぽいデザインから脱却するための12のデザインチップス | webox blog

    クオリティを上げるためにはちょっとした「こだわり」がとても大事です。 定期的に話題になるネタで恐縮ですが、素人っぽいデザインにならないように個人的によく使ってる小技をまとめました。 上のものほど、簡単で多くのデザインに使える小技になります。 1pxのボーダーを使う 1pxの効果を使うのと使わないのでは、デザインの質に大きな違いが生まれます。 ある意味Webデザインでは一番重要な要素かもしれません。 定番です。たった1pxのボーダーをつけるだけでシャープな印象になります。 ただ塗りつぶしただけ、グラデーションを入れただけのボタンでは、のっぺりとした感じになりやすいですが、1pxのボーダーを上部に入れるだけでシャープな立体を表現できます。 正確には1pxでなく2pxですが、こうして黒系のボーダーと白系のボーダーを並べることで、明確にかつシャープに仕切りを表現できます。 1pxのドロップシャ

  • Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法

    Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法 2011-08-28 Webデザイナーが、Webサイトのパフォーマンスを重視する傾向はあまり無いように感じますが重要なことです。 Googleでは、0.5秒遅くなると、検索数が20%減少する amazonでは、0.1秒遅くなると、売り上げが1%減少する という報告もあるようです。Webサイトのパフォーマンスはコンバージョンにも影響する大切な部分。 今回はWebサイトのパフォーマンスを上げる方法を取り上げます。 パフォーマンスアップの前に 応答時間の限界 0.1秒までなら、結果はコンピューターではなく、ユーザーによって引き起こされたように感じる。 1秒までなら、"遅れている"と感じるが、ユーザーの思考は途切れずに、自由に動いていると感じる。 10秒までになると、ユーザーがコンピューターに振り回されている気持ちになり、ストレ

    Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法
  • 中小企業や個人経営規模相手のWebディレクションで気をつけている15のこと。 | 笑顔を創りたいWeb屋の日常

    笑顔を創りたいWeb屋の日常 Web業界からひょんなことで専門学校の先生に。そしてまたWeb現場に戻ったWedディレクターのブログ。情報デザインやWebの勉強をしています。 あくまで”僕が”です。そこ大変重要ですw 僕もまだまだ勉強中で、これが全て正しいと思えるほど見極めていません。 他にもあるだろうし、もっと大事なものもあるかもしれません。 それは各々考えてもらって(もしよろしければ教えていただいてw)、とりあえず同タイプの仕事している人の叩き台にでもになればなと思って挙げてみた次第です。 というのもですね、僕はWeb屋としてみるとなんか物凄く変な経歴・経験をしている人なのですねw まあ、Web業界って割と他業界から来る人たくさんいますけどね。僕は印刷会社→大手Web制作会社→専門学校教員(正規職員)→弱小ITベンチャーなので、なかなかこういう奴はいないと思いますw 教員とか普通はできま

  • IDEA * IDEA

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

    IDEA * IDEA
  • LPOをするなら絶対に読んでおきたい21の記事 | ウェブ力学

    LPOとはランディングページ最適化の略です。サイト内でユーザーが最初に訪れるページ、いわゆるランディングページを最適化させて、誘導させたいページにユーザーを向かわせることをいいます。 いくらサイトのアクセス数を伸ばしてもコンバージョンに繋がらなければまったく意味がないため、LPOは非常に重要な意味を持ちます。 ここでは、LPOを学ぶ上で是非とも読んでおきたい記事を備忘録も兼ねてまとめてみました。 LPOの基礎 まずは、LPOの基礎を押さえておきましょう。 「目指せ収益UP!LPO講座(1)―LPOっていったいなに?」 「目指せ収益UP!LPO講座(2)―効果の測定指標、CPA、ROASとは」 「目指せ収益UP!LPO講座(3)―ランディングページの構成を整えよう」 「LPOって何? 始める前に読む基礎知識」 ランディングページの具体例 実際にコンバージョンに優れたランディングページ(LP)

  • jQueryを使ってブログの読み込みを速くするAdSense最適化の方法 | AUTHORITY SITE

    ko-ya-ma
    ko-ya-ma 2010/06/11
    jQuery を使って広告のロードを最後にする方法
  • TechCrunch | Startup and Technology News

    The buy will benefit ChromeOS, Google’s lightweight Linux-based operating system, by giving ChromeOS users greater access to Windows apps “without the hassle of complex installations or updates.”

    TechCrunch | Startup and Technology News
  • iPadのSafari用HTMLで次のように書いておくと縦と横でCSSを切り替えられる - [モ]Modern Syntax

    さて、モダシンラジオのデータをホスティングしてもらっているSpotify for Podcasters(旧Anchor)の私のページはこちらです。 https://podcasters.spotify.com/pod/show/kazuyoshi-nagasawa このSpotify for PodcastersページのRSSは以下になります。こちらのRSSではenclosureタグなどでlength値などがしっかり入っているのでこれを購読しておくとよいかと思います。 https://anchor.fm/s/66ff2830/podcast/rss ここで聴く!という人は以下のプレイヤーからどうぞ。 んで、これまではGoogle Drive上に保存したmp3ファイルを聞きたい方は以下のリンクをクリックしてください。ブラウザ内で聞けます。 https://drive.google.com/f

  • webサイトのリピーターを増やすさりげない5つのコツ

    多くのビジネスサイトのアクセス数を支えている大手検索サイト、YahooGoogleのアルゴリズムが変わる事で、突然商売がひっくり返る事態を回避する方法。 Yahooサーチエンジンのアルゴリズムなんかによく泣かされた事があったけど、webサイトっていうのは結構リピーターを作りやすく施工しておく事で、あまりそういった影響をもろに受けずにすみます。 webサイトと、エンドユーザーとの道。 ユーザーパイプライン。 これを整備しておくと、サーチエンジンの気ままなアルゴリズムの変動がきても、涙目になる事もないのです。 パイプラインを作る意味 ビジネスサイトにおいて、いったい何が重要なポイントになるかというと、多くの場合、そのほとんどがリピート率と検索エンジンからの訪問者数となります。 リピート率が高いサイトは比較的物が売れやすく、また、検索エンジンからの訪問者数が多いと売るためのチャンスがほかのサイ

    webサイトのリピーターを増やすさりげない5つのコツ
  • 画像を最適化するための12項目 | SEOモード

    先日からSMO(ソーシャルメディア最適化)やDAO(デジタルアセット最適化)について、英語記事の翻訳を通じてご紹介してきました。SEOの観点から見ると、これらがますます重要になってきている背景には検索エンジンにおけるブレンド検索の強化が影響しているといえます。 これらDAOやSMOを含む取り組みについてはこれまでにも様ざまな事例やチップスが紹介されており、最近でも色々と動画関連のSEOに関する記事が公開されていますね。例えば、海外SEO情報ブログの鈴木氏による「YouTube SEOのまとめやjapan.internet.comでの渡辺氏による「VSEO 動画検索エンジンへの最適化―DAO」などが参考になるでしょうし、私も昨年(2009年)の10月に「Youtube SEO ― ユーチューブを最適化する18の方法」という記事を書いたり、「DAO(デジタルアセット最適化)とは何か」の中で5つ

  • [CSS]透過画像を使用して幻想的な背景をつくりだすスタイルシート

    スクロール後 仕組みは、透過PNG画像を固定配置し、レッドからブラックへのグラデーション画像がスクロールされると、ブラックになった時点で絵柄が浮き上がるものとなっています。 グラデーション画像は「gradient-tile.jpg」を使用しています。 IE6では透過PNG画像の背景が固定配置で繰り返すことができないため、シンプルな解決方法として透過PNG画像の背景を非表示にしています。 スタイルシートもシンプルです。 <textarea name="code" class="css" cols="60" rows="5"> * html #wrapper {background-image: none;} </textarea>