WEBの勉強～Sass/Ruby～

こんにちは！！メグルです。今日は、昨日の続きで、 sassの設定です。昨日のうちに大体は終わりました。ちなみに、rubyにsassを入れるときに、エラーになったので、下のサイトを参考にインストールしました。インストールや実行中にエラーが起こった場…

2015-01-29

WEBの勉強～HTML5/CSS3～

こんにちは！！メグルです！！今日は、昨日の続きです。 This is the web. | Brad Frost 専用サイトのデバイスによる振り分け方。 php javasqript ボタンでスマホサイトはこちらメディアクエリ <html lang="ja"><head><meta charset="utf-8"><title>無題ドキュメント</title><link href="style.css" rel="stylesheet" type="text/css"></head> <body><div id="header">header</div></body></html>

2015-01-28

WEBの勉強～HTML5/CSS3～

こんにちは！！メグルです！！今日はやることは、スマホサイトをつくる！！です。 pc→５３００万人が現在は→350万人スマホ→1100万人が現在は→4000万人最近は、リッチデザインからフラットデザインに流行が移行している。スマホサイトの特徴・縦長・…

2015-01-27

WEBの勉強～HTML5/CSS3/Dremweaver～

こんにちは！！メグルです。 cssデザイナーの復習必ず上の、style.cssを選択してから、編集を行うこと。上にフロートがかかっていると、隙間がなくなってしますので、まずはsubmenuをクリアーボスして、マージントップを１０pxに設定。クリアーはとても…

2015-01-26

WEBの勉強～HTML5/CSS3/Dremweaver～

こんにちは！メグルです！！金曜日の復習。 dreamweaverを使うと、打ち間違えや、打ち忘れを少なくすることができる。また、cssデザイナーを使うと、コーディングをしなくてもスタイルが出来てしまう。サイトの定義 htmlの入力画像の挿入リンクのつけ…

2015-01-26

WEBの勉強～HTML5/CSS3/Dremweaver～

こんにちは、メグルです。今日は、dreamweaverです。 cssデザイナーというものを使うとコーディングが倍くらい速くなる。デザインで打つと、コードに反映されている。 shift+enterで改行デザインでenterを押すと段落になる。デザインで、フォーマットか…

2015-01-22

WEBの勉強～HTML5/CSS3/～

こんにちは、メグルです。今日はCSS3をやるそうです。参考サイト CSS3リファレンス CSS3リファレンス <body><div class="hako"></div></body></html> .hako { width: 200px; height: 200px; background-color: #8B0079; position: absolute; top: 30%; left: 40%; box-shadow: 2px 2px 2px #aaa; border…

2015-01-21

WEBの勉強～HTML5でのformの作成方法/CSS3/～

こんにちは、メグルです！ css3 a:hover { opacity:0.7; } 矢印が重なった時に、３割透けますよってことになります。次に、数字に黒を囲むコードです。css3で書くと下のようになります。 text-shadow: #3D1117 2px 2px 0px, #3D1117 -2px 2px 0px, #3D1117 …