lexistudio

function spoler() {
    $(".lexi-btn").lexispoler({
      mode: "fade"
    });
  }

lexistudio

{
  "snippets" : {
    "html" : {
      "snippets" : {
        "view" : "<meta name=\"viewport\" id=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0\">",
        "set" : "<meta name=\"viewport\" id=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0\">\n<link rel=\"stylesheet\" href=\"css/site.css\">\n<script>\n\tvar require = {\n\t\tbaseUrl: '/js-dev/lib'\n\t};\n</script>\n<script src=\"/js/require-jquery.js\"></script>\n<script>\n\trequire(['../app/site'], function() {\n\t\trequire(['site/common', 'site/registration', 'site/example'], function() {});\n\t});\n</script>",
        "js" : "<script src=\"http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js\"></script>",
        "scroll" : "<script src=\"//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js\"></script>",
        "slider" : "<div class=\"app-slider-container\">\n\t<div class=\"slider\">\n\t\t<div class=\"slide\"></div>\n\t</div>\n</div>",
        "box" : "<div

lexistudio

Не обязательно становиться рок-звездой для того, чтобы зарабатывать много денег и быть популярным. Новые рок-звёзды — программисты. Ниже вы найдёте более сотни инструментов, которые облегчат работу разработчику.
Оригинальный пост был опубликован на портале DailyTekk. И хотя появился он достаточно давно, список по-прежнему актуален. Инструменты разделены на разные категории: платформы для разработки, обучение программированию, багтрекинг, API и прочее. Не все инструменты бесплатные, но за удобство и новые функции приходится платить. Надеемся, вы найдёте что-то полезное для себя.
Обучение программированию
Treehouse — обучение дизайну и разработке для веб и iOS.
Codeacademy — интерактивный и весёлый способ научиться программированию.
Code School — практические курсы для веб-разработчиков.
Udacity — обучение посредством решения практических задач от известных преподавателей.
Coursera — множество компьютерных курсов, причём бесплатных.
RubyMonk — интерактивные курсы по Ruby.
Khan Academy — бесплатное образование с

lexistudio

.btn {
  -webkit-user-select: none;
  background: rgb(76, 142, 250);
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: .875em;
  margin: 0;

lexistudio

 function sliderPips() {
    $( ".slider-pips" ).slider({
      range: true,
      min: 0,
      max: 1000,
      values: [0, 1000],
      slide: function( event, ui ) {
        $( "#minAmount" ).val(ui.values[0]);
        $( "#maxAmount" ).val(ui.values[1]);
      },

lexistudio

function sliderMain() {
    var $slider = $('.main-slider');
    if ($slider.length) {

      $slider.iosSlider({
        infiniteSlider: true,
        autoSlide:      true,
        autoSlideTimer: 2000,
        navPrevSelector:  $('.main-prev'),
        navNextSelector:  $('.main-next'),

lexistudio

<script>
    $(function() {
      var arr = ["one", "to", "three", "for", "macbook", "windows"];
      var length = arr.length;
      var i = 1;
      var test = setInterval(function(index) {
        if(i <= length) {
          $(".content").append(i++ + "<br>" + arr[i - 2] + "<br><br>");
        } else {
          i = 1;

lexistudio

function mainSlider() {
    //Настройки
    var
      $slideBox = $(".main-slider"),
      $slideCount = $slideBox.find(".slide").length,
      $slideCurrent = 0,
      $slidePrev = $(".m-prev"),
      $slideNext = $(".m-next");

    //Пагинация

lexistudio

function fixedNav() {
    var $nav = $(".nav");
    var $haed = $(".head");
    $(window).on("scroll", function() {
      if($(this).scrollTop() > $haed.innerHeight() && $nav.hasClass("nav")) {
        $haed.addClass("head--fixed");
      }
      else if($(this).scrollTop() <= $haed.innerHeight() && $nav.hasClass("nav")) {
        $haed.removeClass("head--fixed");
      }

lexistudio

-ms-interpolation-mode: nearest-neighbor
          image-rendering: -webkit-optimize-contrast
          image-rendering: -webkit-crisp-edges
          image-rendering: -o-crisp-edges