読者です 読者をやめる 読者になる 読者になる

96's blog

WEBサイト制作科 6ヶ月コース

スマートフォンサイト

スマートフォンサイト制作

ブログ・Webデザイン初心者の勉強 SP・JQMのカテゴリーの記事で各自作業。 スマートフォンサイトにGoogle Mapを実装しよう レスポンシブで重くないイメージスライダー bxSlider スマートフォンサイトのCSS 指定された要素内のブロック要素を、高さを揃えて横…

スマートフォンサイト制作

スマートフォンサイトをデザインするのも、いろいろなサイトを見ることから。 iPhone Design Box スマートフォンとPCの切り替え機能をつける。 ホームアイコンをつける。 矩形ナビゲーションレイアウト ブログ・Web初心者の勉強「矩形ナビゲーションレイアウ…

魅せる!iPhoneサイト

作例5 テキストP.100 トランジションの練習 <ahref="#">ボタン</a> a{ display:block; color:#fff; width:100px; padding:10px; text-align:center; background:blue; text-decoration:none; transition-property:background,width; transition-duration:1s; transition-tim…

jQuery Mobile

ブログ・ Webデザイン初心者の勉強「jQueryMobileとは」 jqueryMobile日本語リファレンス ASCII.jp WEB PROFESSINAL 西畑一馬のjQuery Mobileデザイン入門 らくらく!jQueryMobileであなたもカンタン・スマホサイト制作 jQueryMobileは、スマートフォン用に…

魅せる!iPhoneサイト

.htaccessでの振り分け 「○○/index.html」にスマートフォンでアクセスした時に、スマートフォン用サイト「○○/sp/index.html」に移動させる。 .htaccessファイルの作成 Dreamweaverやメモ帳などなんでもいいのでテキストで作成。 <IfModule mod_rewrite.c> RewriteEngine On RewriteCo</ifmodule>…

スマートフォンサイト(jQuery mobileの紹介)

西畑一馬のjQuery Mobileデザイン入門 jQuery Mobile日本語リファレンス jQuery mobileを使うことで、簡単にサイトのレイアウトができる。 ボタンなどのグラデーションを設定してくれる。 data-roleでひとつのサイトの中で複数のサイトレイアウトが組める。