Learn advance html css jquery @bestsite

 

---------------------------------

http://www.script-tutorials.com/tag/css3/ 
 http://www.script-tutorials.com/demos/344/index.html
http://www.script-tutorials.com/how-to-code-simple-website-from-a-psd/ 

-------------------------------------
DROPDOWN MENU

http://codepen.io/rssatnam/pen/niBsD 
http://red-team-design.com/css3-animated-dropdown-menu/ 
http://red-team-design.com/dropdown-menu-concept/ 
https://github.com/catalinred/Animenu 
http://red-team-design.com/animenu-a-responsive-dropdown-navigation-made-with-sass/ 
 https://github.com/joeldbirch/superfish/
http://red-team-design.com/page6/ 
---------------------
http://www.sitepoint.com/twenty-top-advanced-css-tutorials/ 



http://learn.shayhowe.com/advanced-html-css/transitions-animations/

http://learn.shayhowe.com/advanced-html-css/responsive-web-design/ 

Jquery

http://learn.shayhowe.com/advanced-html-css/jquery/

HTML

1 2 3 4

<div class="notice-warning"> <div class="notice-close">&#215;</div> <strong>Warning!</strong> I&#8217;m about to lose my cool. </div>

JavaScript

1 2 3

$('.notice-close').on('click', function(event){ $('.notice-warning').remove(); });

Demo

See the Pen Event by Shay Howe (@shayhowe) on CodePen.

Event Methods

jQuery provides quite a few methods, all of which are based around registering user behaviors as they interact with the browser. These methods register quite a few events, most popularly, but not limited to, browser, form, keyboard, and mouse events. The most popular of these methods include:

Browser Events

• .resize()
• .scroll()

Document Loading

• .ready()

Event Handler Attachment

• .off()
• .on()
• .one()
• jQuery.proxy()
• .trigger()
• .triggerHandler()
• .unbind()
• .undelegate()

Event Object

• event.currentTarget
• event.preventDefault()
• event.stopPropagation()
• event.target
• event.type

Form Events

• .blur()
• .change()
• .focus()
• .select()
• .submit()

Keyboard Events

• .focusin()
• .focusout()
• .keydown()
• .keypress()
• .keyup()

Mouse Events

• .click()
• .dblclick()
• .focusin()
• .focusout()
• .hover()
• .mousedown()
• .mouseenter()
• .mouseleave()
• .mousemove()
• .mouseout()
• .mouseover()
• .mouseup