Новые полезные ресурсы для дизайнеров и разработчиков
29 июня 2012 | Опубликовано в статьюшечки | 9 Комментариев »
Время на месте не стоит, в сети появляется всё больше полезных инструментов, которые могут вам пригодится при создании сайтов. Поэтому сегодня мы представляем вашему вниманию коллекцию ресурсов, которые могут существенно облегчить процесс и сэкономить время или даже послужат источниками вдохновения.
1. CodePen
CodePen — нашумевший проект Криса Койера. Его можно сравнить с Dribble, только создан он для разработчиков. Здесь вы найдёте лучшие примеры грамотной реализации различных эффектов и можете создать свой проект.
2.YAMB
YAMB — небольшой шаблон, который поможет при создании адаптивных сайтов.
3. Responsify
Responsify – это бесплатное приложение для создания адаптивных сеток. Вы можете самостоятельно указать параметры сетки и скачать готовый шаблон.
4. Css3ps
Плагин для Фотошопа. Посмотрите видео, чтобы узнать, как он работает.
5. Css text shadow
На этом сайте вы можете найти готовые решения текстовых эффектов реализованных при помощи css3.
6. RWD Calculator
RWD Calculator — конвертирует значения пикселей в процентное значение
7. Сss2less
Сss2less — при помощи этого сайта можно конвертировать css-код в LESS. Очень удобный инструмент для тех, кто не умеет работать с LESS.
8. Ingrid
Ingrid— готовое решение, которое поможет вам при создании адаптивных шаблонов.
9. audio.js
audio.js — скрипт, который позволяет использовать html-тег <audio> где угодно.
10. Receptive Wireframes
Receptive Wireframes — готовые решения для создания адаптивных сайтов
11.Responsive Grid System
Responsive Grid System — сетка, которая поможет вам при создании адаптивного сайта
12. X-Tag
X-Tag — скрипт, который поможет вам создать свои собственные html-теги.
13. Koloria
Koloria — свежий набор иконок в формате .png размером 32*32px. Их можно совершенно спокойно использовать в своих проектах.
14. Check My Colours
Это инструмент для проверки сочетания цветов переднего и заднего плана. С его помощью вы можете проверить, достигнут ли достаточный контраст при просмотре у людей с дефицитом цвет.
15. MotherEffingAnimatedGIF
MotherEffingAnimatedGIF- онлайн-инструмент, который помогает создать gif-анимацию . Перетащите изображение, установите нужные параметры и вы получите готовую анимированную картинку.
16. Gumby
Gumby — готовая сетка, которая поможет вам при создании адаптивных сайтов.
17. Browser Support
С помощью этого сайта можно проверить, как то или иное свойство поддерживается различными браузерами.
18. Responsive GS
Responsive GS — сетка для создания адаптивных сайтов
19. CSS3 Shapes
Ни для кого не секрет, что при помощи css3 можно создавать различные формы. CSS3 Shapes является шпаргалкой с готовыми решениями.
20.CSS Arrow Please
При помощи этого онлайн-ресурса вы можете без труда создать форму для тултипов.
Автор подборки — Дежурка
549
29 июня 2012 в 18:19
Спасибо!!!
30 июня 2012 в 10:29
*IN LOVE*
1 июля 2012 в 2:41
ребят, вместо 4го пункта поставьте это — css3ps.com
бесплатный плагин, работает на ура!
недавно совсем появился
июля 2, 2012 at 11:59 дп
Спасибо большое за ссылку! =) Заменили.
июля 3, 2012 at 2:18 пп
Только зачем он css3ps каждый раз на сайт лезет? А если я в оффлайне сижу? 8)
июля 3, 2012 at 7:39 пп
зато бесплатно =)
июля 3, 2012 at 7:22 пп
не за что)
18 октября 2012 в 20:27
Спасибо!
8 ноября 2012 в 9:10
как можно сидеть в офлайне будучи разрабом\дизайнером\anyelse *CRAZY*