This is a tutorial by Codyhouse.A bold navigation that slides in when active, replacing the current content in a 3D space. Bear in mind, though, it doesn’t have to be the “main” navigation. You could have, for example, a product gallery and you’d like to create a smooth transition while switching from one product category to the other. The interesting thing is; when you select a new category, you switch the content in the background,…
waitMe is a jQuery plugin for easy creating loading css3/images animations.It’s really simple to use. This jQuery plugin contains 14 animation effects and you can use images too. It only requires jQuery, other libraries are not required. Plugin works on all browsers and IE10+ (for css3 animation effects). Don’t use as element container non block elements such as table, input, textarea and etc. Use div, span or body (you may use html and it would…
This is a tutorial (by Codrops) on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter. You will learn how to make a motion blur effect and apply it to regular JS or CSS animations of HTML elements. Motion blur is a technique widely used in motion graphics and animation in general to make movement seem more smooth and natural.
If you’re looking for some new and fresh vector shapes, illustrations, watercolor elements or textures, this Jumbo Deal is just for you! With more then 90% off and available for limited time only, you’ll need to grab this new 5in1 mega bundle while you can. With 31 items and bundles from 5 premium design shops is this bundle one of the biggest and best quality illustrations, graphics & textures bundle ever! So don’t miss it!!…
Unyson is a framework for WordPress that facilitates the development of a theme. This framework was created from the ground up by the team behind ThemeFuse from the desire to empower developers to build outstanding WordPress themes fast and easy. All the built in extensions & options work in perfect harmony. You can control the visual appearance of the front end elements using the multitude of built in customization options.Your users will be able to…
Every month Envato Market Places which is the leading company in selling premium resources for designers,developers and photographers give out some specially selected files for free and you can use them however you want.(WordPress themes,graphic files,audio files video files etc..) This month’s free graphic file is Bokeh Textures and Actions. Features: Professional Results in just a click All layers are fully editable Non-destructive actions Just become Envato (Graphicriver) member(FREE) and download the file for FREE
BaseWeb is a SCSS front-end development framework built to make working on web based projects more enjoyable. Built by Sebastian Nitu,It’s focused on keeping your projects simple, organized and responsive. It was created from a need to reduce the amount of time writing CSS while giving control over CSS output to the author. BaseWeb is designed to be worked on within a SCSS development workflow. The easiest way to get started is to open up…
HTML GL solves “the slow DOM problem” by creating WebGL representations of DOM elements and hiding actual DOM after. This speeds up HTML/CSS animations and transformations by using 3D hardware acceleration and allows to apply OpenGL effects as modern 3D games have. Using HTML GL you still work with HTML/CSS as you are common to, but DOM elements are just facades to their WebGL represenations. These GPU accelerated textures are very effective from resources consuming…
Space.js is a HTML-driven JavaScript-library for narrative 3D-scrolling. The library is HTML-driven, which means that you don’t need to write a single line of JavaScript to use it on your site and still have a lot of flexibility! The core of the library is to divide our HTML into frames, or space-frames as we call them her (to not conflict the common class name “frame”).Space.js has a default default transition – which is to enter…
This is a tutorial on how to create a simple slider with an interesting “prism” effect using HTML5 canvas globalCompositeOperation and a layering technique. The idea is to place a shape in front of the slider and “reflect” the images of each slide, in order to create the illusion of a prism. The demo is supported in all major browsers, including Internet Explorer 9.