Wednesday, April 29, 2015

Google Charts with jQuery Ajax

If you are working for analytics project, you need a rich chart system to display big data results. Google is providing us a powerful chart tools that you can implement charts very simple, this tutorial will explain you how to implement Google charts with Jquery ajax JSON data. Try out there are many free interactive charts and data tools, take a quick look at this live demo.

The post Google Charts with jQuery Ajax appeared first on jQuery Rain.


by Admin via jQuery Rain

EasyAutocomplete – jQuery Autocomplete Plugin

EasyAutocomplete is a jQuery autocomplete plugin. It's main objective is to be user friendly for javascript developers.


by via jQuery-Plugins.net RSS Feed

Unfriending The Internet: How to Disappear from Facebook, Google+, LinkedIn and Twitter - #infographic

This Infographic Shows You How to Delete Yourself from the Internet - Facebook, Twitter Google etc.

Finding someone who doesn’t have a social media account is rare these days. With the likes of Facebook, Twitter, Google+ and LinkedIn all readily available on mobile and desktop devices, it’s easy to stay connected — but can this be a bad thing?

How much does the internet know about you? If you feel like you’ve shared a little too much with the World Wide Web, the following infographic from iRooms provider, Imprima, can help. From deactivating social media accounts to erasing Google’s data about you, the visual provides top tips to help you transform your online presence into a blank canvas.

Take a look at the graphic below to learn more.

by Irfan Ahmad via Digital Information World

JavaScript like a Boss: Understanding Fluent APIs

While designing Babylon.js v2.0 (a library for building 3D on the web), I recently found myself wishing that more APIs were fluent – that is, I wish the community could more easily read, understand, and build upon the work while spending less time in the tech docs. In this tutorial, I’ll walk through Fluent APIs – what to consider, how to write them, and cross-browser performance implications.

fluent01 - should i

What Makes an API Fluent?

A fluent API, as stated by this Wikipedia article, is an implementation of an object-oriented API that aims to provide for more readable code. jQuery, for example, is a great example of what a fluent API allows you to do:

[code language="js"] $('') .html("Fluent API are cool!") .addClass("header") .appendTo("body"); [/code]

A fluent API lets you chain function calls by returning the this object.

We can easily create a fluent API like this:

[code language="js"] var MyClass = function(a) { this.a = a; } MyClass.prototype.foo = function(b) { // Do some complex work this.a += Math.cos(b); return this; } [/code]

As you can see, the trick is just about returning the this object (a reference to the current instance in this case) to allow the chain to continue.

If you are not aware of how the this keyword works in JavaScript, I recommend reading this great article by Mike West.

We can then chain calls:

[code language="js"] var obj = new MyClass(5); obj.foo(1).foo(2).foo(3); [/code]

Before trying to do the same with Babylon.js, I wanted to be sure that this would not generate some performance issues.

So I did a benchmark!

Continue reading %JavaScript like a Boss: Understanding Fluent APIs%


by David Catuhe via SitePoint

Creating a Custom Login and Registration Form with Meteor

Right out of the box, one of the simplest things you can do with the Meteor JavaScript framework is to create a user accounts system. Just install a pair of packages — accounts-password and accounts-ui — and you'll end up with the following, fully-functional interface: login buttons template But while this simplicity is convenient, relying on this boilerplate interface doesn't exactly allow for a lot of flexibility. So what if we want to create a custom interface for our users to register and log into our website? Luckily, it's not too difficult at all. In this article I'll show you how to create a custom login and registration form with Meteor. However, this article assumes that you know how to set up a project using this framework by your own.

Basic Setup

Inside a new Meteor project, add the accounts-password package by executing the command:

Continue reading %Creating a Custom Login and Registration Form with Meteor%


by David Turnbull via SitePoint

This Week's HTML5 and Browser Technology News (Issue 186)


Read this e-mail on the Web
HTML 5 Weekly
Issue 186 — April 29, 2015
Jory Burson
The arguments over the importance of Web standards are long past, but now it’s time to think about how Web standards should continue to be standardized. Jory, COO of Bocoup, summarizes a complicated topic.


Nicolas Bevacqua
The creator of Dragula, a drag and drop component, shares some helpful tips for keeping your own modular front-end creations as clean as possible. Useful stuff for anyone building front-end libraries or components.


Rich Harris
Produces some striking effects. The homepage has numerous demos and a visual explanation of how it works.


Cooper Press
Now that it's a few months old and hitting its stride, it's a good time to check out our new 'webops' newsletter if you haven't already. It covers performance, deployment, monitoring, HTTP/2, and similar topics.

Cooper Press

W3C
A look at two approaches that the W3C’s Web Payments Interest Group is discussing for improving the user experience, speed and security of payments online.


Peter Gasston
“[A]rticles I’ve read, conversations I’ve had, and behaviours I’ve observed, have led me to the conclusion that the open web, in the form we know it now, is under threat.”


WebKit
The WebKit project now has a page that shows the implementation status of numerous Web Platform technologies.


Smashing Magazine
Heydon Pickering explores how to use ARIA live regions which help us keep users informed of events in a way that is compatible with assistive technologies.


Jobs

In brief

Curated by Peter Cooper and published by Cooper Press.
Send feedback by simply replying to this mail.
Want to sponsor an issue? See our media kit.
Want to post a job? E-mail us or use our self-serve system.

Unsubscribe : Change email address : Read this issue on the Web

© Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK
Email policy Privacy policy


by via HTML5 Weekly

This Week in Mobile Web Development (#54)

Read this on the Web

Mobile Web Weekly April 29, 2015   #54
Peter Cooper recommends
Defining Mobile: 4-5.5 Inches, Portrait & One-Thumb — When designing experienced for mobile devices, what kind of devices are we talking about and how do people interact with them? Luke shares some stats.
Luke Wroblewski
Holly Schinsky recommends
The Future of the Open Web — “[A]rticles I’ve read, conversations I’ve had, and behaviours I’ve observed, have led me to the conclusion that the open web, in the form we know it now, is under threat.”
Peter Gasston
Brian Rinaldi recommends
The problems with the device-adaptation spec — PPK explains his prior critique of the spec in more detail.
QuirksBlog
Peter Cooper recommends
React Native: For When the Mobile Web Isn't Enough — Joe Stanton feels that responsive sites only provide an ‘80% solution’ and that React Native is a convincing way to move forward.
Red Badger
Holly Schinsky recommends
Apache Cordova Newsflash — Some recent big updates have been made to Apache Cordova, here’s a summary of what to be aware of.
Devgirl's Weblog
Brian Rinaldi recommends
More Weight Doesn't Mean More Wait — How delivering a usable version of the page, before heavy assets are downloaded, can improve the user’s “perceived performance.”
Scott Jehl
Holly Schinsky recommends
A Year of Using Ionic to Build Hybrid Applications — A description of the decisions and experiences faced while building a hybrid mobile application over the course of a year.
AirPair - Julien Renaux
Holly Schinsky recommends
Network Activity and Battery Drain in Mobile Web Apps — A look at the work behind creating a JavaScript library for developers to optimize network operation to save battery life.
Mozilla Hacks
Holly Schinsky recommends
Announcements for PhoneGap Day EU 2015 — Check out the latest announcements for the fast approaching PhoneGap Day EU 2015 in Amsterdam, May 18-19.
PhoneGap Blog
Holly Schinsky recommends
Learn to Build Modern Web Apps with MEAN — Tutorial on how to use the MEAN stack to quickly prototype apps with a REST interface, database with CRUD operations and AngularJS front-end.
Thinkster
Peter Cooper recommends
Responsive or Bust: How to Design for Google's Focus on Mobile — As of this week, Google’s search algorithm is prioritizing ‘mobile friendly’ sites.
Annie Sexton
Brian Rinaldi recommends
Does responsive web design make you more money? — A look at some recent market research to determine the potential financial benefits of making your site responsive.
Webdesigner Depot
Peter Cooper recommends
Has The Native vs. HTML5 Mobile Debate Changed?
ITworld
Brian Rinaldi recommends
Testing Camera Quality Settings and PhoneGap/Cordova — Testing to see how the quality setting impacts the file size and detail in images taken in a hybrid app.
Raymond Camden
Holly Schinsky recommends
Gesture: Provide tap-events for DOM elements — Gesture library to provide tap-events for DOM elements including tap, longtap, doubletap, hold and fling.
RAD.JS
Peter Cooper recommends
NoSleep.js: Prevent Display Sleep and Enable Wake Lock On Android and iOS
Rich Tibbett
Holly Schinsky recommends
reapp-todo-mvc: TodoMVC demo using reapp-kit — A new TodoMVC demo app from reapp.io (a stack for building apps quickly using React and JavaScript).
Reapp
Curated by Brian Rinaldi and Holly Schinsky for Cooper Press.
Cooper Press is located at Office 30, Fairfield Enterprise Centre, Louth, LN11 0LS, UK
Update your email address
or stop receiving MWW here


by via Mobile Web Weekly
This website attempted to run a cryptominer in your browser. Click here for more information.