サイト作成メモ

sky-183869_640
私的メモ。最近調べたサイト作成方法。

スポンサーリンク

フレームワーク

超シンプルで簡単なフレームワーク「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

素材

これを無断使用しちゃっていいの?ブログのアイキャッチ探しがはかどる高クオリティーCC0写真サイトまとめ

スポンサーリンク

フォローする