CSS reseting and cross browser style digest

cross browser:

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

compressed version:

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

=======

Web Design Docks Digest

Mac OS X Icon Dock

A Mac OS X like 3D Icon Dock for use a navigation on your website. Fully functional without JavaScript. Reflections are included for browsers that support it (Safari/Chrome). 3D effect on dock which is easily themable and supports as many icons as you can fit on your screen. Compatible with all common browsers. Degrades gracefully for IE.

============================

jqDock

jqdock

jqDock is a jQuery plugin that transforms images into a Mac-like Dock menu, with icons that expand on rollover!

The plugin works with images, or images within anchors, and has a number of configuration options which provide :

  • Horizontal or vertical alignment
  • Image expansion out from an edge or a mid-point
  • Positioned labels
  • Different small and large images
  • Menu fade-in
  • Size and sensitivity adjustment
  • Initial expansion and instant ‘freezing’
  • Inactivity timeouts and ‘wake up’ calls

============================

Web Design Layout Digest

Backstretch

a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element.

download

============================

PageSlide

a jQuery plugin which slides a webpage over to reveal an additional interaction pane

download

============================

 good!

============================

 Ascensor.js

Ascensor is a jquery plugin which aims to train and adapt content according to an elevator system.

============================

Elements Rotation in web design

jqrotate

  • Mozilla Firefox 3.5+
  • Safari 5.0+
  • Internet Explorer 6+
  • Google Chrome 10+

===========================

jQuery element rotation plugin

In my previous project I needed to rotate some elements, but I hadn’t found any jQuery plugins regarding this issue. (which of course works with ie7 and ie8 as well!)

So I decided to take some time and write this small snippet for jQuery to make the CSS3 rotation easier. It’s a little slow with internet explorer 7 and internet explorer 8, but it still works. (since ie7 and 8 use the deprecated filter method)

===========================