MTで自動的に階層式サイトマップを構築する - WEBデザイン BLOG
階層式サイトマップ作成MTでサイトマップを自動的に構築できたらいいだろうと思い。いろいろと試して見た結果、思ったよりも簡単にできました。<ul><li></li></ul>タグを使って階層表示できるテンプレートタグです。実際に設置してみたページは、こちらのサイトマップページ。CSSで表示を変えています。（微調整段階） CSS設定しないようであれば、普通に階層表示されます。このテンプレートタグでサイトマップページを設定しておけば、手間が省けます。新しくエントリーが構築されていく度に、サイトマップも連動して構築されてゆきます。特に動的ページにてMTを構築している場合は、SEOを考えて静的ページからリンクを貼ることがよいとされています。（静的ページのみを構築できるかわかりませんが。） 情報としてコードを残しておきます。 MTで自動的に階層式サイトマップを構築するテンプレートタグ（CSS指定なし）
Illustrator使いのためのWebデザインの基礎1 : 構想雑文
構想雑文 WEBデザインとmacに関すること中心の自分向けメモ主体のブログ。 DREAMWEAVER、Illustrator、Photoshopなどのアプリケーションの設定や使い方。HTML、CSS、JavaScript、PHPのコーディングのことをあれこれ書いています。 「Illustratorをメインにしたウェブデザインってどうやるんですか？」と質問された。 世の中のウェブデザインをする人の多くがデザインを仕上げるのに、何を使っているか、いまいちよくわからないのだけど、私の場合、Fireworksがメインで、素材作りにIllustrator、Photoshopを使う‥‥というやり方をしています。 ※【注意】ここでいう「仕上げ」「メイン」とは「HTMLにするページのビジュアルデザインのデータ」と「デザインしたものをウェブサイト用に書き出しする作業をするソフト」という意味です。 ということ
Tips_イラレでもズレませんブレません – イラレラボ illustrator-labo
こんなエントリをみつけました↓ ＞Illustrator WEB用に保存するとサイズがずれる どうもイラレ系の制作TIPSを見ているとこのテの「イラレから書き出すとズレる」の記述があるんですががが。 結論から言えばズレません。 ズレるのはそのオブジェクトの座標がズレているからです。ピクセルにぴったりあわせてオブジェクトを作ればズレないんですヨ！マジでマジで！ 最初っからズレないようにデータをつくれば、イチイチPhotoshopに書き出してからスライスとかしち面倒くさい事しなくて済みます。元ファイルが複数あるとミスの元ですし、できればイラレで作ったら元ファイルはイラレで完結しておきたいところなのです。 スライスもイラレ上で長方形を使ってズレる事なくキレイに切れますからね。 キモは前にも描きましたが。定規とトリムマークと数値入力です。それとピクセルプレビュー。 手順としては 1. 新規書類を開
携帯サイト[xhtml]のコーディング前のチェックポイント │ これからゆっくり考L +α
前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 コーダー（もしくはディレクター？）さんは、デザインをパッと見て「このデザインで組めます！」「組めません無理です...」の判断が咄嗟にできるようになると素敵だと思います。 デザイナーさんは、これからあげるチェックポイントを頭の片隅にいれつつデザインしていただけると、コーダーからの戻しが少なくてすむようになるかと思います。 前置きはこのぐらいにして、早速本題へ。 以下が今回のサンプルデザインです。 「これをxhtml、3キャリ1ソースコーディングしてください」 と言われた場合で考えていきます。 前提条件は、 ・3キャリア1ソース ・xhtml ・文字コード：Shift-JIS ・改行コード：
A CSS Sticky Footer
A CSS sticky footer that just works We've all tried to use a sticky footer one time or another, but they never seem to come out right, do they? Well, the days of a hard to understand CSS-based sticky footer are thankfully over. In just a few simple CSS classes with minimal extra HTML markup, I've fashioned a sticky footer that even beginners can get a handle on. It's been tested in IE 5 and up, Fi
CSSの実装状況で変わるボックスのデザイン方法
Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わらない１つの古文書に従えばいいので、きっと活躍できます。 しかしたまらん、流石に疲れた。 ボックスひとつができること CSSでは、文書を構成する各要素は、ボックスという矩形領域に置きかえられ、それらの持つプロパティを操作して装飾します。つまり、ボックスはページデザインを構成する最小単位と言えるわけですね。 そこで今回は、最小単位となる1つのボックスに対して、どのような装飾手法が有効かという点を、CS
IllustratorでWebデザインをするときに気をつけるポイント | src.7438.com
今やっている仕事で、Illustratorで作成したカンプを私がコーディングすることになったのですが、いただいたデータがもの凄くきちんと作ってあって、大変参考になったので、設定項目だけメモしておきます。 Illustratorはもともと、印刷用データの作成が目的だったソフトなので、Web用の画像も、ちゃんと作れるのですが、設定を気をつけておかないと、いざ書き出してみると、線がにじんだり、大きさが意図したものにならなかったりします。 Photoshopだと、もともとベクターグラフィック用のソフトなので、そういうことは無いのですけどね。 気をつけている項目は以下の通り。 単位をpx（ピクセルに揃える） とにかくWebの世界の単位はピクセルです！ センチメートルとかは使えないです！ 印刷用データの仕事が同時にあったりすると、設定をその都度変えなくちゃいけないので、ちょっと面倒ですね。 1pxのガ
『CSS でよく使う装飾定義をコンポーネントとしてまとめる』をもう一度
2007-01-27T20:51:03+09:00 CSS でよく使う装飾定義をコンポーネントとしてまとめるの続き 前回の記事で、コンポーネントする方法としてひとつの class に集約するという方法をとっていましたが、それではそもそも見た目重視のマークアップになってしまい HTML の構造化と、CSS で見た目制御するということについて本来の目的と離れた方向性であるというご指摘をいただき、考えを改めてみました。 単にclass名を変更するだけでは状況は大差ないような気がします。問題は、「よく使うスタイル定義の組み合わせ」をコンポーネントとしてまとめるのはいいとしても、それを或る一つのclass名に集約することなのではないかと思います。 HTMLのclass属性はスタイルシートのセレクタとしても利用されますが、より汎用的には、要素を分類するためにあるものだと考えます。なので、class名を
CSS でよく使う装飾定義をコンポーネントとしてまとめる
2007-01-26T01:26:38+09:00 北村曉さんよりコンポーネントにまとめる際、それを或る一つのclass名に集約するという方向性についてご指摘いただきました。この記事をご覧いただく際、是非参照してください。 CSSでよく使う装飾定義をclass名でまとめることについて(徒書) また、いただいたフィードバックを元にもう一度考えを改めて記事を書きました。 『CSS でよく使う装飾定義をコンポーネントとしてまとめる』をもう一度 リニューアルの際に CSS の分割管理を実践したのだけれど、その分割した CSS の中によく使う装飾をコンポーネントとして class にまとめた component.css というのを作成しました。コンポーネントとしてまとめることで変化に強くなりメンテナンス性が上がるのだけではなく、同じような装飾をおこなうために何度も良く似たスタイル定義を行うということ
標準準拠・後方互換モード各々の CSS 解釈の違いをまとめたドキュメントを共有
2007-07-27T21:11:11+09:00 最近のブラウザには DOCTYPE 宣言の有無や種類で大きくわけて2種類の表示モードを切り替え、CSS や HTML の解釈を変える機能が備わっています。マイクロソフトは同様の機能を DOCTYPE スイッチとしており、一般的にもそう呼ばれることが多いように感じます (この記事でも DOCTYPE スイッチとします)。 DOCTYPE スイッチはオンの状態で standards mode (標準準拠モード) に、オフの状態で quirks mode (後方 (過去) 互換モード) になります。標準準拠モードは仕様に準拠した厳格な表示モード、後方 (過去) 互換モードは仕様に準拠していない古いブラウザとの互換を目的とした表示モードです。つまり DOCTYPE 宣言の記述が無いようなコンテンツに対しては、仕様に準拠していない古いブラウザの解釈
Joomla Easy.net 1.5 - Joomlaeasy.net
このサイトは、CMS(コンテンツ・マネジメント・システム)であるJoomla!1.5について、初心者の方にも分かりやすく説明しています。現在、Joomla!テンプレートを作成していくための情報を集めています。いくらコンテンツが大切とはいえ、テンプレートつまりデザインが悪くてもいいのかというと、そうではありません。 魅力的なテンプレートを作成していくためには、どうすればいいでしょうか 一つの答えとして、他の優れたデザインのJoomla!サイトをたくさん見て、その技を盗むという考えが思い浮かびました。 あたりまえと言えばそれまでなのですが、これをしているかしていないかで、デザインスキルに差が出てくることは間違いないと思います。 そこで、ここで紹介するのは、Joomla!本家のフォーラムのSite Showcase。 このスレッドでは、Joomla!1.5で作成された自サイトを、他のユーザーにお
Joomla Beginners - Home
ArtSessions.netは、Joomlaで作られたウェブデザイン・ポートフォリオ・サイトです。さすがウェブデザインのサイトだけあって、見た目からして良さそうです。 ユーザーの使い勝手を優先しており、Ajaxテクノロジーを使い、ページを更新せずにコンテンツを閲覧することができます。 ページ下部のアコーディオンメニューはSimple Javascripts Accordionsが使われていると思われます。 こういうサイトを見ると勉強になりますね。 ArtSessions.netはこちらSimple Javascripts Accordionsのダウンロードはこちらをクリック
CSS で簡単に上下中央揃えを実現する
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
eclp.net - このウェブサイトは販売用です！ - eclp リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
イラストレーターを勉強しよう - DesignWalker
http://feed.designlinkdatabase.net/feed/36661.aspx
http://feed.designlinkdatabase.net/feed/224320.aspx?from=rss
Fireworksのチュートリアルいろいろ - DesignWalker
ADP: floatレイアウトでつまづかないためのTips
IEバグ CSSで指定した背景画像が消える - Webプログラマの苦悩