Similar documents
m_sotsuron


nabebon-v97.indd


CSS

第6回 CSS入門(つづき)



Taro13-第6章(まとめ).PDF

2

おすすめページ


CSSNite-LP54-kubo-ito.key


EC 千葉のホームページで使用している CSS CSSスタイルシート ( 外部記載 ) /* == 標示枠背景に壁紙設置 ( 全画面共通 )======= */ body { background-ima

Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheet

Web

ハーモニカと7日間の妖精

HTML5&CSS3 レッスンブック

CSS3

SP100 取扱説明書

pdf


経営論集2011_07_小松先生.indd

(Microsoft Word - Mobirth\225\317\212\267\203}\203j\203\205\203A\203\213.doc)

scripty公開資料_マイナーブラウザ編

Microsoft PowerPoint - CSSガイドライン_ ppt [互換モード]

07_経営論集2010 小松先生.indd

115px 500px

Web データ管理 HTML+CSS (7) (2 章 ) 2011/11/16( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/15

HTML5Lv1_ key

CSSの基礎

textbook.indd

ホームページ制作スターターズ

_勉強会_丸山さつき_v3

2

HTMLとメタデータ

中国語はじめの第1歩_付録_2011

この 講 座 で 学 ぶこと Webサイト 制 作 に 関 わるスマートフォ ン/タブレットの 仕 様 2

CSSNiteLP51-s7-kubo.key

スライド 1

38

(1)


総務委員会会議録

.....

Adobe® Corporate Template 2005

CSS / 横 1 段 組 レイアウト ビルダー 起 動 新 規 作 成 名 前 を 付 けて 保 存 (ファイル 名 =01turkey-ta.html 保 存 場 所 =css-2) (1)id= contents 用 の 親 DIV タグを BODY の 中 に 入 れる 右 側 の タグ 一



27短01研01斉藤.indd

大メニューをマウスカーソルで hover すると 半透明の小メニューが上から伸びてきます 小メニューを hover すると メニューの背景色とテキストの色が変わります NaviMenuAnime01 の説明 HTML の記述 (NaviMenuAnime01.html) id 属性 menu-box


REALV5_A4…p_Ł\1_4A_OCF

untitled

「都市から地方への人材誘致・移住促進に関する調査」

<91498EE88CA D815B2E786C73>

〔 大 会 役 員 〕

橡本体資料+参考条文.PDF

Lecture on

( )

あいち電子自治体ガイドライン(第1章)

テキスト

/ 0/0/ : 実 結 果 HTMLファイルを 表 します 下 図 の 画 が 表 されます " 出 し"の 部 分 をクリックすると"コンテンツですよ "の 字 が 表 されます もう 度 " 出 し"をクリックすると"コンテンツですよ "の 字 が 非 表 になります 折 りたたみパネルの 基

PowerPoint Presentation


2

2

HTML5 CSS

ウェブデザイン技能検定学科試験 2 級 1. 各設問において 正しいものは 1 を 間違っているものは 2 を 該当設問の解答欄に記せ 第 1 問 文字実体参照の は 改行しない半角スペースを表示する 第 2 問 HTML 5.2 では コメントの中に連続したハイフンを入れることができる 第 3 問

はじめに 本 書 の 目 的 は 制 作 の 効 率 化 クオリティの 向 上 各 作 業 者 間 のスタイルの 統 を 図 る 目 安 になることで 常 にブラッシュアップを 繰 り 返 し 現 時 点 での 最 適 解 の 共 有 に 活 用 するものです 目 次 基 本 仕 様 ファイル ディ

クリック クリック リンクを 張 るためのタグ タグ <a href= リンク 先 のURL ファイル 名 > ~ </a> リンク 先 のURLやファイル 名 に 対 してリンクを 張 る 同 じフォルダ 内 のファイルにリンク <a href= hoge.html > フォルダ 内 のファイルに

Web 設計入門

slide.key

2

インターネットマガジン2004年3月号―INTERNET magazine No.110

Microsoft Word - 11_thesis_08k1131_hamada.docx

【お試し版】Web制作者のためのCSS設計の教科書(非売品)

JavaScript の使い方

to-r

Microsoft Word - 教材WebページのHTML5及びCSS3の解説

WPD2009_Plone3_theme-2.key

x : = : x x

- 目 次 - はじめに... 3 本 マニュアルの 読 み 進 め 方... 3 画 面 の 説 明... 4 キーワードブロック... 5 ミキサーブロック プレビューブロック タイトルの 作 り 方 タイトルの 作 り 方 説 明 文 の

ボタンのトランジション 1 トランジションを利用して ボタンを作ってみましょう ボタンを工夫することでひときわ光る web ページにすることができます もう Illustrator や Photoshop でボタンの画像を作る必要はありません JavaScript でスクリプトを書く必

P01_表紙

untitled

* この 確認問題解答 / 演習問題解答 は, 書籍 HTML 演習 HTML5 版 ( 発行 : 株式会社 SCC) の ダウンロード用 [ 別冊 ] として, 当該書籍の読者に限定して提供しています - 2 -


スライド 1

manual.dvi

BLOCK TYPE.indd

handout-AqGym2-v2.indd

スタイルシートでデザインを整えよう

第 10 問 取 得 したドメインでウェブサイトを 公 開 する 場 合 共 用 サーバは 一 切 使 えないので 専 用 サーバを 用 意 する 必 要 が ある 第 11 問 WaSP とは Web accessibility Standard Project の 略 称 である 第 12 問


Web

PowerPoint プレゼンテーション

51949O05.indd

51664O08.indd

Transcription:

...... @media only screen and (max-width: 768px) {...... }

<IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTP_USER_AGENT} (iphone ipod ipad Android IEMobile) [NC] RewriteRule ^$ /sp/ [R,L] </IfModule>

@media only screen and (max-width: 768px) {...... }

@media only screen and (max-width: 768px) {...... }

<meta name="viewport" content="width=device-width, initial-scale=1" />

<meta name="format-detection" content="telephone=no, address=no, email=no" /> <link rel="apple-touch-icon" href="shared/img/icon114x114.png" />

<meta name="format-detection" content="telephone=no, address=no, email=no" /> <link rel="apple-touch-icon" href="shared/img/icon114x114.png" />

#header, #global-nav, #wrapper, #main, #side, #footer { width: auto; }

#main { float: none;... } #side { float: none;... }

img { max-width: 100%; height: auto; }

#global-nav ul li a { width: 33.3%; } #global-nav ul li:nth-child(4) a, #global-nav ul li:nth-child(5) a { width: 50%; }

#page-footer ul, body#category #lead, #main h1 + p { display: none; }

.smartphone-ui { } display: none; /* hide */ @media only screen and (max-width: 768px) {.desktop-ui { display: none; /* hide */ }.smartphone-ui { display: block; /* show */ } }

<input type="email" placeholder=" info@example.com" required... />