<MyRusakov.ru />

Программирование на Python с Нуля до Гуру

Программирование на Python с Нуля до Гуру

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

К курсу прилагается множество упражнений и все исходники из уроков.

Наконец, Вы получите ещё несколько бонусов: "Создание калькулятора на Python", "Создание игры на Python" и "Правильная работа со справочником".

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Полезные сервисы для вебмастера

Полезные сервисы для вебмастера

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

Иконки

Шрифтовые иконки

https://fontawesome.com

Фреймворком Font Awesome очень удобно пользоваться, не нужно ничего скачивать, подключаете CSS файл, выбираете иконку и вставляете код иконки в нужном месте в HTML-документе. Посмотрите этот урок.

Самый лучший сервис по иконкам

https://www.flaticon.com

Таблица Unicode

https://unicode-table.com/ru

Вставляем символы вместо простых иконок, если они есть в таблице. На эту тему есть хорошая статья.


Генераторы

Генератор фона из геометрических фигур

https://trianglify.io

Генератор треугольников

http://apps.eky.hk/css-triangle-generator

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

Генератор фона

http://bg.siteorigin.com/

Background Image Generator позволяет сгенерировать маленькие безшовные текстуры, которые размножаясь, создают на сайте фон.

Генератор префиксов

https://autoprefixer.github.io/ru

Сервис выдает на выходе готовый код с вендорными префиксами для лучшей кроссбраузерности, используя базу данных Can I Use. Как им пользоваться? Вставляете ваш готовый CSS код в левый бокс, справа вы получаете кроссбраузерный код с автоматически расставленными префиксами. Очень полезный сервис для вебмастеров и верстальщиков.

Быстрое подключение шрифтов

https://transfonter.org

Сервис конвертирует загруженную папку со скачанным шрифтом в нужные форматы (WOFF, WOFF2) и готовый к подключению в проект CSS файл через @font-face правило.

Генераторы CSS кода

https://webcode.tools/css-generator
https://css3generator.com

Изображения / Графика

Онлайн конвертер изображений конвертирует изображения в разные форматы, в том числе в формат ico, что полезно для создания иконки - favicon.

https://image.online-convert.com/ru

Качественные картинки

На этих ресурсах можно бесплатно скачивать фотографии и использовать их на своих коммерческих проектах.

https://unsplash.com
https://pixabay.com
https://www.pexels.com
https://placeholder.com

Картинки с прозрачным фоном

http://pngimg.com

Убирает фон у фотографий

https://www.remove.bg

Сжатие картинки без потери качества

https://tinyjpg.com

Создание крутых картинок своими руками

https://crello.com

Справочники

HTML справочник

https://htmlreference.io

CSS справочник

https://cssreference.io

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


Hover эффекты

http://ianlunn.github.io/Hover

Библиотека готовых классов (hover.css) с различными эффектами для наведения. Просто выбираете нужный эффект и прописываете название его класса в теге какого-либо элемента на вашем сайте, обычно это кнопки.

http://imagehover.io

Аналогичная библиотека CSS эффектов, но применяется к одиночным картинкам и галереям. Подробности описаны в этой статье.


Для дизайнера

Сетка Bootstrap

https://960.gs

960 Grid system – это сетка Bootstrap для Photoshop, скачиваете архив, открываете 12-колоночный PSD файл в программе Photoshop и рисуете ваш макет, выравнивая элементы дизайна по сетке.

Material Palette

https://www.materialpalette.com

Color Palettes

https://colorpalettes.net

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

Градиенты для сайта

https://uigradients.com

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

Бесплатные исходники

http://freebbble.com

Стилизация Google карты

https://mapstyle.withgoogle.com

Анимации

http://animista.net
https://daneden.github.io/animate.css
http://bouncejs.com

Коллекции готовых CSS анимаций, сделают ваш сайт интерактивным. Смотрите пример.

Библиотека для полноэкранной прокрутки

https://alvarotrigo.com/fullPage/ru

Разные сервисы

Оптимизация сайта

https://developers.google.com/speed/pagespeed/insights

Сервис Google Page Speed Insights позволяет вам протестировать сайт на адаптивность и подскажет, какие файлы надо оптимизировать, для повышения скорости загрузки сайта.

Менеджер задач

https://trello.com

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

Все эти сервисы помогают ускорить веб-разработку и убирают рутинную работу.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.