Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Ресурсы для дизайнеров и разработчиков

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 — замечательный бесплатный шрифт, который поддерживает латиницу.

Автор подборки — Дежурка

Возможно, вас также заинтересуют статьи:




Комментарии

  1. kiber
    Thumb up Thumb down +1

    ссылку на каспер поправьте

  2. Александр
    Thumb up Thumb down -1

    gamedev.tuts.com потрясающий сайт для веб-разработчиков??? Чето лыжи не едут

    Артём Ответ:

    Thumb up Thumb down +1

    скорее всего, подразумевался gamedev.tutsplus.com/

    Антон Ответ:

    Thumb up Thumb down 0

    Он имел ввиду, что этот сайт не для веб-разработчиков, если точнее то никакого отношения к веб-разработкам он не имеет, если только косвенное

  3. Артём
    Thumb up Thumb down +1

    Спасибо, пригодится.

    P.S. Имхо, в посте не хватает парочки сервисов для уменьшения веса изображений ;)

    (тема старая, как мир, но от этого не менее злободневная)

    Сжатие .jpeg

    Сжатие .png

    asg Ответ:

    Thumb up Thumb down 0

    Из онлайн сервисов оптимизации 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-а: можно просто перетащить папку со всеми изображениями на иконку программы и она автоматом предлагает место для сохранения оптимизированных картинок, затем выбираем степень оптимизации и всё, дальше она сама))

  4. Артём
    Thumb up Thumb down +5

    P.P.S. Уж простите, но давно меня смущает ваша кнопка «Отправить», никак не реагирующая на событие :hover :(

    Дописали бы в CSS cursor: pointer;