STYLE SWITCHER

CSS

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
How to make jQuery waypoints plugin fire when an element is in view and not scrolled past?

How to make jQuery waypoints plugin fire when an element is in view and not scrolled past?

drupal-and-jquery-logos
$(”div”).waypoint(function(event, direction) {
// do your fade in here
$(this).fadeIn();
}, {
offset: function() {
// The bottom of the element is in view
return $.waypoints(”viewportHeight”) – $(this).outerHeight();
}
});
Website
More