Zen-Codingで楽々コーディング! + コツ1つ
話題のHTMLやCSSコーディングあしすとツールのzen-codingを触ってみました。すごい楽ちんこ! zen-codingって何？使い方は？という人は以下のページを見てくださいね。 Zen-Codingでできるあんなことこんなこと 知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた ある程度HTML/CSSのコーディングに慣れた人なら、ビジュアルデザインを含んだ文書があれば、それをもとに脳内でHTML構造に置き換えられますよね。デザインから興す人は、Photoshopを触りながら、同時に頭の中でHTMLを組み立ててる人も多いんじゃないでしょうか。 たいていの文書は、小さなパターンと大きなパターンの繰り返しだし、コンテンツに関しての試行錯誤はあっても、HTMLの記述で試行錯誤するってことは無いんですよね。(CSSのブラウザの実装の関係とかこの際忘れよう)
MT4のテンプレートセットプラグイン - 3ping.org
Movable Type 4.1 で実装されたテンプレートセットのプラグイン機能ですが、早速 mt.Vicuna もプラグイン化しました。 プラグインでのテンプレートの適用方法説明、いくよ…いくよ…(2008.02-02 追記：mt.Vicuna 2.1.2からスキン同梱にしたので若干適用方法が変わりました) mt.Vicuna Template Plugin のダウンロード 解凍したものを mt/plugins/ にアップロード MT4.1 テンプレート編集ページの右下「アクション」から「ブログのテンプレートを初期化」を選択 mt.Vicuna を選択して確認、(この時点でテンプレートセットのインストールが終了) 再構築 (MT4.1から、また早くなってる) ｱｰ 凄い気持ちがいいです。 (インストールの詳細な手順は mt.Vicuna/Download を参照してください) 今まで手間
雨ニモマケズ - 3ping.org
一日ニ珈琲二杯ト 500円以内ノ弁当ト少シノ野菜ジュースヲ飲ミ アラユルWEB技術ヲ ジブンヲ勘定ニ入レズニ ヨクミキキシワカリ ソシテワスレズ 都内ノ雑居ビルノ 一角ノ賃貸ノ小サナ事務所ニヰテ 東ニ輝ク生徒アレバ 行ツテ講義シテヤリ 西ニツカレタ同業者アレバ 行ツテ代ワリニCODEヲ書キ 南ニ貧シイ友アレバ 行ツテ仕事ヲ分ケテアゲ 北ニ叩カレ晒サレテル人アレバ ツマラナイカラ放置シロトイヒ 納期ノ月ハ汗ヲナガシ シゴトノ無イ月ハヨタヨタアルキ ミンナニヒキコモリトイワレ ボーナスモナク 減給ニモサレズ サウイフモノニ ワタシハ ナリタイ ? <html> <body> <p> <strong> うぇぶでざいなーってなぁに </strong> </p> </body> </html> Comments:12 nao 2005年11月 9日 09
ロゴとか作るときに使える地味なテクニック - 3ping.org
ウェブ製作では、閲覧者の環境にないフォントを使用するときは画像として製作してimg要素で貼り付けたりCSSで背景画像として表示させたりすることがありますが、そういうテキストを含む画像を作るときにはFLASH8のFlashTypeで作ると通常のアンチエイリアスより綺麗にできちゃう。 FlashTypeっていうのは、WindowsXPに搭載された ClearTypeと同じ仕組みのアンチエイリアス技術で、液晶モニターでは特にその視認性が優れています。ClearTypeは日本語フォントには対応していませんが(Vistaの新日本語フォントのみ対応)、FlashTypeでは英字・日本語フォント全てに対応しており、カスタムアンチエイリアスパネルで細かく調整できます。 次の画像はPhotoshopで製作した通常のアンチエイリアスと、FlashTypeを比較したものです。 中間色ではそれほど変化はみられませ
デフォルトスタイルの差異を無くす CSS
2007-01-30更新 Yahoo UI Fonts CSS使用時の各要素のフォントサイズを変更する際の注意点を追加しました。 defalut.cssちょっとだけ修正 2007-01-18 更新 記事の内容も古くなり、Yahoo Libraryなどがでて更に差異を減らすことが簡単になったことから、これを利用し、スタイルも簡潔にシンプルに記述しなおしましました。前よりも使いやすくなったはずです。前回配布していたものとの変更点は次のようになります。 定義グループにアウトライン番号を記述 ベーススタイルのデザインをシンプルに記述し直し 使用していたカラーを一部を除いてモノトーンに変更 Yahoo Library Fonts CSSを組み込み、各ブラウザで文字サイズが同一になるように修正 プロパティ記述順序をhail2u.net「CSS2 Specificationでのプロパティの出現順序」に沿
FLASHのFPSを正常に - 3ping.org
FLASHを作る際、1秒間に再生するフレームの数を指定できるのですが、IE6を通して貼り付けられたFLASHを再生すると、指定したフレームレートより遅く再生されます。最初は自分のＰＣの処理速度が関係しているのかと思いましたが、他のブラウザーで同じFLASHを見ると正常なフレームレートで再生されていたので、どうやらIE6だけがこの現象になるようです。 どんなに処理の軽いFLASHを作ったとしても、IE6では指定したフレームレートより遅く再生されてしまうので、スピード感を強調させたいFLASHムービーやゲーム系FLASHなどでは問題ですね。 swfを貼り付けるソースコード <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockw
WEB設計図を読む力
僕は専門学校でWEBデザイナーコースの授業を週19コマ受け持っているのですが、２年生のこの時期には毎年決まって出す課題があります。 それは、既存サイトをXHTMLとCSSで組み直すというもので、自分で選んだサイトを見て、見出しのアウトラインを見つけ、デザインのパターンからclassを作り、出来る限りシンプルなXHTMLで文書で、可能な限りCSSでビジュアルを実物と近づけるというものです。 本当、この時期就職活動のための作品も残さなくてはいけないから、時間も貴重なのだけど、出来るだけ多くのサイトを、習ったとおりに作り直して欲しい。これは本当にスキルアップする課題だと思うから。 他人がレイアウトしたものを再現する過程では、自分が考えたものを再現するのとは、逆の順序を辿って考えなければいけない。 まず、見出しのLVを読み取り、アウトラインを作るには、そのページの文章を読み取って理解しなければいけ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
