授業メモ

wordpress バックアップ

<html lang="ja"> <head> <meta charset="<?php bloginfo('charset') ?>"> <title><?php bloginfo('name'); ?> <?php wp_title(); ?></title> <link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" type="text/css"> </link></meta></head></html>

jQueryを使ったサイト練習 1:Kitchenware Club途中経過

floatの解除が理解できていないので、そこら辺を意識して取り組んでいきますー <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/base.css"> <script src="js/"></script> <link href='http://fonts.googleapis.com/css?family=Simonetta' rel='stylesheet' type='text/css'> </link></link></meta></head></html>

楽しいおかず修正:IE対策!(IE9だけ。。)

前の記事のコードを、IE9で見たらレイアウトがめちゃくちゃ崩れていて、修正しました。 http://web-study.lolipop.jp/kadai/css/side_dish/ ポイント IEの場合、画像リンクにborderがついてしまい崩れる。 なのでcssに下記のコードを追加しました。 img {bor…

課題 : 楽しいおかず

作成リンク http://web-study.lolipop.jp/kadai/css/side_dish/CSSを削っった! <html lang="ja"> <head> <meta charset="UTF-8"> <title>楽しいおかず♪</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div id="container"> <section class="left"> <figure class="box"> </figure></section></div></body></html>

JQuery や CSS でtabsなど

overcast http://web-study.lolipop.jp/kadai/jquery/tabs/overcast/ JQuery_tools http://web-study.lolipop.jp/kadai/jquery/tabs/jquery_tools/ Yetii http://web-study.lolipop.jp/kadai/jquery/tabs/yetii/yetii.html タブ切り替えパネル http://web-st…

JQuery : スクロールとライトボックスを組み合わせる

スクロール+ライトボックス http://web-study.lolipop.jp/kadai/jquery/scroll_lightbox/index02.html 「美女」というキーワードで画像検索して、15位までのせました! スクロール http://web-study.lolipop.jp/kadai/jquery/scroll_lightbox/index01.html

jQuery : accordionのソースを削ってみた

http://web-study.lolipop.jp/kadai/jquery/accordion/index.html <html lang="ja"> <head> <meta charset="UTF-8"> <title>jQuery UI Example Page</title> <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.21.custom.css" rel="stylesheet" /> </link></meta></head></html>

jQueryの基本

ボタンをクリックし文字が消えていく クリックして四角形表示 アコーディオンパネル

Flash:音の再生

クリックワン!

Flashでウォーキング

ActionScriptで時計を作る

ripple(リップル):さざなみ効果

クリックしてPLAY。 参考 http://d.hatena.ne.jp/web-css-design/

授業メモ 7月9日

HTML5 googleの検索エンジンはtitle,description,pが拾われる。 hは拾われない articleはRSSフィードで読まれるもの section使う場合はH1をつかう。 hが読まれるのはarticle articleはhの種類までは拾わない hは階層構造の役割ではないか? Jimdo discriptio…

授業メモ 7月6日

HTML5 sectionとarticleの使い方がはっきりしていない。 <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href=""> <script src=""></script> <…</link></meta></head></html>

授業メモ 7月5日

名刺を作る:イラストレーターで作る 墨乗せ:黒い文字を印刷する際に、白い隙間をなくす。(色が重なる) 編集→カラーを編集→オーバープリントブラック イラストレーターは初期設定で設定されていない。 DTPソフトはデフォルトで設定されている 墨乗せの確…

授業メモ 7月4日

Google Dance サーバーの数だけ更新がほしい 外部リンクで上位に行くのは一瞬。 名刺の作成:イラストレーター サイズは55×91 オブジェクト→トリムマークを作成 カラースウォッチ→ライブラリ→カラーブック→DICカラーガイド 作った四角をctrl+5でガイド作成…

授業メモ 7月3日

「@import: url」 は遅くなるので、使わない。 「base.css」 「style.css」 の2つを使うほうが早い。 コントラストを作る、黒白コピーをとって読めないものはダメ。 色の面積は最低3色使う。 文を書く際1.5文字の空きが必要。(20px以上) 読ませようと思…

授業メモ 6月29日

Photoshop ドロップレット:バッジ 自動処理ができる Flash パブリッシュ→gif→アニメーション 半角英数字はしっかり記入する。 例:100%→100%

授業メモ 6月27日

http://web-study.lolipop.jp/png-jpg/ <html lang="ja"> <head> <meta charset="utf-8"> <title>透過png:IE対策</title> <style> body{ background-image: url(bg.jpg); } </style> <script src="DD_belatedPNG_0.0.8a-min.js" type="text/javascript"> </script> <script> DD_belatedPNG.fix('i…</meta></head></html>

授業メモ 6月21日

JS実践課題A <html lang="ja"> <head> <meta charset="utf-8"> <title>実践課題A</title> </head> <body> <script> var msg = ['大吉','中吉','吉','凶']; var r = Math.floor(Math.random() * msg.length); document.write(msg[r]); </script> </body> </html> JS実践課題B-1 <html lang="ja"> <head> </head></html>

授業メモ 6月20日

実践課題A var numb:Array = new Array(10,32,7,9,15); trace(numb[3]); num.text = numb[3]; 実践課題B var week:Array = new Array("日曜日","月曜日","火曜日","水曜日","木曜日","金曜日","土曜日"); this.text01.text = '今日は' + week[3] + "です。";…

授業メモ 6月19日

smart4me wix手軽に作れるがアドレスが決められない

授業メモ 6月18日

var base:Number; var rate:Number = 5; this.s01_btn.onRollOver = function() { base = main_mc.j01_mc._x; } this.s02_btn.onRollOver = function() { base = main_mc.j02_mc._x; } this.s03_btn.onRollOver = function() { base = main_mc.j03_mc._x; } …

授業メモ 6月14日

Roulette currentframe

授業メモ 6月13日

画像置換1 http://web-study.lolipop.jp/felica_study_memo/0613/tikan.html 画像置換2 http://web-study.lolipop.jp/felica_study_memo/0613/tikan2.html JQuery #slideshow { &#160; width: 400px; &#160; height: 300px; margin: 80px auto; } <body> <div id="slideshow"> <script> &#160</div></body>…

授業メモ 6月11日

javascript confirm : 確認するという意味 Lightbox minは改行をとって、ファイルのサイズを小さくしています。 minが付いていないものと同じです。opacity:不透明度、1が最大 ディレイ:1000が一秒 alt=グループ title=説明文http://web-study.lolipop.…

授業メモ 6月8日

Illustratorの練習 http://d.hatena.ne.jp/web-images/ illustrator 文字処理をする時の常識段落:pタグ 文字スタイル:文字選択で編集します。(alt + click) インデントを使う。スペースは使わない。Wordもスタイルがある。 楽に編集できる。

授業メモ 6月6日

Flash thisはステージ全体が動いている

授業メモ 6月5日

JavaScript bodyに打つ傾向(早くなる)まだはっきりしていない?パスワードはフラッシュで埋め込むと見えない。

授業メモ 6月7日

a = -4438; if(a >= 80 && a < 100){ alert('もうすこし'); } else if(a < 80 && a > 0){ alert('がんば。'); } else if(a == 100){ alert('満点です'); } else { alert('嘘だ!'); } http://d.hatena.ne.jp/web-javascript/20120618/p1