::cck::78::/cck::
::description::::/description::

On-line сервисы для создателей сайтов

В этой статье собраны ссылки на веб сервисы, которые могут помочь WEB-разработчику в создании и разработке сайтов.

Иконки

iconfinder.com - сервис для поиска иконок.
iconsearch.ru - сервис для поиска иконок на русском языке.
icomoon.io - большое количество иконок.
iconizer.net - поисковик и генератор иконок.
findicons.com - сервис для поиска иконок на русском языке.
iconza.ru - сервис для подбора иконок на русском.

favigen.com - сервис генерации favicon.ico для сайта.
favicon.ru - сервис на русском языке для генерации favicon.ico.

Онлайн справочники

htmlbook.ru - удобный справочник по CSS и HTML

Оптимизация

csscompressor.com - компрессор CSS. Помогает уменьшить вес файла, вырезать лишние пробелы, вырезать комментарии, оптимизировать код. Степень компрессии настраивается.
closure-compiler.appspot.com - компрессор JavaScript. Позволяет оптимизировать JavaScript файлы. Внимание, будте аккуратнее, если не разбираетесь с js лучше не лезть.
compressorrater.thruhere.net - js-компрессор
excssive.com - онлайн компрессор CSS
kraken.io - онлайн оптимизатор изображений

Совместимость с веб-браузерами

ipinfo.info/netrenderer - просмотр сайта в различных версиях IE
browsershots.org - просмотр сайта в различных версиях браузеров под разными операционными системами
quirktools.com/screenfly - онлайн сервис для проверки внешнего вида сайта на разных устройствах

Генератор прелоадеров

ajaxload.info
preloaders.net
loadinfo.net
chimply.com
webscriptlab.com

Шрифты

texthandler.com Конвертер регистра - очень полезный сервис при написании языковых файлов.
artlebedev.ru еще один конвертер регистра
typetester.org - подбор шрифтов
riddle.pl - калькулятор относительных едениц
cufon.shoqolate.com - генератор Cufon-шрифтов
fontsquirrel.com - генератор Font-face-шрифтов
typograf.ru - web-типограф
shublog.ru - очистка текста от мусора

Здесь вы найдете инструменты для работы с шаблонами, CSS, графикой, цветом, тенями, формами, кнопками, сжатием скриптов, созданием спрайтов и многое другое полезное, ускоряющее труд и повышение качества веб проекта.
alvit.de/handbook/#csslayouts
efimov.ws/main/services/95-rusursov-razrabotchiku.html
ruseller.com/service.php

Онлайн генераторы CSS, HTML кода

Генераторы кнопок

css-tricks.com/examples/ButtonMaker - Сервис для генерации красивых кнопок в стандарте CSS3. С помощью ползунковых регуляторов настраиваем размеры кнопки и текста, а также скругление углов кнопки; с помощью кнопок задаем цвета, а с помощью селектора выбираем семейство шрифтов для текста; результат всех изменений виден сразу; если результат нас устраивает, нажимаем на готовую кнопку и получаем готовый код стиля. Этот код вставляется в файл стилей шаблона.
cssbuttongenerator.com
css3buttongenerator.com
cssbutton.me
super.hubspot.com/buttons

css3.me - онлайн сервис для создания стилей CSS3. Позволяет настраивать скругление углов, отбрасывание тени, градиент фона и прозрачность. Результат всех изменений виден сразу; если результат нас устраивает, нажимаем на кнопку GET THE CODE! и получаем готовый код стиля. Этот код вставляется в файл стилей шаблона.

phpform.org - онлайн генератор форм pForm
3d-pack.com - онлайн генератор изображений 3D коробки
roundpic.com - онлайн сервис для скругления углов изображения

colorzilla.com - генератор градиентов для CSS.

csstemplater.com - генератор HTML+CSS шаблонов
bearcss.com - генератор основы CSS из HTML
roundpic.com - скругление углов изображений

spritecow.com - сервис для генерации кода CSS для вашего спрайта.
simpreal.org.ua/csssprites - онлайн генератор CSS спрайтов.Сделано очень удобно. Можно загружать несколько картинок, выделять области, задавать правила для автоматического расположения, настраивать CSS. Так же можно сохранить проект и потом применить правила к другим картинкам.
css-sprit.es - генератор спрайтов
spritepad.wearekiss.com -

3x4grid.com - онлайн генератор кода для разметки шаблона

stripegenerator.com - онлайн генератор полосок

cssload.net - онлайн сервис для генерации кода CSS индикатора загрузки

 
snippets.su Сниппеты
jster.net Примеры разных решений

Инструменты для подбора цветов, генераторы и конвертеры цветовых схем

colllor.com
colorschemedesigner.com - онлайн сервис для подбора цвета тени
colorscheme.ru - сервис для подборки цветовых схем. Поможет подобрать цвета для вашего сайта. Так же покажет какие цветовые схемы можно применить при использовании какого то конкретного цвета.
speed-tester.info/color_converter.php Онлайн-конвертер цветов из HEX в RGB и наоборот
rapid-tools.net/online-color-picker/ есть интересная информация по цветам.
cy-pr.com/tools/colors/ конвертеры цветов, перевод RGB, HEX, CMYK цветов

Проверка скорости загрузки сайта

webo.in - сервис проверки скорости загрузки сайта
pingdom.com - cервис проверки скорости загрузки сайта
gtmetrix.com - сервис измерения скорости загрузки сайта

On-line сервисы проверки уникальности текста

copyscape.com
miratools.ru
text.ru
content-watch.ru
istio.com
      Никогда не пользуйтесь только одним сервисом - лучше всего проверяйте свой текст сразу на нескольких. Результаты, конечно, будут немного отличатся, но все же это даст более обширное представление о вашем тексте.

Прочее

Сервис проверки работоспособности сайта. Через каждые 5 минут проверяется работоспособность сайта. Если сайт по какой либо причине перестает работать, администратор сайта может получать сообщения по email, sms и twitter. Есть возможность ставить до 50 сайтов на проверку.

Создание рамок

chikuyonok.ru/data-url - генератор data:URL

Онлайн коллекция мнемографики

Онлайн генератор модульной сетки для страницы

Онлайн генератор текста для заполнения шаблона

cssload.net - онлайн сервис для создания индикатора загрузки

 

Что такое хостинг и как создать место под сайт

::cck::79::/cck::
::introtext::

 Если мы хотим разместить свой сайт в интернете, то для начала нужно получить уникальный адрес для своего сайта (пример: адрес сайта на котором мы сейчас находимся выглядит так: jinv.ru) или говоря иначе нужно зарегистрировать домен. Домен можно зарегистрировать у регистратора доменов. Как это сделать я напишу в отдельной статье.

Затем нужно найти место на каком-нибудь сервере, где можно разместить свой сайт. Место под сайт предоставляют специальные службы - хостеры (также их называют: хостинг-провайдерами, веб-хостерами, хостинговыми компаниями, HSP (Hosting Service Provider)). Услуги, которые предоставляют хостеры называются хостингом.

Существует огромное количество хостинг-провайдеров, как зарубежных, так и российских. Каждый хостер имеет свои преимущества и недостатки. Вы можете выбрать любого хостера, какого пожелаете. Ниже я покажу, как можно зарезервировать место под сайт на примере одного хостера - BeGet.ru. Бесплатный тестовый период у этого хостинг-провайдера составляет 30 дней, т. е. в течение этого времени Вы можете бесплатно тестировать свой сайт и заодно посмотреть на удобство работы с хостингом. И если Вам что-либо не понравится, Вы можете просто прекратить пользоваться его услугами не потеряв ни копейки.

::/introtext::
::fulltext::

Для начала перейдем на сайт BeGet.ru. На главной странице мы видим достаточно содержательную информацию об услугах хостера.

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

Ниже указаны тарифы на хостинг:
   указано название тарифа;
   цена за год использования;
   объем выделенного места на сервере по ваши сайты;
   максимальное количество сайтов, которое вы можете разместить на данном тарифе;
   максимальное количество ftp-аккаунтов, которое вы можете разместить на данном тарифе;
   количество баз данных MySQL неограниченно на любом тарифе.

hosting beget tarify m

Ниже есть горизонтальная полоса прокрутки, потянув за которую можно просмотреть все существующие тарифы. Тарифы Blog, Start, Noble, Great и Mail относятся к виртуальному хостингу. Тарифы TOWN, CITY и MEGA относятся к VIP-хостингу.

На начальном этапе своего сайтостроения вам не потребуется VIP-хостинг, так как он рассчитан на сайты с большой нагрузкой. Поэтому будем выбирать что-нибудь из тарифов виртуального хостинга. Для этого перейдем на страницу Базовые тарифы на виртуальный хостинг, где в виде таблицы дано более полное описание тарифов.

Сравнив и определившись с выбором подходящего тарифа (например: Start) нажмите в соответствующем столбце в самом низу таблицы кнопку Заказать. Вы перейдете на страницу выбора тарифов, где указывается, что Вы выбрали: тариф START (1199 руб./год). Жмем кнопку далее и переходим на страницу регистрации аккаунта. Здесь нужно для начала ознакомиться с публичной оффертой и если вы согласны с условиями, то нужно поставить галочку в соответствующем чекбоксе. Далее для регистрации обязательно! нужно заполнить всего три поля:
   фамилия, имя, отчество;
   электронная почта;
   сотовый телефон.
Далее, ваши данные проходят проверку в ручном режиме – этот период занимает не более часа, чаще всего — минут 15 или 20.
После ручной проверки введенных вами данных, на ваш ящик придется письмо с данными регистрации и с доступами в панель управления, обязательно сохраните его.

 Продолжение следует...

::/fulltext::

Форма входа

Яндекс.Метрика