[B! html] dannのブックマーク

Vimで"gf"をスラッシュで始まる相対URLに対応させる

Vimではファイル名らしき箇所でgfを押すと、見つけることができればそのファイルを開いてくれる。この機能はとても便利なのだが、HTMLファイルにスラッシュで始まる相対URLでCSSファイルやJavaScriptファイルのURLを書いた場合は、そこでgfを押してもうまく開くことができない。これを解決するためにvimでHTMLとかを編集するときに絶対パスのファイルを開くで公開されているプラグインをちょっと使っていたのだけど、どうやらpathオプションとincludeexprオプションを設定することでも対応できるようだ。Vimすげー。とりあえず設定から。 autocmd FileType html :setlocal path+=W:/www/test,W:/www/hail2u.net,W:/www/bl osxom.info autocmd FileType html :setlocal i

dann 2009/11/08

vim
html

リンク

Webシステム開発者に送る便利なテンプレート·Web App Theme MOONGIFT

正直、Webデザインは苦手だ。システムは構築できても、その後のデザインで行き詰まって頓挫したサービスは数知れない。最近ではWebデザインテンプレートを使うようになったが、汎用性の低いものが多くカスタマイズも困難な場合が多い。 Basecampにも似たWebアプリケーションテンプレート例えばWebシステムの管理画面を考えた場合、ユーザ向けの画面は気合いが入っているのに管理画面は酷いものが多い。そこで使ってみたいのがWeb App Themeだ。今回紹介するオープンソース・ソフトウェアはWeb App Theme、テーマにも対応した汎用的テンプレートだ。 Web App ThemeはLighthouse、Basecamp、RadiantCMSにインスパイアされたWebアプリケーション向けテンプレートだ。右上のユーザ情報、タブを使った機能の振り分け、個別のタブの中にさらにセカンダリーのタブを

dann 2009/06/21

リンク

hxxk.jp - DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含んだ 2008 年版 )

DOCTYPE スイッチについて再度まとめ以前 DOCTYPE スイッチについての検証とまとめと一覧表という記事で DOCTYPE スイッチについてまとめましたが、あれから 2 年弱が経過したので、改めてまとめてみようと思います。まとめるまでの話がけっこう長いので、一覧表だけ参照したい ! という場合は DOCTYPE スイッチの一覧表をご覧ください。 DOCTYPE スイッチとは何かそもそも DOCTYPE スイッチとは何か、というのがまず書くべきところですが、これは私が書かずとも良質のリソースが各種ありますのでそのリンクのみまとめておきます。 !DOCTYPE スイッチ各UAのDOCTYPEスイッチについて - CSS Dencitie Mozilla's DOCTYPE sniffing - MDC Mozilla's DOCTYPE sniffing - MDC ( 日本語

dann 2008/10/01

html
css

リンク

Vim documentation: insert

main help file *insert.txt* For Vim version 7.3. Last change: 2010 Nov 10 VIM REFERENCE MANUAL by Bram Moolenaar *Insert* *Insert-mode* Inserting and replacing text *mode-ins-repl* Most of this file is about Insert and Replace mode. At the end are a few commands for inserting text in other ways. An overview of the most often used commands can be found in chapter 24 of the user manual |usr_24.txt|.

dann 2008/01/12

html
vim

リンク

CSSに見惚れてばかりじゃなくて、もっと私（HTML）を見てよっ！

と、htmlさんが嘆いている気がしたので、こんなサイトですがhtmlさんに付いて書きます。ウチのサイトの一番の目的は「CSSって面白い！」って思ってもらい、興味を持ってもらう事にある訳ですが、次のSTEPに進む為にやっぱり通らなければならない道である（X）HTMLの正しい記述方法。もちろん、CSSの勉強の前に（X）HTMLの理解をしてからが理想だと思いますが、ボクはソレがベストだとは思っていません。何かを覚えるのに、「この順番で覚えなければ絶対にいけない。」なんて事は無いと思います。ホントのビギナーさんは、CSSビギナー向けから、取りあえずCSSに触ってみるっていうのがボクのオススメです。楽しんでナンボっす。で、まぁ今回の対象となる方々は、テーブルレイアウトからCSSに移行した人で、（X）HTMLについては特に触れなかった人とか、Blogで初めてCSSに触れた人とか、CSSの魅

dann 2007/03/04

リンク

Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選

Webデザインには、どんなにビギナーだったとしても、プロのWebデザイナーを名乗る人がやってしまうと恥ずかしい“マナー”ともいえる制作上のルールがあります。「知らなかった」、「教わっていない」では通用しません。なぜなら、アナタはプロなのですから。そんな超基本の“Webデザインのお作法”を50個選定し、サイト設計、テキストデザイン、画像と色彩、レイアウト、その他の5つのテーマ別に解説していきます。この特集を通して、“Webデザインのお作法”をしっかり習得、あるいは復習して、カンペキに身に付けてください。

dann 2007/02/14

リンク

2html.vim : ファイルをシンタックスハイライトつきのHTMLに変換 — 名無しのvim使い

現在、vimエディタで表示している状態そのままを、HTMLファイル化するスクリプトです。テキストを印刷する時や、他人へHTMLファイルとして公開する時などに利用できます。 (Windows, Mac) 概要現在、vimエディタで表示している状態そのままを、HTMLファイル化するスクリプトです。テキストを印刷する時や、他人へHTMLファイルとして公開する時などに利用できます。 Syntaxハイライト、および、行番号もそのまま、HTMLファイルで再現されます。上の画像が変換前のテキスト、下の画像が、このスクリプトでHTML化し、Webブラウザで表示したものです。見ての通り、エディタ上での見た目を極力保っています。 ↑ 変換前のテキスト ↓ 上のテキストをHTML化したものこのスクリプトは、vim6であればデフォルトで添付されています。