Vim 80 column layout concerns
The way I do 80-column indication in Vim seems incorrect:set columns=80. At times I also set textwidth, but I want to be able to see and anticipate line overflow with the set columns alternative. This has some unfortunate side effects: I can't set number for fear of splitting between files that have different orders of line numbers; i.e. < 100 line files and >= 100 line files will require two diff
ackで検索してほしい拡張子を追加する - すぎゃーんメモ
ackコマンドは空気を読んで検索対象ファイルを絞ってくれるのだけど、油断するとT::MTの.mtファイルなどは普通にスルーされてしまうので注意(TTはデフォルトで対応されているのだけど)。 Beyond grep: ack 2.14, a source code search tool for programmers 例えばテンプレートファイルを検索対象に含めてほしい場合は"$HOME/.ackrc"に --type-set=tx=.tx --type-set=mt=.mtなどを追記しておく。 こうしておけばオプションなしでもちゃんと検索してくれるし、"--tx"や"--mt"などのオプションでその拡張子のファイルだけを検索してくれるようになる。
俺の CSS リセット: 2011 冬
年末だからというわけでもないのですが、いつものサイト作りに使う CSS リセットについて見直してみました。今までもちょっとずつ手を入れてはいたのですが、今回はかなり大きく修正しています。というのも、Nicolas Gallagher と Jonathan Neal の両氏による normalize.css を知り、大きく影響を受けたからです。 Normalize.css は「新手の CSS リセット」ではありません。CSS を「リセット」するのではなく「ノーマライズ」する、という新しい考え方です。CSS リセットとノーマライズはどちらも、ブラウザ間で CSS の実装に差異があることを前提にそれらを吸収しようとする、という同じ目的を持っています。ただ、リセットはすべてをまっさらな「さら地」にしようとするのに対し、ノーマライズは使える部分は残しつつ手を入れる必要のある部分だけを整える、という違
画像置換のあれへの補足
先月あたり、CSS による画像置換テクニックの話題がにわかに盛り上がりを見せていました。その経緯について まとりさんの記事 で紹介されていますが、僕からも簡単に補足してみます。 まず、よく知られた画像置換のテクニックとしていわゆるファーク式がありました: /* Phark method */ .ir { height: 100px; width: 400px; background: url(image.png) no-repeat 0 0; text-indent: -9999px; } このテクニックは長らく利用され続けてきましたが、その代替として、パフォーマンス面でより良いとされる Scott Kellum さんのテクニック (ケラム式) が Jeffrey Zeldman さんの記事 で紹介されました: /* Kellum method */ .ir { height: 100px
MacのキャプチャソフトはSkitch以外考えられない！ってくらい便利
Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/users/1/vmnetworks/web/zoolbox/wp/wp-includes/script-loader.php on line 706 Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/users/1/vmnetworks/web/zoolbox/wp/wp-includes/script-loader.php on line 706 Deprecated: Array and string offset access syntax with curly brace
Balsamiq Mockupsで好みの日本語フォントを使う - Fragments of Works
Balsamiq Mockupsってなに？ 技術文書の図版を作るのにBalsamiq Mockupsを勧められました。これを使うと、オブジェクトをちょいちょいと配置していくだけで、手描き風のモックアップやら、ワイヤーめいたものやら、がわらわらと描けてしまうというもの。 いわゆるピッキンパッキンの緊張感持ってお仕事しますぜ的な図版でなく、いい意味で間が抜けたものが描けます。 そのままでは日本語が入力できない このアプリはデフォルトでは日本語が入力できません。Viewメニューから 「Use System Fonts」を選択して、チェックを入れておくと、日本語が入力できるようになります。 ところが、これが文字通りシステムフォントなので、Osakaなど、もっそい味もそっけもないフォントになります。せっかく手描きの味を活かしたいのに、フォントがパワポの世界へ誘います。ちっ。 XML設定ファイルで使う
Balsamiq Mockupsで任意の日本語フォントを使う方法 - KDF Memo
一年ほど前にリリースされて話題になったBalsamiq Mockupsだが、発表当初は日本語フォントが通らなかった。その後の変更で、”Use System Fonts”オプションを有効にすることで日本語も通るようになった、というところまでは知っていた。 しかしこのツールの価値は「手書き風」という部分にあるので、システムフォントを使うことで日本語が使えるようになったとしてもそれだけでは魅力が半減してしまう。なのでこのツールに興味を持ちつつも見送っていた….のだが 公式サポートページにフォント変更の方法が載っているのを発見。以前からこの方法で任意のフォントが使えたのか最近のバージョンアップで対応したのか定かではないがここにメモする。以下MacOSX版を元にしているが他のプラットフォームの方はパス名など適時公式ページに掲載されているものと置き換えて読んでもらえれば同じ手順でOKである。なお、
Find the right Productivity software
App comparison Add up to 4 apps below to see how they compare. You can also use the "Compare" buttons while browsing.
Conditional stylesheets vs CSS hacks? Answer: Neither! - Paul Irish
…or… <html>’s conditional classes From what I’ve seen a good number of developers these days are split between conditional stylesheets and css hacks. You’re used to seeing this: <link rel="stylesheet" type="text/css" media="screen" href="css/style.css" /> <!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen" href="css/ie7.css" />< ![endif]--> <!--[if IE 6]><link rel="stylesheet" type
はてなブログ | 無料ブログを作成しよう
新米と秋刀魚のわた焼き お刺身用の秋刀魚を買いました。1尾250円です 3枚におろして、秋刀魚のわたに酒、味醂、醤油で調味して1時間ほど漬け込み、グリルで焼きました 秋刀魚のわた焼き わたの、苦味が程よくマイルドに調味され、クセになる味わいです 艶やかな新米と一緒に 自家製お漬物 土…
[CSS]IE6, IE7, IE8, IE9の各バージョンの分岐をvalidで処理する方法
CSS Specific for Internet Explorer デモページ（※IE7で表示） [ad#ad-2] デモ紹介 1. 条件付きコメントの利用 2. CSS Hackの利用 3. 条件付きのHTML class デモ紹介 デモページは、下記のように設定されています。 スタンダードブラウザ（IE9, Firefox, Chrome, Safari, Operaなど） 背景色がグレー IE8 背景色がピンク IE7 or IE8互換モード 背景色がグリーン IE6 背景色がブルー 下記はデモページをIETesterで表示したものです。 IETesterの詳しい説明は、「IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester」を参照ください。 デモページ（※IE8で表示） IE9もWin7+IE9で確認したところ、背景はグレーに表示されていました。 [a
Take it easy- html5 boilerplateの解説 - html 編 -
html5 boilerplateの内容について読みといて見る 参考文献 HTML5 Boilerplate, Initializr 2をこれから使う人が押さえるべき5つの原則 Boilerplate Docs - The HTML - IE専用クラスの適用とIE用スタイル記述 <!doctype html> <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]--> <!-
HTML5 Boilerplateを読む | complicate000 blog
HTML5 Boilerplateは、HTML5を扱うためのベストプラクティスが詰め込まれたHTML/CSS/JSのテンプレートです。 このテンプレートに含まれるHTML、CSS、JSに沿ってコードを書いていくことで、正当かつ洗練されたHTML5のサイトが制作でき、さらに、予め用意された方法でbuildすれば、HTML、CSS、JS、そして画像の圧縮によって軽量化も実現します。 今回はHTML5 Boilerplateについて理解を深めるために、基本となるHTMLのテンプレートを読み下していきたいと思います。 （CSS、JSの分析、ビルドの仕方については次回以降..） ■HTML5 Boilerplateとは HTML5 Boilerplateについて、公式サイトにはこう書かれています。 HTML5 Boilerplate is the professional badass’s bas
CSSハック一覧
2013年3月23日 CSS 異なるブラウザーで見たらレイアウトが崩れる。。CSSハックはそんな時のお役立ち裏技（？）です。私がブックマークしているCSSハックに関するWebサイトがたくさんあったので（Safariがのってない・IE8しかのってない。。等の理由で）、自分用メモ。「こんなやり方もある！」というのがあればコメントして教えてください！ ↑私が10年以上利用している会計ソフト！ Internet Explorer IE6以下 #help_me { _color: blue; } * html #help_me { color: red; } IE7 *:first-child+html #help_me { color: red; } *+html #help_me { color: red; } IE6, IE7 #help_me { /color: blue; } IE8 #h
なぜ、IE8では、画像が表示されないことがあるのか - ミショニポー
なぜ、IE8では画像が表示されないことがあるのか調べてみた 互換表示ボタンがあるから、それを押してください。 などと解説がある。 閲覧者としては、それでいいことなんだけれども、 プレイヤーとしてどうかというと、htmlのような簡単なものにどえらい手間をかけて、わざわざ標準モードにしているかといえば、質の高いコンテンツを提供するというところに尽きる 自分に降りかかった火の粉、互換モードでお茶を濁そうと試みたが、実際問題は、互換モードなんて使えないものだった ブログ1個作って検証する運びになりました。 shrink-to-fit CSS2 仕様では、要素の横幅が明確ではないと、フロートを指定された要素の横幅は常に "0" とみなされます（CSS2.1 仕様では、width : auto ; であれば、横幅は 0 ではなく、"shrink-to-fit" width と呼ばれる、｢内容にぴったり
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5ヶ月で1千万円売り上げたAIR アプリ：Balsamiq
Route 477