[CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス
Konstruktors Notesのエントリー「How to Create Beautiful and Elegant HTML Lists Using CSS」から、CSSを使用して美しくエレガントなリストを制作する方法を紹介します。 How to Create Beautiful and Elegant HTML Lists Using CSS 各ブラウザによるリストのレンダリングの差 リストにmarginやpaddingを指定した場合、「Internet Explorer」と「Gecko, Webkit and Opera」の各ブラウザで、レンダリングが異なります。 <textarea name="code" class="css" cols="60" rows="5"> ul, ol{ margin:auto -3em 1em 0; padding:0; position:rel
IE6でposition:fixedの真似ごと | Takazudo Clipping*
下にメニュー固定で出したい。 しかしIE6だとposition:fixedできないので、下メニュー以外のコンテンツをdivで囲って、html,body,そのdivにheight:100%で、viewportの高さ100%にあわせ、overflow-y:scrollをそのdivにつけて、html,bodyのoverflow-y:hiddenで本来のスクロールバーを出さない。 bottom:0にするときには表示領域の高さが奇数の時、bottom:0pxが1pxずれるのを注意。 奇数bottomバグ - IE6 <body> <div class="main">main</div> <div class="bottom">bottom</div> </body> html,body{ height:100%; } html{ overflow-y:scroll; } div.main{ col
ActionScriptによるWebの3Dグラフィックス再入門：CodeZine
Flashで3D？ 数年前まで、Flashと言えばデザイナが絵やアニメーションを作り、そこにちょっとしたインタラクティビティを持たせるためのツールという見方が一般的でした。しかし、昨年あたりから急激に「えっ！？こんなことがFlashでできるの？」というようなコンテンツが増えてきています。このようなコンテンツが現れはじめた原因は、言語仕様が一新されたActionScript 3による高いパフォーマンスにあります。 本連載では、ActionScript 3のパフォーマンスを活かした一例として、Web上での3D表現を取り上げます。Webで3Dというと、VRMLやJava3Dなどの方法が存在はしたものの、なかなか広まることがありませんでした。これは実行環境の普及率が原因していると言えるのではないでしょうか。その点について、Flashは恵まれた環境にあると言えます。Adobeの資料によれば、日本国内
写真のサイズ - 日毎に敵と懶惰に戦う
最近、少し落ち着いてきたので、鑑賞とか訪問の記録を徐々に復活させていこうと思うんですが。で、ここでハタと考えるのが、掲載する写真のサイズ。 私のブログでは、当初、写真を400×300のサイズに縮小して掲載してました。2006年の6月に、ワイドサイズ16×9で撮影ができるカメラを購入したのを期にサイズを変更。 http://d.hatena.ne.jp/zaikabou/20060624 今は基本的に、3840×2160∝16×9で撮影した写真を、480×270に縮小して掲載してるんですね。横長で撮影すれば480×270になるし、縦長で撮影すれば、270×480になる塩梅。なんだけれども、どうも、写真が小さい。印象が弱い。データサイズとしては20〜40KBくらいなので、もう少し大きなサイズにしても、それほど重くなく閲覧できるんじゃないか、と思う。それからやはり、なんでもかんでもワイドサイズで
ブログで使っている画像のサイズ - 北の大地から送る物欲日記
「写真のサイズ - 日毎に敵と懶惰に戦う」を読んで。 ブログなどで表示する写真画像のサイズについて。いくつかのサイトの例が挙げられていて、いろんな人がどうやって画像を使っているかが分かる良記事。 このブログでは、使う画像のサイズは320x240（小）〜480x360（大）が多いでしょうか。気分や記事のイメージによって適当に使い分けています。 デジカメや携帯で撮影した画像は4:3なので、そのまま横を320か480にリサイズしてフォトライフにアップしています。私が使ってる画像リサイズ用のソフトはWindowsだとJTrim、MacだとSkitchを使っています。 スクリーンキャプチャで画像の縦横比が適当なものは横サイズを320〜480にリサイズしています。使ってるスクリーンキャプチャソフトはWindowsだとCapture STAFF -Light-で、MacだとSkitch。 圧縮率はあまり
はじめてのカーネル・ソース---目次：ITpro
なかなかハードルが高く，多くの人が踏み出せないでいるカーネルのソース・コードの読解。本連載では，今までカーネル・ソースなんて見たことがないという人に，読みこなすコツをお教えします。 カーネルのコンパイル方法については，関連記事「やってみると意外に簡単!? Linuxカーネル・コンパイル入門」をお読みください。 また，カーネル・パラメータの項目については，関連記事「「Linuxカーネルの設定パラメータ」」で公開しています。 第1回 どうしたら読めるようになるのか 第2回 C言語とライブラリの初歩 第3回 カーネル・ソース内のシステム・コールを確認する 第4回 カーネルが構造体を好むワケ 第5回 デバイス・ドライバとモジュール 第6回 構造体に「関数」を登録する 第7回 ネットワーク処理はモジュール処理と上下が逆 第8回 データに意味付けするキャスティング手法 第9回 機能拡張でよく使われる共
【ハウツー】ゼロからはじめるGIMP2- 無料で使える写真加工ソフトを解説 (1) GIMPとは | パソコン | マイコミジャーナル
本稿では、無料で使えるグラフィックソフトのGIMP(the GNU Image Manipulation Progra)を使って、デジカメなどで撮影した写真の画像加工を行います。 GIMPは無料で利用できますが、日本で言ういわゆる"フリーソフト"ではありません。オープンソースという形態で、著作権を保護しながら他の誰でもソースコードを改変・再配布できるような形式で作成しているソフトです。エンドユーザの筆者などから見ると、地球のどこかで誰かがオリジナルのプログラムを開発し、別の人が筆者の環境でも簡単に使えるように改変し、それを使わせていただいてるわけです。 そういうわけで、GIMPはいろんなOS向けにリリースされています。Windows版、Mac OS X版(Intel版とPowerPC版)、UNIX版、さらにインストール方法の異なるバージョンなどもあります。ちなみに、あくま有志による開発とい
CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 | CREAMU
DiaryTechnology CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 CSSでmin-heightをブラウザに関係なく使いたい。 そんなあなたにおすすめなのが、『Easiest cross-browser CSS min-height』。CSSでmin-heightをクロスブラウザにする最も簡単な方法だ。 There are still enough folks using IE6, unfortunately, and it doesn’t support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser
memokami :: 約500機種の携帯端末を網羅するケータイテストエミューレーター「P1 Emulator」を使ってみました
NetFarmさんが携帯端末500機種以上を網羅した「P1エミュレーター」のベータ版が無料で公開されました。 いままで携帯でテストするときに、まともに利用できるエミュレーターといえば、i-modeシミュレータしかなく、結局実機でのテストに頼っていました。 この「P1 Emulator」はケータイサイトのテストの救世主となるのでしょうか。 早速試してみました。 ■まずはダウンロード http://p1.netfarm.ne.jp/ ※ダウンロードには会員登録/ログインが必要です。 ■エミュレーターインストール インストールがめちゃくちゃ重かったです。 うちの環境だけかな。固まったかと思うほど。 気長に待ちましょう ■インストール完了 かなり時間かかりました。 ■ライセンス登録画面 最初に起動するとベータ版のライセンスキーを取得するように言われます。サイトに行って取得しましょう。登録したメール
デザインセンスを刺激するフリーのフォント9 -misprinted type | コリス
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
ビルドやテスト、依存ライブラリ追加は自動化できる！
皆さん、ビルドツールは何をお使いでしょうか？ Java開発におけるビルドツールといえば、Antが有名でしょう。しかし、最近、Antに代わるビルドツールとしてApache Mavenが地道に注目を集めてきています。 本稿では、連載「CoolなEclipseプラグイン」の番外編として、前後編に分けてMavenの概要とEclipse上でのMaven利用をサポートするプラグイン「q4e」を紹介します。 Antに代わるビルドツール「Maven」とは？ 「Maven」（メイヴェン、メイヴン）は、Antと同様に、プログラムのコンパイル、テスト実行、パッケージングなどのソフトウェア開発における一連の作業を自動化するためのツールです。ただし、Mavenは、Antにはない以下のような優れた特徴を持っています。 Mavenの特徴【1】高機能なライブラリ管理・依存ライブラリの“自動”追加 プロジェクトに必要なライ
Vimで超スムーズスクロール - ナレッジエース
おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) 私のお気に入りのVimスクリプトをひとつ紹介したいと思います。 Smooth Scroll : vim online スクロールをスムーズにしてくれる、わずか25行のVimスクリプト。 Vimは標準ではスクロールのコマンドが一瞬でパッと移動してしまうので、どちらの方向に、どれだけ移動したのかが分かりづらいのですが、これを使うと解決できます。 スクロールのコマンド ここで対象とするスクロールコマンドは以下のとおり。 <C-D>：半画面下にスクロール <C-U>：半画面上にスクロール <C-F>：全画面下にスクロール <C-B>：全画面上にスクロール 「PageUp/PageDown」のキーがキーボードの押しやすい
Off : Draft/Vim
vimrc filetype on " ファイルを開くとき fileencodings に リストされている順番で 文字コードを " 判定していく。 " 有効な文字コードが見つかると（エラーが発見されないと）、 この値が " fileencoding にセットされる。 " すべて失敗した場合には fileencoding の値は空に 設定され encoding の値が " 使われる。 set encoding=utf-8 set fileencoding=utf-8 set fileencodings=utf-8,euc-jp,iso-2022-jp,cp932 set fileformat=unix set fileformats=unix,mac,dos " <Tab> を挿入する際に スペース で置き換える。 autoindent のインデントも " スペースに変換される。 " 本当
VimからSubversionを使いこなす - ナレッジエース
標準のままではちょっと使いづらいので、以下のように設定しました。 "F7とF8で前後の変更箇所へ移動 nmap <F7> [c nmap <F8> ]c "<Leader>dqでDiffから抜ける nmap <Leader>dq :winc l<CR>:bw<CR>:diffoff<CR> また、tabbar.vimを使っているとVimDiffに入る際ウィンドウがおかしくなってしまうので、以下のように修正しています。 "<Leader>cvでタブバーを消し、VCSVimDiffを表示(vcscommand.vim) map <Leader>cv :TbStop<CR>:VCSVimDiff<CR> これでかなり快適になりました。 VimからTortoiseSVNを起動 Call TortoiseSVN commands Tip #1491 - Call TortoiseSVN comman
403 Forbidden
＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
cmdex.vim : Kaoriyaパッチ ユーティリティコマンド集
cmdex.vimスクリプトはKaoriya版vimエディタに含まれるユーティリティコマンド定義スクリプトです。 「:CdCurrent」「:VDsplit」「:Scratch」「:Transform」「:Tutorial」など、 Kaoriya版に組み込まれている便利なコマンドのいくつかは、このcmdex.vimスクリプトで定義されています。 Kaoriya版のvimエディタを使用しているなら、この記事は読んでおくべきです。 (Windows, Mac) 概要 cmdex.vimスクリプトはKaoriya版vimエディタに含まれるユーティリティコマンド定義スクリプトです。 「:CdCurrent」「:VDsplit」「:Scratch」「:Transform」「:Tutorial」など、 Kaoriya版に組み込まれている便利なコマンドのいくつかは、このcmdex.vimスクリプトで定義
日本語に翻訳されたvimエディタのヘルプをインストールして使用する。 — 名無しのvim使い
翻訳されたヘルプドキュメントを入手する。 まず、日本語のヘルプドキュメントをダウンロードしてください。 日本語のヘルプドキュメントは、現在、次のURLで配布しています。 Vim日本語ドキュメント（香り屋） http://www.kaoriya.net/vimdoc_j/ このページの、「Vim日本語ドキュメントダウンロード(スナップショット)」のリンクから 圧縮ファイルの形式のドキュメントをダウンロードしてください。 ダウンロードした圧縮ファイルを解凍する。 ダウンロードした圧縮ファイルを解凍します。 何らかの圧縮ファイル解凍ツールで解凍すると、次のように展開されるはずです。 runtime/ | +-- doc/ | +-- ada.jax | +-- autocmd.jax | +-- change.jax | +-- cmdline.jax | +-- debug.jax | +--
高性能なテキスト整形ツールAlignの使い方 ― 名無しのvim使い
Alignはvimスクリプトで作られた高性能、多機能なテキスト整形ツールです。 このツールは古くからありますが、とても人気があります。 このAlignでは、インデントの修正、CSVフォーマット、TSVフォーマットのファイルの整形、 ソースコメントの位置揃えなど、いろいろな整形処理が行えます。 高性能なテキスト整形ツールAlignの使い方 #1 インストールから設定まで — 作者: 小見 拓 — 最終変更 2012年01月08日 11時52分 Alignはvimスクリプトで作られた高性能、多機能なテキスト整形ツールです。 このツールひとつで、インデントの修正、CSVフォーマット、TSVフォーマットのファイルの整形、 ソースコメントの位置揃えなどの整形処理ができます。 スクリプトの機能としては、 与えられた条件に従ってテキスト整形処理を行う応用のきく「:Align」コマンドと、 いくつかのシチ
vimスクリプト リファレンス ― 名無しのvim使い
01. vimスクリプトでHello World — 作者: 小見 拓 — 最終変更 2012年01月09日 03時35分 02. vimスクリプトの基本 — 作者: 小見 拓 — 最終変更 2012年01月09日 04時08分 03. 変数 — 作者: 小見 拓 — 最終変更 2012年01月09日 04時08分 04. 変数の操作 — 作者: 小見 拓 — 最終変更 2012年01月09日 04時08分 05. 値の比較 — 作者: 小見 拓 — 最終変更 2012年01月09日 04時08分 06. 制御構造 — 作者: 小見 拓 — 最終変更 2012年01月09日 04時08分 07. エラー処理 — 作者: 小見 拓 — 最終変更 2012年01月09日 04時08分 08. 処理の呼出 — 作者: 小見 拓 — 最終変更 2012年01月09日 04時08分 09. 文字列操
vimエディタからクリップボードを利用する。 ― 名無しのvim使い
アプリケーション間のデータの受け渡しには、 クリップボードという仕組みがよく利用されています。 クリップボードを経由してデータを共有することにより、 仕組みの違う各アプリケーションで、それぞれの得意能力を活かした データの編集が可能になります。 当然、vimエディタでも、クリップボードを使用して 他の専用アプリケーションで作成したデータを再編集したり、 あるいは、vimエディタのパワフルな編集能力で作成したテキストデータを 他のアプリケーションに渡すことができます。 (Windows, Mac) 概要 アプリケーション間のデータの受け渡しには、 クリップボードという仕組みがよく利用されています。 クリップボードを経由してデータを共有することにより、 仕組みの違う各アプリケーションで、それぞれの得意能力を活かした データの編集が可能になります。 当然、vimエディタでも、クリップボードを使用
vimエディタが（勝手に）作成する、一見、不要に見えるファイルが何をしているか — 名無しのvim使い
このページではvimエディタにより自動的に作成される、 スワップファイル、バックアップファイル、viminfoファイルがどのような役割を持ったファイルであるか、 ファイルの出力先を変更するには、ファイルの生成を止めるには、どうすればよいか、 について説明します。 (Windows, Mac) 概要 このページではvimエディタにより自動的に作成される、 スワップファイル、バックアップファイル、viminfoファイルがどのような役割を持ったファイルであるか、 ファイルの出力先を変更するには、ファイルの生成を止めるには、どうすればよいか、について説明します。 .swpファイルはどのような役割をもったファイルか .swpファイルはスワップファイルと呼ばれています。 スワップファイルはアプリケーションのクラッシュに備えて、 vimエディタでの編集開始時に作成され、編集後に削除される編集情報の記録フ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳
日本IBM
IBM Developer
IBM Developer
Amazon.co.jp： 会社でチャンスをつかむ人が実行している本当のルール: 福沢 恵子, 勝間 和代: 本
Amazon.co.jp： 仕事は、かけ算。 ~20倍速で自分を成長させる: 本: 鮒谷 周史