テーブルで作っていた3列のリストをdlを使って作りかえたいなと思って作ってみました。 おおまかなhtmlとcssは覚書に。 覚書 基本はA列がdt B列C列がdd。 dt,ddに高さを指定。 B-1のマージンをdtの幅分左に、高さ分をマイナスで指定する。 B-2は左のみ指定。…

以下のような形のリストをDL、DT、DDを使って作ろうと思ったのですが。 文書構造からいうとこういう形で作りたいのですが、これだと上手く横並びになってくれません。 ひとつひとつをDLで包んでfloatさせると落ち着きます。 他のCSSサイトもこの方法での説明…

DEKIMAGA Adobe発行の 「できた！をかなえるチュートリアルマガジン」だそうです。 登録すると詳しい作り方を見ることできます。 見本の作品のチープさはさておいて、チュートリアルは詳しく参考になります。

仕事がらみで見つけたのですが、見やすいソースとCSSの書き方をしてたのでこのところ良く見ています。 シンプルなデザインやバナーも好きです。 モンベル

勉強を始めてから買った本の簡単レビュー。 一項目一練習問題がついていて、全部終わると、一通りIllustratorがどんなものかわかります。 「できる〜」シリーズのようにすべて網羅しているわけでは無いのですが、初心者の私はどうせ全部は覚えきれないし、と…

WEB関係、デザイン関係でわからない事を調べていると、大体ここに到着します。 かわいいリスが目印です。 コリスさんのサイト

他のサイトは印刷用にどうしてるのかなと思ってぐるぐる回った結果です。 1.見た目重視派 モニターで見ているものと同じものが印刷できる。 背景画像が印刷され無いことを考慮するとボタンはJavaScriptのロールオーバーが基本。 この形態が一番多い。 2.無造…

今作っているサイトのチェックが戻ってきて、いくつか直しが出ました。 その中のひとつが、あるパソコンだけ文字が大きくて一行で収まらないとう症状。 そんなに可読性に影響の無い場所なので、大きさを固定にしてみて、再度確認してもらったのですが直らず…

会社の更新情報の部分のスペースが限られているのでoverflowしてみたところ、MacIE5で表示が出来ません。 崩れるならまだしも、表示されないのは困るので調べてみたところ、バックスラッシュハックで回避可能らしい。 MacIE5はコメントタグが閉じる直前にバ…

今作っている会社のサイトをテスト用に自分のサーバにアップしていたのですが、googleの2ページ目に出てきてしまったので、あわてて削除しました。 META KeywordsとMETA Descriptionは入れてないので大丈夫と思っていたのですが。 自分のブログにリンクを貼…

今日で半年間のweb講座が終了しました。 先生ありがとうございました。 webとひとことで言っても、Illustrator、Photoshop、HTML,CSS,Javascript,etc... 次から次へと出てくる新しいことに、ついて行けるのかと思った事もありましたが、なんとか形にする所ま…

CSSというとHTMLが簡潔にサイズも小さくなるという点が、よく言われてます。 とはいえ、CSS側に、こんなに書くのと思うほど書かれていて、いまひとつ実感がわかなかったのも事実で。 でも、複数ページを作って本当にありがたみがわかりました。 直しがあって…

マークアップまで出来ているサイトにCSSとJavaScriptを実装 ヘッダーに食い込んでいるメインコンテンツをz-indexでは無くてマージンのマイナスで作ってみました 練習：JavaScript

先生のブログにFirefox2/3併用方法が載っていたので試してみました。 上手くいったのですが、一度Macを終了して立ち上げたら２と３のデータが混じったような状態で、2のブックマークなどが吹っ飛んで3の情報に変わってました(笑)。 そんな状態ですが、3を立…

JSファイルをダウンロード Lightbox JS サムネイルに大きな画像のリンクを貼る リンクに rel="lightbox" を追加 京都

Photina MT Stdをベースにダイレクト選択ツールで編集 トレースしているうちに”あれ、空ってこんな字だっけ？”となりました。 この現象も「ゲシュタルト崩壊」というらしいです トリビアの泉より Photomergeでもいいのでしょうか。 パスで切り抜き なじむよ…

パスファインダ

放射状に広がる幾何学模様 バリエーション グラデーションを変えて タイル風 膨張 アンカーポイントを追加してみました パンク 同上

回転回転 少し応用回転 昔はこれが作れなかった。 少しは進歩したな〜。

洋食屋にわとり IllustratorやPhotoshopで作ったものをFireworksでスライス シンボル化で、同じスタイルのボタンを簡単作成

土曜日は会社に用があったので、Macを持ち込んでそのまま授業までIDでサイトを作ってました。 ルリユール日記 細々続けている手製本をサイトにしてみました。 これなら、友達にこんなの作ったとか、作ってほしい物をここから選んでもらうとか、商品見本みた…

課題：Javascriptを使った階層のあるサイト。バナー付き。 web標準勉強中！ すみません。まだトップページのみです。 spryはテキスト入力しなくてもJavascriptが実装されるすぐれものの機能です。 でも、何かあった時に手直しできない。と思うといつのまにか…

CSSレイアウト｜Gofiled

課題：傘の店｜Amatsubu｜ 本当は応用制作用に先週からちょこちょこ作っていたサイトです。 この前の日曜日に＜Javascriptも使ったサイト＞と言われたので路線変更。 応用制作用にはもう少しシンプルなレイアウトでSpryに挑戦します。 一応アップしたものの…

来週からサイト作成に入るので復習 篤姫ボタン：横位置 横に並べる利点ー印刷時の崩れが縦より少ない 元画像は白ベース。金融系で良く使われてる 区切り線で立体に見せる 女性向けサイトで見かける 普通の立体ボタン

1.背景画像に配置 角の丸い画像を作成 大きさによって、四隅、上下に分け配置 2.JavaScript 配布先｜curvyCornersより ファイルをダウンロード htmlファイルに読み込んで、条件を設定 こんな風に見えます。 sample：「インストールは？」

CSSレイアウト｜ポーラ文化活動 やっとポーラのレイアウトをアップしました。 ただしMacIE5で右floatが下にずれているのを発見。 いつもここで引っかかります。

モーションガイドとボタンの復習 占い？ モーションガイドを八の字にしたら上手く機能しませんでした。 交差は無理？ 先生おすすめFlash8の本が本屋に残っていたので買って来ました。 昔の本屋さんはデッドストック状態の本が結構あって、掘り出し物を見つけ…

レイヤーを選んでトゥイーンをかける そのレイヤー全てトゥイーンに 一部分を選んでトゥイーンをかける その部分のみトゥイーンに イージング＋100 始めに加速 投げたボール等 イージング−100 徐々に加速 車等 息切れflash blue ハマると楽しいらしいFlash。…

FLASHで出来る事 描画（イラスト） アニメーション（文字・写真） 1)タイムラインを使った自動再生（バナー） 2)ActionScriptを使ったボタン制御（インタラクティブ） ※1),2)は本質的に違うので、分けて考える FLASHを作る前にラフを描く 起承転結をきちんと…