sausage.js Sausage is a jQuery UI widget for contextual pagination. It complements long or infinite-scrolling pages by keeping the user informed of her location within the document. The best way to understand how Sausage works is to view some examples. A complete test & benchmark suite is included coming soon. Всё вместе: особенности JavaScript В этой главе приводятся основные особенности JavaScript, на уровне базовых конструкций, типов, синтаксиса. Она будет особенно полезна, если ранее вы программировали на другом языке, ну или как повторение важных моментов раздела. Всё очень компактно, со ссылками на развёрнутые описания. Структура кода Операторы разделяются точкой с запятой: alert('Привет'); alert('Мир'); Как правило, перевод строки тоже подразумевает точку с запятой. alert('Привет') alert('Мир') …Однако, иногда JavaScript не вставляет точку с запятой. var a = 2 +3 alert(a); // 5 Бывают случаи, когда это ведёт к ошибкам, которые достаточно трудно найти и исправить, например: alert("После этого сообщения будет ошибка") [1, 2].forEach(alert) Детали того, как работает код выше (массивы [...] и forEach) мы скоро изучим, здесь важно то, что при установке точки с запятой после alert он будет работать корректно. Поэтому в JavaScript рекомендуется точки с запятой ставить. Поддерживаются однострочные комментарии // ... и многострочные /*
GitHub - VPenkov/okayNav: The world's okayest responsive navigation Sublime-Text 3. Коротко о главном Автору довелось пользоваться многими текстовыми редакторами и IDE, среди которых были nano, vim, gedit, geany, kate, eclipse… Любой из них имеет как свои преимущества, так и свои недостатки. Речь сегодня пойдёт не о них: о том редакторе, который с первого же дня может завоевать ваше сердце, о Sublime Text. Поскольку о нём уже немало написано, пост будет достаточно коротким: целью ставится познакомить читателя с этим замечательным текстовым редактором и показать пути для его настройки под свои нужды. Остальную, более подробную информацию, можно найти на официальном сайте. Сразу надо бы оговориться: sublime text 3 не бесплатный продукт. На момент написания поста его стоимость составляла $70. Где найти и как установить Как правило в случае с дистрибутивами Linux последняя версия текстового редактора имеется в репозитории. # layman --add sublime-text # eix-update # emerge -av sublime-text Для Debain с архитектурой amd64 последовательность команд такова (устанавливаем готовый пакет): Сниппеты Git
Slyder demo, by crewstyle Getting started <ul class="slyder-nav"><li class="s-item"><h3><a href="#" class="s-link">Question 1 ›</a></h3><ul class="s-hidden"><li class="s-back"><a href="#" class="s-link">‹ Question 1</a></li><li class="s-item"><h3><a href="#" class="s-link">Question 1.1 ›</a></h3><div class="s-hidden"><p class="s-back"><a href="#" class="s-link">‹ Question 1.1</a></p><div class="s-content"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu pulvinar magna. Sed efficitur neque et orci aliquam efficitur quis sed urna. Nam et malesuada risus. Pellentesque placerat feugiat odio, nec ullamcorper augue pulvinar et. (function ($){ $('.slyder-nav').slyder();})(jQuery); Options
Массивы с числовыми индексами Массив – разновидность объекта, которая предназначена для хранения пронумерованных значений и предлагает дополнительные методы для удобного манипулирования такой коллекцией. Они обычно используются для хранения упорядоченных коллекций данных, например – списка товаров на странице, студентов в группе и т.п. Объявление Синтаксис для создания нового массива – квадратные скобки со списком элементов внутри. Пустой массив: Массив fruits с тремя элементами: var fruits = ["Яблоко", "Апельсин", "Слива"]; Элементы нумеруются, начиная с нуля. Чтобы получить нужный элемент из массива – указывается его номер в квадратных скобках: var fruits = ["Яблоко", "Апельсин", "Слива"]; alert( fruits[0] ); // Яблоко alert( fruits[1] ); // Апельсин alert( fruits[2] ); // Слива Элемент можно всегда заменить: fruits[2] = 'Груша'; // теперь ["Яблоко", "Апельсин", "Груша"] …Или добавить: fruits[3] = 'Лимон'; // теперь ["Яблоко", "Апельсин", "Груша", "Лимон"] Через alert можно вывести и массив целиком. Конец массива pop push shift
jQuery Drilldown by Cinamonas A simple jQuery plugin for creating animated drilldown menus. Since v1.0.0, project follows Semantic Versioning. Features UMD (AMD, Node/CommonJS) supportMultiple menus on a single pagePretty flexible, doesn't enforce specific tagsLightweight: 2 KB when minified (even less after gzip) Demo View it here. Usage var options = {}; $('.drilldown').drilldown(options); Options Shown with their default values: * Note: selector and event will be used for binding drilldown-initiating action in this manner: $('.drilldown').on(event, selector, function () { /* ... */ }); $('.drilldown').drilldown('reset') resets drilldown to its initial state$('.drilldown').drilldown('destroy') destroys plugin instance <div class="drilldown"><! License
Frontend Dev: хороший, плохой, злой. Часть 3: Злой путь – Official Russian – Medium Предыдущие части: С тяжелым сердцем заканчиваю трилогию. Была бы моя воля, я бы однозначно предпочёл вселенную, в которой бы существование этой части противоречило самим основам мироздания, но, увы и ах — наш мир суров. Так уж вышло, что программирование — глобальная по своей природе профессия. Падение курса гривны к доллару пару лет усугубило эту ситуацию. Как следствие, я все чаще начинаю встречать программистов, считающих себя “солью земли”. По итогу все ринулись в IT. Фактически, вопрос один: как за минимальное время получить первую работу в роли frontend-разработчика. Акцент делается именно, на минимальном времени. Вряд ли я бы описал лучше. Что учить? Почти все начинают с HTML и CSS. Поэтому, берем Кантора, проходим два первых обязательных раздела и раздел “AJAX и COMET”. Теперь берете любой фреймворк по которому много документации (кто сказал Angular 1.x?) Это самое идиотское задание, которое я делал! Ваша задача — как можно скорее научиться видеть лес за деревьями. Как учить? Курсы
How to build animated fixed menu with css3 & jquery | wdrfree post Friday 04th, Dec, 2015 | #CSS2 / CSS3 #HTML 5 #Menus Demo Fixed menus are a definitive a great ux resource for our website. They look good, and they are also super useful for visitors. Today, I’m showing you how you can create a very simple fixed menu with CSS3 transitions and some jquery code. Copy and Paste this code just after the opening body tag of your html document, or into you header file template. <div id="menufix"><ul class="menu" style="float:left; width:200px;"><li style="text-align:left"><a href="#" class="back">< Back to Article</a></li></ul><ul class="menu"><li><a href="#">Home</a></li><li><a href="#">Service</a></li><li><a href="#">Porfolio</a></li><li><a href="#">Top</a></li></ul></div> css code Jquery code Paste this code before the tag
Vertical Layout with Navigation - Ettrics The Structure The navigation is housed within the <nav> element. We have the classic hamburger icon created with pseudo elements, followed by a <ul> for the list of links to each section. Each section follows this structure: <section class="panel"><article class="panel__wrapper"><div class="panel__content"> // content here </div></article></section> Styling jQuery For the navigation we are simply toggling classes when the hamburger is clicked.
ahmedrad/sliiide Responsive Menu Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis porris, paradis. Paisis, filhis, espiritis santis. Mé faiz elementum girarzis, nisi eros vermeio, in elementis mé pra quem é amistosis quis leo. Suco de cevadiss, é um leite divinis, qui tem lupuliz, matis, aguis e fermentis. Casamentiss faiz malandris se pirulitá, Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Cevadis im ampola pa arma uma pindureta. Forevis aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vitis e adipiscing enim.