寸法と解像度のチートシート
その他の寸法 ハガキ … 148 mm × 100 mm (A6 より横が 5 ％程度短い) 名刺 … 91 mm × 55 mm (B8 より横が 1 割程度短い) レター … 279 mm × 216 mm (A4 より縦が 1 割程度短く，横が数％長い) 新聞 … 開いた状態で 813 mm × 546 mm (A1 に近いが少し小さめ) クレジットカード … 85.6 mm × 54.0 mm 磁気カード … 85.0 mm × 57.5 mm テレホンカード … 86.0 mm × 54.0 mm CD … 直径 120 mm (穴は直径 15 mm，印刷可能範囲は直径 46 〜 116 mm の範囲) 証明書の写真の寸法 パスポート … 縦 4.5 cm × 横 3.5 cm 履歴書，TOEIC … 縦 4 cm × 横 3 cm TOEFL，英検 … 縦 3 cm × 横 3
主要ブラウザのHTML5 audioタグで使えるファイル形式の再生対応状況を調べてみた - 音楽方丈記
主要ブラウザのHTML5 audioタグで使えるファイル形式の再生対応状況を調べてみた » 音楽ネタ全般 [編集] このブログを iPad の Safari でもそこそこ見れるように埋め込みの mp3 プレイヤーとか Flash 関連の扱いを前からコツコツといじっているのですが、いろいろやるついでに主要ブラウザの HTML5 の audio 要素の再生ファイル形式がどこまで対応しているのか調べてみました。 HTML5 の audio 要素について» 基本構文 <audio src="音声ファイルのURL" >ここに未サポート時のメッセージ</audio> » 属性 属性 値 用途 src 再生する音声ファイルの URL controls 再生/停止ボタンなどのインターフェイスを表示する autoplay ロード後に自動再生する loop ループ再生する preload none meta
jQuery.Event - jQuery 日本語リファレンス
Events/jQuery.Event jQueryのイベントシステムは、W3C標準に準拠した実装になっています。イベントオブジェクトはjQueryのイベントハンドラーに確実に渡されます。（コールバック関数に引数として渡されず、window.eventなどから取得するタイプのブラウザであっても、そのようなチェックは必要ありません） オリジナルのイベントオブジェクトが持つ殆どのプロパティは、このオブジェクトにコピーされます。 このオブジェクトのコンストラクタも公開されており、triggerを呼ぶ際に用いられます。 コンストラクタではありますが、newオペレータはあってもなくても構いません。 どういった場面でEventオブジェクトを作成するのかは、trigger関数のドキュメントを参照して下さい。 Example: jQuery.Eventを new をつけずに作成する var e = jQu
ウェブサイト作成に役立つ35のwebサービス｜Webpark
ウェブサイトを作成する際に個人的に使っているWebサービスを紹介します。幅広く35個紹介しますので、新しい発見があれば幸いです。 フォント関係 wordmark.it パソコンに入っているフォントを一覧で見ることができます。フォントサイズも調整できます。 日本語フォント252種類を表示確認できます！フォントを探すならfonthack.jp。 日本語フォントの表示が確認できます。現在252種類あります。 PXtoEM.com: PX to EM conversion made simple. ベースのサイズ（px）を決めると、em, pt, %の値が表示されます。 カラー関連 ウェブ配色ツール Ver2.0 配色ツールは色々ありますが、日本語ですし、あまり考えなくても感覚的に使えるので楽しいです。 Color Scheme Designer 3 カラーパレットジェネレーターです。海外サイトで
CSS3で実装されたボタンの総まとめ
利用も簡単にでき、スタイルシートの勉強にもなる、CSS3で実装されたボタンを紹介します。 ほとんどのものがclassを追加するだけで、簡単に利用できます。
[JS]一行追加するだけで、IE6/7/8でもHTML5のvideoとaudioを利用できる -html5media
HTML5のvideo要素やaudio要素をサポートしていないメジャーブラウザでもたった一行、ページに追加するだけでこれらを利用できるようにするスクリプトを紹介します。 html5media デモページ [ad#ad-2] html5mediaの実装 html5mediaの利用方法は簡単です。 ページに追加する一行 下記をページのhead内に記述します。 <script src="http://api.html5media.info/1.1.4/html5media.min.js"></script> これだけで、すべてのメジャーブラウザでHTML5のvideoとaudioを利用できるようになります。 video, audioに非対応のIE7でも期待通りに動画が再生されます。 IE6(IE Tester)でのキャプチャ 参考：video, audioのサポート状況 video, audio
Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した
ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません（「やっちゃダメなこと」もしています）ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合に
Twitter を mixi みたいにするサービス「ツイトモ」をリリースしたので裏話をします | ウェブル
Twitter アカウントだけでシンプルブログを開設したり、プロフィールページを生成したり、ユーザーを年齢、性別、趣味などで検索できるサービス「ツイトモ」をリリースしました。 Twitomo | Twitterの友達作りをもっと便利に せっかくなのでツイトモの開発の仕方や Web サービスの開発で私が心がけるようになったことをまとめていきたいともいます。また、独立後の状況なども2ヶ月ぶりにまとめたいと思います。 公開から1時間で登録ユーザー数100人超えました。 ツイトモを開発しようと思った動機 ウェブル名義以外で SEO 研究のためにも新規サービスを数件立ち上げたのですが、良いのか悪いのか大失敗に終わってしまいまして、やはり人に使ってもらえるサービスが一番強いと思ったのがきっかけです。 Twitter の関連サービスに Twilog というものがありまして、開発者の ropross さん
[CSS]チェックしておきたい、スタイルシートのテクニックのまとめ | コリス
実用的なものから実験的なものまで、最近リリースされたものを中心にスタイルシートのテクニックを紹介します。
Amazon Web Service を Ruby にて操作 - f-ikesanの日記
「.amazonrc」の内容 Amazon Web Service(http://aws.amazon.com/)にアカウント登録すれば、key_idやsecret_key_idなどの情報を取得できます。 key_id = 'XXXXX' secret_key_id = 'XXXXX' associate = 'XXXXX' cache = false locale = 'jp' encoding = 'utf-8'書籍検索サンプルコード #!/usr/local/bin/ruby -Ku # -*- coding: utf-8 -*- # デフォルトだと設定ファイルは「/etc/amazonrc」「~/.amazonrc」などを読みにいく # 今回はカレントの「.amazonrc」を読みにいくよう設定 ENV['AMAZONRCDIR'] = './' ENV['AMAZONRCFILE
Sequel: The Database Toolkit for Ruby
Ruby Sequel is a lightweight database toolkit for Ruby.Sequel provides thread safety, connection pooling and a concise DSL for constructing database queries and table schemas. Sequel also includes a lightweight but comprehensive ORM layer for mapping records to Ruby objects and handling associated records. Sequel supports advanced database features such as prepared statements, bound variables, mas
さくらのVPSとSubsonicでiTunesをゴミ箱にダンクシュートした - 甘味志向＠はてな
VPS界に革命をもたらした、さくらのVPS。 月々980円という値段で、どこのご家庭でもVPSでlsを叩く生活を過ごしてらっしゃると思います。 そんな持て余しがちな楽しいVPSを使ってメディアストリーミングサーバーを作ったら超快適だったのでご紹介です。 Subsonic Java製でWin,Mac,Linux等マルチプラットフォームで動作します。 とりあえずデモを見てください、いい音でしょう？ 余裕の操作性だ、快適さが違いますよ。 デザインはテーマで変えられますし、英語はダメっていう人も上のスクリーンショットのように設定で日本語に出来ます。プレイリストからPodcastまで何でも対応してるので、特に困ることは無かったですよ。 とりあえずSubsonicのイイトコは、さくらVPSに曲をガンガン入れるとPCだろうがモバイルだろうがどこでもプレイリスト共有して曲を聴けるってことなんですね。 ちな
最近興味深いと思ったWeb記事のリンク集 - give IT a try
社内のメンバーに紹介しようと思ってためてきた各種Web記事へのリンクが大量に溜まっちゃいました。 ついでにここでも紹介しておきます。 一部の記事は会員登録が必要かもしれません。あしからず。。。 プログラミング/プログラム設計 プログラミングについてあまり知られていない７つのこと http://www.tommyjp.com/2010/08/blog-post_1710.html => どれも超重要。知らなかった人はこれを機に覚えておきましょう。 ソースコードの質 http://el.jibun.atmarkit.co.jp/genmaicha/2010/11/post-5c3e.html => 保守性、可読性、拡張性の重要性について。 技術的負債 http://d.hatena.ne.jp/asakichy/20101210/1291936604 => 技術的負債の原因や解決策について(そ
Screenを使う(仮題)
Screenを使う(仮題) $Id: text.rd,v 1.10 2001/11/04 16:57:07 zinnia Exp $ まえがき 本稿では、Screenとはどのようなソフトで、どのようなことが できるのかを紹介します。 Screenのすべてを紹介することはできませんが、 自由な発想でScreenを活用できるために必要な道具は ひととおり紹介したいと思っています。 Screenの概要 Screenとは、(KTermなどの)1つの端末の中に仮想的な端末 (ウインドウ)を作り、操作をすることができるウインドウマネージャです。 以下のような特徴があります。 複数のウインドウを1つの端末で管理することができる ウインドウは2ストロークで簡単に切り替えることができる ウインドウは2ストロークで簡単に増やすことができる ウインドウ間でコピーアンドペーストができる ハードコピー、ログをとるこ
CentOS5 Webサーバーの構築[Apache] Apacheのインストールと設定 - itochif.com
私たちが普段Internet ExplorerやFirefoxを使ってWebサイトを閲覧できるのは、Webサーバーが稼動しているおかげです。ここではApacheをインストールして、自宅内にWebサーバーを構築します。 実は、インストールの通りにCentOS5(CentOS5.1)のインストールを行うと、すでにApacheがインストールされています。以下は、すでにApacheがインストールされているかどうかの確認と、インストールされていない場合にyumを使用してApacheをインストールする方法です。 # rpm -qa httpd #すでにApacheがインストールされていないかどうかを確認 httpd-2.2.3-11.el5_1.centos.3 #このようにhttpd-*.*.*-**.****と表示されれば、Apacheはインストールされています # yum -y install
FreeBSD ハンドブック 第15章 ストレージ 15.9. バックアップの基本
この章では、FreeBSD におけるディスクの使用方法を説明します。 これにはメモリディスク、ネットワークに接続されたディスク、 および標準的な SCSI/IDE 記憶デバイスが含まれます。 物理ディスク上のデータ構成 について記述するために FreeBSD が使用する用語 (パーティションおよびスライス) システムにハードディスクを追加する方法 メモリディスクのような仮想ファイルシステムを設定する方法 使用できるディスク容量を制限するためにクォータを設定する方法 攻撃者から保護するためにディスクを暗号化する方法 FreeBSD で CD や DVD を作成する方法 バックアップのためのさまざまな記憶メディアオプション FreeBSD で利用できるバックアッププログラムの使用方法 フロッピーディスクにバックアップする方法 スナップショットとは何か、そしてそれを効果的に使用する方法
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ制作者に必ず役立つ！iOS, HTML5, CSS, jQuery, WordPress, .htaccessなどのチートシートのまとめ
bayashi.jp
SmileBanana.com is for sale | HugeDomains
fam.cx