простые решения распространенных задач web-разработчика


За последний год у меня накопилось достаточно много интересных решений различных микрозадач веб-разработки. Все интересные решения и приемы, которые я нахожу в сети или «изобретаю» сам, я храню на gist.github.com. Я решил что будет полезно сделать краткий обзор собственных «гистов» как, собственно, для консолидации своих знаний ,так и для того, чтобы вам не пришлось изобретать велосипеды. Итак по порядку…

1. Javascript: Реакция на изменение ширины браузера

Кроссбраузерный способ обработки события изменения окна браузера. Использую для перетасовки блоков верстки, как элемент адаптивного дизайна.

2. Javascript: iOS, or not iOS: that is the question… (Определить iOS)

Простой и быстрый способ узнать зашел ли к вам на сайт человек с iPad или iPhone.

3. Javascript: Определить платформу мобильного устройства пользователя.

Простой и легкий способ определить с какого смартфона к вам на сайт зашел пользователь, узнать тип операционной системы посетителя сайта.

4. Javascript, HTML: специальные символы валют.

HTML спецсимволы валют различных стран мира.

5. Javascript, JQuery: Скролл окна к элементу на странице

Кроссбраузерный способ реализации кнопки “На верх”, для вашего сайта.

6. Git: .gitignore файл для проектов на MODx Revo

7. Javascript, JQuery: как получить значение inline свойства style элемента.

Способ узнать css свойство динамически генерированного объекта, все свойства которого зашиты в атрибут style, прямо в самом теге.

8. Javascript: Структура ( скелет) модуля на javascript

Способ реализации модульной архитектуры вашего веб приложения.

9. Javascript, JQuery: как перезагрузить iframe на странице

Несколько способов программно перезагрузить содержимое iframe контейнера на странице.

10. CSS: Пример адекватной тени под блоком и текстом

Тень в меру размашистая, идеально полупрозрачная.

11. JavaScript: Конвертация данных формы в javascrpt объект

Сначала форма проходит сериализацию, затем сформированная строка запроса конвертируется в js объект

12. JavaScript: Спрятать элемент, если пользователь кликнул мышью ввне его области

Например нам нужно прятать модальное окно, после того как пользователь щелкнул вне этого окна. ПРи этом, если клик по области внутри окна, то все оставить как есть

13. Jquery. 2-й способ реализации принципа - скрыть элемент по клику на внешней области

Этот способ значительно короче, но менее гибкий нежели предыдущий

14. CSS: плавная анимация элемента при наведении средствами css

15. Задать классы элементам управления google maps

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

16. CSS:Получить значение CSS свойства без величины 'px'

17. JavaScript: Что делать если input вызывает действие click 2 раза

18. JavaScript: Получить длину объекта, аналог Array.length

19. JavaScript: Переименовать свойство объекта

20. LESS: Быстрый способ задания фона html елемента


комментарии: