○JPEG ー圧縮率と綺麗さは[JPEG]が一番よい。 ー「最高画質 100」は再現できないので、通常「高画質 80」 ーJPEGは透過できない○透過GIF ーマット指定は必須○PNG ーPNG24(透過)またはPNG32(Fireworks) ↑切り抜き（アルファチャンネル）を含めた階調のある場…
●ImageAlpha (透過PNG) http://pngmini.com/○IE6対応の透過PNGが作れる。 ○透過を保ちつつ、pngを高圧縮してくれる。使い方 1, ココからダウンロードし、アプリケーションフォルダにいれる。 2. Photoshopで書きだした透過png24の画像をドラッグする。3. IE6…
99Lime HTML KickStart http://www.99lime.com/ ○HTML5/CSS3/jQueryで作られたテンプレート・フレームワークその他のHTML5/CSS3 テンプレート・フレームワークサイト↓ 52framework http://www.52framework.com/ YAML http://www.yaml.de/ スタンダードなカラ…
アロマキャンドル専門店 リッチキャンドル http://www.richcandle.net/日本未発売のアロマキャンドルを扱うサイトです。 Bath＆BodyWorksやアメリカでトップシェアを誇るヤンキーキャンドルなど。 天然素材（大豆）が原料のミレナーズ等のアロマキャンドルを…
○GPS機能とTwitterの連携1, modernizr.jsをダウンロードする → ココ 2, HTML で modernizr.js を読み込むindex.html <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <title>GPS機能とTwitterの連携</title> <link rel="stylesheet" href="css/style.css"> </link></meta></meta></head></html>
○Geolocation API を利用する取得した位置情報を連続的に地図に表示する。 マーカーあり。「navigator」オブジェクトの「geolocation」を利用し、 「watchPosition」メソッドによって連続的に位置情報を取得 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <title>iPhone 位置情報取得</title> </meta></meta></head></html>
○ルート検索マップ２点間のルート検索ができる。 ルートのみの表示で、詳細なし。東京タワー 〜 通天閣のルート <html lang="ja"> <head> <meta charset="UTF-8"> <title>Google Maps API SDK</title> </meta></head></html>
○Static Maps API緯度経度を検索する↓ クネヒト API （日本と世界の数値が若干違う。世界の方を基準に考えた方がよさそう） http://maps.google.com/maps/api/staticmap?center=<緯度>,<軽度>&zoom=<ズーム値>&size=<画像横幅>x<画像縦幅>&sensor=<ユーザー…
まずは楽天のアフィリエイトの リンクシェア で登録し、申請し、、をいくつか繰り返しなんとか完了。 商品リンクをつけたかったけど、乗っけたい商品の写真がなかったので、まずは試しにバナーを。 次はamazonを使ってアフィリエイトできるようにします。
QRコードを手軽に作れるサイトは沢山あるみたいだけど、 ココではQRコード作成ツールを作ってしまうというもの...作ったものを使うときは、単純に画像を貼付ければ完了。qcode.html <html lang="ja"> <head> <meta charset="UTF-8"> <title>検索フォーム</title> <style> body { text-align: center; } </style> </head> <body> <p>QRコードにしたい文字</p></body></html>…
BASIC認証をするためには下記二つのファイルを作成する必要があるようです。 WINとMACでは若干扱い方が違うのですが、ここではMACでのやり方をメモしておきます。.htaccess .htpasswd➀フルパスの確認 1,下記内容を記述したphpファイルを作り、 フルパスを知…
ファイルパレットで表示をリモートサイトにして、ファイルを右クリックまたはCTRL＋クリック。 権限の設定で変更。ローカルファイルの所からは変更できないので注意！！
プレビュー文字化け解消するために 「php.ini」を編集 行頭の「; セミコロン」を削除し、UTF-8に変更。777 ;default_charset = "iso-8859-1" ↓ default_charset = "UTF-8"1774 ;mbstring.language = Japanese ↓ mbstring.language = UTF-81780 ;mbstring.int…
-ベンダープレフィックス- CSS3では「-moz-」や「-webkit-」などのベンダープレフィックスと呼ばれる文字列を付与する必要がある。スタイルシートをコピペすると自動的に作ってくれるサイトもあるらしい。 使い方は→
● テーマ変更 ● リスト表示 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <link rel="stylesheet" href="css/jquery.mobile-1.0.1.min.css"> <script src="js/jquery-1.6.4.min.js"></script> </link></meta></meta></head></html>
1,Youtubeの共有ボタンを押し、埋め込みコードをクリックする。 2,[動画が終わったら関連動画を表示する]を解除し、サイズをカスタムで[幅300×高さ169]設定する。 3,取得したコードを挿入して完了！Googleマップ挿入 1,Googleマップで挿入したい住所を表示し…
-SAMPLE- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </meta></head></html>
■JQuery/ 横スライド -SAMPLE-・下記サイトよりダウンロード（jsファイルに入っている easySlider1.7.js のみ使用。） Easy Slider 17 Numeric Navigation jQuery Slider <html lang="ja"> <head> <meta charset="UTF-8"> <title>jquery easySlider</title> </meta></head></html>
●横スクロール -SAMPLE- 下記サイトよりダウンロード Minimal setup for scrollable JQuery Scrollable ●配列を使ったクロスフェード下記サイトよりダウンロード BrandSpankingNew Crossfader→BrandSpankingNew-SAMPLE-
○音声を再生させなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
○動画を表示させなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
○地図のPDFを表示させなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
○コピーライトを表示させなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
○本来の文章の意図から離れて強調したい部分を区別して表示させなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
○話している部分を区別して表示させなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
○日付を表示させなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
引用を表示させなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題02</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
面積の単位を表示させなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題02</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
二酸化炭素の化学式を表示させなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題02</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
ルビをふって表示させなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題02</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
