私的メモ。最近調べたサイト作成方法。
フレームワーク
超シンプルで簡単なフレームワーク「Responsive Grid System」でレスポンシブWEBサイトをつくろう(前編:導入編) | HTML5でサイトをつくろう
「Responsive Grid System」は「Bootstrap」よりシンプル。
「Papier」も見てみたけど、グリッドシステムは「Responsive Grid System」の方が良さそうだな。リセット用cssとカラムレイアウト用と全体のスタイルシートが分かれてるのが使いやすい。「Papier」も合わせてコンポーネント使うのが良さそう。
スマホサイト
JQuery
スムースリンク
JQueryでページ内リンクを実装する(スムーズスクロール) – Hello world, I am kgmx.
シンプル。htmlでページ内リンクを作っておいてスルーと移動させるだけのため。
Color Box
画像表示JQueryはColor Boxが好きだ。
Colorboxの使い方 – ホームページ入門サイト
設置方法は上記リンクがわかりやすかった。
jQueryのlightbox系のプラグインColorboxをiPhone(スマホ)で使う : kagzugiの備忘録
スマホ対応。
デザイン
デザインはきりがないけども。
CSSだけでここまでできる!キレイなボタンの作り方 | Web制作会社スタイル
擬似要素とCSS3を使ってリストメニューを楽しくデザイン|Webpark
今のところ必要ないけどもコンテンツが多い場合はこういうメニューにした方がいいのかも。メモ。
ハンバーガーメニューって知ってる? | モバイルラボ
疑似要素
nth-child() 疑似クラスを試してみる | d-spica