03/26

・Firefoxのアドオン「Pearl Crescent Page Saver」
無料版はInstall Page Server Basicをクリックしてください。インストールすると検索バーの右側などにカメラのアイコンが出てきます。こいつをクリックするとファイル名と保存先を指定する画面が出てくるので、自由に決めて保存するとページ全体のスクリーンショットを撮ってくれます。横の▼から「表示部分のみ」を選ぶと現在表示されている範囲のスクリーンショットになります。
・GoogleChromeの拡張機能「webページショット」こちらもインストールするとカメラアイコンが出てくるので、クリックすると上のと同じ様なことができます。ただ画像が新しいタブで表示されて右クリック→名前を付けて保存をしないといけないのでややめんどいです。
・おまけ:MacのスクリーンショットMacにはデフォルトで4種類のスクリーンショットがついています。------------------------------コマンド+シフト+3 : 画面全体のスクリーンショットをデスクトップに作成コマンド+シフト+コントロール+3 : 画面全体のスクリーンショットをクリップボードにコピーコマンド+シフト+4 : 選択範囲のスクリーンショットをデスクトップに作成コマンド+シフト+コントロール+4 : 選択範囲のスクリーンショットをクリップボードにコピー------------------------------普通のスクリーンショットなので隠れている部分を撮ったりはできないですが、表示されている部分でよければコマンド+シフト+4なんて結構便利だったりします。
FirefoxのアドオンやChromeの拡張なんかは似たようなものもたくさんあると思いますが、ぼくはMacなのでデフォルトのスクリーンショットをよく使います。どうしても隠れている部分も欲しい時はアドオンを使うっていう感じです。先日Javasciptはプロトタイプベースの言語である事を失念して恥ずかしい思いをしました。
同じミスをしないようにメモしておきます。
---------------------------------------------
var o = {huga: 'huga', moge: 'moge'};
for (var i=0; i<o.length; i++) {
alert(o[i]);
}
---------------------------------------------
あれ?動かない・・・っていうので10分ほど思考停止。
PHPばっかり書いていて、そちらの連想配列に慣れてしまうとたまに意味が分からないことをしてしまいます。
PHPとjavascriptの連想配列は全く違うんですよね。
javascriptはすべてオブジェクトです。
つまりjavascriptの配列は'連想配列'の特殊なパターンのわけです。
だから、'.length'使いたかったらこう書かないといけませんよね。。
---------------------------------------------
var o = {0: 'huga', 1: 'moge', 2: 'hage', length: 3}
o.__proto__ = Array.prototype;
---------------------------------------------
でもこんなの何の意味がないのは見れば当然...わざわざlengthに自分で数を入れるなんて、無意味もいいところなので。
素直に
---------------------------------------------
for(var i in o){
alert(o[i]);
}
---------------------------------------------
で、解決しました。
情報を探している人にダイレクトに情報を届けられるインターネットでは必要な情報をウェブサイトでより効果的に表現することが重要です。そこで見出しや説明文にはより興味を持ってもらえるような表現方法が重要です。
●「C」=Catcchy(奇抜性) タイトルや見出しに訴求力があること
●「U」=Useful(有益性) その情報によってユーザーがメリットを得られること
●「T」=Trendy(話題性) 流行のキーワードに合わせた情報発信のタイミング
●「I」=Interresting(面白さ) 内容の面白さ。興味をひく演出
●「N」=New(目新しさ) 単なるニュースではなく、ユーザーが知らない、気付いていない物事を知らせる
一人でも多くの人にサイトの情報を知ってもらう為に、適切な情報を提供することが企業ウェブサイトの存在理由です。
<img src="img_001.jpg" onmouseover="src='img_001_o.jpg'" onmouseout="src='img_001.jpg'" />
と書かなければならないところを、
<img class="over" src="img_001.jpg" />
で済むようにしました。
1.ロールオーバー用の画像を用意してファイル名に_oをつけます。
例:img_001.jpgとimg_001_o.jpg
2.Jqueryを読み込んで下記タグを貼りつけます。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
<script language="JavaScript">
<!--
$('document').ready(function(){
$('.over').hover(
function(){
var src = $(this).attr('src');
var src_o = src.substr(0, src.lastIndexOf('.')) + '_o' +
src.substring(src.lastIndexOf('.'));
$(this).attr('src',src_o);
},
function(){
var src = $(this).attr('src');
var src = src.substr(0, src.lastIndexOf('.')-2) +
src.substring(src.lastIndexOf('.'));
$(this).attr('src',src);
}
)
});
// -->
</script>
3.ロールオーバーしたい画像にoverクラスをつけます。
例:<img class="over" src="img_001.jpg" />
--------------------ご自由にお使い下さい。$(function(){
$("#search_button").bind("click",function(){
$("#blog_in").slideUp();
});
});$(function(){
$("#search_button").bind("click",function(){
$("#blog_in").slideUp();
});
$("#searchform").submit(function(){
$("#blog_in").slideUp();
});
});2011/11/12(土) 11:45
2011/09/01(木) 15:37
2011/08/20(土) 14:16
2011/08/11(木) 15:43
2011/07/21(木) 8:59
2011/06/27(月) 18:55
2011/05/22(日) 16:07
2011/05/22(日) 16:03
2011/02/10(木) 9:35
2010/07/02(金) 8:57