アドセンスの広告をレスポンシブに対応させるならサイズを「レスポンシブ広告ユニット（ベータ版）」にするのが簡単 | TechMemo
シェアしてね♪ Tweet ワンコインで広告掲載してみませんか？ Tweet WWW WATCH さんで以下のような興味深い記事が公開されていました。 AdSense の非同期コード使ったらスクリーンサイズにあわせた広告サイズの変更が超簡単だった件 | WWW WATCH data-ad-slot … 非同期型広告コードを改変してレスポンシブに対応させよう、という記事なんですが、たしかにこの方法だと管理が楽ですね。でも、ad-slot の ID が同じになっちゃうし、規約的に大丈夫なのかなーと気になった(記事中でも微妙・・・って感じで書かれています)のでサポートにお問い合わせしてみました。 サポートから返ってきた回答によると、このやり方はやめてほしいということでした。そんなことより、レスポンシブ広告ユニットを作成する方法がありますよ、と。説明を読んでみたら、広告サイズで「レスポンシブ広告
採用情報｜アジタス
採用情報 アジタスは成長する意思をお持ちの方に、その力となるための最大限の環境と機会を提供します。 学習意欲のある方、社会の変化に関心を持っている方、積極的に行動できる方、主体性を持って仕事に取り組める方を募集します。 新卒の方 株式会社リスペクト（グループ企業）にて新卒採用の同時募集を行っています。詳細情報はリスペクトの新卒採用サイトをご覧の上、エントリーしてください。
[Adaptive Imagesを使ってみて思った少しばかりの注意事項] by シロのITメモ
こちらに紹介されている「Adaptive Images」と呼ばれるものを使ってみた。 http://coliss.com/articles/build-websites/operation/work/js-and-php-adaptive-images.html 「導入も簡単で、5分くらい」とあったので、意気込んでやってみたが、早速つまづいた。（笑 以下、注意事項を3点ばかり。 【注意事項1 … ブラウザサイズの判定では無い】 Responsive Webでは、ブラウザのサイズで表示が変化するのが一般的だ。 なのでその調子でブラウザの横幅を変えてみたが、いっこうに画像が変化する様子が無い。 .htaccessに問題があるのか？と思い調べているうちに、5分が経過する。 しかし、よくよく見て分かったが、HTMLに書き込むJSが、 screen.width,screen.heightのようになっ
Advent Calendar 3日目:SVG画像を1キロバイトでも削るダイエット術！ - 聴く耳を持たない(片方しか)
これは GraphicalWeb (CSS, SVG, WebGL etc) Advent Calendar 2012 - Adventar への参加の記事です。 3日目の今日は私 id:rikuo がSVG画像ファイルの軽量化テクニックを取り上げてみます。 ちょっと長くなってしまったので、ご注意ください。 はじめに、SVGとは？ まず始めに、SVGとは何か？の簡単な説明です。 SVGとはScalable Vector Graphics（スケーラブルベクターグラフィックス）の略で、XMLを基盤に書かれた画像記述言語、またはベクター画像ファイルのことです。画像ファイルというと、JPEG、GIF、PNGまたBMPなどはよく知られていますね。それらの画像はピクセル（ドット）ごとに色を表現したもので、総じてラスター（ビットマップ）画像と呼ばれています。 対してSVGは座標や図形で扱うため、拡大・縮
Progressively enhanced SVG sprite icons - Ultimate Courses
Learn JavaScript the right way. The most complete guide to learning JavaScript ever built. Trusted by 82,951 students. You may remember a while back, I coded up some nice CSS3 social media icons, to which I have had to remove from my website due to the fact I cannot run PHP on this Jekyll server, or even wanted to quickly convert them to HTML. Time would be better spent taking action into enhancin
Responsive Design Testing
Responsive Web Design Testing Tool This tool has been built to help with testing your responsive websites while you design and build them. You can enter your website's URL into the address bar at the top of this page (not your browser's address bar) to test a specific page. Unfortunately, with the way browser security works, you are unable to navigate your site through the frames that your website
responsivepx - find that tricky breakpoint
About responsivepx Enter the url to your site - local or online: both work - and use the controls to adjust the width and height of your viewport to find exact breakpoint widths in pixels. Then use that information in your media queries to create a responsive design. Watch the video explaining usage and why it was built. If your site appears with scrollbars, make sure to check the scrollbar visibl
resizeMyBrowser
320 x 480 iPhone 3G/3GS 480 x 720 Meizu M8 480 x 800 Google Nexus one 640 x 960 iPhone 4 768 x 1024 iPad 480 x 320 iPhone 3G/3GS 720 x 480 Meizu M8 800 x 480 Google Nexus one 960 x 640 iPhone 4 1024 x 768 iPad 1024 x 600 Most Netbooks 1280 x 800 MacBook Air 08 1366 x 768 Some Laptops 1440 x 900 MacBook Pro 15 inches Maximum Resize to Maximum
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
