Новые полезные ресурсы для дизайнеров и разработчиков
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
При помощи этого онлайн-ресурса вы можете без труда создать форму для тултипов.
Автор подборки — Дежурка
Комментарии
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
549
- Насколько важно сегодня использовать Web Safe цвета?
538
- 20 наборов кистей для Фотошопа, которые вам пригодятся
530
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- 30 примеров фрактального искусства
191
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*
Ответить