↓↓↓
このリアルさ半端ないです、blurを使った遠近間や、反射の光具合など、、、
すごすぎます！
ちなみにnキーを押すとナイトモードに切り替わり！12345キーで視点を切り替えられます！
↓↓↓
下記から見れます！これ作った人ホントすごい！（chrome推奨かと）
http://alteredqualia.com/three/examples/webgl_cars.html
たまに場面場面で利用したい、変換・整形・難読化などをWEBサイトで
簡単に利用できるサイト一覧です！
javascript 圧縮 難読化
http://www.gosu.pl/decoder/
JSONフォーマット可視化
http://chris.photobooks.com/json/default.htm
SQL整形ツールWEB
http://sqllite.webdesktop.jp/
htmlインデント整形ツール
http://hamcutlet.fjord.jp/
アイコンエディタ
http://www.xiconeditor.com/
.htaccessエディター
http://www.htaccesseditor.com/
カラーピッカー
http://www.web-graphics-maker.com/color_picker/
上記サイトと作っていただいた方ありがとうございます！m(_ _)m
先日、このブログをサーバー＆ドメイン移行した際にSEO効果を捨てずに移行したメモを下記に残します。
ＳＥＯ効果を捨てずにと特に根拠はないのですが、実際に自分が移行して、数日間たつのですが、アクセスは減っていないため問題ないと判断したのでメモしておりますｗ
http://e-com.webhop.net/wordpress/
自宅サーバー＋DDNS（マンションタイプの光のため固定ＩＰじゃないから）
※CentOSを使ったＬＡＭＰ環境
↓↓
https://matsudapress.com
さくらVPS＋お名前.com
※CentOSを使ったＬＡＭＰ環境
おそらくデータ移行後も投稿データ内の画像データのパス名が旧ドメインのパスに向いているとおもうので、こちらは直接投稿データのＤＢを書き換えます。
下記のようにsqlの便利なreplaceをつかって旧ドメイン→新ドメインへ書き換えを行います。
※SQLはターミナルや、phpmyadminなどから実行できます。
※wordpressのメディア機能などを利用している場合はwp-content/uploadsディレクトリなども移行させておいてください。
※wp_などテーブル名は、環境によって異なるのでwp-config.phpのprefixを確認してください。
update wp_posts set post_content=replace(post_content,'古いURL','新しいURL') update wp_posts set guid=replace(guid,'古いURL','新しいURL') update wp_options set option_value=replace(option_value,'古いURL','新しいURL'
Options +FollowSymLinks RewriteEngine on RewriteRule (.*) https://matsudapress.com/$1 [R=301,L]
この方法であれば正しく単一記事のＵＲＬも引継ぎます。
http://e-com.webhop.net/wordpress/?p=100
↓ （ちゃんとパラメータを保持してます）
https://matsudapress.com/?p=100
また、この301リダイレクトの方法はgoogleのヘルプにものっており、正しい方法と思われます。 http://www.google.com/support/webmasters/bin/answer.py?answer=83105
上記のように変更できません。
ただこれ見て思ったのが、ルートドメインはSEO的に結構優待されるのでは！とおもってしまいました。
いままでhttp://e-com.webhop.net/wordpressは自分が持っているほかのドメインのサイトよりアクセスが大きい方だったのですが、いっこうにpagerankがあがりませんでした。
なのに、他のドメインでルートドメインのものはこのブログの10分の１のアクセスしかないなのに、pagerankがあがったのでルートドメインは重要な役割があるのかもしれませんｗ
すみません、あくまで推測ですｗ
先週の休みにせっかくこのブログをリニューアルしたので、
ＴＯＰのヘッダー画像にギミックを入れてみました！
画面上部の画像の上でマウスを動かすと奥ゆきがあるように動きます。
最近googleのトップロゴもよくギミックがつかわれていますが、まけじと何か新しいのを入れようと思い色々さがしたところ『jquery.smart3d』というライブラリを発見！
『jquery.smart3d』
http://4coder.info/en/code/jquery-plugins/smart3d/
奥ゆきを出し３Ｄっぽくみせることができるライブラリです。
いくつか用意した画像を何枚もかさねています。png画像を利用して、blurをかけてそれっぽくしてます。
インスパイアされたのはバイオハザード４のこのシーン↓（汗
ただ背景が白くて奥ゆきがあるというだけですが、、（汗
・・・・・利用方法も簡単で、下記ライブラリとjqueryを読んで
<script type="text/javascript" src="/js/jquery_smart3d/jquery.smart3d.js"></script>
あとは、jqueryで下記のように記述し
<script type="text/javascript">
$(document).ready(function() {
$('#smart3d-head').smart3d({ last_is_static: true });
});
</script>
htmlで下記のように表示した画像を指定する。とてもシンプルにできています。
<ul id="smart3d-head" style="display:none">
<li><img src="/images/headers3d/back1160.jpg" /></li>
<li><img src="/images/headers3d/matsudapresslogo3d.png" /></li>
</ul>
一応ＩＥにも対応してます。
またmedia queriesでスマホなどの画面サイズ小にも対応するため、
画面サイズが大きくないとこのギミックが表示されないようにしました。
※onloadで読み込んでいるので、読み込みが完了してから上部画像みていただけると幸いですｗ
ずっとプログラマーとしてやってきたので、
最近デザインももっと勉強しなきゃと日々危機感を感じている今日この頃。。
今回サイトのサーバー移行と一緒に、いままで無料のDDNSで利用していたサブドメインを、
独自ドメインを取得してルートドメインに変更しましたｗ
http://e-com.webhop.net/wordpress/ → https://matsudapress.com
また、移行先もwordpressにしhtml5＆CSS3対応にし、スマホで表示してもレイアウトが崩れないようまえから気になっていたmedia queriesを利用したブログに変更しました。
Media Queriesを利用することで、ブラウザの画面サイズによって利用するCSSを変更できるので、ブラウザの画面サイズを意識し、スマホでも見やすいサイト作成ができます。
このブログでもサイズによってこんな感じに変わります。
サイズ小（主にスマホ用）
下記のように横幅の最小と最大を指定し、そのサイズ内ならこのCSSを適用するということができます。
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
body {
padding: 0;
}
#page {
margin-top: 0;
}
#branding {
border-top: none;
}
}
上記を利用しスマホの画面サイズを意識て作ることできれいなPCデザインをいかしつつスマホにも同時に適用できるのが魅力的です！
ちなみにいままでwordpressのプラグインでスマホ用の画面を用意してましたが、この方法なら好きにカスタマイズできるし、PC＆スマホ両方に適用させたい場面など大変便利になります。
実は今回利用しているテーマですがデフォルトテーマで、最初からMedia Queriesに対応しているので、気になる部分をカスタマイズして利用させていただいております♪