2011-01-01から1年間の記事一覧

dlのdtとddを横並びにする

HTML&CSS <html> <head> <meta charset="UTF-8" lang="ja"> <title>dlの横並び</title> <style type="text/css"> </meta></head></html>

CSS 2カラムレイアウト

▲Link HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>サンプルスタイルシートカンパニー</title> <link href="css/5.css" rel="stylesheet" type="text/css" media="screen, print" /> </head> <body> <div id="container"> <div id="header"> <h1 id="logo"></h1></div></div></body></html>

文字を表示する

テキストフィールドに文字を表示させる 1. テキストフィールドを作る(ダイナミックテキスト) 2. テキストフィールドの変数名をつける 3. プログラムの記述場所の指定 4. プログラムを記述 5. 実行Script (インスタンス名).text = "(表示したい文字列)"…

iPhoneサイト作成

smart4me【http://smart4me.net/】 PCがあれば10分間で誰でもサイトの作成、公開が可能。Action Script・テキストフィールドに文字を表示。 ・数字を入力し、計算結果を算出。 ・ボタンをクリックする毎にテキストフィールドの数字が増える。

ブログタイトルを変更

CSSカラムレイアウト応用課題

HTML <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>

CSSカラムレイアウト応用課題

HTML <html lang="ja"> <head> <meta charset="utf-8"> <title>ANTICA VINERIA GIULIANO</title> <link href="../css/italian2.css" rel="stylesheet" media="screen, print" /> </head> <body> <div id="container"> <h1></h1></div></body></html>

ページ内の各リンク間の縦スクロールをスムーズにする

【smoothscroll】 http://www.dezinerfolio.com/Point・ファイルをDLし、smooth.pack.jsをサーバにUL。 ・header内にULした上記データのURLをJavascriptで組み込む。 ・HTML内の移動させたいポイントにそれぞれaを設定移動元 <a href="移動先url">移動元</a> ▼ 移動先 <a name="任意の移動先の名前">移動先</a>・互いに…

乱数(ランダム)の整数化

randomメソッド・乱数を返す ・ 何をするのか:不規則な整数値を作成する ・どうやって利用するのか:引数で値の範囲を 指定して乱数を発生させる「randomメソッド」 が、Mathオブジェクトの中にあらかじめ用意さ れています。「0以上1未満」の範囲で乱数…

Flashで乱数(ランダム)を使う

・Illsutratorでボタンを作成し、Flashに読み込み ・0〜9の各数字をタイムラインの1フレームづつに配置 ・各ボタンにアクション、若しくはタイムラインにイベントハンドラを記入し、ランダム動く数字をボタンのクリックによってストップさせる。 ・別途用…

Project Site

週末、漸く課題用サイトの体裁を整える。これから作成済みの課題をアップしく予定。 jimdoサイトも早々に調整予定。▲Project site

拡張機能とiPhoneシュミレーター

Zen-CordingZen-Codingサイト http://code.google.com/p/zen-coding/サイトトップ画面の左はじにある「Show all »」から、Dreamweaver の拡張機能をDLする。 「Zen-Coding for Dreamweaver」をインストール 「ADOBE EXTENTION MANARGER」上に表示されれば完了…

トゥイーンアニメーションでリップル効果を作る

▲Project sitePoint

マウスのカーソルを隠す・マウス追尾

マウスのカーソルを隠す Script マウス追尾Script

サムネイル画像から別ウィンドウを開く

ウィンドウを開く・閉じる▲Project site Pointウィンドウを開くonClick="window.open('URL','ウィンドウ名(省略可)','幅 高さ 左からの距離 上からの距離')"onClick="window.open('URL','ウィンドウ名(省略可)','width=# height=# left=# top=#');"ウィンド…

背景色の変更と画像置換

背景色の変更▲Project site Pointボタン要素に以下を指定document.bgColor色名 HTML <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>オブジェクトの利用</title> <style type="text/css"> <!-- body { text-align: center; } --> </style> <body> </head> <body> <h1>Change the world</h1></body></html>

Action

※Sound

矮鶏

Project site up date

XAMPP & MAMP

PHP

Cake shop

Project site▲テキストを参照しながらも相当な時間を要してしまった。 再度、別データの同レイアウトに自力で挑戦し、時間の短縮をはかりたいと思う。HTMLトップページ

Silence & Noise

ECM▲ 6/100▲ドイツにあるレコード会社のWebサイト。ジャズを主としたレーベルだが、現代音楽や古楽等のクラシックも手掛けている▼Comment全体がグレー調のモノトーンで統一され、非常にミニマルな作りのサイト。地味ではあるが、逆に飽きる事が無い様に感じ…

Position

CSS

<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>

Presentation

昨日は初めてのプレゼンテーションだった。全くの用意不足、というか普段から全く何も考えていなかった為、まるっきり中身の無い内容になってしまった。但し、アウトプットした事により、数多くの問題点が浮かび上がり、同時にそんな中でも自分なりの良い点…

Gestalt

風姿花伝より引用 ゲシュタルトの法則人間は近いものや似ているものをグループ化したり、閉じた図形を 見出そうとする性向がある、という法則。・「要素が組み合わさることで全体が体制化される」という法則。 ・視知覚(目から得られる情報をもとに状態を把…

Restaurant & Interior shop

RestaurantProject Site▲ HTML <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>

Arrow

上記の様なアイコンとしてのグラフィック画像ではなく、WebSiteに使える矢印を考える必要がある。 どのサイトにどういった矢印が適正なのか。

again and again

horizontal navigationHTML <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>

review

Project site ▲HTML <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>

From northern

Bjork▲ 4/100 ▲アイスランド出身のミュージシャンBjörkのサイト▼Comment最新のHTML5を使用したサイト(Safari、Google Chrome推奨)サイト同様に進行したプロジェクトで世界初アルバムをiPhoneアプリとして、一曲にひとつゲーム(ゲームというよりはの科学の教…

For S

▲http://www.apple.com/Appleロゴとナビ右はじの検索フォーム、ナビ両はじの丸みは間に合いませんでした...。 また再度挑戦するつもりです。