X_NOTE: 5月 2012

2012年5月29日火曜日

Javascriptのみでスムーズページスクロール(加速なし)

以下を<head></head>の中に記述

以下をhtmlに記述



ページの上へ

CSS(スタイルシート)をjavascriptで切り替える色々な方法cookie

CSS(スタイルシート)をjavascriptで切り替える色々な方法のメモ
参考サイト
http://blog.4galaxy.net/19.html

2012年5月28日月曜日

background-positionを使った背景画像の指定

上のキャプチャーのように点線を背景画像で引く方法。
(borderの指定だと上手く行かなかった場合など)

参考URL
http://www.css-lecture.com/log/css-beginner/041.html

スクロール時に画像の読み込みを開始するAjax Lazyload

スクロール時に画像の読み込みを開始するAjax Lazyload
http://blog.4galaxy.net/67.html

上下中央配置(CSS)

上下中央配置(CSS)のメモ

<html部分>
<CSS部分>
<参考サイト>
http://www.css-lecture.com/log/css/032.html

2012年5月22日火曜日

簡単なgoogleのサイト内検索設置

以下をコピペ。「ja.wikipedia.org」はページのドメイン名にする。
(参考サイト)http://search.web-sun.com/zatu/g_site.html

syntaxhighlighterでコードをきれいに表示させる

syntaxhighlighterでコードをきれいに表示させる
(1)下記サイトからjs,css,swfファイルをダウンロード
syntaxhighlighter(google code)

(2)必要なJSをアップロードする。html、CSS、JS、PHPの場合。

(3)htmlの方には以下<textarea>で囲んだ中にスクリプトを記述。
class=""のところに表示するコードの名前を入れる。

完了!

(参考サイト)
http://mrs.suzu841.com/highlighter/dp.SyntaxHighlighter/

スマホサイト制作リンクまとめ

(参考)実践！iPhone＆Androidサイト制作ガイド

＜ページ振り分けJS＞
以下をhtmlにコピペ

2012年5月19日土曜日

1960:1080の映像をDVDオーサリングするとき。720:404になる。

1960:1080の16:9の映像をDVDにオーサリングするとき。
最大の解像度は720:404になる。
＜finalcutを使用してキレイに書き出す方法>
シーケンスの設定を「Apple ProRes422」
Quicktime変換で書き出す時も「Apple ProRes422」で
書き出すときれいに書き出せる。

そのかわり容量がでかいが

<参考URL>
https://discussionsjapan.apple.com/thread/10102835?start=0&tstart=0
https://discussionsjapan.apple.com/thread/10009938?start=0&tstart=0

2012年5月16日水曜日

IllustratorCS3でリンク画像を任意の場所に収集する方法

IllustratorCS3でリンク画像を任意の場所に収集する方法！
(1)「画像収集CS3」というソフトをダウンロード、
(2)リンク画像をまとめたいイラレのファイルを開く
(3)このソフトを起動してリンク画像をまとめたい場所を指定する。
(4)実行して成功するとイラレファイルが自動的に閉じる。
(5)完成！

ダウンロードは以下リンクから。
【Illustrator】CS3で配置画像を収集する方法（追記あり）

2012年5月7日月曜日

SNSボタン(アイコン型を設置)facebook,yahoo,twitter,google,はてなブックマーク

○SNSボタン(アイコン型を設置)facebook,yahoo,twitter,google,はてなブックマーク

( 1 )twitterアイコンのつぶやくボタンを設置する。


<a href="http://twitter.com/share?count=horizontal&amp;original_referer=ここに絶対パスでページのURLを書く&amp;text=タイトル部分&amp;url=

ここに絶対パスでページのURLを書く(ツイート時に表示される)

&amp;" onclick="window.open(this.href, 'mywindow6', 'width=750, height=550, menubar=no, toolbar=no, scrollbars=yes'); return false;"><img src="ここにオリジナルの

twitterアイコンを入れる" width="18" height="18" /></a>

( 2 )facebookアイコンのシェアボタンを設置する。


<a href="http://www.facebook.com/share.php?u=ここに絶対パスでページのURLを書く" onclick="window.open(this.href, 'mywindow6', 'width=750, height=550, menubar=no, toolbar=no, scrollbars=yes'); return false;"><img src="ここにオリジナルのfacebookアイコンを入れる" width="18" height="18" /></a> 





( 3 )はてなブックマークボタンを設置する。

<a href="http://b.hatena.ne.jp/entry/ここに絶対パスでページのURLを書く

" class="hatena-bookmark-button" data-hatena-bookmark-layout="simple" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="18" height="18" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

( 4 )Yahoo!ブックマークボタンを設置する。※ページURL等は書かなくてOK

<a href="javascript:void window.open('http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t='+encodeURIComponent(document.title)+'&amp;u='+encodeURIComponent(location.href)+'&amp;ei=UTF-8','_blank','width=750,height=550,left=100,top=50,scrollbars=1,resizable=1',0);"><img src="http://i.yimg.jp/images/sicons/ybm16.gif" width="16" height="16" alt="Yahoo!ブックマークに登録" style="border:none;"></a>

( 5 )googleブックマークボタンを設置する。


<a href="http://www.google.com/bookmarks/mark?op=edit&bkmk=

ここにhttp://以下のページURLを書く&title=タイトル部分

" onclick="window.open(this.href, 'mywindow6', 'width=750, height=550, menubar=no, toolbar=no, scrollbars=yes'); return false;"><img alt="" src="http://www.google.co.jp/favicon.ico" border="0" width="16" height="16" /></a>

参考サイト
「facebook,twitter,はてぶボタンの設置方法」
http://es.istgut.jp/tips/facebooktwittermixi.html
http://b.hatena.ne.jp/guide/bbutton

「yahooブックマークボタン設置方法」
http://bookmarks.yahoo.co.jp/settings/tools/savelink

「googleブックマークボタン設置方法」
http://blog.seiji.me/blog/2008/05/13/161/

「小窓の開き方」
http://amenti.usamimi.info/windowopen.html

登録: 投稿 (Atom)