background preloader

AlloyUI

AlloyUI
Related:  UXJava Script

Personal Data Mining - (Part 2) On the previous post i described the way that i used to capture a 1-year worth of personal data using my Smartphone with the purpose of identifying trends with my immune system which at times gave me perennial conjunctivitis and also swollen lymph nodes. Now it was time to analyze all of this data in hope that some useful knowledge could be found. I had to make a decision for which tools to use. I used WEKA and also decided to give KNIME a try so here is an example of a KNIME workflow : I first use the File Reader to read in my 1-year worth of life data, then an R Script which is used for several data transformations. Guidelines | Usability.gov Schedule.js Quick start Step 1: Install Schedule is available through both npm and bower. After installing, Schedule is available in the schedule namespace. Using npm and Node.js: $ npm install schedulejs var schedule = require('schedulejs'); Using bower and a browser: $ bower install later $ bower install schedule <script src="later.min.js" type="text/javascript"></script><script src="schedule.min.js" type="text/javascript"></script><script type="text/javascript"> // schedule namespace is available </script> More information on building, running tests, and running benchmarks. Step 2: Define your tasks Tasks are the things that you want to schedule. Specifying dependencies between tasks Adding a Later schedule that determines when the task is available Including one or more resources that the task requires (supports AND and OR semantics) Providing a priority that determines task order after dependencies have been met Indicating whether or not the task can be split up into multiple time blocks

Raphaël—JavaScript Library Blog Only 5% of the end-user response time is spent fetching the HTML document. This result holds true for almost all web sites. The most part of websites spend less than 20% of the total response time getting the HTML document. The other 80+% of the time is spent dealing with what's in the HTML document, namely, the front-end. That's why the key to faster web sites is to focus on improving front-end performance. (thanks YAHOO!) There are three main reasons why front-end performance is the place to start. There is more potential for improvement by focusing on the front-end. The performance golden rule is: optimize front-end performance first, that's where 80% or more of the end-user response time is spent. Based on this "golden rules" me and Brian Chan decided (while the New Year's Eve party) to give a New Year's present for Liferay community and start a serie of performance improvements on our front-end. 1. CSS Sprites are the preferred method for reducing the number of image requests. 2. 3.

SSO across Web Applications and Web Services - Part IV b This blog describes how to implement the solution described in my previous blog which you must have read before. I'd like to structure the blog into the following sections: I've prepared this demo to run the different components in three tomcat instances. The reason is to get closer to a real scenario. tomcat-idpThis tomcat instance hosts the security infrastructure components which are the IDP and the STS.HTTPS: 9443, HTTP: 9080tomcat-rpThis tomcat instance hosts the Web Application.HTTPS: 8443, HTTP: 8080tomcat-svcThis tomcat instance hosts the Web Services provider which is usually not hosted on the same instance as the frontend.HTTPS: 10443, HTTP: 10080All three tomcat instances use the same certificate tomcatkeystore.jksfor HTTPS which can be downloaded here. The Tomcat HTTPS connector is configured in conf/server.xml. Extend the STS... We use the same STS instance prepared for the Web SSO. The new endpoint is configured in WEB-INF/cxf-transport.xml as illustrated here: Run...

browsers.evolt.org | Workers of the Web, Evolt! Ember.js - Getting Started: Creating a Static Mockup Before adding any code, we can roughly sketch out the layout of our application. In your text editor, create a new file and name it index.html. This file will contain the HTML templates of our completed application and trigger requests for the additional image, stylesheet, and JavaScript resources. To start, add the following text to index.html: The associated stylesheet and background image for this project should be downloaded and placed in the same directory as index.html Open index.html in your web browser to ensure that all assets are loading correctly. Live Preview Additional Resources

50 Amazing jQuery Plugins That You Should Start Using Right Now Martin Angelov jQuery has a wonderful community of programmers that create incredible things. However, it may become difficult to sift through everything that is released and find the gems that are absolute must-haves. Dialogs The browser’s built-in dialogs are easy to use but are ugly and non-customizable. 1. Alertify (github) is small library for presenting beautiful dialog windows and notifications. alertify.alert("Message"); alertify.confirm("Message", function (e) { if (e) { } else { } }); Alertify.js 2. jQuery Avgrund jQuery Avgrund (github) is another cool dialog solution. jQuery Avgrund Forms Forms are tedious and boring. 3. iCheck iCheck (github) is a jQuery plugin that enhances your form controls. iCheck 4. Long Press is a jQuery plugin that eases the writing of accented or rare characters. Long Press 5. jQuery File Upload jQuery File Upload (github) is a widget with multiple file selection, drag&drop support, progress bars and preview images. jQuery File Upload 6. Complexify jQuery Knob

AJAX Introduction # AJAX stands for Asynchronous Javascript and XML. It is used to allow frontend html/javascript communicate with the backend. For example, during a form submit, instead of using HTML forms to POST, AJAX can be used to do an asynchronous javascript POST to a backend script. For more information about AJAX, see Wikipedia - AJAX (Programming) AJAX in Liferay 6 # As of Liferay 6, there is AJAX support built into its current javascript library, Alloy UI. AJAX in Liferay 5 # In Liferay 5.1, the AJAX toolkit has been obsoleted. Liferay 4 used a Liferay-specific utility called AjaxUtil to allow users to easily write Ajax. The javascript AjaxUtil.update() invokes the URL to retrieve this HTML fragment, and replaces the contents of the HTML element specified in the second parameter with the returned HTML. For example, you have a portlet that has a div layer in it, we will call it library. <form> First Name: <input type="text" name="fn" /> Last Name: <input type="text" name="ln" /></form>

Related: