HTML5 + CSS3 HTML5の作成に便利なサイト

■HTML5のバリデーション
http://validator.nu/

■HTML5リファレンス
http://adactio.com/extras/pocketbooks/html5/

■HTML5,CSS3、APIも含めたブラウザの対応表のリファレンス
http://a.deveria.com/caniuse/
  • edit
  • 2010.04.11 Sunday

eBook PDFについてまとめ

QuarkXpressのファイルをPDFに変換できるけど、
使用しているフォントが入ってないとPDFで文字化けするのをどうにかできないものか。


PDF/Xについて
http://www.i-printing.co.jp/printinfo/pdfx.html

PDF・EPS書き出しとプリフライトチェック
PDF/X-1a･X-3のサポート、EPS書き出し強化、出力スタイルなど出力機能もより充実しました。加えて、ジョブジャケットによる制作ルールの設定およびプリフライトチェックが可能になりました。

http://8.quark.com/jp/rock_solid_output.html

出力時（印刷／PDF／EPS）のフォントダウンロードについて
フォントの埋め込み（エンベット）方法

http://japan.quark.com/service/desktop/support/db8/8053.html

http://q.hatena.ne.jp/1135571071
  • edit
  • 2010.04.09 Friday

Tools UNIXタイムスタンプ計算方法

UNIXタイムスタンプ生成ツール
http://www.gainet.biz/tools/timestamp.php

ターミナルでも表示できるっぽい。
  • edit
  • 2010.04.01 Thursday

HTML5 + CSS3 クロスブラウザ対応のCSS3のエフェクトまとめ

The Cross-Browser CSS3 Rule Generator
http://css3please.com/
  • edit
  • 2010.03.31 Wednesday

Google Analyticsで外部リンクをトラッキングする方法

▼外部へのリンクのクリックをトラッキングするにはどうすればよいですか。- Analytics ヘルプ
http://www.google.com/support/googleanalytics/bin/answer.py?hl=jp&answer=55527

たとえば、www.example.com へのリンクのクリックが「/outgoing/example_com」のページビューとして記録されるようにするには、リンクの <a> タグに下記の属性を追加します。

<a href="http://www.example.com" onClick="javascript: pageTracker._trackPageview('/outgoing/example_com');">

この例のように、論理的で分類しやすいディレクトリ構造で外部へのリンク URLを設定することをお勧めします。 こうすることで、ユーザーがどのページのリンクをクリックして外部に移動したかを簡単に特定できます。
  • edit
  • 2010.03.30 Tuesday

iPhone iPhone最適化まとめ

Apple公式の情報



■iPhone Simulatorプログラミングガイド
https://developer.apple.com/jp/iphone/library/featuredarticles/iphone_simulator/Introduction/Introduction.html


PCで確認する方法



■iPhoneシミュレーターで確認
http://mac-homepage.livedoor.biz/archives/693850.html

■safariでUAをiPhoneに偽装して確認
safariのメニュー > ファイル > 環境設定 > 詳細タグ > 開発メニューを表示にチェック


最適化ライブラリ



■iUI
http://remix-remix.sakura.ne.jp/iPhone/page1.html#_home
http://searchblog.yahoo.co.jp/2008/06/yahoo_iphone.html
http://d.hatena.ne.jp/replication/20100204/1265245810

■UiUIkit
▼説明
http://mac-homepage.livedoor.biz/archives/948561.html

▼ダウンロード
http://code.google.com/p/iphone-universal/
  • edit
  • 2010.03.15 Monday

HTML5 + CSS3 HTML5＋CSS3でできること

■【特集】HTML5について
http://coolcoding.com/2010/01/html5/

■HTML5, きちんと。（HTML5の概要スライド）
http://www.slideshare.net/myakura/html5-2480964

■ネイティブなドラッグ＆ドロップ
http://www.html5.jp/html5doctor/native-drag-and-drop.html

■HTML5入門：アニメーションの実装方法３種
http://satoshi.blogs.com/life/2009/10/html5-animation.html

■HTML5 gallery （HTML5をつかったサイトの紹介）
http://html5gallery.com/

■HTML5サンプル集 - 株式会社あゆた
http://ayuta.co.jp/html5-samples/index.html

■CSS3だけで作るドロップダウンメニュー
#nav li:hover > ul {} みたいに書くと階層になるようだ。

http://www.webdesignerwall.com/demo/css3-dropdown-menu/


■CSS3のtransformの実装サンプル
http://kachibito.net/web-design/css3-transform-sample.html
  • edit
  • 2010.03.15 Monday

Javascript prototype.js まとめ

NASA のサイトでも使用されている、prototype.js のまとめ。

■リファレンス
http://www.s2factory.co.jp/tech/prototype/prototype.js.html

■サンプルコード

・prototype 63サンプル: skuare.net
http://www.skuare.net/test/prototype.html

・コンテキストメニューを作成
http://www.skuare.net/test/protoMenu.html

・prototypeベースでグラフを作成する「Plotr」
http://www.skuare.net/test/plotr.html

・改行してると自動でフォームが大きくなる　※入れてみたけどなぜか動かない
http://www.skuare.net/test/proResize.html

・コンテンツをスライドさせる
http://www.skuare.net/test/proGlider.html

prototype.jsでフォーム内の文字数をカウントする
http://d.hatena.ne.jp/purazumakoi/20090703/1246536230
  • edit
  • 2010.03.12 Friday

Photoshop photoshopで光線を描く方法

http://www.fmod.jp/sfx/sfx20/sfx20.html
  • edit
  • 2010.02.23 Tuesday

Javascript 画像のトリミング

prototypeJSのデモ。
キーで微調整。shift押しながらリサイズで正方形に。

http://www.defusion.org.uk/demos/060519/cropper.php?demoType=basic&image=castle&formSubmit=Load+demo
  • edit
  • 2010.02.22 Monday