SQLの窓 イラストAC フリー素材

2018年02月26日

jQuery で DIV の中の DIV を縦横中央に配置する

ブラウザによって、誤差が 1px 程度あるみたいですが、だいたいにおいてこんなもので行けそうな気がします。
コンテンツ


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(function(){

	$("#box")
		.css(
			{
				"width": "400px",
				"height": "200px",
				"border": "1px solid #000"
			}
		);

	var h1 = $("#box").outerHeight();
	var h2 = $("#target").outerHeight();

	$("#target")
		.css( 
			{
				"width": "200px",
				"text-align": "center",
				"border": "1px solid #000",
				"margin-left" : "auto",
				"margin-right" : "auto",
				"margin-top": "calc( (" + h1 + "px / 2) - " + (h2/2+2) + "px )"
			} 
		);
	
});
</script>
<div id="box">
	<div id="target">コンテンツ</div>
</div>

$("#target").outerHeight() が、フォントサイズか line-height に影響を受けて、奇数の場合は 1ピクセルずれる感じです。
コンテンツ



【jQueryの最新記事】
posted by at 2018-02-26 00:26 | Comment(0) | jQuery | このブログの読者になる | 更新情報をチェックする

2018年02月20日

Amazon 画像のトリミングかぁ・・・。これなら jQuery + CSS でもっといいものが作れそう。

強殖装甲ガイバー ガイバーI アクションフィギュア

強殖装甲ガイバー ガイバーI アクションフィギュア

41kRaoHoinL._SX500_CR133,2,200,250_.jpg

_CR(x座標),(y座標),(幅),(高さ)
Amazon 画像は API を使うと、大きくて枚数も一枚じゃ無い商品があります。特に、フィギュアはそういう場合が多いので、いろいろおもしろいかもしれませんね・・・。 いつか作ろう。 2013/09/27 にそう思ったですが、この事実を知ったサイトが無くなって忘れてました。今5年後ですが、誰かが作ってました。(jQuery のプラグイン使えばそんなに難しく無いです) Amazon商品画像トリミングツール (結局、アソシエイトでしか使ってはダメだから、使いどころは難しいです)
posted by at 2018-02-20 21:46 | WEBサービス | このブログの読者になる | 更新情報をチェックする

2018年02月18日

DAZ3D : 人工衛星 / jpg と png があります( 1600x1200 )

Stellar Fury



プロダクトとしては、たしか無料だった記憶があります。定価で $11.95 だし、お世辞にも良いクオリティとは言えないですが、最近は Iray 用のシェーダを使ったりすると物体ものはクオリティが上がったりします。

他にも二つタイプがありますが、イラストAC に上げるのに一般的なものだけを使って仕上げました(2017/12/09)。

※ イラストAC は、投稿日が無い不思議なシステムなので、常に自分でコメント欄に上げた日を書き込んでいます。




JPG 版の背景に使っているのもイラストAC に上げたものです。

夢の中の青い惑星


※ 地球のバックの宇宙空間は GIMP で作成したものです。

せっかくなので、他の二機体でシーン作ってみました






posted by at 2018-02-18 19:33 | Comment(0) | その他:イラストAC | このブログの読者になる | 更新情報をチェックする

DAZ3D : 銀河パトロールレディ / 壁紙にどうぞ( 1600x1200 )

StarSlayer Outfit for Genesis 3 Female



妖精や魔法のファンタジーも好きだしいいのですが、イラストAC に投稿するとなると使いどころが無いだろうなぁとは前がら思ってました。だからと言って、SF 系だからといってダウンロードが増えるわけでもありませんが、『宇宙』のほうが、はまる時ははまるんだろうと『地球』が結構ダウンロード多いので。



これらは皆同じコスチュームですが、『銀河パトロール』という組織をでっちあげてしまうと、『制服』という事になって違和感無いわけです。作ってても壁紙としてははまりやすいしかっこいいし。



あと、いろいろ作りながらライトやカメラや背景効果なんかを試して自己満足が結構満たされます。このコスチューム買ってから背景の SF 系である宇宙船内部らしいプロダクトもいくつか手にいれました。で、結局そっちだけレンダリングしたほうが需要はあるかもしれないんですが...



でも、結局主人公が居ないとテクニックは上がらないとは思います。構図とかライトってほんと主人公あってのお話だといつも思います。



それと、キャラクタを作り上げる(カスタマイズ)楽しさや、表情を作る練習は風景やってるのと芯の入り方が違うような気がするわけです。



まあ、でも自分でもこれは壁紙以外での使い道解んないですけど...





posted by at 2018-02-18 18:27 | Comment(0) | イラストAC | このブログの読者になる | 更新情報をチェックする

テキスト変換サービス



https://lightbox.sakura.ne.jp/homepage/php/cnvtext/frame.htm

いろいろな文字列に変換して、クリップボードへコピーします。
送信1 pre タグ付きの htmlentities
送信2 innerHTML を使用して、ブラウザが表現する HTML に変換
JavaScript 整形
CSS 整形
unicode JavaScrip 文字列内に書く Unicode
HTML数値文字列参照 HTML 内に書く Unicode
SJIS urlencode SHIFT_JIS をエンコード
UJIS urlencode EUC-JPに変換してエンコード
UTF8 urlencode UTF-8に変換してエンコード
urldecode urlencode 解除
base64_encode  
base64_decode  
メール用

JIS を base64 でエンコードした文字列を
=?ISO-2022-JP?B? と ?= で挟んだもの

メール用decode メール用を元に戻したもの
全角半角 いろいろな全角と半角の相互変換
JavaScript文字列 JavaScript で有効な 文字列に変換
PHP文字列 PHP で有効な 文字列に変換
VBS文字列 VBSCriptで有効な文字列に変換
SQLselect整形 Select 構文を解りやすく整形
Upper アルファベットを大文字に変換
Lower アルファベットを小文字に変換
逆順 文字列を反対から並べる
JIS JIS で表示。
JISでdownload JIS と同じものをダウンロードさせる
JIS->SJIS メール本文は JIS。その為の変換
\エスケープ C や PHP でのファイルのパス作成用
TAB->TABLE Excel から コピーしたデータを HTML の TABLE に変換
TAB->カンマ(トークン変換) Excel から コピーしたデータの変換
カンマ->TAB(トークン変換) Excel に貼り付ける為の変換
カンマ->\nカンマ(トークン変換) 横に長いリストを縦に変換
改行除去(トークン変換)  
改行->SPC(トークン変換) 改行をスペースに変換
空白->1SPC(トークン変換) 複数の空白を1つのスペースに変換
sha1
md5
sha256
sha512



posted by at 2018-02-18 16:55 | WEBサービス | このブログの読者になる | 更新情報をチェックする

2018年02月16日

VBScript + clipコマンド + レジストリ登録で、エクスプローラのディレクトリの右クリックでファイル名のリストをクリップボードにコピーできるようにする



昔はクリップボードにコピーするコマンドを自作したりしてましたが、今では clip コマンドが Windows のコマンドプロンプトから実行できます。
CLIP

説明:
    コマンド ライン ツールの出力を Windows クリップボードにリダイレクトします。
    その出力されたテキストをほかのプログラムに貼り付けることができます。

パラメーター一覧:
    /?                  このヘルプを表示します。

例:
    DIR | CLIP          現在のディレクトリ一覧のコピーを Windows クリップボード
                        に貼り付けます。

    CLIP < README.TXT   readme.txt ファイルのテキストのコピーを Windows
                        クリップボードに貼り付けます。
これを使用すると、dir コマンドの結果をクリップボードにコピーできます。 dir /A:-D /B /O:N | clip ※ -D はディレクトリを省く、/B はファイル名のみを表示、/O:N は名前順に表示 さらに、このコマンドを VBScript から『コマンドプロンプトを開かない』で実行できるようにします。 filelist.vbs
Set WshShell = CreateObject( "WScript.Shell" )

Target= WScript.Arguments(0)
Command = "cmd /C dir ""$1"" /A:-D /B /O:N | CLIP"
Command = Replace( Command, "$1", Target )

Call WshShell.Run( Command, 0, True )

※ 引数に dir 対象のフォルダのパスが入る必要があります。

これを以下の内容で、.reg を拡張子にしてキャラクタセットを SHIFT_JIS か unicode に変更してエクスプローラからダブルクリックして実行すると、エクスプローラのフォルダの右クリックで実行できるようになります。

filelist.reg
Windows Registry Editor Version 5.00

[HKEY_CLASSES_ROOT\Directory\shell\filelist]
@="ファイル一覧をコピー"

[HKEY_CLASSES_ROOT\Directory\shell\filelist\command]
@="wscript.exe \"C:\\tools\\filelist.vbs\" \"%L\""
※ ここでは、filelist.vbs を c:\toos に保存しています。



posted by at 2018-02-16 07:49 | VBScript | このブログの読者になる | 更新情報をチェックする


Android SDK ポケットリファレンス
改訂版 Webデザイナーのための jQuery入門
今すぐ使えるかんたん ホームページ HTML&CSS入門
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX