uwebdesign

подкаст «Суровый веб» про веб разработку, IT и ux дизайн

smartape
  • «Суровый веб»
  • Полезные ссылки
  • Книги
  • Обзоры
  • О проекте
  • Контакты
  • Поддержать проект
uWebDesign » Рубрика: Полезные ссылки » Инструменты

Здесь вы найдёте исключительно полезные демки разных front-end технологий, а также библиотеки и небольшие заметки по использованию этих библиотек.

Родительский раздел: полезные ссылки.

Taffy CSS — небольшой фреймворк на Flexbox

Taffy CSS — небольшой фреймворк на Flexbox

06.07.2017 — нет комментариев

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

→ Прямая ссылка ←

Рубрика: Инструменты, Полезные ссылки Метки: CSS, Flexbox CSS

Tilt.js — небольшой параллакс с накланом на jQuery

Tilt.js — небольшой параллакс с накланом на jQuery

06.07.2017 — 1 комментарий

Очень классный эффект и плавный 60 fps параллакса с перекосом. Одно «но» — требуется jQuery. Скидывайте в комментарии варианты без jQuery!

→ Прямая ссылка ←

Рубрика: Инструменты, Полезные ссылки Метки: jQuery, Parallax

jRange — jQuery плагин для создания range слайдеров

jRange — jQuery плагин для создания range слайдеров

05.07.2017 — нет комментариев

Плагин jRange для jQuery позволит вам легко добавить элементы для выбора значения из диапазона в ваши HTML формы.

→ Прямая ссылка ←

Рубрика: Инструменты, Полезные ссылки Метки: HTML, jQuery

Timeline.js — создаем карусель с лентой времени

Timeline.js — создаем карусель с лентой времени

03.07.2017 — нет комментариев

Собрались сделать слайдер с лентой времени и думали использовать что-то типа Owl Carousel? Попробуйте Timeline.js, тут уже за вас все сделано.

→ Прямая ссылка ←

Рубрика: Инструменты, Полезные ссылки Метки: CSS, Front End, HTML, JavaScript

Настольная книга JavaScript разработчика

Настольная книга JavaScript разработчика

26.06.2017 — нет комментариев

Посмотрите github репозиторий Spellbook of Modern Web Dev, если хотите понять для себя полную картину современной веб-разработки в области JavaScript.

→ Прямая ссылка ←

Рубрика: Инструменты, Полезные ссылки Метки: Front End, JavaScript, Веб-разработка

#c0ffee и другие слова-цвета в HEX

#c0ffee и другие слова-цвета в HEX

20.06.2017 — нет комментариев

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

→ Прямая ссылка ←

Рубрика: Инструменты, Полезные ссылки Метки: CSS, HTML

CSS in JS — новый front end тренд

CSS in JS — новый front end тренд

19.06.2017 — нет комментариев

Привычный препроцессинг уже отходит на второй план, ведь все больше проектов, даже самых простых уходит в PWA (Progressive Web Apps) на популярных фреймворках. Теперь в моде CSS in JS, посмотрите на популярные решения.

→ Прямая ссылка ←

Рубрика: Инструменты, Полезные ссылки Метки: CSS, Front End, JavaScript

Подробный поиск по JavaScript библиотекам

Подробный поиск по JavaScript библиотекам

14.06.2017 — нет комментариев

Ресурс serachlibs (Search JavaScript Libraries) предлагает нам удобный поиск по open source JavaScript библиотекам с различными параметрами. В том числе по времени с последнего коммита.

→ Прямая ссылка ←

Рубрика: Инструменты, Полезные ссылки Метки: JavaScript

T-scroll — появление элементов при скроле

T-scroll — появление элементов при скроле

13.06.2017 — нет комментариев

Посмотрите библиотеку t-scroll, которая отвечает всем последним требованиям (не использует jQuery, а использует ES6), а также кастомизируется с помощью Sass.

→ Прямая ссылка ←

Рубрика: Инструменты, Полезные ссылки Метки: CSS, CSS3, Front End, JavaScript, Sass

Идеи для всплывающих подсказок

Идеи для всплывающих подсказок

12.06.2017 — нет комментариев

На Codrops выложили неплохое демо с всплывающими подсказками. Очень технологичное: используется SVG, CSS гриды и flexbox.

→ Прямая ссылка ←

Рубрика: Инструменты, Полезные ссылки Метки: CSS, CSS Grid, Flexbox CSS, SVG

Порезанные слайдшоу с веб-технологиями

Порезанные слайдшоу с веб-технологиями

10.06.2017 — нет комментариев

Посмотрите отличное демо на uiplease, на котором сделано анимированное слайдшоу с «переходами-разрезаниями».

→ Прямая ссылка ←

Рубрика: Инструменты, Полезные ссылки Метки: JavaScript, Анимация

Moon.js — очень быстрый микро-фреймворк

Moon.js — очень быстрый микро-фреймворк

08.06.2017 — 2 комментария

Очередной фреймворк, автор которого считает, что ему удастся сделать свой React. Посмотрите: виртуальный DOM, 5 килобайт и простой API.

→ Прямая ссылка ←

Рубрика: Инструменты, Полезные ссылки Метки: JavaScript, UI

Несколько удобных «:nth-child» Sass миксинов

Несколько удобных «:nth-child» Sass миксинов

05.06.2017 — нет комментариев

Adam Giese на CSS-Tricks показал несколько интересных примеров использования псевдоклассов :nth-child с помощью Sass миксинов.

→ Прямая ссылка ←

Рубрика: Инструменты, Полезные ссылки Метки: CSS, CSS3, Sass

Новая документация к Zurb Foundation

Новая документация к Zurb Foundation

03.06.2017 — нет комментариев

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

→ Прямая ссылка ←

Рубрика: Инструменты, Полезные ссылки Метки: Front End, Zurb Foundation

Microtip — библиотека с подсказками на чистом CSS

Microtip — библиотека с подсказками на чистом CSS

01.06.2017 — нет комментариев

Попробуйте на следующем не progressive web app проекте библиотеку Microtip, которая позволит сделать простенькие подсказки без зависимостей.

→ Прямая ссылка ←

Рубрика: Инструменты, Полезные ссылки Метки: CSS, CSS3

  • « Пред.
  • Страница1
  • Страница2
  • Страница3
  • Страница4
  • …
  • Страница22
  • След. »
Поиск

uWebDesign настоятельно рекомендует!

  • Войти на сайт
  • Зарегистрироваться
Подписаться на рассылку

smartape
smartape
Полезные ссылки
  • О проекте
  • Часто задаваемые вопросы
  • Реклама
  • Поддержи проект!
  • Контакты
Пожертвуй на развитие проекта
Наш подкаст
в iTunes в Android в RSS
Все права защищены © 2014-2025 uWebDesign. Сделано с ♥ в Челябинске.
Пользовательское соглашение. Сайт работает на хостинге SmartApe.