iPhone5までの横幅320px表示だと、右側に謎の隙間が出る場合があります。 その場合は、囲っているタグに対して、overflow:hiddenをかけると直ります。 多分、paddingとかが影響している可能性が高い… 続きを読む レスポンシブコーディング、iPhoneで謎の隙間
タグ: Web
レスポンシブレイアウト・リキッドレイアウト・フレキシブルレイアウト・可変グリッドレイアウト
元ネタはこちらから>> 必読!5分でわかる流行のレスポンシブWebデザインまとめ レスポンシブWebデザインとは 「レスポンシブWebデザイン」とは、PC、タブレット、スマートフォンなど、複数の異なる画面サイズをWebサ… 続きを読む レスポンシブレイアウト・リキッドレイアウト・フレキシブルレイアウト・可変グリッドレイアウト
レスポンシブレイアウトと角丸のBOX
CSS3 Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き ◆レスポンシブデザインについて レスポンシブレイアウト講義用PDF 「レスポンシブWebデザイン」とは、PC、タブレ… 続きを読む レスポンシブレイアウトと角丸のBOX
Googleマップのお手軽カスタマイズできる「Styled Maps Wizard」の使い方 | 株式会社LIG
インラインフレーム(iframe)
[html] <ul> <li><a href=”test1.html” target=”display”>test1.htmlを表示</a></li> <… 続きを読む インラインフレーム(iframe)
10月14日(火)講義内容
◆HTML5について html5とはhtmlの標準化団体であるw3cが2010年に策定したhtmlのバージョン5の事。 前回のバージョン4は1999年策定なので実に11年ぶりのメジャーアップになり、 html5は2008… 続きを読む 10月14日(火)講義内容
HTML5のコンテンツモデルを視覚化
ぶるぶる震えるjQueryプラグイン(jrumbleプラグイン)
本体ダウンロード&デモ http://jackrugile.com/jrumble/ ■常に震える ■ホバーしたら震える [html]<br /><script src="jquery… 続きを読む ぶるぶる震えるjQueryプラグイン(jrumbleプラグイン)
Google Maps API 簡単な説明
<!DOCTYPE html> <htmllang=”ja”> <head> <metacharset=”UTF-8″> <title>Google Maps … 続きを読む Google Maps API 簡単な説明
jQueryを使ったタブメニューの実装サンプルまとめ | 5am! Web Illusions
jQueryを使ったタブメニューの実装サンプルまとめ | 5am! Web Illusions 使用した例 第一医科 「jQueryを使ったタブメニューの実装サンプルまとめ」のページを創りたい人は、 最新版のjQue… 続きを読む jQueryを使ったタブメニューの実装サンプルまとめ | 5am! Web Illusions