パクリじゃないですオマージュです。もしくはカバーです。
かの有名なドーナツ本（Web制作の現場で使うjQueryデザイン入門）をAngularJSでコピーしていこうプロジェクトを開始しますヽ(´@ω@｀)ﾉ
第1章と第2章はめんどくせえので第3章のサンプルのみ14種類。HTMLとCSSは本題じゃないので基本同じです。 CSSでカバーする部分が大きいので「デザインは同じです」と訂正させてください。
サンプル
サンプルをgithub.ioドメインで公開しました。
参考になれば幸甚：Web制作の現場で使うAngularJSデザイン入門サンプル
目次
- CSS3セレクターでストライプテーブル
- スライド式イメージギャラリー
- なめらかアコーディオンパネル
- ポータルサイト風タブパネル
- 個性的な3種類のツールチップ
- ロールオーバー付きナビゲーションバー
- 多階層対応ドロップダウンメニュー
- Lightbox風モーダルウィンドウ
- ドラッグ＆ドロップで動くフローティングウィンドウ
- バリデーション付きメールフォーム
- Amazon風カルーセルパネル
- Ajaxでスムーズページング
- Flashみたいなスライドギャラリー
- 指で操作するスマホ用スワイプギャラリー
詳しくは個別記事へ。
ソースコードはgithubにて割とリアルタイム気味に公開しております。
しかしあれだ、ドーナツ本、幅を揃えたかったのはわかるが見出し番号の全角半角混ざった表記だけは受け付けないエンジニア殺すつもりか幅を揃えたいだけならゼロ埋めにしてくれ(ワンブレス)