PageSlide: a jQuery plugin which slides a webpage over to reveal an additional interaction pane. Advertisement a jQuery plugin which slides a webpage over to reveal an additional interaction pane by Scott Robbin Download PageSlide Now If you've ever used the mobile version of Facebook, or Path,then you've probably seen something akin to PageSlide in action. Clicking on a button or link slides the page over to reveal a hidden pane,one that usually contains secondary navigation, a form, or additional information.
There are several ways to use PageSlide, some of which are shown below.Additionally, there is a responsive demo which shows how PageSlide can be used as a mobile solution. Slide to the right, and load content from a secondary page Slide to the left, and display hidden content from this page in a modal pane Modal This slide uses "modal" option set to "true". Where can I get it? If you are interested in learning more about PageSlide, it's recommended that you view the project on GitHub.
Other jQuery Plugins If you like this plugin, feel free to check out some of the others I've built. Modern HTML Presentations. jQuery Quicksand plugin. Quicksand Reorder and filter items with a nice shuffling animation. Activity Monitor 348 KB Address Book1904 KB Finder 1337 KB Front Row 401 KB Google Pokémon 12875 KB iCal 5273 KB iChat 5437 KB Interface Builder 2764 KB iTuna 17612 KB Keychain Access 972 KB Network Utility 245 KB Sync 3788 KB TextEdit 1669 KB Demo seems sluggish? Disable CSS3 scaling and try again.
Isn’t it cool? Now, choose your fighter: Download Version 1.4 Demos & Docs Fork on GitHub Powered by jQuery – Made by @razorjack from agilope, icons design by Artua Design by @riddle. Expanding Fullscreen Grid Portfolio Template. Webworks - Ultimate & Flexible Website Template Preview.
JavaScript. Best Open Source Resources for Web Developers | WebAppers. Practical CSS3 tables with rounded corners. There has been some discussion in the past about how/when to use tables in web development. Though, the conclusion is the same: when you're dealing with tabular data, tables are absolutely required. Designing a table is a challenge - and here I'm not talking only about the way it looks. It's (mostly) about how easy is your table to read. If your table isn’t easy to scan, usually users get annoyed as they lose focus when trying to find the right column and row. Having said that, today we’re going to create beautiful and practical tables styled using CSS3. Also, jQuery will be used to create fallbacks for older browsers. View demo What's so cool about these tables?
In this article you'll see how CSS3 and tables can work together to create some cool and usable results. Rounded corners with no imagesVery easy to update - there are no extra CSS id's or classes addedUser-friendly and easy to read Rounded table corners Then, we just need to round some corners: jQuery hover fallback Browser support. HTML5 Reset :: A simple set of templates for any project. Radiopad Classic Style - Touch User Interinterface. This high-res user interface is completely customizable with very organized layers. Can be used as tablet/smartphone/website user interface apps or websites.
Radiopad classic style touchpad elements: 1 UI preview, JPG1 very organized PSD Radiopad classic style touchpad elements PSD: Adjustable colors (easy to change) Separate layers (groups) Vector bases elements All user interface elements you see in the previews are completely editable. Fonts use: I really love to see how you used it! Icon Search Engine | Iconfinder. CSS Cheat Sheet - StumbleUpon.
Great Website Backgrounds.