SNS投稿ボタンをオリジナル画像にするためのカスタマイズ。 | WebScripter.jp
いまやFacebook、Twitter、mixiなどSNSへの投稿ボタンをサイトに設置するのが当たり前になっていますね。投稿ボタンは各サービス側で用意されていて設置も簡単ですが、時にはそのデザインがサイトのイメージに合わないことも。実際、オリジナルボタンでお願いされるケースもあるのでこの際まとめてみました。 投稿ボタンのカスタマイズはすでに他のサイトでも紹介されていますが、作業する度に調べるのも面倒なので、自分へのメモも兼ねて紹介します。なお、ここで紹介する方法は、どのボタンもクリックで別窓が開く仕様になっています。また「俺にカウントなんて必要ないぜ」というワイルドな方にピッタリです（笑） 投稿ボタンの設置 Facebook Twitter Google+ mixi Pinterest はてなブックマーク Evernote Facebook 言わずと知れたFaceook。「いいね！」と「シ
bumberboom.net - このウェブサイトは販売用です！ - bumberboom リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
WordPress Google XML Sitemaps » WordPress Plugins
Description Generate XML and HTML sitemaps for your website with ease using the XML Sitemap Generator for Google. This plugin enables you to improve your SEO rankings by creating page, image, news, video, HTML, and RSS sitemaps. It also supports custom post types and taxonomies, allowing you to ensure that all of your content is being indexed by search engines. With a user-friendly interface, you
Googleの検索効率がものすごく上がるオススメの検索技13個まとめ。 | 和洋風◎
Googleを世界で二番目にあいしてる！ どうも、するぷ（ @isloop ）です。 今更ながらですが、ほんとGoogleって便利ですよねー。 だってキーワードを打ち込むだけで、全世界から、それに関連した情報をリストアップしてくれるんですよ！もうみんな当たり前に使ってるんでしょうけど、これってかなりヤバくないっすか！？ こんなん僕がPCを使い始めた、14年前には考えられなかったことです。いやー技術の進歩って凄い。Googleって凄い。Googleまじイケメン。Googleまじ水樹奈々。 もう、Googleがなかった時代に帰るなんてどうしても考えられないですよ・・・。ほんとGoogleまいしてる・・・。 そんな、スーパー便利なGoogle検索なわけですが、もっとスーパー便利につかう方法があります。 それは、検索コマンドや検索演算子などの検索技を使うこと。 これを使いこなせば、通常の3倍じゃ効
WordPress 同梱の jQuery 以外を使う方法 - dogmap.jp
Twitter で @mokeco_ さんから「WP関連で質問があります。jQueryをWP同梱のものではなく、google等から引っ張ってきたいと思い、wokamotoさんのサイト http://bit.ly/iiBu1R や http://bit.ly/dYfu1e などを参考にしましたが、どうしても同梱のjQueryが呼び出されてしまいます。今回、ContactForm7がWP同梱のものより上位のjQueryで動くか試そうと思ったところ、こういうことになってしまい…お手数ですが解決法を教えていただけると幸いです。宜しくお願いします。」という質問があったので、それに対する回答。 WordPress には、wp_enqueue_script という仕組みがあり jQuery 等の JavaScript ライブラリを簡単に読み込ませることができます。 ただし、同梱されている jQuery
jQuery GoogleMaps プラグイン
$('#gmap3').GoogleMaps({ file: './placemarks.php?format=xml', info_window_heading_level: 3 }); サンプル4（マルチマーカー・リスト連動・外部ドメインからJSONPでマーカー情報を取得） $('#gmap4').GoogleMaps({ file: 'http://demo.5020.jp/plugins/jQuery/jQueryGoogleMaps/placemarks.php?format=json', data_type: 'json', list_target: 'ul#list' }); 初期化オプションについて（グレーの枠内は初期値です） 初期位置、ズームレベル、情報ウィンドウ、アイコンタイプ（シングルマーカー） lat: 表示される地図の中心位置の緯度を指定します。 lat: 37.
サイドバー + カテゴリ分け - Google Maps 活用講座
Code <script type='text/javascript'> var stationList = [ {"latlng":[35.681382,139.766084],name:"東京駅", nozomi : 1, hikari : 1, kodama : 1}, {"latlng":[35.630152,139.74044],name:"品川駅", nozomi : 1, hikari : 1, kodama : 1}, {"latlng":[35.507456,139.617585],name:"新横浜駅", nozomi : 1, hikari : 1, kodama : 1}, {"latlng":[35.25642,139.154904],name:"小田原駅", nozomi : 0, hikari : 1, kodama : 1}, {"latlng":[35.1
Chromeで超簡単にUser Agentを変える方法 :: 5509
@hokaccha に言われて便利すぎて脳みそ飛び出るかと思った途中から嘘です 以下、見たことのある内容が続きます 全然気がつかなかった・・・いつからだろう・・・ ＞ 17からだそうです Chromeにビルトインされてるのですぐ使えます。 ちなみに、キャプチャはChromeのdev版なのでstable版は少し違うかもしれません。stable(Macの17.0.963.46)でもOverride User Agentの項目あるのは確認してます。 通常はもちろんユーザーエージェントはChromeですが、Cmd+Option+I などでインスペクタを開くと 右下にギアアイコンがあって、そこからインスペクタのSettingが開けます すると Override User Agent という項目があるので チェックすると、よく使いそうな User Agent 一覧がプルダウンで開きます 試しに iPh
Googleマップをイラストマップみたいにしたい。
サイト制作において、アクセスマップなどの地図の表示はどうしてますか？「Google Maps API」を利用したり、ちょっとデザインにこだわりたい時にはイラストに描き起こしたりしてるんじゃないでしょうか。 今回は、Google マップをちょいとカスタマイズすれば、まるでイラストマップみたいに見せることができるんだぜ！というお話です。 記事中に出てくる画像は2012.3現在のもののため、現在のGoogle Maps APIでの表示とは異なりますので注意です…X(。 リンク切れしていたところを、なるべく近い内容の存在するページにリンクし直しました（2015.7.20追記）。 まずはしっかり抑えておきたい「Google Maps APIの基本」から。 基本をすっ飛ばして早速カスタマイズしたい方はこちら↓。 Google Maps APIの基本 Google マップはGoogle API キーを発
Googleのウェブマスターツールがgzip圧縮をオススメするのでやってみた。 - 雨ときどき晴れ
最近、EC-CUBEをカスタマイズして通販サイトをオープンしてみました。 それでGoogle Analyticsやウェブマスターツールを設定して様子を見ていたのですが、 10日ほど経ってから、いろいろ情報が表示されるようになりました。 その一つがサイトの読み込み時間を短縮するために「gzip 圧縮を有効にする」です。 ウェブマスターツール これは、ウェブマスターツールの「Labs」→「サイトのパフォーマンス」のページにある 「Page Speed が提案する読み込み時間の短縮方法」のところに書いてありました。 他にもリクエスト数削減のために「外部 JavaScript ファイルをまとめる」や 「外部 CSS ファイルをまとめる」といった方法が書いてあるのですが、 今後もいじっていくことを考えると面倒そうなので今は放置しておきます。 ということで、今回は、cssやjsなファイルたちをできるだ
Closure Stylesheets で CSS を最適化する (1) - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 これまで Closure Library を使っていろいろと開発をしてきましたが、 CSS の扱いについてはいつも不満でした。 JavaScript コードについては Closure Compiler との組み合わせで極限まで最適化できるのに、 CSS についてはほとんどサポートがなく、仕方がないので自作の Rakefile と YUI Compressor を使
「ウェブ分析論」著者から聞いたGoogle Analyticsを完全に使い倒す方法｜ホットココア社長日記 @egachan
リアルアクセス解析を運営している、前職の先輩でもある小川卓さんが、 このたび「ウェブ分析論」という、Google Analyticsなどをメインとした、 アクセス解析に関する本を出されたのでインタビューに行ってきました。 インタビューの趣旨としては、 「複雑な設定が必要ない、知らないと損しそうなGoogle Analyticsの使い方を教えてください！」 と、Twitterで相談し、実際にインタビューさせていただきました。 僕も結構Google Analyticsを使いこなせてるつもりだったのですが、 かなり勉強になったので、共有します！ 今回は主に、「サイト内検索機能」を使った活用方法がメインとなります。 ◆今回教えてもらった、知らないと損しそうなGoogle Analyticsを完全に使い倒す方法 １・ サイト内検索設定をしよう！ ２・ サイト内検索ワードをアナリ
『Googleマップを貼り付ける時にジャマな吹き出しを削除（消す）方法！』
アメブロデザインカスタマイズ格安｜素敵にアメブロカスタマイズアメブロカスタマイズはプロのデザインで差をつけよう！素敵にアメブロカスタマイズ。集客に強いアメブロとホームページを連動させてもっとSEOに強くさせよう。格安ホームページ制作、格安アメブロカスタマイズはEazywebまで。
Google カレンダーをデザインを修正してサイトに埋め込んだよ【jquery】 « IT屋のPC+ビジネスハック
今日はGoogleカレンダーを見た目をそれなりにしてサイトに埋め込もうなんていう試みを紹介します。激うまピッツァの移動販売をやってるバッカさんで実装しました。 ピッツァ移動販売屋台 Bakka-バッカ- バッカ様からの要件 – ちょー簡単に更新できるホームページ バッカの店主 硲様からのご依頼は、「ちょー簡単に更新できるホームページ」。実際は違いますけど、僕はそう受け取りました。 移動販売なので、どこの立地にだすのか、また急な天気の崩れや、予定通り出店出来ない場合でも情報を発信する必要があると。また、移動販売ですし普段インターネットに接続する端末はiphoneなので、可能な限りiphoneで更新出来るサイトにしようと考えた次第でありますです。 お知らせはFacebook、出店スケジュールはgoogleカレンダー ということで、お知らせはFacebook。何度も紹介しているこちらですね。
【jquery】Facebookのウォールのデザインをピンタレスト風にしてサイトに埋め込んでみた « IT屋のPC+ビジネスハック
お久しぶりですね。トライアード 黒崎です。 弊社のHPをリニューアル（β版）したついでに、ちょっと実験してみました。表題の通りですが、facebookのウォールをピンタレスト風にしてHPに組み込んでみました。前回のhair-calidadの例よりちょっと踏み込んだ形ですかね。弊社みたいなFacebookの使い方をしているところにはあまり向きませんが、画像メインだったりむしろ画像のみを表示させる等フィルタをかけるのであれば、いい感じのコンテンツになるのではないのでしょうかね？ http://tri.ne.jp/facebook.html はい。技術者に人気が出そうな感じですね。僕もそう思いますｗ では解説していきます。下記2つをベースにあれこれいじりました。 fbwall http://www.neosmart.de/social-media/facebook-wall/ masorny h
はてなブックマーク GoogleChrome 拡張 - Google Chrome 拡張機能ギャラリー
Hatena Bookmark Google Chrome extension 日本最大規模のソーシャルブックマーク、はてなブックマーク ( http://b.hatena.ne.jp/ )を Google Chrome でより便利に使える、はてなオフィシャルの拡張です。 はてなブックマーク GoogleChrome 拡張では、以下の機能をご利用いただけます。 - 見ているページの評判(ブックマーク数)を、ツールバー上に表示 - コメントビューワーで、閲覧ページのはてなブックマークコメントを閲覧 - 素早くはてなブックマークに閲覧ページを追加 - 自分のブックマークからの高速な検索 - Google の検索結果等、対応ページのリンクにブックマークのユーザー数を表示 (ツールバーのはてなブックマークボタンを右クリックして「オプション」から各機能をご利用になられるか設定できます。) 詳しい機能
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
html5shiv - Project Hosting on Google Code
意外と知らない？Google 検索テクニック
Bs3 Document