slywalkerのブックマーク / 2011年2月23日

slywalker id:slywalker

2011年2月23日のブックマーク (3件)

(PHP) プログラマのための Vim (まとめ)
遅ればせながら、依然書いてたAndreiのVimスライドの訳記事の一覧エントリを。今でもちょくちょくブックマークされているのですが、個別エントリしかなくてブクマしづらいので。元記事 http://www.gravitonic.com/blog/archives/000357.html ここからAndreiの実際使っているVimの設定ファイルやプラグインのアーカイブもダウンロードできます。記事一覧カーソル位置・カーソル移動・マーク・挿入削除・検索置換・テキストオブジェクトコピー/削除/貼り付け、レジスタ undo ビジュアルモード、ウィンドウ、タブ補完・マップ・オプションセッション、misc、ヘルプ PHP向けカスタマイズ(1) ペアマッチ・ブロックオブジェクト・ハイライト・折りたたみ(folding) PHP向けカスタマイズ(2) タグ・補完・netrw PHP向けカスタ
slywalker 2011/02/23
vim
リンク
[CSS]可変するレイアウト幅の最大値を制限する簡単な方法
ページのレイアウト幅が可変するFluid Layoutにした際、その幅の最大値を制限する簡単な方法を紹介します。 Rein In Fluid Width By Limiting HTML Width [ad#ad-2] 下記は各ポイントを意訳したものです。 <html>エレメントは、ウェブページで最もレベルが上位のエレメントです。そして、他のエレメントは全て、<html>エレメントに内包されています。もし、あなたが幅が可変に対応したサイトを作成し、その幅の最大値を制限したい時は、<html>エレメントに最大幅を指定することで簡単に実現できます。
slywalker 2011/02/23
この方法はIE8+を含む、通常のブラウザで動作します。IE6/7では<html>エレメントをフルの幅で表示しますが、それはこの世の終わりではありません。

css
リンク
枠線付きの吹き出し
ミニブログの隆盛以降ウェブ上でよく見かける吹き出しをCSSで作るお話。単色のものはかなり前に書いた。今回はそれに枠線をつけてみよう！　みよう！　みよう！ Demo: Bordered Speech Bubble 枠線は単なるsolidなborderで少し角を丸めただけ。尻尾を付ける :before擬似要素を使う。デモの3番目のサンプルのように、まず枠線と同じ色で三角形を作る。三角形は以前のエントリで書いた手法と同じで、左右のborderをtransparentにすることによって作る。 .speech-bubble:before { border-top-width: 16px; border-right-width: 16px; border-bottom-width: 0; border-left-width: 16px; border-color: #369 transparent;
slywalker 2011/02/23
css
リンク
- 2011年2月24日
- 2011年2月23日
- 2011年2月19日