background preloader

jQuery TOOLS - The missing UI library for the Web

jQuery UI 85+ Cool jQuery Effects Roundup jQuery effects are used more or less all over the Internet today. Just a few years ago Flash was dominating the scene for interactive and dynamic websites. The arrival of JavaScript libraries like jQuery have made it a lot easier to do advanced stuff with JavaScript, but of course the fact that Apple didn’t let Flash into their iPhones and iPads may also have pushed the development in this direction. Further the mobile movement have also helped speed up the adoption of HTML5 and as an example Canvas Animation is opening up for a lot of possibilities when it comes to developing dynamic effects in a standard way. There are even countless examples of HTML5 games available online showing us the capabilities of these rather new technologies. Enough about HTML5 here. Advertisement jQuery Effects Index Animation Effects An amazing animated parallax effect using CSS and jQuery jQuery.Smart3D This is an effect which can be used on site-header. 3D Sphere 3D Tag Cloud Easy Scroll Image Cube Spritely Flip

Tracking Basics (Asynchronous Syntax) - Google Analytics ga.js is a JavaScript library for measuring how users interact with your website. This is a legacy library. If you are getting started with Google Analytics you should use the latest tracking library, analytics.js. Tracking Code Quickstart The Analytics snippet is a small piece of JavaScript code that you paste into your pages. If you need to do more than basic page tracking, see the tracking reference for a list of methods available in the API and see the Usage Guide for details on using the asynchronous syntax. var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXX-X']); _gaq.push(['_trackPageview']); The snippet above represents the minimum configuration needed to track a page asynchronously. Important: If you are updating your pages from the traditional snippet to the latest, asynchronous version, you should remove the existing tracking snippet first. How the Asynchronous Syntax Works The _gaq object is what makes the asynchronous syntax possible. var pageTracker = _gat. Back to Top

DHTMLX dhtmlxSuite is a JavaScript library that provides a complete set of Ajax- powered UI components. Use dhtmlxSuite to build enterprise-level web apps with clean interface, fast performance, and rich user experience. Download and use dhtmlxSuite Standard for free under GNU GPL v2. dhtmlxSuite PRO is distributed under Commercial or Enterprise license. To get a full featured trial version, send us a request. Latest update: version 4.6 (what's new | migration guide) DHTMLX Suite 4.6 brings Today and Clear buttons in dhtmlxCalendar and multiple bug fixes and improvements. Full list of changes can be found here Demo Apps & Learning Resources View screenshots Check the demo apps, technical samples, and tutorials to see the power of the DHTMLX UI components and get started with the the DHTMLX toolkit: Supported Browsers: Start Developing Web Apps Faster DHTMLX is a full-featured and mature JavaScript UI library with years of development behind it and thousands of users worldwide. Integration with IDEs

Presenteer Introduction Presenteer.js a very flexible HTML5 presentation tool that works in one line of code, but is configurable with constructor options and many callbacks. In its simplest form, it works like And then navigate through the presentation with presentation.start();,;, presentation.prev(); and; Installation Include jQuery and Presenteer.js (and possibly Sylvester.js, see below) in your page. Create the HTML and style it with CSS Then, on page load, create a Presenteer instances for every presentation on the page. I set followElementTransforms to false to make Presenteer not follow element transforms. And set followElementTransforms: true. Constructor options Apart from the followElementTransforms constructor argument, there's many more options and callbacks. Where canvas is a selector or jQuery element of the canvas on which the presentation is placed. The list of elements on the canvas is specified in the elements argument. Navigation 1.

Verify your web tracking setup - Analytics Help There are a few ways you can check to see if the Google Analytics tracking code on your website is working. If you don’t think it's working correctly, review your set up, or try to set up the web tracking code again. It can take up to 24 hours for the Google Analytics servers to update after you make a change to your tracking code, so if you’ve recently completed or changed your set up, wait before you check to see if it’s working. Check the Tracking Status in your property In every web property in your Google Analytics account, you can see the Tracking Status, which tells you if your tracking code is working or not. Sign in to your Analytics account. Check your Real-Time reports With the Real-Time reports, you can monitor user activity as it happens. Sign in to your Analytics account. If you don’t see any data in your reports, check the date range to make sure you’re looking at today’s date. Install and use the Google Analytics Debugger extension (only for Chrome)

Ample SDK Three jQuery-based frameworks for a rich UI | Auto-Magical After spending several months refactoring a large ASP.Net MVC application for performance, I became intimately aware of certain fundamental limitations of the server-side UI approach and began looking into pure client-side UI frameworks as an alternative. Having decided on jQuery as the foundation, I’ve narrowed down the possibilities to three candidates: jQuery UI, Kendo UI and Wijmo. Here are some of my conclusions: Why choose pure-client side? My current development approach is MVC 3 “enriched” with the Telerik Extensions for ASP.Net MVC. ASP.Net MVC HtmlHelpers are much simpler than the traditional .Net drag-and-drop Web Forms approach in that they simply return strings, without the baggage of ViewState management or a complex page event lifecycle. Presenting a new alternative to server-side MVC controls, are several client-side UI frameworks. There are three competing HTML5 UI/Ajax UI frameworks I want to mention. jQuery UI: Pros: From the same team which brought you jQuery.

15. Expression-Based Access Control Method security is a bit more complicated than a simple allow or deny rule. Spring Security 3.0 introduced some new annotations in order to allow comprehensive support for the use of expressions. 15.3.1 @Pre and @Post Annotations There are four annotations which support expression attributes to allow pre and post-invocation authorization checks and also to support filtering of submitted collection arguments or return values. Access Control using @PreAuthorize and @PostAuthorize The most obviously useful annotation is @PreAuthorize which decides whether a method can actually be invoked or not. @PreAuthorize("hasRole('ROLE_USER')") public void create(Contact contact); which means that access will only be allowed for users with the role "ROLE_USER". @PreAuthorize("hasPermission(#contact, 'admin')") public void deletePermission(Contact contact, Sid recipient, Permission permission); @PreAuthorize(" ==") public void doSomething(Contact contact);

jQuery: The Write Less, Do More, JavaScript Library AmplifyJS - A Component Library for jQuery Develop - the JBoss Way Introduction & Getting Started Get started developing The JBoss Way by following this inclusive tutorial. The target audience for this tutorial are those individuals who do not yet have a great deal of experience with Eclipse + JBoss Tools (JBoss Developer Studio), JBoss Enterprise Application 6 or JBoss AS 7, Java EE 6 features like JAX-RS or HTML5 & jQuery for building an mobile web front-end. If you prefer to watch instead of read, a large portion of this content is also covered in video form at link. In this tutorial, we will touch on the following: - Working with JBoss Developer Studio (Eclipse + JBoss Tools) - Creating of a Java EE 6 project via a Maven archetype - Leveraging m2e and m2e-wtp - Using Forge to create a JPA entity - Using Hibernate Tools - Database Schema Generation - Deployment to a local JBoss Server - Adding a JAX-RS endpoint - Adding a jQuery Mobile client - Using the Mobile BrowserSim