hosicameのブックマーク / 2012年5月22日

hosicame id:hosicame

2012年5月22日のブックマーク (5件)

iPhoneサイト向けCSSサンプル（CSS3）｜ConneLog｜ConneCre
<meta name="viewport" content="width=device-width, user-scala ble=no, initial-scale=1, maximum-scale=1"> * { word-break: break-all; -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(255,255,0,0.4); -webkit-text-size-adjust:none; } word-break: break-all; URLなどの文字列の強制改行。ただし句読点なども先頭にくるため要検討。 -webkit-touch-callout:none; 長押しした際のとび先URL非表示。ただし画像リンクをタップした際のハイライトがおかしくなる。aタグ要素にdisplay: block ;を指定す
hosicame 2012/05/22
iPhone
リンク
HTML5でスマホアプリを作ってみよう。第１回「じゃんけんゲーム」 - もとまか日記
以前から書いてる、以下の開発向け簡単チュートリアル。 iPhoneアプリを作ってみよう（Xcode4編）第１回：じゃんけんゲーム今回は、これをHTML5のCanvasで作ってみました。で、ついでにチュートリアル的な内容を書いてみたメモ。前提条件前提条件として、ある程度HTML等が分かる人向け、という感じです。また、レンタルサーバの利用等についても割愛です。その辺の詳細な説明は省いてるのでご了承ください。 HTML5の基礎情報以前、以下でまとめました。前から気になってたHTML5について色々調べてみました HTML5のスマホアプリの基本構成ここから本題のコーディング。今回使う、スマホアプリ向けの基本となるHTMLは以下です。 html> head> meta name="viewport" content="width=device-width, initial-scale
hosicame 2012/05/22
開発
リンク
Facebookページへのページタブ追加が一瞬で行えるブックマークレット
以前、「FacebookページへのIFrameタブ追加方法が変更」で紹介したとおり、FacebookページにIFrameタブ（以下ページタブ）を追加するには、次のようなURLをたたき、表示された画面でページタブを追加したいFacebookページを選択する必要があります。 https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&display=popup&next=YOUR_URL が、手動でURLを入力するのは面倒なので、その後「Facebookページ IFrameタブ追加ツール（下）」を作りました。 Facebookページ IFrameタブ追加ツール気がついたら340いいね！ほど頂いてます。ありがとうございます。が、これもアプリIDやページタブURLの入力をしないといけないのでやや面倒です。ということで前置きが長くなりま
hosicame 2012/05/22
Facebook
リンク
Raphael.jsを勉強したいのでいろんなサイトまとめ | バシャログ。
ちょうど金環日食の時だけ曇り空だったminamiです。皆さんはちゃんと見られましたか？ Webサイトでベクターデータを扱うのにとっても強力なRaphael.jsというライブラリがあります。何年か前からあるのですが、なぜか最近興味が出てきたので勉強できるサイトを調べました。 Rapahel.jsはJavaScript用のグラフィックライブラリで、比較的簡単な記述でSVGで扱うことができます。SVG非対応のIEの場合はVMLで表示してくれるのがミソで、IE6であっても同じ見た目を確保することができます！また、マウスイベントに関連付けたアニメーションも作ることができます。ライブラリ自体は多少容量が重いのですが、他のライブラリに依存していないのでこれ単体で済んでしまうというのも強みではないでしょうか。ちょっといじっただけで値によって変化するグラフなんかも描くことができます。棒グラフのサンプル
hosicame 2012/05/22
JavaScript
リンク
[Dreamweaver]検索・置換対象ファイル拡張子を増やす。 | バシャログ。
こんにちは、hakoishiです。最近の横浜は花粉飛んでる気がする…、と思ってたら雪っぽいものがちらつく日もあったり。空を見上げては「今はいったいいつなんだろう」と思い馳せる日々です。さて、今回はDreamweaverの検索・置換対象となるファイルの拡張子を増やす方法をご紹介。サイト内検索したけど、目的のソース箇所が見つからない…と思ったら「.ctp」とか「.cgi」とかDWは検索対象として見ちゃいないのですねorz そんな時、他のソフトに作業の場を移すのも良いですが、Dreamweaverでも検索に引っかかるようカスタマイズできますのでご参考まで。編集必要なファイルが2つ。他、必要に応じて設定する項目が1つあります。 ※各ファイル編集前にはバックアップをお取りください。また、極力DW以外のエディタで編集することをおススメします。【1】Extensions.txt 下記にあり
hosicame 2012/05/22
Dreamweaver
リンク
- 2012年5月23日
- 2012年5月22日
- 2012年5月18日