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

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

При помощи этого онлайн-ресурса вы можете без труда создать форму для тултипов.

Посетить сайт

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