Example
--Animations
1. http://codepen.io/vennsoh/full/lckri
--Page Splitter
1. http://codepen.io/istrasoft/pen/unKsl/
--Window
1. http://metroui.org.ua/window.html
2. http://metroui.org.ua/examples.html
--Login Screen
1. http://www.corelangs.com/css/box/fulloverlay.html
--Layout
1. http://www.creativebloq.com/css3/advanced-rwd-layout-techniques-71412175
2' http://www.sitepoint.com/adding-css-animations-angularjs-applications/
--Table layout
1. http://salzerdesign.com/test/fixedTable.html
--Bootstrap Mixed Form
1. http://www.bootply.com/127826
--File Style
1. http://www.abeautifulsite.net/whipping-file-inputs-into-shape-with-bootstrap-3/
layout design
1. http://bootstrapbay.com/preview/boom-admin-dashboard-web-app-template-B86EFAA
2. http://www.bootply.com/templates
3. http://jmdobry.github.io/angular-cache/guide.html#http
4. http://wsnippets.com/category/twitter-bootstrap/
5. http://wsnippets.com/free-twitter-bootstrap-based-admin-templates/
--Responsive
1. http://www.toptal.com/front-end/introduction-to-responsive-web-design-pseudo-elements-media-queries
2. http://webdesign.tutsplus.com/tutorials/a-flexible-approach-to-responsive-navigation--webdesign-8397
3. http://css-tricks.com/fluid-width-equal-height-columns/
4. http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height
5. http://zomigi.com/blog/essential-resources-for-creating-liquid-and-elastic-layouts/
Example
0. http://learnlayout.com/index.html
1. http://www.tutorialrepublic.com/twitter-bootstrap-examples.php
2. http://bootsnipp.com/resources
3. http://tympanus.net/Tutorials/FullscreenSlitSlider/index2.html
4. http://spyrestudios.com/30-free-bootstrap-code-samples/
5. http://bootstrapzero.com/
6. http://usman.it/themes/charisma/
7.http://bootsnipp.com/snippets/featured/no-more-tables-respsonsive-table
Guide Line
0. http://css-tricks.com/css-style-guides/
1. http://www.bbc.co.uk/guidelines/futuremedia/technical/semantic_markup.shtml
2. http://www.smashingmagazine.com/mastering-css-principles-comprehensive-reference-guide/
3. http://webdeveloperplus.com/css/25-incredibly-useful-css-tricks-you-should-know/
4. http://code.tutsplus.com/tutorials/30-css-best-practices-for-beginners--net-6741
5. http://learn.shayhowe.com/html-css/writing-your-best-code/
6. http://isobar-idev.github.io/code-standards/
7. http://www.codeproject.com/Tips/666578/HTML-and-Some-CSS-Best-Practice
8. http://www.w3.org/2001/06/manual/
9. http://www.sitepoint.com/10-online-tools-apps-optimize-format-css/
10.http://www.tutorialspoint.com/bootstrap/bootstrap_quick_guide.htm
Menu
1. http://www.joomla-css.nl/en/create-your-own-joomla-3-template/modify-the-base-template/create-a-dropdown-menu
2. http://themefoundation.com/responsive-navigation-problems-and-proposals/
3. http://webdesign.tutsplus.com/tutorials/big-menus-small-screens-responsive-multi-level-navigation--webdesign-8452
4. http://vadikom.github.io/smartmenus/src/demo/index.html
Sub Menu Design
1. http://www.bootply.com/92442
SASS
1. http://geek-rocket.de/frontend-development/scss-styleguide-with-bem-oocss-smacss/
2. http://www.integralist.co.uk/posts/guide-to-using-sass/
3. http://webuild.envato.com/blog/how-to-scale-and-maintain-legacy-css-with-sass-and-smacss/
4. https://wiki.bath.ac.uk/display/webservices/CSS+and+Sass+coding+conventions
5. https://www.codeschool.com/courses/assembling-sass
6. http://leveluptuts.com/tutorials/sass-tutorials
7. https://github.com/keegan-lillo/Gumby/tree/feature/modular-scale-v2.x/sass
8. http://webdesign.tutsplus.com/tutorials/how-to-use-sass-to-build-one-project-with-multiple-themes--cms-22104
9. http://zerosixthree.se/8-sass-mixins-you-must-have-in-your-toolbox/
10. http://web-design-weekly.com/2013/05/12/handy-sass-mixins/
11. http://designwoop.com/2014/07/10-useful-sass-mixins-modern-developer/
Tools
1. http://css2sass.herokuapp.com/
2. http://csstoss.com/
3. http://www.styleneat.com/index.php
4. http://www.codebeautifier.com/
Scroll Content
1. http://css-tricks.com/scroll-fix-content/
SVG
1. https://psdtowp.net/svg.html
0 Comments