Tuesday, July 19, 2016

Upload Multiple Images with Preview in jQuery & PHP

In this tutorial we will show you how to upload multiple images with image preview using jQuery Ajax and PHP.We use jQuery and jQuery Form Plugin which helps in uploading images to server.

The post Upload Multiple Images with Preview in jQuery & PHP appeared first on jQuery Rain.


by Admin via jQuery Rain

Monday, July 18, 2016

ZoomTimeline : CSS Timeline Pack

Looking for a company timeline ? A shipping log ? Shipping history ? Personal History ? A cool timeline slider ? This plugin has it all. No matter the needs for a timeline, the six modes included cover all the timeline needs.Awesome for – company timeline, time line, history, company history, shipping history, parcel track display, timeline slider.

  • HTML5 technology – zoomtimeline uses the latest html5 tehniques ( like Histroy API ) to deliver a never seen before experience to your clients
  • fully responsive – looks great from mobile to HD
  • five modes – full skins to fit every brand
  • CSS3 technology – this player uses cutting-edge css3
  • SCSS Powered – easy for developers to modify
  • Retina-ready – graphics have double resolution for smooth retina viewing
  • easy install – purchase, download the zip, read the docs
  • iPhone / iPad optimized – this gallery has been optimized for Apple touch devices

The post ZoomTimeline : CSS Timeline Pack appeared first on jQuery Rain.


by Admin via jQuery Rain

Color Picker plugin in pure JavaScript

A simple color picker plugin in pure JavaScript, for modern browsers.

The post Color Picker plugin in pure JavaScript appeared first on jQuery Rain.


by Admin via jQuery Rain

Is Marketing Technology Hurting More Than Helping? [Infographic]


Marketing technology is helping us do our jobs like never before. We can publish more targeted content to more specific audiences. We deliver messages during more opportune moments. And we better understand the impact of our programs.

In fact, marketing technology is helping so much that the number of solutions has grown from around 100 to over 3,800 in just five years.

But often when you solve one problem, you create a new one. Marketing technology is no exception.

Many of the digital marketing solutions we rely on demand a steady flow of fresh, high-quality content, stories and images. Because they aren’t connected to a common content source, and have unique content requirements, marketers are spending more and more of their precious time searching, formatting and distributing content to a growing number of platforms.

The situation isn’t likely to improve any time soon. The lifecycle of new marketing content keeps getting shorter all the time, so we are having to produce more content all the time.

So how did we get here and, more importantly, what do we do about it. This infographic from WebDAM tells the story.

by Guest Author via Digital Information World

Silence equals agreement: Negotiating scope and strategy with stakeholders

This is a condensed extract about stakeholder interviews from a chapter of Joe Natoli’s book ‘Think First’ that he’s generously allowed us to re-publish. Scroll to the bottom for an exclusive discount for UX Mastery readers.

Conducting stakeholder interviews

Business goals come primarily from the folks who are carrying the most responsibility and risk for the project’s success: the stakeholders.

The unfortunate reality is that success for one stakeholder may not be the same as success for another. And should those goals be diametrically opposed, you may find yourself caught in the middle of a political battle.

One of the first critical steps for any project is to get the lay of the land; find out where each stakeholder is coming from and what they expect to happen.

Asking the right questions

Joe Natoli questions

How many stakeholders does your product have?

In some cases you will be in a room with a lot of sharp people who already know they need to give you a thorough tour of what they’re doing and why.

But in many cases, you’ll need to ask for details. Because quite often, they may not understand why you need to know something. So unless you ask, they may never share some mission-critical knowledge.

There are more than a handful of questions that you should ask of every business stakeholder, every time. This includes defining customers, business goals, and where the product sits within the company’s overall business strategy. (see the book for a list of questions)

Evaluating answers (when to keep asking questions)

You want specific, measurable answers, and you have to keep pressing until you get them. The measurable part is important here — because If you can’t measure something, you probably can’t achieve or manage it. Why? Because you’ll never know if you’ve reached it.

Specific, measurable answers should sound something like this:

We want to cut the time it takes customers to sign up by at least 30%.”

We want to cut the number of calls to our call center in half within six months.”

We want to decrease our shopping cart abandonment to less than 3%.”

Those kinds of answers point to the places you need to begin looking at in order to understand the problem. The more specific the goal, the easier it is to figure out what kinds of things will contribute to reaching it.

Pushing for specific answers like these also goes a long way in avoiding an all-too-common situation where you’ve got a lot of people on a team and none of them see the project the same way. They have very different ideas about what success means, very different ideas about what needs to be done.

What’s more, each person has very different motivations for their perceived goal. Some of those motivations are personal, some are political, and some are directly related to the harsh reality of someone simply trying to hang on to his or her job. You want to uncover as much of that motivation as possible so that you can properly frame each person’s input.

A good friend of mine related a story a while back that has always stuck with me. It’s a simple, understated exchange or words that on the surface may not seem like much. In reality, however, it’s the equivalent of an ear-splitting air raid siren, warning you that you are headed into dangerous territory. And it also suggests that there are more than a few questions to be answered. Here’s how the story goes:

Years back, my colleague was partnering with an IT firm, building a services portal for a large financial services client. The IT firm was handling all aspects of design & build; my friend was on board as a consultant. During that time they had dozens of conversations that went like this:

CEO: How long will it take you to make this feature list reality?

PM: This is a long, complex list. We need 14 months, at bare minimum. And to be honest, we’re not convinced that our current server environment will support half of what’s on this list.

CEO: WHAT!?! No. No way we can wait that long. This has to be live in six months.

PM: OK.


When that deadline wasn’t met, the project ended in disaster. The IT firm was subsequently fired, and the resulting bad blood was hard on everyone. Some of you are shocked, and some of you are laughing knowingly. This happens more often than any of us would care to admit. The Project Manager immediately caved into the CEO’s demand, despite the fact that (a) the delivery date was 
logistically impossible and (b) absolutely nothing in that exchange of words made the CEO’s deadline any more achievable.

So when you’re in this situation, in my colleague’s shoes or the Project Manager’s shoes — or just an observer — you want to push for a much more realistic approach and outcome. In other words, ask more questions, such as:

What is the worst thing that happens if we don’t deliver by this date? You’re trying to find out whether the proposed schedule is actually driven by a specific event or consequence, instead of personal fear or desire. Or by the knee-jerk need to answer everything with “ASAP.”

If the date can’t move, which features & functions absolutely have to be in place by then? More often than not, everyone will come to the realization that only certain things have to be accomplished in the initial time frame. And that having those features in place and working will buy the team more time for everything else.

Can we get more time, money or resources? Can we expand the budget to hire a few additional people? Are there internal folks we can pull from other projects to help us? Will expanding the schedule by two weeks cause any major consequences? Something has to give; you have to figure out what that is.

Does it have to work or look perfect by that date? Quality is another thing that can be sacrificed (within reason) in a compressed time frame. Consider what things users may overlook if they get something else in the meantime.

To wrap this up, I’d like to share something I heard a consultant say almost a decade ago. It’s always stuck with me, because it’s one of the best pieces of advice I’ve ever received:

Silence equals agreement.

If you say nothing about something you think is not possible, or that you believe is dangerous, you are not only agreeing that it’s the right thing to do — you are also agreeing to do it.

Love what you’ve just read? To keep reading and find out more about the situation mapping template, grab a copy of Joe’s ebook ‘Think First’ to read the whole approach to creating successful products, powerful user experiences and very happy customers.

Save 20% off the purchase price by using the discount code: THINKFIRST20

Grab your copy now

The post Silence equals agreement: Negotiating scope and strategy with stakeholders appeared first on UX Mastery.


by Natassja Hoogstad Hay via UX Mastery

Web Design Weekly #244

Headlines

A Front End Developer is Aware

Chris Coyier shares his insights into why front end developers need to be aware of a whole range of things, like design, performance and the back end, to get the job done better. A great post. (css-tricks.com)

The History of the URL: Domain, Protocol and Port (eager.io)

Articles

A Comprehensive Guide to Font Loading Strategies

This one by font loading guru, Zach Leatherman, offloads copious amounts of knowledge about ways to load fonts in today’s web world. (zachleat.com)

Front End Development in an Internet of Things World

Patrick Catanzariti looks at how the Internet of Things may affect the way we go about developing in the coming years. (sitepoint.com)

How You Can Use Element Queries Today

Element queries are like media queries, except that their rules apply to the properties of actual elements, rather than those of the browser’s viewport. Tommy Hodgins gives us the full lowdown. (smashingmagazine.com)

Links vs. Buttons in Modern Web Applications

Confused about the differene between links and buttons? Or when it’s appropriate to use either? Thankfully Marcy Sutton explains things in an easy digestible way that should help you level up your skills. (marcysutton.com)

BEM & Atomic Design: A CSS Architecture Worth Loving (lullabot.com)

The Conjoined Triangles of Senior-Level Development (frontside.io)

Tools / Resources

Coding mobile-first emails

Stig from Campaign Monitor takes us through an incredibly detailed step-by-step guide of how to create a universal mobile-first responsive HTML email that works well in even some of the more difficult email clients using some clever techniques and workarounds. (medium.com)

Set Up Automated, Cross-browser JavaScript Unit Testing

If you’ve never set up automated, cross-browser JavaScript unit testing yourself but have always wanted to learn, then this article is for you. It was on Phil Walton’s to do list for many years, and he found the tools out there added wmore compexity than they got rid of. So he built his own tool and shares it with us. (philipwalton.com)

Speeding Up Babel Transpilation with Compact Mode

Here’s a neat trick to speed up your transpilation time from around 6 seconds to 1.5 seconds. (blog.mariusschulz.com)

React CXS

Alternative `React.createElement` function which allows style objects to be passed to the className prop to generate CSS. (github.com)

A collection of awesome resources for learning Service Workers (github.com)

HTML5 Test Updated (blog.html5test.com)

Type Nugget (typenugget.com)

Inspiration

Overtime with Allison House (dribbble.com)

Apollo 11 source code now on Github (github.com)

Jobs

UI designer at TM

As a UI designer at TM, you will help define and drive products across a wide variety of technology industries. In this role, you will apply your passion for product strategy, brand and craft to influence the user interface design of new products and apps. (weare.tm)

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

Last but not least…

Emails From A CEO Who Just Has A Few Changes To The Website (medium.com)

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


by Jake Bresnehan via Web Design Weekly

tinyDatePicker – Tiny Date/Time Picker and Calendar

tinyDatePicker is a small date/time picker and calendar rendering module that provides a lot of hooks for developers to write calendars, agendas, booking systems, plugins, etc.

It has a lot of options and callbacks that make rendering of complex data easy.


by via jQuery-Plugins.net RSS Feed