Jump to content

Список плагинов, с которыми должен быть знаком front-end/верстальщик


Zverushka
 Share

Recommended Posts

Для скролла очень советую использовать perfect scrollbar.

Довелось мне столкнуться со slim скроллом со сложной логикой обновления высоты контейнера и скроллбара - я целый день разбиралась, почему все работало через задницу и, вылезали баги. Потом поставила perfect scroll и за полчаса настроила - ни одного нарекания - все работает просто идеально!

Может кто посоветовать плагин, чтобы создать вот такую плавную скролл анимацию объединенную - внимание, с плавным анимированным эффектом паралакса от скролла, как на этом сайте? http://hotdot.pro/ Плагин на этом сайте достаточно ограниченный, например - там принудительно устанавливается ширина слайда, нет нормальной документации - в общем фиг разберешься, как его под себя настроить, а не тупо скопировать. Я не уверена, что часовые ковыряния в чужом коде меня доведут хоть до чего-либо или это будет потерянное впустую время.

У той же скролорамы - анимации нет, хотелось бы, чтобы анимация была как на сайте http://matthew.wagerfield.com/parallax/ - то есть плавная, основанная на translate, но этот плагин не подходит, так как завязан на мышку, а нужно на скролл. Заодно может кто подскажет плагин, который будет просто давать разные эффекты анимации - вроде увеличения, выезжания откуда-либо и тоже с плавненькой анимацией?

Edited by Zverushka
Link to comment
Share on other sites

Для скролла очень советую использовать perfect scrollbar.

Довелось мне столкнуться со slim скроллом со сложной логикой обновления высоты контейнера и скроллбара - я целый день разбиралась, почему все работало через задницу и, вылезали баги. Потом поставила perfect scroll и за полчаса настроила - ни одного нарекания - все работает просто идеально!

Может кто посоветовать плагин, чтобы создать вот такую плавную скролл анимацию объединенную - внимание, с плавным анимированным эффектом паралакса от скролла, как на этом сайте? http://hotdot.pro/ Плагин на этом сайте достаточно ограниченный, например - там принудительно устанавливается ширина слайда, нет нормальной документации - в общем фиг разберешься, как его под себя настроить, а не тупо скопировать. Я не уверена, что часовые ковыряния в чужом коде меня доведут хоть до чего-либо или это будет потерянное впустую время.

У той же скролорамы - анимации нет, хотелось бы, чтобы анимация была как на сайте http://matthew.wagerfield.com/parallax/ - то есть плавная, основанная на translate, но этот плагин не подходит, так как завязан на мышку, а нужно на скролл. Заодно может кто подскажет плагин, который будет просто давать разные эффекты анимации - вроде увеличения, выезжания откуда-либо и тоже с плавненькой анимацией?

http://www.greensock.com/gsap-js/ http://cubiq.org/iscroll-5 

Link to comment
Share on other sites

Для скролла очень советую использовать perfect scrollbar.

Довелось мне столкнуться со slim скроллом со сложной логикой обновления высоты контейнера и скроллбара - я целый день разбиралась, почему все работало через задницу и, вылезали баги. Потом поставила perfect scroll и за полчаса настроила - ни одного нарекания - все работает просто идеально!

Может кто посоветовать плагин, чтобы создать вот такую плавную скролл анимацию объединенную - внимание, с плавным анимированным эффектом паралакса от скролла, как на этом сайте? http://hotdot.pro/ Плагин на этом сайте достаточно ограниченный, например - там принудительно устанавливается ширина слайда, нет нормальной документации - в общем фиг разберешься, как его под себя настроить, а не тупо скопировать. Я не уверена, что часовые ковыряния в чужом коде меня доведут хоть до чего-либо или это будет потерянное впустую время.

У той же скролорамы - анимации нет, хотелось бы, чтобы анимация была как на сайте http://matthew.wagerfield.com/parallax/ - то есть плавная, основанная на translate, но этот плагин не подходит, так как завязан на мышку, а нужно на скролл. Заодно может кто подскажет плагин, который будет просто давать разные эффекты анимации - вроде увеличения, выезжания откуда-либо и тоже с плавненькой анимацией?

http://prinzhorn.github.io/skrollr/

  • Like 1
Link to comment
Share on other sites

  • 2 months later...

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

http://ivaynberg.github.io/select2/

его автору - респектище

просьба - админы прибейте тему в шапку. ещё не раз многим пригодится

Edited by Николя223
  • Like 4
Link to comment
Share on other sites

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

http://owlgraphic.com/owlcarousel/#demo

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

Edited by cyklop77
Link to comment
Share on other sites

А есть документация на русском??)))

 

Зачем? Учите английский, без него никуда. Тем более, там не художественная литература, всё должно быть понятно даже на интуитивном уровне.

  • Like 2
Link to comment
Share on other sites

Познакомился с одним кул человеком)) 

Не знаю как в кодинге, но в новинках шарит)) особенно в иностранных)))

 

Вот хочу познакомить с ещё одним ну просто кулевым плагином)))) В проекте использовали.

С ним можно просто фантастические вещи творить. Документация не отражает многого.

Поэтому гуглите на инглише примеры

 

 

Классный загрузчик файлов....

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

 

Ох и нафакался я с ним :) но в результате - оцениваю на 5 баллов :)

 

http://www.dropzonejs.com/

Edited by Николя223
  • Like 2
Link to comment
Share on other sites

  • 6 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy