タグ

ブックマーク / archiva.jp (5)

  • Web屋のためのHow to Vim (チラ裏) - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 Vim Advent Calendar 2011 43日目の記事です。というかもう2012年ですね! あけましておめでとうございます。この度は前回の続き。当は翌日にでも書くつもりだったけど伸ばしに伸びたWeb屋のためのVim特集をお送りします。初めに言っときますが、3部作です。つまりこの記事は2/3。どうしてこうなった。 Web屋のための Vim-Starter-kit Demo: Vim Starter-Kit from sigwyg on Vimeo. はい、けっきょく作ってしまったんですよ。初心者導入キット。黒い画面恐怖症の方々のためにGit依存しないように作

    modata
    modata 2012/01/12
  • Webタイポグラフィまとめ - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド(“&”) スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記

  • Vim 基本操作まとめ - Archiva

    Vimにおける、基操作のチートシート。だいぶ使えるようになってきたのでメモっておきます。 2009.05.29: 「単語移動」を追加しました。横スクロールめんどいよね。 2009.05.29: 「もちょっと発展的な+α」を追加。そこそこ貯まってきた。 2012.07.19: 「ヘルプ」を追加。gm、f[word]などを追加。 モード切替 i

    modata
    modata 2011/03/31
  • タブ切替をサクッと実装 - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 タブ・メニュー作ってみました。使いまわしを考慮してパッケージ化に挑戦。JavaScriptを切っているときは、ページ内リンクとなります。 HTML <ul id="tab"> <li class="present"><a href="#page1">Page_1</a></li> <li><a href="#page2">Page_2</a></li> <li><a href="#page3">Page_3</a></li> <li><a href="#page4">Page_4</a></li> <li><a href="#page5">Page_5</a></li

    modata
    modata 2011/03/03
  • VimでMarkdown出力してみた - Archiva

    Make a note of it: Web tech, montaineering, and so on. 素の状態でもカッコ良いテキスト記法、Markdownを実用するアレコレ。あるいは如何にして私はMarkdown形式の実用化に至ったか。 Markdownに関しては前回のSugamoでも触れたけれど、まあかっこ良い「はてな記法」と考えて差し支えない。Vimで使うと、HTMLほど気合い入れなくても色分け表示できるし、ちょっとしたメモ書きやブログの下書きとして重宝してます。HTML直書きも許容するゆるーい記法ってのもポイント高いね そして俺は思った。これ使って「gf」していけば、VimWiki要らないんじゃね? まずは王道から Hack #52: Markdown形式の文書を書く Hack #7: 編集中ファイルを実行し、結果を表示したままにする ここら辺を参考にゴニョゴニョやってみたの

    modata
    modata 2011/01/30
  • 1