CSS
ただし以下の２つの指定に限ります。 border-radius box-shadow (opacity)もできました。他にもあるかもしれません。 準備と使い方 1.必要なファイルのダウンロード まず以下のサイトから「ie-css3.htc」なるものをダウンロードする。 ※ダウンロードリンクは…
前回の、サイトの保守(？)に関する記事。 タイトルの通り、Scriptはhtmlソース内に書くべきでない。具体的な例をあげると、 bodyタグのonload onclick、onmouseover、onmouseoutなど など。 なぜかというと、 修正するときに大変だから。 同じ理由で、タグに…
CSS中級課題B002〜B004完了いたしました！ CSS中級課題ページ 秘伝の書を授かりました！！！ ありがとうございます！！！！！ 秘伝なので詳細はオフレコ 時間がもっとほしい！ もっと時間を要領よく使えるようになる！ ・なるべくいつも自分を客観的に見れる…
無理やり配置を揃えたりしたので、 ひどいソースになってます。。。Wants Cake
※ 飛びます飛びま(ry わーい(^O^)／CS5.5 Web Premium届いた♪ 高い買い物は流石に土日挟んでも速攻届くな〜(笑)昨日の夜にシリアル申請送ったので、 あとは全くギャグの無いつまらない送信コメントさえ通れば...( ﾟ∀ﾟ)自分で買うとまた一段とありがたみがヽ(…
【もくじ > 06/24までの課題・デザイン変更・ポチ】 ・課題をアップいたしました ････････････ WebデザインLab/課題ページ ・CS5.5 Web Premiumをポチしました ･･･ さらにｹﾂﾄﾞﾗﾑされる思い。・ページデザインを夏っぽくしました ･････ 改造たのしー♪ ※元々の…
【もくじ > ブログ改造】 今日は課題をすこし置いて、当ブログの改造をしてました。 なかなかうまくいきません。何故なら、 HTMLもベースのCSSも他人が作ったものだし、 そもそもごく一部しかHTMLをいじれないから。 名前も囲う範囲も変えられないんですもん…
【もくじ > Webデザインノート｜レイアウト練習04 続き＋CSSプロパティ記述順】 ●CSSプロパティ記述順 徐々にCSSに記述するプロパティが増えてきた...という訳でもありませんが、そろそろ記述の順番にしっかり規則性をもって記述していこうと思います。 １．…
【もくじ > Webデザインノート｜レイアウト練習04 ＋α】 WebデザインLabのじっけんページに レイアウト練習をアップしました。まだ終わってない方はソース見ちゃいや・゜・(ノД`;)・゜・笑
【もくじ > Webデザインノート｜レイアウト練習03】 こんどこそっ！作業時間：１時間(配置の微調整：＋２０分) ※またまた画像が直リンクです。 ま、まぁ、一度やってたので…^^; だいぶコツを掴んできた＾＾
【もくじ > Webデザインノート｜レイアウト練習02 続き】 ※１つ前の記事、サーバーとFFFTPの説明もよかったら御覧ください １カラムレイアウト その４ これも完全に何も参考にせずに終わりました。 だいぶコツつかめてきたかも。 製作時間：１時間１０分 画…
【もくじ > Webデザインノート｜レイアウト練習02】１カラムレイアウト その１ １カラムレイアウト その２ １カラムレイアウト その３レイアウト1の高さ指定を実数値でなく、 overflow: hidden;でよかったでした。 以降2,3は使ってるのに(^^;; (追記)やはり…
【もくじ > Webデザインノート｜レイアウト練習01】 Ganoくんのレイアウト完成ページを見ながらなんとか制作。 若干のズレが多々見られるが、とりあえず…。 制作時間：約３時間半 ※スペースの問題上、ソースは今回掲載致しません。 画像が制作ページに直リン…
【もくじ > Webデザインノート｜画像置換のボタン作成】 さっそく自作サイトに貼っつけちゃいました^^ 元々のボタンよりかっこいいよ〜(T_T)笑あと、iPhoneで見たら、押したときのみ画像が変化しました。。☆文字を隠すのは「visibility: hidden;」で…。 ※ぶ…
【もくじ > Webデザインノート｜HTML〜CSS 授業メモ 6/16】 ●meta metaはhead直下、256B以内に記述する必要がある。 ﾅｾﾞ? @charset=UTF-8 を先に読ませないと文字化けするから。 ●linkタグの属性 media･･･"all"は古いブラウザだと読まない。よって、これは使…
【もくじ > Webデザインノート｜カラムレイアウトと擬似クラス 課題】 レイアウト課題１,２ ▼CSS（課題１） <style type="text/css">
【もくじ > Webデザインノート｜CSS デフォルトスタイルの初期化】 CSSの初期化フォーマットのメモ CSSをリセット « 基金訓練Webデザイン研究所｜基金訓練Web講座実践記録 [CSS]ブラウザのスタイルを初期化するスタイルシートの総まとめ -2010年版 | コリス …
【もくじ > Webデザインノート｜HTML〜CSS ボタン実験】 ボタンにJavaScriptを使わない簡単な方法。 (黄色い矢印はマウスカーソルの代わりです。) ※画像クリックで私のサイトへ飛びます。 「css/index.css」 ： div#nav { width: 750px; height: 40px; } div…
【もくじ > Webデザインノート｜グローバルナビのボタン・つくりかた】 こちら先輩ブログで技を盗むべく研究。【一人前のwebデザイナーを目指して｜web designbook】非常にありがたいので、リンク集にも貼らせて頂いております。 ブログの名前も似てますし♪…
【もくじ > Webデザインノート｜HTML〜CSS 練習サイトの作成】実は以前の日記に書きましたが、練習・実験用サイトを作りました。 サイドメニュー「Webデザイン｜リンク集」の一番下のリンクにあります。 練習用なので、どんどん「チェーーンジ！」します。恥…
【もくじ > Webデザインノート｜HTML〜CSS作成手順】 HTML〜CSS作成手順 これはとても大事なので、自分で実際に描いて勉強。 割とこの手順は崩れがちなので気をつける。とりあえずサクっとこんな感じ。ついでに「cacoo」で書く〜練習。誰でも簡単に使えるよ…
【もくじ > Webデザインノート｜CSS基礎その１】 Webデザイン授業ノート【さくいん】 ●ユニバーサルセレクター ●margin ●文字の上下の空き ●em ●padding ●div ●ば◯IE ●ユニバーサルセレクター 「*」で表す。「このページ全体を」という意味。CSSで最初に宣言…
【もくじ > Webデザインノート｜HTML・CSS 06/06】授業ノート●DTDについて charsetではshift-jisはあまり使わない。 上記metaを記入しないと文字化けする。 ・「UTF-8」データベースを使う場合必要。(大文字と小文字の区別は特にない。) ・XHTMLの利点。 そ…
【もくじ > CSSデザインサンプル】 CSSデザインサンプル
