タグ

toolとhtmlに関するysk_lucky-starのブックマーク (7)

  • Big Sky :: html をコマンドラインからパースするなら pup が便利

    2014年でも html を解析してゴニョゴニョするなんて要件はまだまだある訳で、そんな時に便利なのが pup というコマンドです。 EricChiang/pup - GitHub README.md pup pup is a command line tool for processing HTML. It reads from stdin, prints to stdout,... https://github.com/EricChiang/pup 通常、こういったツールは perlrubypython 等で提供されランタイムがインストールされていない環境で動かすのはちょっとした手間が発生していました。しかし pup ならば golang で出来ているのでバイナリ1つあれば動かせます。 使い方は、例えばこのサイトのパーマリンクのHTMLを得たいならば curl -s http:

    Big Sky :: html をコマンドラインからパースするなら pup が便利
    ysk_lucky-star
    ysk_lucky-star 2014/09/16
    これは便利っぽい
  • Zen-Codingで楽々コーディング! + コツ1つ

    話題のHTMLCSSコーディングあしすとツールのzen-codingを触ってみました。すごい楽ちんこ! zen-codingって何?使い方は?という人は以下のページを見てくださいね。 Zen-Codingでできるあんなことこんなこと 知らない人は損してる?コーディングが3倍速くなるZen-Codingを導入してみた ある程度HTML/CSSのコーディングに慣れた人なら、ビジュアルデザインを含んだ文書があれば、それをもとに脳内でHTML構造に置き換えられますよね。デザインから興す人は、Photoshopを触りながら、同時に頭の中でHTMLを組み立ててる人も多いんじゃないでしょうか。 たいていの文書は、小さなパターンと大きなパターンの繰り返しだし、コンテンツに関しての試行錯誤はあっても、HTMLの記述で試行錯誤するってことは無いんですよね。(CSSのブラウザの実装の関係とかこの際忘れよう)

  • テキストエディタでWebサイト構築をガンバル人へ(1/3) ― @IT

    テキストエディタでWebサイト構築をガンバル人へ:どこまでできる? 無料ツールでWebサイト作成(6)(1/3 ページ) 「あえて」テキストエディタでWebサイト構築 今回はテキストエディタと組み合わせることで、開発をより便利にできるツールについて考えてみよう。 現在「あえて」テキストエディタでの開発を行われている方には、現在使っているエディタを選択するまでの“経緯”や“こだわり”があると思う。筆者もこれまでにさまざまなテキストエディタを試し、「この程度のもので十分だ」と感じるテキストエディタを現在使っている。 テキストエディタ+α そこで今回は、テキストエディタ自体とそのプラグイン/拡張機能に関する紹介は行わないこととし、「どのようなテキストエディタを使っている場合でも、組み合わせて使うことでより簡単にWebサイト構築ができるツール」という観点で紹介したいと思う。もちろん、Webオーサリ

    テキストエディタでWebサイト構築をガンバル人へ(1/3) ― @IT
  • MOONGIFT: » HTMLを解析してCSS生成「html2css」:オープンソースを毎日紹介

    CSSで便利だと感じるのは構造を階層化できる点だが、逆にきちんと構造化しておかないと欠点にもなりかねない。別な所で定義した名称と重複してしまい、どうもうまくいかないという経験がある人も多いはずだ。 まず現状どういった構造になっているのか、それを把握する所からはじめてみよう。それが分かればうまく構造化できるはずだ。 今回紹介するオープンソース・ソフトウェアはhtml2cssHTML文書を解析してCSSファイルにするソフトウェアだ。 html2cssはclassやid、そしてタグの構造を解析して、それをCSS形式で出力してくれる。これを見てみると、CSSのネストした構造がどの位深いのか良く分かる。無駄な点があればそれも見えてくるだろう。ソースとしてファイル、文字列またはURLを利用できる。 最上位がhtml bodyからはじまるので、大抵ネストは深くなるだろう。だが、そこから不要なものは抜き

    MOONGIFT: » HTMLを解析してCSS生成「html2css」:オープンソースを毎日紹介
    ysk_lucky-star
    ysk_lucky-star 2007/08/28
    どんな場面で使えばいいんだろう?
  • DOM Tool | Version 1.1

  • 蓄々HTML実体参照変換 : akiyan.com

    最新記事 2024-01-10 2024/1/8 石川帰省で被災状況を見た 2023-09-28 東京から車で四国九州11日間の観光旅行全記録 2023-07-04 【最大17,50円OFF】SwitchBot製品がセール中 #PR 2023-07-04 指紋認証付きSwitchBotロックを導入した #PR 2023-05-09 Elastic Beanstalk の nginx で静的ファイルにCORSヘッダーをつける方法 2023-05-08 ahamo海外データは国内と共有で、大盛り利用時は海外分20GBは温存される 2023-02-01 ホームルーター比較記事の監修を行いました 2023-01-09 【TFT攻略】D2停滞を抜けてグラマス到達のためにやったこと 2022-12-31 2022年に買って良かった物 2022-11-02 意識低めな高たんぱく質ヘビロテ中の品一覧

  • IE上でDOMやCSSを書き換え可能な拡張「DOM Helper」:phpspot開発日誌

    Hairy Spider Blog - Announcing DOM Helper: A new and improved CSS Editor Well I've finally got round to producing the inline CSS editor that I wanted to do in the first place. IE上でDOMやCSSを書き換え可能な拡張「DOM Helper」。 サイトのDOM構造を表示し、DOMの属性を自由に書き換えることが出来ます。 CSS Editor によってCSSの編集も可能な模様。 インストールは少々面倒で、次の手順で行う。 DOM Helperをダウンロード Cドライブ以下、DomHelper というディレクトリを作り、そこに解凍 コマンドプロンプトで次のコマンドを実行 "%windir%/Microsoft.Net/F

  • 1