How to scale, rotate, translate and transform elements using new CSS hover effects that work now in Safari, Webkit and Chrome
Sorgente: Animation Using CSS Transforms < CSS | The Art of Web
How to scale, rotate, translate and transform elements using new CSS hover effects that work now in Safari, Webkit and Chrome
Sorgente: Animation Using CSS Transforms < CSS | The Art of Web
Multi-Level Push Menu: Off-screen navigation with multiple levels
Sorgente: Multi-Level Push Menu – Demo 3
Modern effects and styles for off-canvas navigation with CSS transitions and SVG animations using Snap.svg
Sorgente: Off-Canvas Menu Effects – Top Side
Sidebar Transitions: Transition effects for off-canvas views
Sorgente: Sidebar Transitions
Blueprint: Slide and Push Menus
Sorgente: Blueprint: Slide and Push Menus
Maybe for the last time i’ve used Photoshop last week to design a website.
Several times i’ve tried to switch to illustrator to design website but this is maybe the definitive time.
Here some tutorial i’ve found to let you understand how Illustrator can be much more fast and efficient for your next your web design project.
What software do you use to wireframing and finalizing websites ?
http://www.smashingmagazine.com/2011/01/17/productive-web-design-with-adobe-illustrator/
paste the code you found here: http://codepen.io/dimsemenov/pen/vKrqs
and the include this js and css:
<link rel=’stylesheet prefetch’ href=’http://dimsemenov-static.s3.amazonaws.com/dist/magnific-popup.css’>
<script src=’//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js’></script><script src=’http://dimsemenov-static.s3.amazonaws.com/dist/jquery.magnific-popup.min.js’></script>
—
main website: http://dimsemenov.com/plugins/magnific-popup/
collection of examples: http://codepen.io/collection/nLcqo/3/