15 Excellent thumbnail gallery effects 30 Nov Used to showcase work or for products, nowdays the photo galleries are an important part of a website. These excellent plugins that are listed bellow, can help you create high quality, professional thumbnail galleries. A solution which relies on css sprites and a few lines of jQuery, but requires a bit of preparation before it can be implemented. This effect is just a demo of the possibilities. To get this effect (image splitting in middle), two instances of the same image were used. The hover zoom effect basically reverse zooms an image while fading in a label on top of it when the mouse hovers over it. The imageZoom jQuery plug-in makes it easy to show off your images in an easy and attractive manner. Learn how to build thumbnail gallery with zooming effect and fadein and fadeout caption. Learn how to use JQuery animations to slide captions and images in and out of view. This is a simple technique to animate an image when hovering using jQuery’s animate() effect. Related Posts:
Infographics Dos and Don’ts | Strategy Internet Marketing Infographics are a way to deliver data visualisation to an audience. They’re not just about data visualisation though; the data is presented within a story to communicate a specific message. They can spread like wildfire online and there are a few reasons for this. First of all, visual data is more memorable and has more impact than straight-up facts. The second reason for the widespread use of infographics on the web is the fact that they can add a lot of value to a web site and make visitors want to actually check out its content, while encouraging interaction. Good content and good user experience are what make or break a website these days, and infographics are meant to help with that. Pretty Data Isn’t Data Visualisation Like I mentioned earlier, an infographic is data visualisation told through a story. Here is an example of how not to do an infographic. What’s wrong with this infographic? For starters, the circles sizes could mirror the statistics. Misleading Visualisation Conclusion
Function Reference/wp nav menu function wp_nav_menu( $args = array() ) { static $menu_id_slugs = array(); $defaults = array( 'menu' => '', 'container' => 'div', 'container_class' => '', 'container_id' => '', 'menu_class' => 'menu', 'menu_id' => '', 'echo' => true, 'fallback_cb' => 'wp_page_menu', 'before' => '', 'after' => '', 'link_before' => '', 'link_after' => '', 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>', 'item_spacing' => 'preserve', 'depth' => 0, 'walker' => '', 'theme_location' => '' ); $args = wp_parse_args( $args, $defaults ); if ( ! // invalid value, fall back to default. $args['item_spacing'] = $defaults['item_spacing']; * Filters the arguments used to display a navigation menu. * @since 3.0.0 * @see wp_nav_menu() * @param array $args Array of wp_nav_menu() arguments. $args = apply_filters( 'wp_nav_menu_args', $args ); $args = (object) $args; * Filters whether to short-circuit the wp_nav_menu() output. * Returning a non-null value to the filter will short-circuit * returning that value otherwise. if ( null !
Typography and minimalism: let’s design a simple and nice layout One of the most common perplexities that I’ve heard saying regarding the typographic style is: yes, it’s fine, cute, creative… but it’s not a style suitable for a company site, corporate, no indeed. It’s certainly a particular style, eclectic if you like, but it can easily be adapted also for a company site, obviously with some small adjustments and without “daring” with fonts too particular and scenic. If we were to create a showcase site reproducing the features of this style, we should play with the typography to attract the attention on certain points in the layout, reduce at minimum- a bit like in the minimal style- the graphic elements and make the effect more appealing with the use of textual elements. Bold titles, provocative colors, daring texts… a game of letters and spaces for a simple, minimal graphic and at the same time of impact. Yes, but how? Ready? Set the document As always, we begin by creating the new document in Adobe Photoshop. We also add a small tagline: The Author
HTML5 Introduction Function Reference/wp page menu Function Reference/wp page menu Languages: English • 日本語 • (Add your language) Description Displays a list of WordPress Pages as links, and affords the opportunity to have Home added automatically to the list of Pages displayed. This Tag is useful to customize the Sidebar or Header, but may be used in other Templates as well. Usage Default Usage <? By default, the usage shows: All Pages and sub-pages are displayed (no depth restriction) Sorted by menu order and title The div class is 'menu' No pages are excluded No pages are explicitly included Results are echoed (displayed) No link_before or link_after text Do not add "Home" to the list of pages Note: Output is encompassed by the <ul> and </ul> tags Parameters depth (integer) This parameter controls how many levels in the hierarchy of pages are to be included in the list generated by wp_list_pages. sort_column (string) Sorts the list of Pages in alphabetic order by title of the pages. menu_class include exclude exclude_tree echo show_home <?
Contact-Pop: Contact Form Overlays with a Simple jQuery Plugin Note: This website does not use Contact-Pop, please don’t test its contact form, Contact-Pop Demo Contact-Pop is a jQuery plugin that makes contact forms with grayed out overlays incredibly easy. The basic script grabs any links that point to your contact page and flags them for the Contact-Pop popup. While there are a lot of options for producing grayed out overlays in jQuery, Contact-Pop provides a more robust and specialized solution for in-page contact forms. Additionally, Contact-Pop has the benefit of being totally unobtrusive. Finally, although Contact-Pop leverages a PHP file, this is just to make it easy to plug into your website. Contact-Pop Demo Download Contact-Pop jQuery Plugin How to use the Contact-Pop Plugin Basic use of Contact-Pop couldn’t be easier. The paths above should work if you’ve uploaded Contact-Pop to your site’s root, otherwise be sure to modify them as needed. Next we will need to flag our contact links. var $siteEmail = 'email@youremail.com';
ASP.NET GridView + jQuery tips and tricks - Part 1 Posted by Sheo Narayan under ASP.NET category on 7/29/2010 for Intermediate level | Views : 175386 If you found plagiarised (copied) or inappropriate content, please let us know the original source along with your correct email id (to communicate) for further action. Rating: 4.8 out of 5 5 vote(s) This article demonstrate how to do CRUD operation using GridView and jQuery seamlessly (without page refresh) and also describes some simple UI effects in ASP.NET GridView control using jQuery. This is the Part 1 of this article. Introduction GridView is an unavoidable control while developing any application. In this article, I will demonstrate how to do CRUD (Create, Read, Update, Delete) opeations using GridView and jQuery seamlessly and will also give some simple GridView and jQuery UI tips, like selecting records, highlighting records and deleting records by double clicking it. This is Part1, please read part 2 of this article here. Video of this Article Pre-requisite Code listing - 1 using System;
Representational state transfer Representational State Transfer (REST) is a software architecture style consisting of guidelines and best practices for creating scalable web services.[1][2] REST is a coordinated set of constraints applied to the design of components in a distributed hypermedia system that can lead to a more performant and maintainable architecture.[3] REST has gained widespread acceptance across the Web[citation needed] as a simpler alternative to SOAP and WSDL-based Web services. RESTful systems typically, but not always, communicate over the Hypertext Transfer Protocol with the same HTTP verbs (GET, POST, PUT, DELETE, etc.) used by web browsers to retrieve web pages and send data to remote servers.[3] The REST architectural style was developed by W3C Technical Architecture Group (TAG) in parallel with HTTP 1.1, based on the existing design of HTTP 1.0.[4] The World Wide Web represents the largest implementation of a system conforming to the REST architectural style. Architectural properties[edit]
Futurebox, lightbox without the javascript and target pseudo-class | The CSS Ninja - All things CSS, Javascript & xhtml So I recently released a revised version of Futurebox which added a lot of functionality. But one thing was nagging me, the fact that it utilised the target pseudo-class to hijack in page anchors which has a few side effects that can create some major drawbacks to the technique. One being that if you click multiple futurebox links and then click the browser back button it will go through all the previous overlays that were activated due to the natural behaviour of in page anchors. The other drawback, clicking an in page anchor can cause the page to abruptly jump as it tries to bring the anchor location to the top of the page. But you’re thinking I’m mad, there can’t possibly be any other way to trigger a pure CSS overlay. Radio buttons?! Yep this technique uses radio inputs along with the checked CSS3 pseudo-class, which I described in my custom checkbox/radio inputs article, to show/hide the futurebox modals. The mark-up differs from the original futurebox. Not just for images Mix it up