プログラムメモ

Flex,Java,Html など、調べた事のメモ帳です。間違ってたらゴメンなさい。

プログラムメモ

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2025/01/20 18:09

【HTML5】canvas を全画面表示する。

canvasを全画面表示するにはhtmlとcssだけではうまくいかないので、
#wrapperのサイズを取得してcanvasの幅と高さに指定します。

【html】

			
							1
						
							<body>
					
							2
						
							<div id="wrapper">
					
							3
						
							<canvas id="main"></canvas>
					
							4
						
							</div>
					
							5
						
							</body>

【css】

			
							01
						
							body{
					
							02
						
							    margin: 0px;
					
							03
						
							    padding: 0px;
					
							04
						
							    position: relative;
					
							05
						
							}
					
							06
						
							07
						
							body #wrapper{
					
							08
						
							    width: 100%;
					
							09
						
							    height: 100%;
					
							10
						
							    position: fixed;
					
							11
						
							}

【js】

			
							01
						
							$(function () {
					
							02
						
							    sizing();
					
							03
						
							    $(window).resize(function() {
					
							04
						
							        sizing();
					
							05
						
							    });
					
							06
						
							});
					
							07
						
							08
						
							function sizing(){
					
							09
						
							    $("#main").attr({height:$("#wrapper").height()});
					
							10
						
							    $("#main").attr({width:$("#wrapper").width()});
					
							11
						
							}

2013/03/20 15:44 html Comment(0)

お名前.com で独自ドメインの取得

独自ドメイン（例：○○○.com）でネットショップ開業を目指す方は年々増加傾向らしい！？

独自ドメインのメリット: 独自ドメインのメリットですが、まず第一には『信用』ということがあげられと思います。無料のホームページ領域で運営しているショップと独自ドメインで運営しているショップではオーナーのサイトに対する取り組み方が違うと判断する消費者は少なくないと思われます。また、独自ドメインのほうがSEO（検索エンジン最適化）的にも有利だと言われています。当たり前ですが、プロバイダーなど他社の名前が入っているアドレスよりも、短くてオリジナリティがある独自ドメインのほうが覚えやすいし、かっこいいです。

今回は一番安かった「お名前.com」でドメイン取得
EC-CUBE使ってネットショップを始めてみようと思う

2013/03/19 11:59 レンタルサーバー Comment(0)

【HTML】画像に黒枠をつける

画像の枠線をつける。例：太さ5ピクセル
<img src="../../logo.gif" width="140" height="53" border="5">

<img src="../../logo.gif" width="140" height="53" style="border:solid 5px #ff0000">

2013/03/18 12:42 html Comment(0)

【CSS】画像を右下に表示する。

画像の位置を指定するにはposition:absolute;として絶対位置を指定し
「bottom:0%; right:0%;」として右下に配置します。

<html>
<head>
<title>画像を右下に表示する</title>
<style type="text/css">
.pos {
position:absolute;
bottom:0%;
right:0%;
}
</style>
</head>
<body>
<img src="photo.jpg" class="pos">
</body>
</html>

2013/03/17 12:39 css Comment(0)

ランディングページとは？

インターネット広告や、検索エンジンの検索結果からのリンク先となるウェブページ。広告を見る人にとっては、広告（又は検索結果）をクリックすると最初に表示されるページ。必ずしも自社サイトのトップページである必要はない。

各種インターネット広告や、検索キーワードなど、サイトへの入り口が異なれば、サイトを訪れる人の動機や目的も異なる事が多い。
それぞれの動機や目的に合致したランディングページを用意することで、サイトからの離脱率を抑え、コンバージョン率を高める手法をLPO（Landing PageOptimization＝ランディングページ最適化）と呼ぶ。