Ресурсы для дизайнеров и разработчиков
17 сентября 2012 | Опубликовано в Веб-дизайн | 7 Комментариев »
Каждый день в сети появляются новые полезные инструменты и всякие полезности для создателей сайтов. Но не всегда у веб-дизайнеров есть время и возможность следить за всеми новинками. Поэтому сегодня мы приготовили небольшую подборку с полезными ресурсами, которые наверняка вам пригодятся и облегчат работу. Многие из них появились совсем недавно.
1.Iconmonster
Iconmonstr - бесплатные иконки (600+значков ). Большинство иконок подходят для дизайна сайтов, они доступны в PNG-и SVG-форматах и их можно использовать для коммерческих проектов.
2.Typicons
Typicons — бесплатные иконки, которые можно использовать для создания веб-приложений. Набор включает в себя шрифт-пиктограмму и векторные иконки (.EPS), поэтому вы можете использовать иконки так, как вам удобно. В наборе 90+ иконок, бесплатных для персонального и коммерческого использования.
3.BigVideo
BigVideo.js — плагин jQuery, при помощи которого можно добавить полноэранное видео на сайт.
4.Sitecake
SiteCake — бесплатная CMS для создания простеньких сайтов, очень простая в управлении.
5.BrandColors
BrandColors — галерея цветов основных брендов (в основном из мира веб-технологий)
6.Css comb
CSScomb — бесплатный сервис, который позволяет сортировать стили в выбранном ваши порядке.
7.CSS3 Code Snippets
CSS3 Code Snippets — сайт с готовыми css3-решениями (многие из которых созданы на основе бесплатных psd-исходников)
8.ResponsiveAeon
ResponsiveAeon — HTML5/CSS3-фреймворк для создания адаптивных сайтов.
9.Gridster
Gridster -jQuery-плагин, который позволяет создавать многоколоночные шаблоны с возможностью перетаскивания элементов.
10.Gamedev
Gamedevtuts+ — потрясающий сайт для разработчиков игр
11. 930 Vintage Vector Ornaments
930 Vintage Vector Ornaments — бесплатный набор с большим количеством векторных орнаментов на все случаи жизни.
12. HTML5 ★ Boilerplate 4.0
HTML5 Boilerplate 4.0 — вышла четвертая версия хорошо известного фреймворка
13. Parallax Background Builder
Parallax Background Builder — онлайн-инструмент для создания фона с эффектом параллакса.
14. Css Font Stack
Css Font Stack — набор стилей для самых популярных шрифтом, которые можно скопировать при помощи простого клика.
15. Шрифт Casper (бесплатный)
Casper — замечательный бесплатный шрифт, который поддерживает латиницу.
Автор подборки — Дежурка
Возможно, вас также заинтересуют статьи:
17 сентября 2012 в 12:43
ссылку на каспер поправьте
17 сентября 2012 в 23:22
gamedev.tuts.com потрясающий сайт для веб-разработчиков??? Чето лыжи не едут
сентября 20, 2012 at 1:11 дп
скорее всего, подразумевался gamedev.tutsplus.com/
октября 5, 2012 at 1:38 пп
Он имел ввиду, что этот сайт не для веб-разработчиков, если точнее то никакого отношения к веб-разработкам он не имеет, если только косвенное
17 сентября 2012 в 23:35
Спасибо, пригодится.
P.S. Имхо, в посте не хватает парочки сервисов для уменьшения веса изображений
(тема старая, как мир, но от этого не менее злободневная)
Сжатие .jpeg
Сжатие .png
октября 5, 2012 at 11:28 дп
Из онлайн сервисов оптимизации PNG (без потери качества):
www.smushit.com/ysmush.it/ — от Yahoo. Полностью бесплатный, без ограничений на количество и размер изображений.
www.punypng.com — сжимает получше, но без регистрации ограничение на 10 файлов за один раз и максимум 100кб на один файл.
Но это онлайн, а есть универсальное бесплатное решение сразу для PNG и JPG: habrahabr.ru/post/137725/ — Image Catalyst 2.2 от 28.04.2012 (только на Windows)
Вот подробнейшее описание принципов сжатия без потери качества для PNG и JPG: habrahabr.ru/post/119009/ и habrahabr.ru/post/121096/
Из преимуществ Image Catalyst-а: можно просто перетащить папку со всеми изображениями на иконку программы и она автоматом предлагает место для сохранения оптимизированных картинок, затем выбираем степень оптимизации и всё, дальше она сама))
17 сентября 2012 в 23:39
P.P.S. Уж простите, но давно меня смущает ваша кнопка «Отправить», никак не реагирующая на событие :hover
Дописали бы в CSS cursor: pointer;