STYLE SWITCHER

CSS3

HTML KickStart

HTML KickStart

kickstart
Ultra–Lean HTML5, CSS, & JS Building Blocks for Rapid Website Production
http://www.99lime.com/elements/
More
SlickNav – Responsive Mobile Menu Plugin for jQuery

SlickNav – Responsive Mobile Menu Plugin for jQuery

slick-nav-e1417680867318

Get started with mobile awesomeness.

FEATURES
Multi-level menu support Flexible, simple markup Cross-browser compatibility Keyboard Accessible Degrades gracefully without JavaScript Creates ARIA compliant menu.
USAGE INSTRUCTIONS Include the CSS & JS slicknav.css can be modified to fit website design
<link rel="stylesheet" href="SlickNav/slicknav.css" />
<script src="SlickNav/jquery.slicknav.min.js"></script>
Menu Markup 
<ul id="menu">
	<li><a href="#">item 1</a></li>
	<li><a href="#">item 2</a></li>
	<li><a href="#">item 3</a></li>
	<li><a href="#">item 4</a></li>
</ul>
Initialize
<script>
	$(function(){
		$('#menu').slicknav();
	});
</script>
http://slicknav.com/
More
StickUp a jQuery plugin

StickUp a jQuery plugin

A simple plugin that "sticks" an element to the top of the browser window while scrolling past it, always keeping it in view. This plugin works on multi-page sites, but has additional features for one-pager layouts. Scroll down to see it in action.
Website
More
OWL Carousel – Touch Enabled and Responsive jQuery Carousel Slider

OWL Carousel – Touch Enabled and Responsive jQuery Carousel Slider

Owl-Carousel-2
OWL Carousel, Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.
http://owlgraphic.com/owlcarousel/
More
10 Web design trends you can expect to see in 2014

10 Web design trends you can expect to see in 2014

Modern UI flat design vector kit in trendy color with simple mobile phone and digital tablet with icons, buttons, windows and other interface items. Isolated on white background.
  • Dropping the sidebar
  • Manipulated imagery
  • Bonus: Crazy, sexy, cool stuff
More
Equal height using simple CSS

Equal height using simple CSS

background-image
<div class=”outer”>
<div class=”box-1″>
——
</div>
<div class=”box-2″>
——
</div>
</div>

<style>

.outer{
overflow:hidden;
}
.box-1{
float:left;
}
.box-1{
float:left;
border-left:red 1px solid;
padding-bottom:9999px;
margin-bottom:-9999px;
}
</style>

More