SNSボタンをオリジナルデザインに！設置方法＆シェア数の取得方法まとめ - Design Color
もくじ PHPでSNSシェア数を取得する オリジナルSNSボタンを設置する シェア数取得〜SNSボタン設置までの流れ おまけ：cssでフキダシの作り方 仕上がりイメージ 仕上がりイメージはこんな感じです。ボタンの種類は今回は自分がサイト制作時によく設置する以下の5つ（Twitter/Facebook/Google+/はてなブックマーク/LINE）とします。 ※LINEボタンについては残念ながらシェア数の取得方法がわかりませんでしたので、LINEボタンのみ吹き出しはナシです。 ※LINEボタンはオリジナルデザインにできない決まりなので、LINEボタンのみ公式デザインです。 今回もサンプルを作ってみましたよ〜。 サンプル お世話になった記事 今回の記事は以下のサイト様にお世話になりました！ありがとうございます！特にPHPでのシェア数の取得方法は本当に助かりました。もはや今回の記事はこちらのサイ
Webアニメーションを高速化するために知っておくべき10のこと（前編）
Webアニメーションを高速化するために知っておくべき10のこと（前編） 斉藤 祐也（株式会社リッチメディア） アニメーション／トランジションは身の回りに当たり前にあるものです。 むしろ普段の生活では「0」が「1」に変化するものの方が珍しいでしょう。 アニメーション／トランジションはデジタルなWebに対して自然な変化を提供する大切なツールです。 今回はそんなアニメーション／トランジションをより自然にスムーズに動作させるために知っておきたいことを前・後編の2回に分けて紹介していきます。 アニメーションを高速化する理由 アニメーションは先ほど書いたように普段の生活にも存在しています。だからこそ、我々はスムーズではないアニメーションを見つけるのが得意です。 アニメーションに限定した話ではありませんが、FacebookのShane O’Sullivan氏が、ページロード後のレンダリングパフォーマンス
[SEO]大手サイトもやっているカテゴリーを使った内部リンク構築術
Webサイトを上位表示させるためにはコンテンツの質が良いことは当然として、外部リンクの獲得、近年ではソーシャルの活用等も重要になってきています。 ですがそれだけではなく、特にWebサイトの設計段階においては検索エンジンによるWebページの評価の仕組みを理解して、適切にWebサイト内のリンクを構築していくということが重要です。 今回はその内部リンクについて、どういう内部リンクがその機能を果たしつつ検索エンジンに正当に評価されやすいのか、私の経験からその考え方をSEO初心者の方にも分かりやすく解説しようと思います。 内部リンク(Internal Link)とは 内部リンクとは、同じドメイン内から張られたそのドメイン内部のページへのリンクのことです。違うドメインから張られたリンクは外部リンク(External Link)といいます。 内部リンクの果たす役割 SEO的な観点で言うと、内部リンクは外
![[SEO]大手サイトもやっているカテゴリーを使った内部リンク構築術](https://cdn-ak-scissors.b.st-hatena.com/image/square/abfc0e57468b12736e04b878bb2f56c66cf678bb/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F07%2Fseo-internal-link-03-150x150.png)
[CSS]ナビゲーションを実装するスタイルシートのテクニックのまとめ | コリス
CSS3をはじめとする、スタイルシートのさまざまなテクニックを使って実装するナビゲーションを紹介します。 ※一部、jQueryを併用するものもあります。
クラウドが変える21世紀の資本主義 (2/2)
資本主義の企業から個人主義のビジネスへ 21世紀の資本主義では、固定費はもう参入障壁ではない。たとえば出版社は在庫をもって返品を管理しなければならず、その固定費の負担によって経営破綻が相次いでいる。しかし電子出版には在庫も返品もないので、社屋すら不可欠ではない。かつて電子商取引サイトを設立しようと思ったら、サーバーなどの設備に少なくとも1億円近い資本が必要だったが、今はGoogle Appsを使えば、1人年間6000円で、ほぼ容量無限大のサーバーが使える。 つまり資本主義の発祥以来つづいてきた資本蓄積が拡大する傾向が、クラウドによってインフラが水平分業され、逆転し始めたのである。これはかつて工場に併設されていた発電設備が電力会社によって分離されたのと同じ変化である。広い意味での情報産業では、設備はグーグルなどのインフラ企業に分離され、世界で数社に集約されるだろう。他方、コンテンツやサービス
ブログのSEO対策で重要な12項目 | パシのSEOブログ
先日の「企業サイトの8つのSEO」に続き、今回はブログのSEOやSMO、アクセスアップ法について考えて見ます。SEOの基本的な手法は企業サイトも個人サイトもブログも変わりませんので、企業サイトの8つのSEOをお読みで無い方はまずはそちらをお読みください。 今回は、主にWordPressブログでの解説となっていますが、他のCMSや無料ブログにも役立つ内容も含まれていると思います。 １．タイトルはキーワードとブランディングを意識 ブログタイトル ブログタイトルはブランディングも考え、他のブログと被らないユニークでわかりやすいタイトルにします。もちろんターゲットキーワードを含めるのですが、独自ドメインのサブディレクトリやサブドメインとして設置するブログの場合には、メインサイトで狙うキーワードとの関連性も考慮してください。 ブログタイトルは、SEOにとって最も重要な要素である被リンクのアンカーテキ
| ＾＾ |秒刊SUNDAY | 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ
2009年06月08日 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ カテゴリ：WEBデザイン デザインサイト集というのは、こんなにも沢山出来上がっているとは知らなかったのですが、仕事柄かなり活用しますのでここで抑えておきたいと思います。 ◆いけてるサイト.com このサイトを紹介しないと、この記事のコンセプトがわからないので、とりあえずフリということで。 ■WEBデザイン リンク集 : ikesai.com --- いけてるサイト ドットコム（WEBデザインの参考にどうぞ） ◆Webデザイン・Webデザイナーのまとめサイト 膨大なデータベースです。色やキーワードで検索できる。ここにいけばほぼそろうか？ ■Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫ ◆WEBデザイン・データベースWEBdeDB
WordPress をスピードアップする方法、その壱 – わーどぷれすっ!!
最初は 10 Ways to Speed up Your WordPress Blog | Pro Blog Design の１０個だけ紹介しようと思ってたんだけど、このページからたどったらいろいろ出てきて長くなりそうなんで、何回かに分けてご紹介しやす。 まずは 10 Ways to Speed up Your WordPress Blog から、 不要なプラグインを削除する いつのまにか結構増えてたりするんですよねー(笑。本当に必要なものだけにしぼりましょう。あと、テーマに直接入れちゃうのもいいようです 必ずしも必要としない PHP タグを取り除く ヘッダーの<?php bloginfo('html_type'); ?>とか<?php bloginfo('charset'); ?>とか、決め打ちできるやつですね。10個くらいは取り除けそうです。 WP Super Cache を使う これ
デザイナーのための便利なFirefoxのエクステンション10+α | コリス
You the Designerのエントリーから、デザイナーのための便利なFirefoxのエクステンションを10+アルファ、紹介します。 10 Best Firefox Addons for Designers
Firebug - Web Development Evolved
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
アクセス解析だけでは分からない、サイト上でのユーザー動向を追う「ヒートマップツール」10選（2017年版） - Real Analytics （リアルアナリティクス）
アクセス解析ツールは非常に多くのデータが取得できて便利なのですが、ユーザーが「どこまでスクロールしたか」「ページのどこをクリックしたのか」「サイトのどこを見ていたか」といった事はわからないツールが大半です。アクセス解析のデータを補完及び補強するという点において、多種多様なヒートマップツールを取り上げてみました。アクセス解析のお供にいかがでしょうか？ ご利用上の注意 ・2017年1月に全面改訂しました。 ・画像が見づらい場合はクリックして拡大してください。 ・アルファベット順です。 1.AppSee[有料][日本語][インストール型] サイト情報 www.appsee.net 特徴 アプリのヒートマップ分析ツールです。アプリ内で画面ごとにどこをタップしたかを見ることが可能です。またヒートマップ以外にも、利用分析・導線分析・コホート分析、そしてクラッシュレポートなどにも対応しています。無料トラ
Webで大切な「来てもらう→もてなす→また来てもらう」のサイクル | 初代編集長ブログ―安田英久
今日は、Webサイトで成果を出すために必要な施策をざっくりと3つに分類する考え方を紹介します。 AIDMAとかAISASみたいな消費行動のパターンによるものではなく、「Web担当者が何をするべきか」の視点でもうちょっとシンプルにしてみたものです。 わかりやすく言うと、Webで何かをするときは、ユーザーに 来てもらう来てくれた人をもてなすまた来てもらうの3段階のどの部分に対してアクションをするのかを明確化しようということです。「サイトの成果を出す」ために、どの部分を強化するべきなのかによって、とるべき行動が変わるということですね。 それぞれについて解説してみましょう。 (1) 来てもらういわゆる集客の部分ですね。自社のことや製品のことを知ってもらうことと、知っている人にサイトに来てもらうことの両方を含んでいます。本来は「知ってもらう」ことと「来てもらう」ことは分けて考えるべきなのですが、We
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
開催予定のイベント
Never Knows Best: UstreamのRecordingLiveを掲載しようとるするとhtmlエラーが出る件
CSSやHTMLを知らなくてもレイアウトやタブや角丸が作成できる -Layout Generators