平均PVを上げるために「ShareHTML」でリンクタグを作成する際に加えている一工夫
Share / C!… ブロガーご用達のブックマークレット、それが@hiro45jp さんの作成されたShareHtmlでしょう。 一度登録さえ済ませてしまえば↓のような見た目のよろしいリンクタグを簡単に作成することができます。 篠崎愛 公式ブログ – GREE 当ブログでも大変にお世話になっているこのブックマークレットなのですが、最近思うところあって一工夫加えております。 見た目がおんなじになっちゃう ShareHTMLでは、サイトのキャプチャを自動的に取得してくれるHeartRails Captureというサービスを使ってイメージを挿入しています。 大変便利サービスなのは間違いないのですが、同じブログでリンクタグを作成するとなると皆同じようなキャプチャになってしまい、残念ながら画像からその記事の内容を連想させることは難しくなります。 もっと言えば、ブログで利用している画像が他のサーバー
ページスクロールで最下部まで行くと次の何件を読み込むAjax処理（オートロード） * R4 * Webサービスレビューサイト
ページスクロールで最下部まで行くと次の何件を読み込むAjax処理（オートロード） 2012年5月28日 Tag：JavaScript Text by 伊藤 ツイート twitterやfacebookのタイムラインにも実装されている、ページスクロールで最下部まで行くと次の何件を読み込む方法の紹介です。jQueryを使います。 <script src="jquery.js"></script> <script> var s = 0; $(window).scroll(function() { var total = $(document).height(); var position = $(window).scrollTop() + $(window).height(); if(position >= total - 100){ s = Number(s+10); $("次の何件を表示させた
ウェブデザインにおけるヴィジュアルのバランスを実現する5つの方法とその要因
エレメント同士を水平に配置したり、垂直に配置したり、またそれが対称だったり非対称だったりなど、ウェブデザインでヴィジュアルのバランスを実現する5つの方法とバランスに大きな影響を与える5つの要素を紹介します。 Developing Balance in Web Design [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに バランスの5つのタイプ バランスの5つのプロパティ はじめに もしあなたのウェブサイトのデザインがヴィジュアル的にバランスがとれていないなら、あなたのサイトは混乱に陥っているようにユーザーは感じるものです。そして、心地悪く感じさせるでしょう。 あなたのデザインは魅力的であり、ユーザーにリラックスして見回してもらえるようにするべきです。それを達成する最も良い方法はヴィジュアルのバランスです。 ヴィジュアルのバランスとは、デザインエレメントのバランスをとるだ
How to Install Ruby on a Mac | Envato Tuts+
Likely, the version number will return 1.8.7. While you might be tempted to stick with that, you probably shouldn't for a couple reasons: Old versions of the OS shipped with a buggy version of Ruby RVM provides the flexibility to use any version of Ruby that you require. Plus, if you're just starting out with Ruby, don't use an old version; you want 1.9.2! These days, RVM is the way the cool kids
uessay: パソコン作業を華麗にスピードアップ(100tips)
今年も残すところわずかですね。 忙しくなって同僚にExcelでの単純作業を手伝ってもらおうとした。そしたら、彼は数千行ものデータをマウスで延々と引っ張って選択してたので、Ctrl＋矢印で一発だよ、と教えたら、なんだか感謝された。 だからというわけじゃないけど、僕自身もパソコンで単純作業が続く時期なので、息抜きに自分が使ってるスピードアップ技を100個を目標に書き出してみることにしました。ショートカットを何でもかんでも列挙するのではなく、実際に効果を生んでるものに絞って。あ、あくまで対象はWindows XPです。 ●使えるスタートメニュー 01.Windows＋Rで「ファイル名を指定して実行」を呼び出す 02.「ファイル名を指定して」でnotepadと入力しメモ帳を起動 03.「ファイル名を指定して」でcalcと入力し電卓を起動 04.「ファイル名を指定して」でURLを入力しgmailなど
躍動感あふれる写真を撮るためのちょっとしたテクニック | p o p * p o p
最近、デジタル一眼レフが人気のようです。Webでも写真共有サイトが多くの人を集めていますね。 ということで、今回は写真ネタです。 こちらで紹介されていた「躍動感あふれる写真を撮るためのテクニック」をご紹介。 » Photojojo ≫ People in Motion – Two Quick Tips for More Interesting Shots 下記に実際の写真と共にご説明いたします！ 【テクニックその1】 パンする（対象に合わせてカメラを動かす） 一般的にパンは写真ではなく映像の撮影に使われますが、写真でもうまく使えばこのような（↓）写真を撮ることができます。 ↑ スピード感あふれる写真ができました。 やり方は「撮影対象の動きに合わせてカメラを動かす」というシンプルなものですが、やってみると難しいものです。そこでいくつかのコツをご紹介。 シャッタースピードを遅めに設定しましょう
XP Secrets
"What an absolutely mind boggling brilliant site!!!!! WELL DONE." - Mike XP Secrets - Secrets Hidden in Windows XP Easter Eggs (Definition) - A hidden message or feature in an application. This guide covers the undocumented and hidden features in Windows XP. All of the following were tested in Windows XP only. Notes - This is not a performance related guide, use the Optimize XP Guide to improve s
MySQL
MySQL HeatWave MySQL HeatWave is a fully managed database service for transactions, real- time analytics across data warehouses and data lakes, and machine learning services, without the complexity, latency, and cost of ETL duplication. It is available on OCI, AWS, and Azure. Learn More » MySQL Enterprise Edition The most comprehensive set of advanced features, management tools and technical suppo
Photoshopによるマットペイントの仕方
以前に書いた記事の中で、「スターウォーズ エピソード3の超高画質マットペイント」というのがあり、この中で「Photoshopを使っている」とありましたが、どういう感じでここまで仕上がるのか？と思った方も多いはず。 というわけで、Photoshopによるマットペイントの仕方を解説したサイトがあったので紹介しておきます。 Photoshop matte painting 元の画像からここまでリアルにできあがるとは…。ページの最後に完成の画像があり、マウスを上に乗せると元の画像と比較できます。 比較画像拡大版がこれ。 随分様変わりしますね……。 ほかにもちょっと違いますが、これはPainterを使ったポートレートのチュートリアル。ハリーポッターを作ってます。 Painter Portrait Tutorial by *shley77 on deviantART これもかなり秀逸なチュートリアル。
クォータービュー pixel art tutorials
Pixel art tutorial This tutorial will try to help you create pixel art, ISOMETRIC PIXEL ART Isometric Pixel Art, Complete Guide: Chapter 1 Isometric Pixel Art (IPA) is a modern form of digital art that only recently has been accepted as a new art form. This excellent guide explains how to make IPA from beginning to end.
Perlクックブックソースコードリンク集
Perlクックブックソースコードリンク集 このページは「Perlクックブック―Perlの鉄人が贈るレシピ集(第１版)」に記述されているソースコードを簡単に参照できるようにするために作成したリンク集です。ネットワーク上に存在するPerl Cookbook(英語)のリソースに対してリンクを設定しています。 Perlクックブックの解説やソースコードの引用は私のウェブページ上には用意していません。必要であればPerlクックブックを購入するか、あるいはリンク先の英文の解説を読んでください。 １章 文字列 1.0 概要 レシピ1.1 部分文字列を取り出す レシピ1.2 デフォルト値を設定する レシピ1.3 一時変数を使わずに値を交換する レシピ1.4 ASCII文字をコード値に（コード値をASCII文字に）変換する レシピ1.5 文字列を1文字ずつ処理する レシピ1.6 文字列を単語または文字単位で逆
tips/71 - VimWiki - David Rayner's Best of Vim Tips part 1
ﾌｩｰｲｾｫﾓ遧Cﾐｵﾖﾆﾔ�ﾓﾐﾏﾞｹｫﾋｾ｣ｨﾔｭﾌｩｰｲ蜻下僂ﾐｵ輯｣ｩﾒﾀﾍﾐﾌｩｰｲﾌｩﾉｽｽｯ僂ﾐｵﾖﾆﾔ�ﾓﾐﾏﾞｹｫﾋｾﾘSｸｻｵﾄﾉ峵aﾙYﾔｴｳﾉﾁ｢,ｾﾟﾓﾐ20ｶ狷�ﾖﾆﾔ�嘛ﾊｷ�｣ｬﾊﾇﾖﾐ�峵a蜻下僂ﾐｵ��｡｢ﾒｱｽCﾐｵｵﾄ献露ﾖﾆﾔ�ｹｫﾋｾﾖｮﾒｻ ﾌｩｰｲｾｫﾓ遧Cﾐｵﾖﾆﾔ�ﾓﾐﾏﾞｹｫﾋｾ ﾂ苫ｵﾈﾋ｣ｺ┐ｿ� ﾊﾖ僂｣ｺ15605385156 13793807682 �間張ｺ0538-8560687 �譽ｺ0538-8560686 濔ｾ璽ｺ271000 ｵﾘﾖｷ｣ｺﾌｩｰｲﾊﾐﾌｩﾉｽﾇ犇ｺ�祷I饑ｰl�^
vimで文字コード自動判定 - きょうのOSバカ 使ってますよ、電子小物！
玄箱で使っているエディタ「vim」を使いやすくするため設定ファイル「.vimrc」を「ずんWiki - vim」を参考に作ってみました。 玄箱の設定ファイルを編集する分には日本語は出てこないので問題ないのですが、国産のLAMPアプリケーションには説明行に日本語が使われていたりします。今まで日本語コードが「euc」以外は文字化けして玄箱ではそのまま編集できなかったので、「nkf」でいったん「euc」に変換して編集後また元に戻したり、Macへ転送して「Jedit」で編集後戻したりと、ちょっと面倒なことをしていました。でもどうやら「vim」では設定で文字コードを自動判定してくれるということなので「ずんWiki - vim」に書かれているとおり if &encoding !=# 'utf-8' set encoding=japan endif set fileencoding=japan if h
中小企業のインハウスSEO担当者に適任なのは誰か
ウェブサイトからの新規の問い合わせを増やしたい中小企業経営者が自分でSEO（検索エンジン最適化）を実施する方法と手順の総合的なガイドです。SEO初心者でも、予算がなくても、時間と労力さえかければ確実にSEOで上位表示できる方法を、できるだけ簡単に、わかりやすくお伝えします。 SEOは自分でできるSEO（検索エンジン最適化）は自分でできます。問い合わせの獲得を目標とする中小企業のサイトであれば、経営者または後継者が自分で取り組むことで十分な結果を出すことが可能です。確立された必勝パターンが存在しますので、このページで紹介する手順に沿って実施していくだけです。特別な知識や技能は必要ありません。 SEOは見込み客のほうから自発的にあなたの情報を求めて訪問してくれる集客手法です。あなたが持っている職務上の専門知識をコンテンツとしてウェブサイトに掲載すれば、それを必要とし探し求めている見込み客が、あ
Japanese - The Joel on Software Translation Project
[edit] カリフォルニア 2007年10月5日 [edit] FogBugz On Demand 2007年7月9日 [edit] マネジメントの本 2007年6月29日 [edit] 記憶に残るようなカスタマサービスへの7ステップ 2007年2月19日 [edit] ファウンダーズ アット ワーク 2007年1月30日 [edit] Copilot 2.0リリース! 2007年1月26日 [edit] ビッグピクチャー 2007年1月21日 [edit] 新年の抱負: もっといい仕事につくこと! 2006年12月20日 [edit] 50万件のバグ! 2006年12月20日 [edit] 新作! 2006年12月18日 [edit] エレガンス 2006年12月15日 人々がソフトウェアをいじるのは、多くの場合、それで遊びたくてそうしているわけではない。彼らがソフトウェアを使うの
JavaScriptでブラウザのフォントサイズを検出する方法:phpspot開発日誌
A List Apart: Articles: Text-Resize Detection When you design for the web, you don’t know what software people will use to experience your site, and you don’t know what capabilities your users (and their software) have.CSSとJavaScriptでブラウザのフォントサイズを検出する方法。 ブラウザの各々のフォントのサイズって検出できないと思っていましたが、JavaScriptを使うことでそれが可能です。 これにより、次のことが可能になります。 ・ フォントサイズに合わせたデザイン調整 ・ アクセスログに新たなデータを追加(利用者はどのぐらいのサイズで自分のページを見ているか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sexy Code Snippet Management With Gists
JOIN88: Link Alternatif Main Game Online Terlengkap
7 Ways Google+ Users Are Getting More Out of Their Circles
サービス終了のお知らせ