The Ultimate Guide to JavaScript Frameworks Updated March 4, 2018: Added CxJS, Stencil and Stimulus. Keeping up with JavaScript frameworks can be a challenge. There are a lot of them, and seemingly another one every month. How do you know which ones might be right for your project? What are their strengths and weaknesses? How do you get started? That’s where this guide comes in. Why Is This Useful? Some of you may be wondering why a guide like this is useful. Perhaps you've heard of the Dojo framework. Another example...maybe you're making an app that needs excellent performance on mobile networks. There are also small frameworks that provide a fantastic opportunity for learning. How This Guide Is Organized The frameworks are broken up into broad categories — you’ll see that in the listing tables below. If you are a framework author — or a fan of one — and you don’t see your framework listed, or wish to correct some information, reach out to me on Twitter. Guide to icons: 🔥 Performance: A top five performer in benchmarks Notable React
Vanilla JS - Waterfox Привлекательные экспериментальные плагины на JavaScript Вступление Я безумно люблю различные эксперименты на JS. Они словно позволяют заглянуть нам в будущее, и посмотреть, каким захватывающим и футуристичным оно будет. Meny Meny — трехмерное меню, которое помимо своей визуальной притягательности еще и экономит место на экране. Makisu Отличное CSS 3D меню, вызывающее мгновенный вау-эффект у всех, кто пользуется им впервые. Tilt Shift Плагин для jQuery, который использует фильтры CSS3, для воспроизведения эффекта tilt-shift объективов, так любимого пользователями Instagram. Reveal Довольно известный плагин, который многие используют для создания презентаций на CSS. Forkit Эксперементальный анимированный ярлычок, потянув за который можно увидеть дополнительный контент. Scroll Effects Коллекция ну очень классных скролл-эффектов. Zoom zoom.js — еще один сугубо экспериментальный плагин, который используется для приближения DOM элементов. Real Shadow Плагин для jQuery, генерирующий фотореалистичные тени. Loader TurnJS
slick - the last carousel you'll ever need Set up your HTML markup. <div class="your-class"><div>your content</div><div>your content</div><div>your content</div></div> Move the /slick folder into your project Add slick.css in your <head> <link rel="stylesheet" type="text/css" href="slick/slick.css"/> // Add the new slick-theme.css if you want the default styling <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/> Add slick.js before your closing <body> tag, after jQuery (requires jQuery 1.7 +) Initialize your slider in your script file or an inline script tag When complete, your HTML should look something like: NOTE: I highly recommend putting your initialization script in an external JS file.
FrAngular : AngularJS en français Правильные социальные share-кнопки Социальные сети все сильнее проникают в нашу жизнь: сегодня наличие у сайта страницы или группы в социальных сетях — скорее норма, чем исключение, а многие пользователи Вконтакте используют свою ленту в качестве агрегатора новостей с интересующих их сайтов. Самый простой и, наверное, эффективный способ привлечения трафика из соцсетей — это размещение share-кнопок на страницах сайта. В этой статье немного рассуждений о проблемах таких кнопок и попытка найти идеальное решение. Внешний вид Это самая очевидная проблема: социальных сетей много, у каждой свой дизайн share-блока. Быстродействие В пору быстрого интернета все меньше приходится задумываться об оптимизации скорости загрузки сайта. Что же делать? К счастью, есть много сервисов, с помощью которых можно установить к себе на сайт одну кнопку «Поделиться», объединяющую сразу все нужные социальные сети. А какими сервисами социальных кнопок пользуетесь вы?
iamkun/dayjs: ⏰ Day.js 2KB immutable date library alternative to Moment.js with the same modern API Home Кастомизация социальных кнопок / Блог компании Sports.ru Многие из нас так или иначе сталкивались с проблемой кастомизации кнопок соцсетей, а многие ещё столкнутся. Недавно нам на Sports.ru пришлось решать задачу, как не только настроить внешний вид «лайков», но и разместить на одной странице сразу несколько блоков социальных кнопок, относящихся к разным текстовым блокам. В этом топике мы расскажем, как решили эту проблему в своем спецпроекте (осторожно, он рекламный), и поделимся готовым и, что немаловажно, достаточно гибким решением. Был написан плагин для jQuery, который выполняет следующие функции: Добавление информации к сообщению (название, описание, картинка и собственно ссылка).Подсчёт лайков.Размещение на странице нескольких социальных блоков.Перемещение пользователя до залайканного материала (соц. сети режут хеш в урле).На данный момент времени плагин поддерживает Facebook Share, Вконтакте Share и Twitter. Известные проблемы Facebook иногда не сразу отдает количество лайков, а Twitter обсчитывает с очень большой задержкой. Javascript
RE:DOM – Tiny turboboosted JavaScript library for creating user interfaces jQuery: The Write Less, Do More, JavaScript Library Zdog · Round, flat, designer-friendly pseudo-3D engine for canvas and SVG CoffeeScript reLift-HTML | reLift-HTML