Tuesday, June 16, 2015

Html5 Audio Visualizer with Controls

Html5 audio visualizer with audio play controls.

The post Html5 Audio Visualizer with Controls appeared first on jQuery Rain.


by Admin via jQuery Rain

jQuery Menu Puncher

Menupuncher is simple fullscreen navigation plugin for jquery.

The post jQuery Menu Puncher appeared first on jQuery Rain.


by Admin via jQuery Rain

Javascript QRCode Scanner

JavaScript QRCode reader for HTML5 enabled browser.A QR code (abbreviation for Quick Response code) is a specific matrix barcode (or two-dimensional code) that is readable by dedicated QR barcode readers and camera telephones. The code consists of black modules arranged in a square pattern on a white background. The information encoded may be text, URL, or other data.

The post Javascript QRCode Scanner appeared first on jQuery Rain.


by Admin via jQuery Rain

Monday, June 15, 2015

Using Social Media For Content Distribution: Which Network Is Right For Your Business? #infographic

Where to share your content to promote virality - #infographic

With so many social networks to post content online, it's hard to decide which platform will help companies reach their business goals. This infographic, created by Kent State University, drill down to show how each channel works best and when.

For example:

Did you know that 80 percent of social media users prefer to connect to brands through Facebook versus other social networking sites. And that photos on Facebook generate 84 percent more link clicks than text and link posts, while auto-posting decreases likes and comments by 70 percent.

Similarly on Pinterest, Tutorial, guide, DIY and recipe photos see a 42 percent higher click-through rate than other photo types.

Take a peek at this infographic (below) for more insights and tips.

by Irfan Ahmad via Digital Information World

Inspiring Innovation at UX Summit 2015

Regular readers will know that last year Luke and I took our Introduction to UX workshop to Kuala Lumpur and Manila.

This was the first time we’d taken any of our workshops overseas, and we were delighted that the principles and format translated reasonably well cross-culturally. Of course, the fact we were able to enjoy a holiday with the lovely folks from UXMNL after the training event was over was clearly a huge part of why we enjoyed the experience so much! (Read Part 1 and Part 2 of my travel diary).

Well, last month I had the very good fortune of returning to the Philippines to deliver more UX training. This time my fellow instructor was A Practical Guide to Information Architecture author and UX Australia organiser, Donna Spencer.

Google+

The post Inspiring Innovation at UX Summit 2015 appeared first on UX Mastery .


by Matthew Magain via UX Mastery 

Web Design Weekly #190

Headlines

Interface Writing

If you want to make your site and interfaces really shine then this post by Nicole Fenton is epic. So many awesome tips. (nicolefenton.com)

Connected // Disconnected (the-pastry-box-project.net)

Learn new skills from the comfort of your own browser with Code School.

With more than 45 courses covering JavaScript, HTML/CSS, Ruby, Git, and iOS, Code School pairs experienced instructors with engaging content. Start learning at codeschool.com. (codeschool.com)

Articles

The state of Web Components

Wilson Page gives a good overview of why Web Components aren’t everywhere and what we should be expecting in the near future. (hacks.mozilla.org)

Copy & Paste & The Web

Have you ever tried to copy and paste some text only to find it frustrating, awkward, or even impossible? I know I have on many occasions. In this post Chris Coyier explores various scenarios that cause the frustrations. (css-tricks.com)

Why Will Angular 2 Rock?

It’s not long and Angular 2 will be main stream. Maybe even hotter then React :) If you are undecided on Angular 2, this post by Jesús Rodríguez will hopefully convince you everything is going to be all good. (angular-tips.com)

Improving Your UX Process

Justin Young explores five strategies for improving your UX process when deadlines are tight, teams are busy and you’re responsible for creating easy and delightful experiences when conditions aren’t ideal. (mediatemple.net)

Building the Media Block in ReactJS (speakerdeck.com)

Web Decay Graph (tbray.org)

Tools / Resources

Static Site Generation with React and Webpack

If you feel a little overwhelmed with all the React talk of late but are keen to get your hands dirty then I couldn’t reccomend this post by Brent Jackson enough. He starts from the beggining and covers all steps in a very clear and concise manner. (jxnblk.com)

Things I’ve Learned About Building HTML Email

Building and coding HTML email isn’t super straight forward. It really is an another art. In this post Lee Munroe does a quick run down of what he has learnt over the years. Definitely a handy post to book mark if you build, or are planning to do any email coding. (leemunroe.com)

PhotoSwipe

A nice looking JavaScript image gallery for mobile and desktop, modular and framework independent. (photoswipe.com)

The new features that have been added in Safari 9.0 (developer.apple.com)

A window.fetch JavaScript polyfill. (github.com)

A Simple Gulp’y Workflow For Sass (sitepoint.com)

Inspiration

No Good Can Come of Bad Code

Jeffery Zeldman puts on his “Dr Web” hat and knocks the question out of the park. If you feel you are working for a company that is outputting sub-optimal code, this piece is a must read. (alistapart.com)

300+ subway stations from Paris illustrated with Git branches (github.com)

Deploying branches to GitHub.com (githubengineering.com)

Jobs

Product Designer at Xero

We’re hiring designers who love crafting interfaces that are beautiful, fun, even addictive. We work on big, juicy design problems that require smart thinking and well crafted design solutions. You’ll work with a highly collaborative team, designing the entire user experience end-to-end. (xero.com)

Designers Wanted – Bitovi

We’re looking for passionate UX practitioners and UI designers who want to make the web a better place. We want someone who enjoys simplifying designs, making apps easy to use and can intelligently explain their design decisions to non-designers. (bitovi.com)

Need to find passionate developers? Why not advertise in the next newsletter!

Last but not least…

I Have No Idea What The Hell I Am Doing

Brad Frost talks about dealing with uncertainty of the future in a very entertaining manner. (bradfrost.com)

Prototyping with Framer (nlevin.com)

The post Web Design Weekly #190 appeared first on Web Design Weekly.


by Jake Bresnehan via Web Design Weekly

jQuery Lens Slider

jQuery Lens Slider comes with full open source jQuery code library, that user can develop, debug and deep customize slider of one's own.


by via jQuery-Plugins.net RSS Feed