Главная » Frontend (Page 3)

Frontend

Как написать ипотечный калькулятор на javascript?

При разработке сайта строительной компании часто возникает необходимость помимо выбора квартиры дать возможность клиенту воспользоваться ипотечным или кредитным калькулятором. С помощью него чаще всего предлагается посчитать один из двух вариантов: Сколько времени клиенту придётся выплачивать ипотечный кредит при известных стоимости … Читать далее →

Ипотечный калькулятор на JS
Как узнать откуда пришли на сайт: Яндекс поиск, Гугл поиск, Директ, Адвордс?

Если вы являетесь владельцем сайта, то вы можете получать трафик из поисковых систем (yandex, google) и с контекстных площадок (direct, adwords). Иногда требуется в зависимости от источника трафика показывать определенные данные на сайте или учитывать источник в собственной системе аналитики. … Читать далее →

Баг: кривой рендеринг Firefox блоков со skew-трансформацией

Сегодня столкнулся с багом в Firefox (на момент написания заметки актуальная версия 51.0.1), связанный с отрисовкой блоков, для которых применены css-свойства skew-трансформации: .skew { background: #008478; transform: skewX(-38.8deg); width: 50%; height: 100vh; } Все остальные браузеры, включая Edge, рендерят данный … Читать далее →

firefox-skew
Как с помощью Javascript/Jquery установить фокус на произвольный элемент?

Установить js фокус на элемент достаточно просто: document.getElementById(‘element’).focus(); Установить focus на блок с id=element с помощью Jquery: $(‘#element’).focus(); Почему не работает jquery focus? Важно помнить, атрибут tabindex=»-1″ позволяет произвольному блоку получить focus через Javascript.

js-focus
Количество элементов (jquery). Как получить?

Для получения количества элементов Jquery существует две функции size() и length(). Обе функции используются для подсчета выбранных элементов через jquery селектор. Приведем пример использования. Пусть у нас есть набор ссылок внутри параграфа: <p class=»b-paragrath»> <a href=»#»>Ссылка 1</a> <a href=»#»>Ссылка 2</a> … Читать далее →

Как реализовать клик после ajax jquery?

В jquery есть функция click(), которая позволяет реализовать клик после ajax jquery и на любое другое событие. Допустим у нас есть какой-то элемент в теле html-документа с классом «b-link» и нам нужно инициировать нажатие на этот элемент после выполнения некоторого ajax … Читать далее →

Клик после ajax jquery
Поворот объектов вокруг глобальных и локальных осей в Three.js

Практически любое приложение на Three.js не обходится без необходимости повернуть тот или иной объект на произвольный угол вокруг собственной оси, либо вокруг глобальных осей сцены. Первая задача — вращение объекта вокруг локальных осей координат — решается достаточно просто. В большинстве … Читать далее →

povorot-obektov-three-js
Почему возникают артефакты при рендере сцены в Three.js?

Если при работе с Three.js вы столкнулись с различного рода артефактами, например, отображением частей объектов, которых видно быть не должно, появлением произвольных черных пятен или исчезанием/обрезанием частей объектов и т.д., то предлагаем несколько советов, как решить данную проблему. Причины появления … Читать далее →

Three.js: артефакты и глубина z-буфера при рендере сцены
Как получить размеры 3d-объекта с произвольным набором mesh-ей в Three.js?

При разработке приложений на Three.js зачастую возникает ситуация, когда на сцену помещается 3d object с набором потомков. Особенностью 3d-объекта является то, что у него отсутствует свойство геометрии с методом computeBoundingBox(), который позволяет получить границы параллелепипеда (координаты max и min), в … Читать далее →

Размеры 3d-объекта в Three.js
Drag-and-drop перемещение элементов по категориям на jQuery

Пожалуй, самым простым интерфейсным решением сортировки элементов по категориям является механизм перетаскивания: перетащить – бросить – сохранить. Такое решение является стандартным и в операционных системах, когда вы перекладываете папки или файлы из одного места в другое. Поэтому и на сайте … Читать далее →

drag-and-drop
×
Новости и обзор новинок рынка строительной техники.
Подпишитесь на обновления нашей группы!