uwebdesign

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

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

Полезные ссылки

Полезные ссылки, которыми мы просто обязаны были поделиться с читателями. Обещаем только самое интересное!

Подрубрики: бесплатности, инструменты, обучающие статьи.

CurrencyFormatter.js — форматирование валюты

CurrencyFormatter.js — форматирование валюты

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

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

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

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

Рождественские «линейные» иконки

Рождественские «линейные» иконки

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

Уже готовитесь к рождеству? А пора бы и приготовиться, например, скачать отличные рождественские «линейные» иконки в векторном формате. Начинайте рисовать открытки!

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

Рубрика: Бесплатности, Полезные ссылки Метки: Графический дизайн, Иконки

Интерактивная карта с SVG и Web Animation API

Интерактивная карта с SVG и Web Animation API

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

Посмотрите отличое демо с инструкцией о том, как сделать интерактивную карту с путешествием с помощью SVG и Web Animation API. От the new code на примере Японии.

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

Рубрика: Обучающие статьи, Полезные ссылки Метки: JavaScript, SVG, Анимация

Leaflet — библиотека с OpenStreetMap

Leaflet — библиотека с OpenStreetMap

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

При реализации проектов с картами обычно используют решения от Yandex, Google и 2GIS. Но есть же и карты с открытым исходным кодом, например OpenStreetMaps. Одна из самых крутых реализаций — Leaflet, попробуйте.

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

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

Набор из оверлеев 30 свечений и бликов

Набор из оверлеев 30 свечений и бликов

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

Крис Спунер неоднократно предлагал нам решения для обработки фотографий, то экшены для Adobe Photoshop, то пресеты для Adobe Lightroom. А на этот раз — JPG с оверлееями свечений и бликов для придания летней атмосферы.

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

Рубрика: Бесплатности, Полезные ссылки Метки: Графический дизайн

Ещё дизайны с помощью CSS Shapes

Ещё дизайны с помощью CSS Shapes

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

Неожиданную популярность приобретает модуль CSS Shapes, вот и статья с A List Apart есть, и наш ролик про свойство shape-outside. И теперь ещё и новая статья на Tuts+, в которой на конкретных практических примерах разобраны все те же свойства.

p.s. а свойство shape-inside до сих пор так и не реализовали.

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

Рубрика: Обучающие статьи, Полезные ссылки Метки: CSS

Hero Patterns — библиотека SVG узоров

Hero Patterns — библиотека SVG узоров

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

По ссылке вас ждёт отличный конструктор SVG узоров из большого количества предложенных, можно менять цвета и уровень прозрачности и выгружать либо готовыми файлами, либо с помощью CSS. Очень удобно и круто, пригодится в любых проектах.

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

Рубрика: Инструменты, Полезные ссылки Метки: SVG, Графический дизайн

Экшены для анаглифных избражений

Экшены для анаглифных избражений

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

А вы когда-нибудь задумывались как сделать анаглифные изображения? Один из вариантов — готовые экшены для Adobe Photoshop, как раз такими делятся с нами Pixel Buddha.

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

Рубрика: Бесплатности, Полезные ссылки Метки: Adobe Photoshop, Графический дизайн

Анимированный куб на чистом CSS

Анимированный куб на чистом CSS

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

Тема CSS кубов плотно засела в комьюнити, поэтому спешим поделиться очередной демкой. Здесь даже HTML элементов никаких нету, только псевдо-элементы для <body> и чистые, кристаллизованные и неразбавленные CSS анимации.

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

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

Westfalia — бесплатный шрифт ручной работы

Westfalia — бесплатный шрифт ручной работы

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

Скорее качайте бесплатный шрифт Westfalia, его здесь называют представителем семейства Brush Sans («кистевой без засечек»). Назвали его так, потому что нарисован вручную кистями, предположительно в Adobe Photoshop. Отличной подойдёт для заголовков и логотипов.

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

Рубрика: Бесплатности, Полезные ссылки Метки: Типографика

Front-End Developer Handbook

Front-End Developer Handbook

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

«Настольная книга Фронтендщика» — ресурс, который рассказывает нам в трёх частях об основных практиках при вёрстке и разработке клиентского кода.

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

Рубрика: Обучающие статьи, Полезные ссылки Метки: Front End, Программирование

«Доступные» подписи для полей в HTML формах

«Доступные» подписи для полей в HTML формах

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

Мы в наших подкастах часто говорили про такой UX паттерн с HTML формами — подписи, которые при написании информации в инпуты «поднимаются» наверх. Смотрите «доступное» (accessible) демо с реализацией подобного, если ещё сами не сделали.

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

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

Иконки зимних видов спорта

Иконки зимних видов спорта

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

В Челябинске уже во всю минусовая температура и лежит снег, поэтому иконки зимних видов спорта как никогда актуальны! И не только видов спорта, но и атрибутики: гор, перчаток, шапок. Только лучшие подгоны от Codrops. ?

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

Рубрика: Бесплатности, Полезные ссылки Метки: Графический дизайн, Иконки

You Might Not Need JavaScript — а может без JS?

You Might Not Need JavaScript — а может без JS?

10.11.2016 — 3 комментария

Ресурс You Might Not Need JavaScript показывает нам на конкретных примерах то, что можно обойтись и без JS при реализации некоторых компонентов. Вот только зачем? Пишите соображения в комментариях, довольно-таки холиварный вопрос.

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

Рубрика: Обучающие статьи, Полезные ссылки Метки: JavaScript, Программирование

Open Color — ресурс с цветами для вашего UI

Open Color — ресурс с цветами для вашего UI

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

Посмотрите ресурс Open Color, на котором собрано большое количество цветов и правил по использованию этих цветов в ваших интерфейсах. Особенно интересно было почитать про градации серого, о чём мы неоднократно говорили в наших подкастах.

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

Рубрика: Инструменты, Полезные ссылки Метки: UI, Графический дизайн

  • « Пред.
  • Страница1
  • …
  • Страница35
  • Страница36
  • Страница37
  • …
  • Страница62
  • След. »
Поиск

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

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

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