Создание отзывчивой горизонтальной навигации типа "Приоритет+"

  • CSS
  • 1 месяц назад

Одной из самых трудных для решения проблем в отзывчивом дизайне и особенно в дизайне сайтов, которые должны хорошо работать на маленьких экранах, является создание удобной для пользователя навигации. Долгое время решение с goto существовало для скрытия элементов навигации за иконкой-"гамбургером". Хотя это решение все еще работает хорошо, новые подходы появляются и набирают обороты.

Читать далее...

Как создать боковое выпадающее меню с помощью CSS и jQuery

  • CSS
  • 4 месяца назад

В этом уроке мы покажем вам, как создавать боковое выпадающее меню для еще более простой навигации по сайту. Такое меню - популярная тенденция в современном веб-дизайне. На многих сайтах используется этот тип меню. С его помощью можно избавиться от хаоса на страницах проекта, сделать его более читаемым, сосредотачивая внимание пользователей на основном контенте. 4ZvbJjXyYsO7vLvU0OhV1JJnbHAvKgrqBLS2aalE1RktHWguJ3XHnAPN-W3nCCPsXdVWmja9aghuXYKdsH0Bj_7IHKuPUQj-BGFJrkjv5Ovql0kDMDCZzB7G4rcRk-yDUatNdZ3lOZ4nhuo5Eg

Читать далее...

Nunjucks: Шаблонизатор для JavaScript

Фреймворки шаблонизаторы отделяют макет (разметку страницы) динамических веб-сайтов и приложений от интегрированной в них логики. Все фреймворки поддерживают различные формы циклов, условной логики и специального форматирования. Но мне хотелось получить такой движок, который бы располагал продвинутыми инструментами построения страницы для нескольких целей:

  • для совместного использования разметки на страницах;
  • для включения отдельных блоков с функциональностью (при необходимости); 
  • в общем и целом для упрощения процесса построения в меру сложных макетов страниц c минимумом прилагаемых усилий.
Читать далее...

45 лучших ресурсов для бесплатного изучения программирования

Так вы сможете понять, что вам нравится, а что – не нравится, прежде чем потратите деньги на какой-либо язык кодирования или курсы.

Но выбор бесплатных ресурсов, уроков и книг просто огромен. В этой статье собраны 45 лучших из них.

Для удобства я распределил все ресурсы по темам. Чтобы быстро перейти к определенному разделу, воспользуйтесь Содержанием, приведенным ниже.

Читать далее...

Разработка плагина для jQuery: Пять простых шагов

Разработчикам известна ситуация, когда во время создания интерактивного веб-приложения приходится писать похожий (или один и тот же) код снова и снова. В таких случаях возникает необходимость в возможности многократного использования кода. Более того, разработчик может столкнуться с проблемами масштабирования и задания пространства имен.

Существует множество других случаев, когда необходим переносимый код, с помощью которого можно было бы реализовать ту же функциональность в каком-либо другом проекте. Одно из возможных решений этой проблемы заключается в написании плагина для jQuery.

Читать далее...

5 javascript ошибок, которые появляются без предупреждений

Недавно я познакомился с TrackJS, служба мониторинга JavaScript вашего сайта и она меня очень впечатлила. Вы сразу видите всю информацию о возникшей ошибке, включая проблемный файл скрипта, URL, браузер и т.д. Я предлагаю ознакомиться со статьей от автора TrackJS.

Итак, мы работаем с веб-приложениями в неблагоприятной среде. С каждым просмотром страницы наш JavaScript передается по непредсказуемой сети в неконтролируемый нами браузер пользователя. Звучит устрашающе, но давайте разобьём все ошибки на 5 групп, которые оказывают влияние на современные JavaScript приложения, которые разработчик зачастую не замечает вовсе.

Читать далее...

Что необходимо знать каждому Javascript разработчику

Javascript - постоянно развивающийся язык, особенно сейчас, когда установлен ежегодный график выхода обновлений спецификаций ECMAScript. В связи с этим важность знания Javascript за пределами jQuery возрастает.

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

Читать далее...