2013-03-01から1ヶ月間の記事一覧
「スマートフォンサイトのためのHTML+CSS3(エ・ビスコム・テック・ラボ著)」に沿って習作しました Chapter2可変レイアウトによるレスポンシブWEBデザインhtml5+CSS3で可能になる表現 フォントにGoogle Web Fontが使える→英文フォントは使える幅が広がる met…
「スマートフォンサイトのためのHTML+CSS3(エ・ビスコム・テック・ラボ著)」に沿って習作しました Chapter2固定レイアウトによるレスポンシブWEBデザイン htmlからhtml5に書き換えにチャレンジしました。 div id="header"をheaderに書き換えた後、CSS側の#h…
レスポンシブデザインが登場した理由それはandroidの登場。あまりにも端末種類が多すぎるので、全てに対応するように分岐を書くことが不可能になったから。レスポンシブに取り組む際のポイントプロトタイプを作ること。 使いまわしできる「プロトタイプ」を…
HTML5リファレンス
HTML5とCSS3の技法を使うことで、表現、装飾の幅は拡がります。しかしブラウザによって対応状況に差があるため、使うポイントについては注意が必要です。意図したとおりに見えない状況でも重要な情報は伝わるように使いどころを工夫しないといけません。 属…
HTML5とCSS3を使うことで実現できる事 画像を使わずに背景に角丸を作れる 背景をグラデーションにできる 背景を透過にできる 背景の角度を調整できる before、afterの指定ができて、指定の前に(後に)何か置く事ができる 奇数番目、偶数番目に対して指定が…
ソースコードの掲載時に行番号出るの、いいな♪ 出したいな♪ とスタイルシートとフッターをいじって挑戦してみましたが、だめだった・・。
ASCII 「西畑一馬のjQuery Mobileデザイン入門」に沿ってスマートフォンサイトのデザインを作成 「お問合せ」ページからPHPで作成したチェック画面、サンキュー画面へ遷移させます。 サンキュー画面ではレンタルサーバーのデータベースに入力データ格納、入…
Facebookいいねボタン Facebookの「いいね」誘導用には「いいね」ボックスと「いいね」ボタンがあります。 ボックスは大きい、ボタンは小さい。大きいのは気恥ずかしいな・・ボタンにしよう。はてなダイアリーにいいねボタンを設置するのはややこしいそうな…
スマートフォンサイト動作テスト用ブラウザ「Safari」 Windows safariで検索してインストールする 設定で開発メニューが表示されるよう設定する iphone、iPadなどタブレット、スマートフォンなどの各種ユーザーエージェントに対応している jQuery mobileでの…
ポイント ビルボード画像の表示にNivoSlliderを使う Nivosliderのjs、画像、CSS、htmlのファイル構造を保ったままカズタマイズする (ファイル構造を保つために、NivoSliderのディレクトリの中に、BIZINのファイルをマージする形にしました。) 修正、カスタ…
ポイント yuga.jsを使い、ナビゲーションのロールオーバー smoothscroll.jsを使い、ページ上部へ戻る機能をゆっくり動作させる 来訪するたびに違うビルボード画像を見せる(4種類) tableを使わずに横並び(ulまたはdlで) アップしたサイトはこちら 「企業活…