JavaScript

Плавный скролл браузера

16.10.2017

Годный плагин плавного скролла для Chrome:
https://github.com/galambalazs/smoothscroll-for-websites

Автоматический подгон размера шрифта

10.08.2017

Дедушкин способ: http://fittextjs.com/
Нормальный способ: https://habr.com/post/126863/

Как изменить ссылку страницы

24.02.2017

В свои бородатые студенческие годы я читал, что JavaScript не умеет менять адрес ссылки в браузере по соображениям безопасности. Но видимо стандарты поменялись с приходом HTML5.
http://spoiledmilk.com/blog/html5-changing-the-browser-url-without-refreshing-page/
Список браузеров, поддерживающих history API:
http://caniuse.com/#search=history
 
Но встаёт вопрос - как поймать эвент перехода вперёд-назад в браузере? Вот решение:

SVG-анимация

08.07.2016

Довольно крутая библиотека для анимирования SVG-изображений.
http://lazylinepainter.info/
На заметку себе же.

Разбить цикл в PHP на части

29.04.2016

Все сталкивались с ошибкой:
Fatal Error: Allowed Memory Size of 134217728 Bytes Exhausted
Кто не сталкивался, тот не работал с нагруженными проектами. Как же быть в этом случае? Нам поможет постраничная разбивка выполняемого цикла. В кратце, работает это так - PHP-скрипт выполняет часть нужной работы, далее перенаправляется сам на себя, но с другим номером страницы в GET. И так пока скрипт не отработает полностью. А перенаправление осуществляется на клиентской стороне, выплёвыванием джава-скрипта на страницу, чтобы сервер не ругался, мол наш PHP-скрипт ушёл в бесконечный цикл.

Полезные генераторы

19.10.2015

1. Закруглятор углов средствами CSS3

Радует то, что радиус каждого угла здесь можно задать индивидуально. Вендорные префиксы присутствуют.
http://border-radius.com/

 
Читать полностью »

Полезные front-end библиотеки

27.08.2015
  1. Velocity.js. Позволяет анимировать объекты на странице и справляется с этим значительно быстрее, чем jQuery. Также умеет анимировать цвет. Стоит взять на заметку для проектов, которые затупливают браузер обилием анимации.
  2. normalize.css. Устраняет некоторые "особенности" браузеров, делая вёрстку более кроссбраузерной.
  3. ScrollMe - анимация элементов при скролировании.
  4. Numeral.js - библиотека для расставления точек или запятых в числах.
  5. Пост допиливается...