5 полезных сайтов которые облегчат верстку — PROG-TIME

5 полезных сайтов которые облегчат верстку

29.05.2018
Содержание:

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

Icons8

Ссылка на сайт — https://icons8.ru

Это сайт с огромной коллекцией бесплатных иконок. Здесь есть большое множество иконок, которые вы свободно «без регистрации» можете скачать. По мимо этого вы можете скачать приложения на свой компьютер с полной коллекцией иконок.

Главным плюсом этого сайта,  является возможность быстрого нахождения похожих друг на друга иконок. К примеру вы можете с легкостью найти здесь иконки социальных сетей, одного стиля.

Материал здесь ежедневно обновляются и коллекция пополняется новыми иконками.

Что отличает этот сайт, от других подобных проектов:

  • возможность бесплатного скачивания иконок
  • скачивание иконок любого формата и размера
  • огромная коллекция стилей, вы можете подобрать иконки по одному стилю
  • огромная коллекция, которая постоянно пополняется
  • Дополнительное приложение,  с помощью которого вы сможете добавлять иконки без скачивания их на свой ПК

Fontstorage

Ссылка на сайт — https://fontstorage.com/polygon/

Этот сайт поможет вам без лишних трудностей подобрать шрифт текста для вашего проекта. Все мы, наверняка, знакомы с мучением при подборе шрифта для сайта. Нам приходится постоянно изменять шрифт и обновлять страницу, чтобы увидеть, как данный шрифт будет смотреться в нашем проекте.

С помощью данного сайты вы без проблем сможете просмотреть работу любого шрифта и выбрать для себя подходящий.

Что отличает этот сайт, от других подобных проектов:

  • это веб приложения — бесплатное
  • здесь есть возможность увидеть работу шрифта на сайте, как в качестве заголовочного, так и в качестве шрифта для обычного текста
  • полная настройка шрифта(жирность, курсив, размер и т.д.)

Pattern

Ссылка на сайт — http://pattern4site.ru/grids/

На этом сайте вы сможете подобрать для своего проекта бесшовный фон. Здесь имеется огромная коллекция фонов. По мимо этого, вы с легкостью сможете протестировать, как будет смотреть данный фон на сайте, просто нажав на него и тем самым увидев работу данного фона.

Что отличает этот сайт, от других подобных проектов:

  • все фоны бесплатные и доступны к скачиванию
  • большая коллекция бесшовных фонов
  • возможность быстрого скачивания и тестирования

Thepatternlibrary

Ссылка на сайт — http://thepatternlibrary.com

Это тоже сайт с коллекцией бесшовных фонов, но его отличие в том, что первый — имеет в большей степени только однотипные изображения, а этот сайт имеет коллекцию действительно оригинальных и качественных проектов.

Тут вы также можете скачать изображения абсолютно бесплатно и пользоваться ими.

Startupstockphotos

Ссылка на сайт — http://startupstockphotos.com

Перейдя на этот сайт, вы вначале подумаете, что это сайт с обычными фотографиями, которые легко можно найти на любом сайте с изображениями, а так же в яндекс картинках. Но  на самом деле это не просто картинки.

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

Что отличает этот сайт, от других подобных проектов:

  • все изображения бесплатные и доступны к скачиванию
  • только качественные фотографии

Все файлы из данной записи:

На этом всё!
Больше интересных статей в нашей группе - https://vk.com/progtime
Вы так же можете разместить свой вопрос на нашем форуме, где другие программисты смогут вам помочь в решение вашей задачи - https://vk.com/prog_time
Так же прокачивайте свои навыки на нашем канале - https://www.youtube.com/c/ProgTime
Наши планы
  • Написание материала для курса по разработке ботов на Telegram
  • Разработка универсального парсера на PHP

Поддержите мой сайт!

Каждый переведённый донат, мотивирует на создание новых записей и уроков на YouTube

Контакты для связи

Технология на prog-time
Telegram
https://t.me/prog_time_bot