iOS対応のWebサイトでは、「ページ下部の隅に追従するボタン」を置いてはいけない - Qiita

2020/07/29 6 users Qiita デッドゾーン 下端 iOS対応 Safari

PCのレスポンシブレイアウトで動作確認を行っていて、実機での動作確認を怠っているとハマる罠 「ページ下端固定のボタン」の罠についてご紹介します。 iPhoneのMobile Safariにはデッドゾーンとか言われるものが存在します。 画面を下スクロールしてアクションバーを消えている状態で、下端をタップすると 「Safariのア... 続きを読む

CSS GridとFlexboxで驚くほど簡単にレスポンシブレイアウトを実装する方法 - WPJ

2018/03/15 83 users Flexbox WPJ メディアクエリ CSS Grid 実装

レスポンシブWebデザインの実装に欠かせないメディアクエリを使わずに、CSS GridとFlexboxでレスポンシブなレイアウトを実装する方法を紹介します。 レスポンシブなレイアウトにはメディアクエリが欠かせないわけですが、 CSS GridやFlexboxを使えばメディアクエリなしでもレスポンシブなレイアウトが可能 です。メディアクエリが全くいらなくなるということはないと思いますが、CSS Gr... 続きを読む

外部コンテンツをiframeサイズで拡大縮小させたり、固定幅コンテンツをウィンドウサイズでピッタリ表示させる方法 : アシアルブログ

2014/09/19 95 users ウインドウサイズ 鴨田 iframe アシアルブログ 拡大縮小

こんにちは、鴨田です。 タイトルが長くなってしまってすみません。 皆さんの中で、自分のサイトコンテンツの中で、 iframeを使って外部サイト(自分で更新できない)を表示したいときに、 iframe内のコンテンツを拡大縮小出来なくて困ったことがあったり、 サイトコンテンツをレスポンシブレイアウトではなく、 固定幅のまま、あらゆるブラウザで、 ウィンドウサイズに合わせてピッタリに拡大縮小したい、 と... 続きを読む

Jasmine/QUnitのテスト中にスクリーンキャプチャするプラグイン - Tech-Sketch

2014/01/06 29 users QUnit Jasmine スクリーンキャプチャ float

JavaScriptに対する自動テストツールも充実し、Jenkinsなどを用いてCIをまわす人も増えてきました。 しかし、レスポンシブレイアウトや、Floatのレイアウト崩れなど、人間が見ればすぐに分かる「見た目」に関する問題は、自動テストによる判定がし辛いのが実情です。 この記事では、この問題を解決するために作成した、テスト中にスクリーンキャプチャを取るためのプラグイン「phantom-capt... 続きを読む

jQuery Responsive Tile Gallery - レスポンシブレイアウトに対応した画像ギャラリー | CREAMU

2012/10/31 31 users CREAMU ブラウザサイズ 画像ギャラリー レイアウト

jQuery Responsive Tile Galleryは、レスポンシブレイアウトに対応した画像ギャラリーです。 ブラウザサイズを変更すると、すっとアニメーションしながらレイアウトが変更されます。 jQuery Responsive Tile Gallery 続きを読む

1ページで構成されたレスポンシブ対応の素敵なWordPressのテーマファイル -OnePager | コリス

2012/09/06 60 users Onepager コリス フレキシビリティ コンタ スキン

デモページ：幅480pxで表示 OnePagerの特徴 WordPressのテーマファイル「OnePager」は、OnePager HTML TemplateをWordPress用に最適化したもので、シンプルで美しいデザインでフレキシビリティにも優れています。 シングルページのレスポンシブレイアウト。 使いやすいテーマのオプション。 3つのスキンも用意。 イメージスライダーを組み込み済み。 コンタ... 続きを読む

[JS]キャプションのアニメーションがかっこよすぎ、スマフォもIEも対応のコンテンツスライダー -iView Slider | コリス

2012/07/24 287 users コリス jQuery キャプション スライダー iframe

画像だけでなく、動画やiframe, HTMLコンテンツにも対応し、レスポンシブレイアウトやタッチデバイスもサポートしたスライダーをHTML5ベースで実装するjQueryのプラグインを紹介します。 iView Slider (jQuery) iView Sliderの特徴 iView Sliderのデモ iView Sliderの使い方 iView Sliderの特徴 iViewはキャプションやサ... 続きを読む

スマホ・タブレットにも対応するレスポンシブレイアウトのWordPressテーマ21種類 [WP Theme] - iPod LOVE

2012/06/27 27 users タブレット iPhone iPod LOVE スマホ デバイス

「レスポンシブレイアウト」は、1つのテーマで、PC・スマートフォン・タブレット端末など様々なデバイスからのアクセスに対応することができ、デバイスによってURLが変わりません。そのため、SEO的にも有効で、Googleからも推奨されているレイアウトです。 ユーザーの事を考えて、iPhoneなどからアクセスした際に、できるだけタイトル > コンテンツ > メニュー という並びになるテーマがおすすめです... 続きを読む