2012年2月25日のブックマーク (3件)

  • WordPressのデザインをHTML/CSSのペアで試せる·Pears MOONGIFT

    PearsはWordPress上でデザインを試してテーマを作成できるフレームワークです。 PearsはWordPressのテーマですが、デザインフレームワークとしての役割も兼ねています。そして実際にコードを試しつつ、デザインを作ることができます。 インストール後、テーマを有効にします。 一覧の画面です。 記事の画面です。HTMLCSSが入力できます。 例えばリストです。シンプルで見やすいです。 テーブル表示です。 フッターです。 一覧(HTML5)です。 一覧(テキスト)です。 一覧(サムネイル)です。 サムネイルのグリッド表示です。 フォーム(左にラベル)です。 フォーム(上にラベル)です。 検索フォームです。 ログイン系フォームです。 リストです。 ステータス表示です。 タグです。 垂直のタグも。 ナビゲーションです。 水平ボタンです。 水平リンクです。 タブです。 ページネーション

    itbookmarker
    itbookmarker 2012/02/25
    WordPressのデザインをHTML/CSSのペアで試せる「Pears」
  • 既存のHTMLやURLからMarkdownへ変換·html2text MOONGIFT

    html2textはHTMLMarkdownフォーマットに変換するPythonスクリプトです。 html2textを使うと普段見ているWebサイトや既存のHTMLページをMarkdownフォーマットに変換できます。Markdownの練習にも良さそうです。 実行しました。引数にURLを渡すだけの簡単実行。確かにMarkdownのテキストが出力されています。 ちょっと余計な情報も出ていますが、きちんとテキスト化されています。 コマンドオプションです。画像やリンクを除いたりすることもできます。 html2textを使うとHTMLをシンプルなテキストにしてくれるのはもとより、Markdown記法であるために可逆的にHTMLにすることもできます(class指定などは飛んでいるのでデザインは戻りませんが)。HTMLで書いてしまったためにメンテナンス性が悪くなった文書を再利用したりするのにも使えそうで

    既存のHTMLやURLからMarkdownへ変換·html2text MOONGIFT
    itbookmarker
    itbookmarker 2012/02/25
    既存のHTMLやURLからMarkdownへ変換「html2text」
  • プレビュー付き。FirefoxアドオンのMarkdownエディター·MarkUpDown MOONGIFT

    MarkUpDownはFirefoxアドオンとして動作するMarkdownエディターです。 Markdownは普通に記述しても十分可読性の高い記法ですが、それでもプレビューがあった方が分かりやすいでしょう。そこで普段Firefoxをメインブラウザとしているなら試してみたいのがMarkUpDownです。Firefoxアドオンとして動作するMarkdownエディターです。 インストールです。ソースコードをダウンロードしてmakeすればxpiファイルが生成されます。 インストールされました。 立ち上げました。最初は真っ白です。 上にプレビュー、下がMarkdownの記述を行うエディット部分です。 水平の他、垂直に分けることもできます。 保存もできます。 MarkUpDownは記述した内容がリアルタイムにHTMLに変換されて、レンダリング結果を確認できます。これはWebブラウザならではの強みと言え

    itbookmarker
    itbookmarker 2012/02/25
    プレビュー付き。FirefoxアドオンのMarkdownエディター「MarkUpDown」