【勉強メモ】動画を背景にする〜html〜

ごきげんよう。動画を背景にする方法を一昨日学びましたのでアップします。比較的簡単で作れるとかっこいいのでおススメですよ！完成図はこんな感じです。（プリントスクリーン画像ですが、ちゃんと動画が背景となっています）あらかじめmp4形式でフリー動…

2015-08-05

【勉強メモ】スマホ用サイト2〜個別ページ用htmlコード〜

個別ページ用のhtml。 <html lang="ja"> <head> <meta charset="utf-8"> <title>空飛ぶペンギンエモトカホリ作品</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <meta name="format-detection" content="telephone=no, email=no"> </meta></meta></meta></head></html>

2015-08-05

【勉強メモ】スマホ用サイト2〜ｊｓコード〜

jsコードは変わっていません。 //アドレスバー(検索バー)を隠す window.addEventListener('load', function(){ setTimeout(function(){ scrollTo(0,1); },100); }, false);

2015-08-05

【勉強メモ】スマホ用サイト2〜cssコード〜

@charset "utf-8"; /*================================================= * ブラウザのデフォルトのスタイルをリセットする * ================================================= */ html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, head…

2015-08-05

【勉強メモ】スマホ用サイト2〜htmlコード〜

ごきげんよう。まず今回分と前回分（【勉強メモ】htaccess1〜htmlコード〜）の違いを軽く触れますと・画像をクリックすると個別ページに飛ぶ・個別ページ作成したといったところでしょうか。ちなみに本日アップ分のサイト階層図は下記の通りです。ではht…

2015-08-04

【勉強メモ】framework〜完成図〜

全て表示青だけ表示濃い色だけ表示これは自分で作成したものをアップしていきポートフォリオに使います。

2015-08-04

【勉強メモ】framework〜ｊｓ〜

// JavaScript Document $(document).ready(function() { $('ul#filter a').click(function() { $(this).css('outline','none'); $('ul#filter .current').removeClass('current'); $(this).parent().addClass('current'); var filterVal = $(this).attr("cl…

2015-08-04

【勉強メモ】framework〜html〜

あらかじめ3色の画像を用意。それぞれの色でさらに2種類濃淡をつけて作成。（3色×濃淡3種類＝計9枚の用意が必要）html <html lang="ja"> <head> <meta charset="utf-8"> <title>無題ドキュメント</title> <link rel="stylesheet" href="css/style.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> </link></meta></head></html>

2015-08-04

【勉強メモ】スマホ用サイト1〜css 〜

@charset "utf-8"; /*================================================= * ブラウザのデフォルトのスタイルをリセットする * ================================================= */ html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, head…

2015-08-04

【勉強メモ】スマホ用サイト1〜htmlコード解説〜

<html lang="ja"> <head> <meta charset="utf-8"> <title>スマートフォン専用サイト</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> content="width=device-width 幅をデバイスに合わせる旨の記述。 initial-scale=1.0 iphone用記述。横にした時ズームになってしまうので、1.0の初期値を入れて横にしてもズームされないようにしてい…</meta></meta></head></html>

2015-08-04

【勉強メモ】スマホ用サイト1〜htmlコード〜

htmlコード <html lang="ja"> <head> <meta charset="utf-8"> <title>スマートフォン専用サイト</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <meta name="format-detection" content="telephone=no, email=no"> </meta></meta></meta></head></html>