The W3C Markup Validatio... / W3C CSS 検証サービス / Another HTML-lint gatewa...他...全8件
html2textはHTMLをMarkdownフォーマットに変換するPythonスクリプトです。 html2textを使うと普段見ているWebサイトや既存のHTMLページをMarkdownフォーマットに変換できます。Markdownの練習にも良さそうです。 実行しました。引数にURLを渡すだけの簡単実行。確かにMarkdownのテキストが出力されています。 ちょっと余計な情報も出ていますが、きちんとテキスト化されています。 コマンドオプションです。画像やリンクを除いたりすることもできます。 html2textを使うとHTMLをシンプルなテキストにしてくれるのはもとより、Markdown記法であるために可逆的にHTMLにすることもできます(class指定などは飛んでいるのでデザインは戻りませんが)。HTMLで書いてしまったためにメンテナンス性が悪くなった文書を再利用したりするのにも使えそうで
dabbletはHTMLとCSSを記述してその結果をリアルタイムで確認できるソフトウェアです。データをGistに保存できます。 dabbletはCSSのプレイグラウンドです。HTMLとCSSを記述してリアルタイムでその適用結果を確認できます。 トップページです。上半分が適用されたHTML、下がそのCSSとなっています。 上にマウスを持っていくとメニューが表示されます。 ログインします。GitHubアカウントでログインできます。 色のところにマウスを持っていくとマウスオーバーで色が表示されます。格好いい! グラデーションだとバルーンもグラデーションがかっています。 HTMLに切り替えて記述もできます。 メニューも色々です。保存しておくこともできます。 表示の配置を変更できます。 重ねて表示もできます。 Gistに保存できます。 dabbletを使うとリアルタイムに記述したスタイルシートがその
Firefoxが高速リリースサイクルへ移行してからというもの、アドオンの対応待ちでバージョンアップを躊躇してしまうケースがあります。Firefoxの複数のバージョンを共存する方法もあるようですが、セキュリティアップデートも兼ねているので多少なりとも安全面での不安が残ります。 アドオンの中でも「HTML Validator(HTMLの構文をリアルタイムで検証)」はお気に入りのひとつですが、未だMac OS XのFirefox 5には対応しておらず、どうしたものかなーと思っていたところ、代替手段を見つけたので紹介します。 Web Developerのツールで代替 既に知っている方も多いかもしれませんが、Web Developerの機能を使用すると、ツールバーに検証結果を表示してくれるのでHTML Validatorとほぼ同等の役割を果たしてくれます。 設定方法 1. Web Developer
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px~640px、横向きで480px~960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px(縦)を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px(横)で作成すれば問題ないといえますが、iPhone4、4SやAn
HTML/CSS/JavaScriptを書くために行ったVimの設定やインストールしたスクリプト等をざっとまとめてみた。「VimでWeb開発を100倍効率的にする方法」といったような生産性を上げるための設定の類ではない。 HTMLファイルを:makeで文法チェック tidy.vimが用意されているので、HTML Tidyをインストールし、.vimrcに以下のように書くだけで良い。 autocmd FileType html :compiler tidy autocmd FileType html :setlocal makeprg=tidy\ -raw\ -quiet\ -errors\ --gnu-emacs\ yes\ \"%\" tidy.vimのmakeprgでは日本語が化けるので-rawを追加する。 HTMLファイルのインデントをやり直す gg=G ノーマルモードではggでファイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く