Androidで意味不明なことにコンテンツがはみ出すときの対処法です。 viewportを以下のように指定します。 <meta name="viewport" content="width=device-width,target-densitydpi=device-dpi,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 外部のjsで、以下のように記述して制御します。 $(window).bind(‘resize load’, function(){ $("html").css("zoom" , $(window).width()/640 ); }); to-R 西畑さんのエントリーに助けてもらいました。 参考URL： Androidの「target-densitydpi」でviewport

videoタグはやっかいで、iPadやAndroidで再生されなかったりしますが、まずはMiro Video Converterを使って、iPadやAndroid用に書き出します。 Miro Video Converter 次に、Androidの中でもGalaxy Sで動画のautoplayが効かないようなので、jsで以下のように記述します。 $(function() { var video = document.getElementById("movie01");//movie01はvideoタグに指定したID video.autoplay = true; video.load(); video.play(); });

YouTubeの動画埋め込み時に関連動画を非表示にするには、以下のようにします。 https://youtube.com/watch?v=xxxxxx%3Frel%3D0%EF%BC%88xxxxxx%E3%81%AF%E5%8B%95%E7%94%BBID%EF%BC%89 ※URLの後ろに、「?rel=0」を付けます。

Kunitaka Kawashimo アートディレクター・デザイナー・フォトグラファー。株式会社クリーム代表取締役。グラフィックデザイン／Webデザイン／撮影の仕事のご相談・ご質問は、お気軽に以下までご連絡ください。info@creamu.co.jp

Grid-A-Liciousは、レスポンシブに対応したグリッドを敷き詰めるjQueryプラグインです。 PC、iPadの縦横、スマートフォンの縦横それぞれのリンクがついており、レスポンシブレイアウトを試すことができます。 Grid-A-Licious

350 pixel perfect iconsは、商用無料の使いやすいアイコン集です。 PSDで配布されています。 350 pixel perfect icons is a set of free icons that you can use in various cases even for commercial use. Distributed on PSD format. 350 pixel perfect icons

無性にアニメーションが作りたくなって、HTML5 / CSS3 / JavaScriptのデモサイト「Circlu」を作りました。 @daiskipさんからペパボの新サービス「ギフポ」のドメインをプレゼントしてもらったので、よっしゃ何かささっと作ってUPしてみようかなっと思い、テンションが上がって作ったんですが、circlu.comが空いていなかったので（プレゼントされたのは.comドメインでした）、、仕方なく自分のサブドメインで作ることに。 Webの技術が大変革を起こしている時期だと思うので、少しでもinputしたものをoutputしていけるようなサイトにしたいと思っています（今後メニューを追加してページを増やすつもりですたぶん）。 Webフォントもテスト時に使ってみたんですが、結構楽で楽しいですねー！ 一度見てみてください。 Circlu – making a experiment w