今日までに片づけなければいけなかったものが何とかなりそうで、ちょっと時間ができたので正しくHTMLを書こうと心がけている人に5つの質問 : 雑記帳 : der Gegenwartに答えてみるよ! HTML文書を制作する際に使用しているプログラムをお答えください。(Webプログラムも含む) ウィンドウズ環境では TeraPad、ガッツリ作るようなのは Dreamweaver をコードビューで。マックな環境ではちょっと前までは mi だったけど、今は skEdit。これ最強。ここを生成しているCMS は Movable Type。 採用しているDTDとその理由をお答えください。 このサイトでは XHTML 1.0 strict。今んとこ ruby を使う必要がないため。使いたくなったら変える。仕事で作るときはケースバイケース。 何故正しくHTMLを書いているのですか? 正しく書くことはそれほど
『窓の杜』で紹介されていた「MakeLink」というFirefoxエクステンションがメチャ便利です。 窓の杜 - 【NEWS】任意の書式でWebページのタイトルやURLをコピーできるFirefox拡張「MakeLink」 機能的には「Copy URL+」と同じような感じなんですが、「Copy URL+」に比べて優れている点がいくつかあります。 そもそもCopy URL+ってなんじゃい、という方は↓をどうぞ。 plant4 - Firefox拡張copyurlplusのメモ MakeLinkを使うメリット 1.Firefox2にキチンと対応している 「Copy URL+」は本来Firefox1.5までしか対応しておらず、Firefox2で使おうと思うと「Nightly Tester Tools」とか使う必要がありました。しかし、こっちはFirefox2でもそのまま使えます。 2.編集がラク
PamGauで知った、Firefox 拡張機能「Make Link」は、Copy URL+のような機能を持ちながら、Copy URL+よりも設定が簡単です。 Copy URL+は右クリックメニューから指定するとリンク用文字列をクリップボードに入れてくれる拡張機能。user.jsを修正することでWiki用だとかはてなダイアリー用だとか引用文だとかいろいろ指定することができます。が、「user.jsを修正しなければならない」ってのに心理的障壁があるのはkyorecobaさんだけでなく私にもあります。 あと、Copy URL+はいまだにFirefox 2.0以降対応版ができてないので、むにゃむにゃしなければなりません。むにゃむにゃすれば問題なく動きますけど。というか、サポート終了しちゃった? で、問題のMake Linkですが、Firefox 2.0以降に対応しているのは当然として、「右クリック
あなたは勘違いしてないか? 真相究明! CSS都市伝説 ウェブ制作の現場を襲う大きな変化 CSSの真の姿で巷に流れる誤解を解く! 書店のウェブ関連コーナーに圧倒的な物量で並ぶCSS関連の書籍。ウェブ制作の現場でもCSSがトレンドになりつつあり、現場は大きく変化し始めている。では、ウェブマスターにとってCSSを採用することのメリットとはなにか。また、こうした変化の最中には、数々の「都市伝説」なるものが生まれてきているようだ。ここではCSSの正体と都市伝説について検証する。 森川眞行(シリコンカフェ)+CreatorsNet CSSとは「表現言語」CSS正式な名称はカスケーディング・スタイル・シート。シンプルにスタイルシートと呼ばれることもある。 ウェブページを作成する際に記述するHTMLとはウェブページを作成するための構造言語で、文書の骨格を作るためのものだ。これに対してCSSは表現言語とい
class名やid名って付ける時悩みませんか? 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ!? 2010年6月10日追記: この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
20 FireFox Extensions That Every Web Designer Should Know About - CyberKnowledge Blog WebデザイナーのためのFirefoxエクステンション20個。 どれも便利なエクステンションばかりでまさに、Webデザイナー必須のエクステンションですね。 Web Developer Toolbar - 定番のエクステンション。CSSオフ、ブロック要素を枠で囲むなどデザインには必須のツール。 AspellFox - スペルチェッカー RankQuest SEO Toolbar - googleでのサイト順位を得る OperaView - Firefox上でOperaプレビュー IEView - Firefox上でIEプレビュー Total Validator - HTML Validator SEO for
2006-09-07T00:56:49+09:00 なにやら pre 要素に CSS でどういったスタイル定義をしているのか、また、pre 要素をどのようにマークアップしているのか、様々な意見がでている模様。 ブログにコードを貼り付ける方法で悩むの巻(i d e a * i d e a - Lifehacks by 100SHIKI.COM) pre要素へのスタイル指定(hail2u.net - Weblog) Re: i d e a * i d e a - ブログにコードを貼り付ける方法で悩むの巻(hxxk.jp) 情報共有と新たな発見を期待して、どのようにスタイル定義・マークアップしているのか公開することに。まずは注意しているポイントを挙げてみます。 Macintosh 版 Internet Explorer では、div 要素以外に値が visible (初期値) 以外の overf
通常のウェブサイトだけでなく、Flashサイトのテンプレートやロゴマークのテンプレート、バナーやボタンまで置いてあります。これらがすべてフリーというのが驚き。全部で200個以上あるようです。 TemplatesBox.com http://www.templatesbox.com/ ウェブサイト用テンプレートは利用したPSDファイルやフォントも同梱されており、DreamweaverかFrontpageで編集しやすいようにできています。 ウェブサイト用テンプレートあれこれ http://www.templatesbox.com/templates.htm ロゴデザインのテンプレートはPSDファイルとフォントファイルが同梱されています。親切。 ロゴデザインのテンプレート http://www.templatesbox.com/free-logo-templates/index.htm ウェブサ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く