Reveal-Js Simple Html Presentation Maker




Reveal.js is a framework for easily creating beautiful presentations using HTML. 
You'll need a browser with support for CSS 3D transforms to see it in its full glory.
 Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard).


DEMO: Click Here

Download Link: Click Here 

For more info visit: Website

Javascript validation has just become self aware...




Javascript validation has just become self aware...

LiveValidation is a small open source javascript library for making client-side validation quick, easy, and powerful. It comprises of two main parts. 

Firstly, it provides developers with a rich set of core validation methods, which can also be used outside the context of forms. 

Secondly, it provides your visitors with real-time validation information as they fill out forms, helping them to get it right first time, making the forms easier, quicker and less daunting to complete.

The naming conventions and parameters of the validations are similar to those found in the Ruby on Rails framework, and as such is the perfect client-side companion. Don’t worry if you dont use Ruby on Rails though, LiveValidation can be used anywhere you like, is simple to learn, and a joy to use.

Two versions are provided - a prototype.js version (ideal for use with Rails), and a standalone version (for using with any other javascript framework, or when having one at all would be overkill).

Both are fully tested on most modern browsers with a comprehensive test suite.

So take a look around, download it, and make some forms (for) fun!


Download : Click Here

For more Information go to the official website: http://livevalidation.com/

Issues Addressed in the Latest Articulate Storyline Update



Issues Addressed in the Latest Articulate Storyline Update

To install the latest update for Articulate Storyline, use the download link in your product activation email, or download the latest installer here. Updates are free for existing Storyline licensees.
Update 6 (1407.2208) was released July 24, 2014:
  • Added support for quiz title to display in printed results
  • Improved memory utilization and performance in HTML5 output
  • Fixed issue where the latest versions of Pepper Flash in Google Chrome was causing a lag in playback
  • Fixed issue where learners could continue taking a quiz after the timer expired
  • Fixed issue where timer would stop when retaking a quiz if the project had more than one question bank
  • Fixed issue where right-to-left variable references would display variable names rather than values
  • Fixed issue where the letter Q would be omitted from search results
  • Fixed issue where an image would publish incorrectly after flipping and cropping it
  • Fixed issue where custom true/false responses (e.g., yes/no) would always display as "false" in LMS debug logs
  • Fixed issue where HTML5 content wouldn't resume in mobile Safari
  • Fixed issue where previously viewed slides would appear in an unviewed state in the menu when resuming HTML5 content in mobile Safari
  • Fixed issue where HTML5 content displayed in an iFrame wouldn't size correctly in mobile Safari
  • Fixed issue where HTML5 content tracked by number of slides viewed wouldn't track properly in an LMS after exiting and resuming
  • Fixed issue where answer choices would change position on question slides when switching between HTML5 and Flash output
  • Fixed issue where HTML5 audio wouldn't play in iOS 6
  • Fixed issue where audio wouldn't play when revisiting slides in HTML5 output
  • Fixed issue where drag items in drag-and-drop interactions wouldn't always show in HTML5 output
  • Fixed issue where quiz questions submitted all at once wouldn't be scored properly in HTML5 output
  • Fixed issue where question and feedback text would disappear when retrying a hotspot question in HTML5 output
  • Fixed issue where questions would be scored incorrectly when resetting them to their initial states in HTML5 output
  • Fixed issue where slides wouldn't always "Reset to initial state" in HTML5 output
  • Fixed issue where the menu would become unresponsive in HTML5 output
  • Fixed issue where variable references wouldn't wrap properly in HTML5 output
  • Fixed miscellaneous exceptions
 


Infographic creatd in Articulate Storyline,  can be used beautifully with one liner text.

Here's the link: DEMO
 


Match the Following Quiz in Storyline



Tried creating "Match the following" quiz that have lines joining the correct responses and ticks to indicate the correct pairing.

Used many conditional trigger to achieve this.

Link to the Published output: http://creativtechmay.articulate-online.com/9365763561

Any comments on how I can improve it further.
 
Thanks!

Top 10 Reasons to Use 3D Humanoid Vectors Instead of Photographs







Over the last few years, I have seen 3D humanoid vectors being increasingly used in eLearning courses. While I initially thought they were unrealistic, like cartoons, and hence immature and unprofessional, I have now started including them on a regular basis in my storyboards.

So what did it take to convert me?

Let's take a look at the main advantages of this type of visual.




1. Gender Neutrality:


With the growing equality between the men and women performing most of the jobs available today, there is a need to maintain the same equality in their representation within the courses we create. Using gender neutral visuals helps achieve this. It also helps focus attention on the content, rather than on specific individuals.


     


2. Race Neutrality:

The frustration of finding an appropriate visual is nothing new to those of us who have worked with clients who either want people of all races in their visuals (in order to avoid discrimination issues) or want people from their part of the world (in order to better relate to their audience).



The 3D vector people clearly do not belong to any particular race and, thus, you can use them to depict a generic group of people without worrying about representing diversity or a particular group of people.


3. Concept Representation:


There have been times when I was unable to think of a suitable visual to depict a piece of content, but when I put in the content’s central theme as the keyword, I found a 3D vector graphic that depicted it perfectly.





Sometimes, the depictions are not very realistic, but then, neither are the vector people themselves, so the overall image does not look odd.




4. Wide Variety:

Anyone who has searched for and used 3D humanoid vectors in their courses will know that there are quite a few artists creating and contributing these graphics, and consequently, there is a large pool of such graphics available to choose from.



A point to be noted: If you are creating a highly technical course, say on mining or deep sea diving, you are unlikely to find sufficient relevant graphics, or for that matter, even photographs, of people in specific situations/environments and using specific equipment/performing specific actions. If you choose to use photographs, you can arrange for a staged photo shoot to obtain the visuals you need, while if you choose to go with 3D vector graphics, you can get a graphic artist to create them. The cost and probable difficulties to be faced with each option should be considered before you make the appropriate choice for your project.


5. Character Packs: 


Another advantage is the fact that each artist usually creates an entire album of graphics using the same style. This makes it easy to find a series of visuals with the same character for use in a scenario. Even if a particular artist’s album does not contain all the visuals you require for a scenario, the neutrality and generic nature of these graphics makes it possible for you to find a similar looking character created by another artist.

One thing to keep in mind: While all the characters are humanoid, there are some differences in each artist’s style. For example, the hands. Some of the characters have five fingers on each hand, while others have mitten-like hands. So take care to ensure that all instances of a character in a scenario have the same features.  



There are a number of websites that offer large character packs that could be used for scenarios. However, since the images in these packs are photographs, they are difficult to tailor and edit according to the specific needs of the scenario. Also, each pack is usually limited to a particular setting, like a hospital or an office. This is not of much use when it comes to scenarios where we need to show the person at work as well as at home.   


6. Lack of Expression:

I've spent hours searching for photographs for certain pieces of content because, even though the characters and their poses are appropriate, their expressions are not. A picture of a patient struggling through physical therapy but bearing a beautiful smile seems unrealistic, while a picture of two office workers fighting with their lips drawn back and their eyes popping out of their heads seems exaggerated.




7. Ease of Editing:

I'm sure all of us have found the perfect visual for a particular piece of content…If only there was one more person included, or if only the globe was a folder, etc.


Editing photographs might require quite a bit of effort using Photoshop, but editing these 3D vector graphics is simple and easy. Whether you need to add or remove a person, or whether you want to change a particular object, it's possible in a few minutes.



8. Change of Color:

This, again, is about editing. But I've given it a special mention because colors can be used for a variety of purposes. You can change the colors of objects to signify particular aspects, or change the color of people to signify different groups (when multiple people are of each color) or to signify a leader (when a single person is of a different color).



You can also play with colors to depict different emotions, for example, you can use red to show that a person is angry or aggressive. Imagine doing the same thing with a photograph… having a red man or a green woman would make the photograph seem like a scene from some sci-fi movie!


9. Change of Background:

Most of these graphics have a white background, but the clean design of the people and objects allows them to be easily cut out and placed on a different background to provide a context. In comparison, cutting out people from photographs is much more difficult, especially when it comes to parts like their hair and clothes.

Of course, we do have photographs with a white background, but, if they are in .jpg format, they would still need to be cut out before they can be placed on a different background. Lack of Expression:

I've spent hours searching for photographs for certain pieces of content because, even though the characters and their poses are appropriate, their expressions are not. A picture of a patient struggling through physical therapy but bearing a beautiful smile seems unrealistic, while a picture of two office workers fighting with their lips drawn back and their eyes popping out of their heads seems exaggerated.

With the 3D vector graphics, expressions do not pose a problem because, quite simply, they do not have any. Their positions and actions are enough to convey the meaning. 







10. Humor:

I've seen courses where, for lack of a relevant image, the designer inserted one of a person smiling at the camera and doing nothing else (what we like to call a 'pretty picture'). Such images do not add value, but, even worse, can actually irritate the learner.

The vector graphics are cute and, at times, even funny. Their humor can be used to make dry, boring courses seem less dull or to drive home an important point.


 

The Bottom Line: 3D humanoid vectors are ideal for a number of reasons, the main ones being that they are generic, available in a wide variety, and easy to edit. 

Original Post : Here