プロジェクトベースのHTMLエディタ·SEEdit Maxi MOONGIFT
HTMLの編集ソフトウェアは、DreamweaverのようなWYSIWYGなものか、タグ入力を補助するタイプのものかに分かれる。前者の方が分かりやすいが、細かな設定やCSSベースで組み立てていく際にはタグ入力補助の方が便利な場合もある。 全体図 HTMLやCSS、JavaScriptを一手に作成できるのがこのソフトウェアだ。 今回紹介するフリーウェアはSEEdit Maxi、Mac OSX向けのHTMLエディタだ。 SEEdit Maxiはフォルダを指定することでそのフォルダ以下のHTML、CSS、JavaScriptファイルをSEEdit Maxi上で開いて編集できるようになる。フォルダをプロジェクト管理として利用するイメージだ。 ベースになるHTMLコード生成 HTMLは手打ちだが、HTMLのDTDを指定すると予め枠組みを作った状態で新規作成してくれる。タグは入力補助のウィンドウがある
JavaScriptでレンダリングする画像ライブラリ·HIWI MOONGIFT
まぁなんだろう…あえて言うなら「無茶しやがって」だろうか。 下の画像を見てもらえれば分かると思う。モナリザの画像が出ているが、右クリックしても、画像の保存は出てこない。もちろん、CSSでバッググラウンドに指定している訳ではない。 モナリザが表示されているが、これは画像ではない 答えは簡単だ。膨大な数のテーブルタグによって作られているのだ。 今回紹介するオープンソース・ソフトウェアはHIWI、JavaScriptによる画像作成ライブラリだ。 HIWIは画像を配列に分割し、それをテーブルタグを1ピクセルずつ定義することで画像をレンダリングしていくソフトウェアだ。画像をHTMLで再現するものは幾つかあるが、それの最極小版と言えそうだ。 これがモナリザのソース 1ピクセル単位なので、どれだけ精密な画像であっても再現できる。ただし遅い。163×218の画像で5秒程度レンダリングにかかるそうだ。また、
MOONGIFT: » 不要なCSSの洗い出し「CSS Redundancy Checker」:オープンソースを毎日紹介
CSSははじめこそきちんと定義しながら進めるのだが、修正が重なったり、日々の運用の中で徐々に肥大化していく。HTMLと同じで多少間違っていたり、不要な情報が紛れ込んでいてもそれなりに表示されるので気にならないのだ。 だが不要な情報が紛れ込んでいると、ちょっとした修正が全く無関係と思われる場所に影響を及ぼしたり、管理しきれなくなってくる。そこで使ってみたいのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはCSS Redundancy Checker、不要なCSSチェッカーだ。 CSS Redundancy CheckerはRubyで作られている、CUIベースで動作するアプリケーションだ。また、gemでhpricotをインストールする必要がある。そのため、若干敷居が高いかも知れないが、便利なアプリケーションだと思うのでぜひトライしてみて欲しい。 使い方は簡単で、CSSファイル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
