元ネタはこちらから>> 必読!5分でわかる流行のレスポンシブWebデザインまとめ レスポンシブWebデザインとは 「レスポンシブWebデザイン」とは、PC、タブレット、スマートフォンなど、複数の異なる画面サイズをWebサ… 続きを読む レスポンシブレイアウト・リキッドレイアウト・フレキシブルレイアウト・可変グリッドレイアウト
月: 2014年10月
レスポンシブレイアウトと角丸のBOX
CSS3 Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き ◆レスポンシブデザインについて レスポンシブレイアウト講義用PDF 「レスポンシブWebデザイン」とは、PC、タブレ… 続きを読む レスポンシブレイアウトと角丸のBOX
Googleマップのお手軽カスタマイズできる「Styled Maps Wizard」の使い方 | 株式会社LIG
パンくずリスト(breadcrumb list)とは
パンくずリスト(breadcrumb list)とは 上記の赤枠内のようなナビゲーションの事。 以下、ウィキペディア抜粋。 ウェブサイト内におけるウェブページの位置をツリー構造を持ったハイパーリンクの一覧として示すもの。… 続きを読む パンくずリスト(breadcrumb list)とは
インラインフレーム(iframe)
[html] <ul> <li><a href=”test1.html” target=”display”>test1.htmlを表示</a></li> <… 続きを読む インラインフレーム(iframe)
カウントダウンタイマー
参考サイト:コピペでサクッと導入できるライブラリ非依存のJavascriptカウントダウン <script>内に記述するか、jsファイルにする。 この例では、2036年1月1日までカウントダウンします。 [j… 続きを読む カウントダウンタイマー
【CSS3】background-imageで複数の背景画像を表示する|俺メモ Web時々アプリ | OREMEMO
CSS3でメニュー下線(上線)のアニメーション
サンプル HTML [html] <p><a href="#">HOME</a></p> [/html] CSS [css] p {background… 続きを読む CSS3でメニュー下線(上線)のアニメーション
10月14日(火)講義内容
◆HTML5について html5とはhtmlの標準化団体であるw3cが2010年に策定したhtmlのバージョン5の事。 前回のバージョン4は1999年策定なので実に11年ぶりのメジャーアップになり、 html5は2008… 続きを読む 10月14日(火)講義内容