Permit.js Demo .permit-issue-[permitName] Apply this class to an element (e.g. a button) to issue a permit. Replace [permitName] with one of the states you specified in the permits setting (e.g., permit-issue-premium). By default, the permit will be issued by clicking on the element. The permit that was in place prior to clicking on the element is revoked. You would use this in a variety of situations such as to simulate logging-in, upgrading, or for switching from online to offline mode.
Hide your header on scroll - Headroom.js Downloads What's it all about? Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user's scroll. The header on this site is a living example, it slides out of view when scrolling down and slides back in when scrolling up.
How to Use steps() in CSS Animations I am guessing that many of you have found steps() to be confusing when using it in CSS animations. I wasn’t sure how or why to use it at first and searching seems to produce two main examples: A typing demo by Lea Verou and an animated sprite sheet by Simurai. These examples are genius and really helped me begin to understand this special little timing function, but they are such prominent references that it was hard to imagine how to use steps() outside of the context of each demo. Animation in CSS3 In this article you'll learn what you need to know to get started with CSS3 animations. "Animating" with CSS used to be limited to hovering effects. With :hover and :focus pseudo classes we've been able to change color, size, background-color, position, and many other CSS properties based on user action.
Tools, jQuery Plugins And Resources For Web Designers Finding a cool new app or plugin is exciting, especially if you are able to share it with your friends and colleagues. Web designers and developers all over the world are providing the most up to date web tools and the latest are in this article. Tasks that used to take a long time to complete can now be done in a matter of seconds. These tools and apps allow creative minds to make progress with new ideas. There are many apps that will help save time and money and these time saving resources are what developers and designers love. In this article you will find a lot of these wanted tools, these great resources that improve our workflow and our work quality.
50 Free CSS-Only Icons for Website Graphics Get the FlatPix UI Kit for only $7 - Learn More or Buy Now Modern CSS trends have blown up so quickly that it can be difficult to keep up with all the new stuff. Online projects which most surprise me involve pure CSS designs for layouts, animations, and icons. There is still plenty of use for icon sprite sheets in the right context. But why not try out modern trends for the users who have upgraded from legacy browsers?