Скрипты, библиотеки, плагины, фрейморки

http://semu.github.io/timesheet.js/

http://c3js.org/

http://ericprieto.com/freebie/simply-toast/

http://nodlik.github.io/RsValidator/

<style>
  .thumb {
    height: 75px;
    border: 1px solid #000;
    margin: 10px 5px 0 0;
  }
</style>

<input type="file" id="files" name="files[]" multiple />
<output id="list"></output>

<script>
  function handleFileSelect(evt) {
    var files = evt.target.files; // FileList object

    // Loop through the FileList and render image files as thumbnails.
    for (var i = 0, f; f = files[i]; i++) {

      // Only process image files.
      if (!f.type.match('image.*')) {
        continue;
      }

      var reader = new FileReader();

      // Closure to capture the file information.
      reader.onload = (function(theFile) {
        return function(e) {
          // Render thumbnail.
          var span = document.createElement('span');
          span.innerHTML = ['<img class="thumb" src="', e.target.result,
                            '" title="', escape(theFile.name), '"/>'].join('');
          document.getElementById('list').insertBefore(span, null);
        };
      })(f);

      // Read in the image file as a data URL.
      reader.readAsDataURL(f);
    }
  }

  document.getElementById('files').addEventListener('change', handleFileSelect, false);
</script>

Здесь вызывается функция reader.readAsDataURL() и выводится уменьшенное изображение путем установки для атрибута src значения, представляющего URL данных
Результат будет:

http://detectmobilebrowsers.com/

http://thecodeplayer.com/walkthrough/custom-animated-checkbox-inputs-using-css-iconfonts

​
Бывает, что тебя посещает интересная мысль, к примеру, начать свой бизнес. Но неуверенность в себе мешает реализовать свои задумки. А вдруг никто не оценит твоих идей и стремлений? Для преодоления барьера верным решением будет создание прототипа, наделенной минимальной жизнеспособностью. Эта самая «модель» будет обладать теми характеристиками, которые являются ключевыми необходимыми в твоем будущем продукте. Все остальное на этом этапе пропускается. Самое главное, чтобы этот прототип обладал основными свойствами задуманной идеи. К примеру, изначально Твиттер планировался как маленький сервис, известный лишь ограниченному кругу людей.

После завершения работы над моделью есть смысл ее проверить: работает ли задумка, все ли идет по плану, как сделать еще лучше. Тестировать свою модель лучше на тех, кому она будет посвящена, на кого этот проект будет направлен. И старайся не затрагивать родственников или близких, ведь они могут оставить субъективный след при оценке продукта.

Если успех есть, то может показаться, что можно слегка расслабиться. Но это как раз самое неподходящее время. Не стоит останавливаться на достигнутом, необходимо двигаться вперед! Постоянно будь в контакте с теми, кто тестирует продукт. Ведь их обратная связь поможет тебе вырасти и сделать продукт еще лучше.

Не попробовав того, что задумал, не сможешь понять, стоило ли оно того или нет. Насколько ты выкладываешься, настолько и будет твоя отдача, поэтому нужно стараться на все сто и получишь соответствующий результат.