2012-06-01から1ヶ月間の記事一覧

次のサイト作成は居酒屋です!

クラスでもすでに居酒屋さんは取り上げられてますが、私も今回はこのテーマで。 お店紹介 今回作らせていただくことになった居酒屋さんは品川区内京浜急行(京急)新馬場駅南口すぐの焼酎ダイニング鶏也-TORIYA-さんです。https://plus.google.com/105829514…

この期に及んで。。。

今まで頑なにつけていなかったリンクを設置しました。 自分の中でどれだけ順位が上がるかをみていたのですが、やっと自分のニックネームで2位まで来たので、そろそろいいかと。さらにタイミング的にもFreeNameCardzを立ち上げたので、そっちのリンクも張るつ…

FreeNameCardzのFBページを作成しました

一応サービスを立ち上げたのでマーケティングを実感するため色々手を出してみようかと思っています。手始めにFBページを作りました。 https://www.facebook.com/FreeNameCardzBySchipこれをサイト内から「いいね」ができるように改修していこうかと思ってま…

指摘点

先生からいただいた指摘点。なるべく早く対応したい。 ビルボード左のエリアがもったいないので使えればもっと良い ヘッドライン下のアンダーラインの色をパステルっぽくするとよい footerエリアを有効に使う⇒サイトマップのようなものに利用するのがベスト

プレゼン内容

プレゼンについては内容を作成する上で「ここを書く」というポイントを決めたのでそこの部分だけ 大まかな振り返り⇒デザイン、上位検索、スクリプトの3点について一言コメントを入れました。 予定と実績⇒設計時に作ったイメージと変わってしまった部分、その…

最終プレゼン(反省点)

最終プレゼンを行いました。 プレゼンをそのまま添付したいところですがそういうわけにもいかないのでまとめを。まず色々問題があった部分 リソース管理 サーバ構築 まずリソース管理ですが、途中のバージョンをどこまで残すのかが大きな問題でした。 今まで…

IE対応

まずはJSの対応が終わりましたが、CSSに大きな問題が。。。。 CSSスプライトがうまく動かない(IE8以前) divで作ったパネルがずれる。(IE7のみ) 画面が表示されない(IE8のみ) ライトボックスの背景が表示されない こんなとこで突っかかるとは。。。。→CSS…

ベクタデータ配布ページ共有

http://sore.hontonano.jp/objectandelement/524-wing-free-material-vector.htmlこちらで商用OKのベクタデータ配布サイトをまとめてくれてます。 一部わかりづらいページに飛びますが、それでも十分な量があります。今回こういったベクタデータを配布してく…

デザインづくり完成

やっと今日の明け方までかけて終わらなくて、途中で息絶えてしまったので先ほどまでかかって やっと80個のデザインをとりあえず作りました。著作権表示を入れた画像も作りましたが・・・・これからその画像を切り離す作業とさらにリスト用、詳細用のサイズを…

ベクタデータをフリーで

http://www.vectorss.com/綺麗なベクタデータを提供してくれています!

IEtesterでIEのバージョンを指定して軌道

http://blog.tiny-studio.com/dreamweaver-ietester-versionここに書いてあります。 意外に便利

詰めなのに。。。

いやー。進まない。。。。とりあえず。 昨日の導線の問題は対応。後は何故かxamppが思った通りに動かなくなってた。。。。 PC修理前は動いていたし、手順通りだからうまくっていると思ったんだけどなー。ちなみに現象はDocumentRootが1か所に固定されてしま…

以前の不明点解決

http://d.hatena.ne.jp/schipperke0614/20120623/p1この部分。 やっと解決。。。。 ミスってた。。。というより認識不足。<a href="xxxxx"><em>リンクテキスト</a>に対してem{ visibility:hidden; }をかけておけば問題ないと思っていたが。。。。 アンカータグにtext-decoration:none…

参考や必要ファイル

さっき自分でも見つからなかったので・・ wordで名刺印刷 http://d.hatena.ne.jp/schipperke0614/20120603/p1 イラストレーターで印刷時の型紙(自作というか友人の指導でつくった) https://www.sugarsync.com/pf/D7439582_829_89329828この二つがあれば形…

検索ロボット対策

授業でも出てきた検索ロボット対策ファイルを作成した # Disallow all crawlers access to certain pages. User-agent: * Disallow: /css/* Disallow: /detail/* Disallow: /images/* Disallow: /js/* Disallow: /list/* Disallow: /Script/* Disallow: /swf…

Webサーバが攻撃されてた(失敗したみたいですが)

http://mixinuko.com/wordpress/2010/08/22/phpmyadmin-%E3%82%92%E7%8B%99%E3%81%A3%E3%81%9F%E6%94%BB%E6%92%83%E3%81%AB%E3%81%94%E6%B3%A8%E6%84%8F%E3%80%82dd_ssh-%E3%81%AB%E3%81%94%E6%B3%A8%E6%84%8F%E3%80%82/このログが出てた。 すべて404のリタ…

LightBox内のイメージ

色々試してみたのですが、調整しやすいのでtable使いました。 divとかでもよかったんですが、エリアも小さいのでdivでbox組みするまでも無いようにに思えてきたためこの形にライトブルーの背景がちょっと気になりますが、名刺サイトで黒のバックは避けたいな…

一通り終わったらですが

現在のレイアウトというか機能を色々考えた末、昔に戻そうかと。。。。ただし、優先度を上げてしまうと完成しない可能性もあるのでまずは内容を先に!ここまで来ると全体の色味も変えたくなってきた。。。図にはないですがサイトマップはとりあえず廃止の方…

Jquery内で動的生成されたタグのイベント

実はずっとうまくいってなかった問題が解決。自作したlightbox内に動的にタグを生成して、そのクリックイベントを取得することができずに「クローズ」させるリンクが作れていませんでしたが、やっと解決!問題の原因は一つだけ 生成される前のエレメントにエ…

IE表示でおかしな点が

いや、、、点じゃない線が・・・ 該当部分HTML <div id="sidemenu"> <h2 id="search"><em>名刺を探す</em></h2> <ul> <li id="l1"><a href="simple.html"><em>シンプルな名刺</em></a></li> <li id="l2"><a href="cool.html"><em>かっこいい名刺</em></a></li> <li id="l3"><a href="pretty.html"><em>かわいい名刺</em></a></li> <li id="l4"><a href="pics.html"><em>写…</em></a></li></ul></div>

家紋を著作権フリーで使わせてくれるサイト

crest-japan http://eps.crest-japan.net/ 当サイトで配布している素材は全てEPS形式のベクトルデータ(拡大縮小しても劣化しない)です。 編集にはAdobe社のIllustrator ver.10以上が必要です。 恥ずかしながらEPS形式っていふものを初めて知ったわけですが…

フリー写真素材サイト

知人から聞きました! 商用おkです。ただし使うときはお礼のメッセージは入れてあげましょう^^ 社会人としてのマナーですねw写真素材 足成 http://www.ashinari.com/

簡易版スライダーを手作りしてみた

やっとできた。。。。 スライダーって言ってもものすごく簡単で使っている関数というかコマンドにあたるのかわかりませんが、 使っているのは2つだけ 「.show()」 「.hide()」 ただし、これだけだと単に消えるか出るかだけなのでjQuery UIのプラグインを二…

有名なJQueryのプレゼンの進化版。。。かな?

この人のプレゼン資料好きです! この資料なら20分で話しきれるし、集中して聞かせられる自信がある!http://www.slideshare.net/ym405nm/jquery-it

【AS課題55】

以下のようなムービーを作りなさい http://d.hatena.ne.jp/web-design-advance/20120611 解答 ※フレームレート:10で実行しています。 var vectorX = 10; var vectorY = 10; var marginX = 1; var marginY = 1; var objWidth = plane_mc._width; var objHe…

【実践課題F】

以下のように商品の単価と在庫の関係の表組みを表示させなさい。 解答 <html> <head> <meta charset="utf-8"> <style type="text/css"> table{ border:1px solid #333; border-collapse:collapse; } th{ width:200px; border:1px solid #333; background-color:#999999; } td{ border:1px solid #333; background-colo</meta></head></html>…

【実践課題E】

以下のように商品の単価と個数の関係の表組みを表示させなさい。 解答 <html> <head> <meta charset="utf-8"> <style type="text/css"> table{ border:1px solid #333; border-collapse:collapse; } th{ width:200px; border:1px solid #333; background-color:#999999; } td{ border:1px solid #333; background-colo</meta></head></html>…

【実践課題D】

以下のように演算結果を表示させなさい。 解答 <html> <head> <meta charset="utf-8"> <style type="text/css"> table{ border:1px solid #333; border-collapse:collapse; } th{ width:200px; border:1px solid #333; background-color:#999999; } td{ border:1px solid #333; background-color:#fff; text-align:cen</meta></head></html>…

【実践課題C】

配列を使い、以下のようにリストのリンクを表示させなさい。 解答 <html> <head> <meta charset="utf-8"> <title>実践課題C</title> </head> <body> <script type="text/javascript"> var list = new Array("ホーム","会社情報","製品情報","お問い合わせ"); var strHtml="<ul>"; for(i=0;i<list.length;i++){ strHtml+="<li><a href='#'>"+list[i]+"<\/a><\/li…</list.length;i++){></ul></body></html>

【実践課題B】

配列を使い、以下のような表組みを表示させなさい。 解答 <html> <head> <meta charset="utf-8"> <style type="text/css"> table{ border:1px solid #333; border-collapse:collapse; } th{ border:1px solid #333; background-color:#999999; } td{ border:1px solid #333; background-color:#fff; } </style> <title>実践課題B</title> …</meta></head></html>