Делайте из слона муху

Делайте из слона муху

Вадим Макеев, HTML Academy

Ситуация

DUMP

Как так вышло, DUMP?
© Fox Searchlight Pictures

Графика

  • Контент
  • Интерфейс

Контент

  • Содержимое страницы
  • Создаётся после
  • Копируется, сохраняется
  • Живёт отдельно от кода
  • Нужна пользователям

Интерфейс

  • Оформление, дизайн
  • Как код, только нет
  • Создаётся с кодом
  • Живёт кодом
  • Иногда и правда код

Фрай

© Matt Groening

Форматы

Векторные

ЦветаПрозрачностьАнимация
SVGМногоДаДа

SVG — это программируемая графика, как Canvas.

Растровые

ЦветаПрозрачностьАнимация
GIF256ДаДа
PNG256 и большеДа, альфаДа *
JPEGМногоНетНет
WebP256 и большеДа, альфаДа
HEICМногоДа, альфаДа

Анимация

© The Walt Disney Company

Гифка — это жанр,
а не формат графики.

Видео

<video autoplay loop muted>    <source type="video/webm" src="bolt.webm">    <source type="video/mp4" src="bolt.mp4"></video>
$ ffmpeg -i bolt.gif -movflags faststart -pix_fmt yuv420p -crf 0 bolt.mp4

Если очень нужно

<picture>    <source type="image/webp" srcset="bolt.webp">    <img src="bolt.gif" alt="Болт кривляется"></picture>
$ gif2webp bolt.gif -o bolt.webp

AV1

Новый кодек AV1, Андрей Ситник

GIF

Анимированные песочные часыКадры анимации песочных часов

Создание

Редакторы

PhotoshopIllustratorAffinitySketchFigmaCSS

Дедпул в образе Боба Росса
© 20th Century Fox
  • CSS-графика
  • Ручной SVG
  • Canvas
  • CSS Paint API

CSS-графика

<div class="burger">    <div class="burger__line burger__line--1"></div>    <div class="burger__line burger__line--2"></div>    <div class="burger__line burger__line--3"></div></div>

CSS-графика

.burger {    position: relative;    width: 12px;    height: 10px;}
.burger__line {    position: absolute;    left: 0;    width: 12px;    height: 2px;    background-color: #4b86c2;}

CSS-графика

.burger__line--1 {    top: 0;}.burger__line--2 {    top: 4px;}
.burger__line--1 {    top: 8px;}

CSS-графика получше

.burger {    width: 12px; height: 10px;    background-image: repeating-linear-gradient(        #4b86c2, #4b86c2 2px,        #fff 2px, #fff 4px    );}

Ручной SVG

<svg width="120" viewBox="0 0 12 10" fill="#4b86c2">    <rect width="12" height="2" x="0" y="0"/>    <rect width="12" height="2" x="0" y="4"/>    <rect width="12" height="2" x="0" y="8"/></svg>

Canvas

Canvas

Скучающий Фрай
© Matt Groening

CSS Paint API

div {    --burger-color: #4b86c2;    background-image: url('burger.png');    background-image: paint(burger);}
CSS.paintWorklet.addModule('burger.js');

CSS Paint API

class Shape {    static get inputProperties() {        return ['--burger-color'];    }    paint(context, geometry, properties) {  }}registerPaint('burger', Shape);

CSS Paint API

const color = properties.get(    '--burger-color');context.fillStyle = color;context.fillRect(0, 0, 120, 20);context.fillRect(0, 40, 120, 20);context.fillRect(0, 80, 120, 20);

CSS Paint API

div:hover {    --burger-color: #32b332;}

CSS Paint API

Фрай размахивает пачкой денег
© Matt Groening

Экспорт

Иконка PhotoshopPhotoshop: Save for webPhotoshop: Экспорт документаPhotoshop: Выбор слояPhotoshop: Экспорт слояPhotoshop: Экспорт группыИконка IllustratorIllustrator: Сбор ассетовIllustrator: Экспорт ассетовIllustrator: Копирование кодаAvocodeZeplinSketchFigmaSketch: Экспорт и настройкиSketch: Плагин SVGO в настройках

Заглядывайте в SVG

<desc>Created using Figma</desc>
<path d="m269.246984 855.728762 78.364445-47.425016
    c15.118222 26.804825 28.871111 49.483175 61.858539
    49.483175 31.620064 0 51.555556-12.368864 51.5555
    56-60.481016v-327.192381h96.229587v328.553651c0
    99.669333-58.422857 145.03619-143.660698…"/>

Заглядывайте в SVG

<svg><image xlink:href="data:image/png;base64,iVBORw0KGgo
AAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAACXBIWXMAAA7EAAAOxAGV
Kw4bAAAIXUlEQVR4nO3WMQEAIAzAsIF/z+ACjiYKenbNzBkAIGX/DgAA3
jMAABBkAAAgyAAAQJABAIAgAwAAQQYAAIIMAAAEGQAACDIAABBkAAAgyA
AAQJABAIAgAwAAQQYAAIIMAAAEGQAACDIAABBkAAAgyAAAQJABAIAgAwA
AQQYAAIIMAAAEGQAACDIAABBkAAAgyAAAQJABAIAgAwAAQQYAAIIMAAAE
GQAACDIAABBkAAAgyAAAQJABAIAgAwAAQQYAAIIMAAAEGQA…"/></svg>

Экспорт

PNGPNG 8JPGSVG
Photoshop8521553596130
Affinity155585610793602
Sketch56393836525
Figma21797797153
Руки111111114498

Оптимизация

  1. Экспортируйте где угодно
  2. Сжимайте инструментами

ImageOptimTinyPNGSVGOMGSquoosh

Вставка

  • Контент
  • Интерфейс

Хороший интерфейс
как прогресс-бар.

Тегом

<img src="cat.jpg" alt="Рыжий кот">
<figure>    <img src="cat.jpg" alt="Рыжий кот">    <figcaption>Мой кот самый лучший</figcaption></figure>

Идеально для контентных картинок.

Тегом: плюшки

<picture>    <source type="image/webp"         srcset="cat@2x.webp 2x                 cat.webp 1x">    <img srcset="cat@2x.jpg 2x"            src="cat.jpg" alt="Рыжий кот"></picture>

Тегом: плюшки

<img srcset="cat@3x.jpg 3x"     srcset="cat@2x.jpg 2x"        src="cat.jpg"     alt="Рыжий кот">

Для ретины достаточно атрибута srcset.

Фоном

button {    background-image: url(icon.png);}

Фоном: плюшки

@media (min-resolution: 2dppx) {    button {        background-image: url(icon@2x.png);    }}

Не забудьте про Autoprefixer -webkit-min-device-pixel-ratio.

Фоном: облом

@supports (background-image: url(icon.webp)) {    button {        background-image: url(icon.webp);    }}

Другой формат в стилях просто не подсунуть, см. Modernizr.

© Matt Groening

Всегда фоном!

div.picture {    background-image: url(picture.png);    background-size: cover;}

Лучше тегом

img, video {    object-fit: cover;    object-position: 25% 0;}

Стилями

a::before {    content: url(icon.png);}

Вставляет оформление в контент стилями.

Инлайном

<svg class="burger" viewBox="0 0 12 10" aria-label="Меню">    <rect class="burger__line" x="0" y="0"/>    <rect class="burger__line" x="0" y="4"/>    <rect class="burger__line" x="0" y="8"/></svg>

Видно из стилей, удобно менять цвета.

Инлайном

.burger {    fill: #4b86c2;}.burger:hover {    fill: #32b332;}

Спрайтом

<svg width="120" height="100"    viewBox="0 0 12 10" aria-label="Меню">    <use xlink:href="#burger"></use></svg>

Видно из стилей, удобно менять цвета.

Внешним спрайтом

<svg width="120" height="100"     aria-label="Меню">    <use xlink:href="sprite.svg#burger"></use></svg>

К сожалению, стили уже не пробьются внутрь. Но оно вам точно нужно?

Внешним спрайтом

<svg xmlns="http://www.w3.org/2000/svg">    <symbol id="burger" viewBox="0 0 12 10">        <rect width="12" height="2" x="0" y="0"/>        <rect width="12" height="2" x="0" y="4"/>        <rect width="12" height="2" x="0" y="8"/>    </symbol></svg>

Base64

button {    background-image: url('data:image/png;base64,iVBORw0K
        EUgAAAgAAAAIACAYAAAD0eNT6AAAACXBIWXMAAA7EAAAOxAGV
        AAgyAAAQJABAIAgAwAAQQYAAIIMAAAEGQAACDIAABBkAAAgyA
        MAAAEGQAACDIAABBkAAAgyAAAQJABAIAgAwAAQQYAAIIMAAAE
        ABBkAAAgyAAAQJABLJBGFFAIAgAwAAQQYAAIIMAAAEGQA…');}

URL-кодирование

button {    background-image: url('data:image/svg+xml,%3Csvg xmlns
        ='http://www.w3.org/2000/svg' viewBox='0 0 12 10'
        fill='%234b86c2'%3E%3Crect width='12' height='2'
        x='0' y='0'/%3E%3Crect width='12' height='2' x='0'
        y='4'/%3E%3Crect width='12' height='2' x='0' y…');}

DVD+RW

DVD-диск

  1. Внешние ресурсы попадают в кэш
  2. Критические ресурсы нужны лёгкие

Загрузка

Ленивая загрузка

<img src="picture.jpg" loading="lazy">
  • lazy — подходит для ленивой загрузки
  • eager — не подходит, загрузить сразу
  • auto — браузер сам решит, как загружать

Приоритет загрузки

<img src="picture.jpg" importance="low">
  • high — повышает приоритет загрузки
  • low — понижает приоритет загрузки

Если очень-очень нужно, то осторожно можно:

<link rel="preload" href="picture.jpg" as="image">

Неблокирующий рендеринг

<img src="picture.jpg" async="on">
  • on — ждёт, когда у браузера будет возможность
  • off — декодирует сразу, блокируя основной поток

Загрузка скриптом

const img = new Image();img.src = 'picture.png';
img.onload = () => {    // Вставка img};        
img.decode().then(() => {     // Вставка img});

Пока только в Chrome, см. MDN и ждите счастья.

Проверка поддержки

const img = new Image();img.src = 'picture.webp';img.decode().then(() => {    console.info('WebP');}).catch(() => {    console.warn('Извини');});
Милдред звонит по телефону
© Fox Searchlight Pictures

Спасибо!

Ссылки

@pepelsbey

0

Как заказать сайт и не пустить деньги на ветер

Раньше наша команда и наши клиенты были очень грустными людьми. Мы срывали сроки, а клиенты были недовольны качеством. В результате никто не зарабатывал денег, и все срывались друг на друга.

image

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

Мать Тереза в своё время говорила: «Чтобы сохранить счастье, им надо делиться». Следуя заветам великого человека, мы делимся найденной формулой с сообществом.

image

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

Что делать, если Исполнители, которым вы заказали сайт, «залажали» проект?

Для начала определимся — что такое успешный проект? Это проект, который в течение планового срока как минимум окупил затраты на него. Все. Включая аренду хостинга и зарплату вашего менеджера, который наполняет сайт.

image

Итак: Если вы не можете посчитать доход от проекта или сумму затрат, или если проект не окупается, поздравляем, вам его «залажали».

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

Дело в том, что хороший, подкованный заказчик может добиться нужного результата даже от плохой веб-студии, по сути выступая организатором работ для плохо слаженной команды. А малоопытный заказчик, считающий, что, «вы профессионалы, так сделайте мне хорошо» не получит нужного результата даже обратившись в крутую компанию.

Это важно: Чтобы гарантированно получить нужный результат вы должны профессионально заказать сайт.

Что нужно сделать, чтобы профессионально заказать сайт?

image

1. Прекратите считать что сайт делается для вас.

С этим парадоксом не может справиться большинство клиентов. «Как же так, я плачу деньги! Сайт должен нравиться мне!» Забудьте. Всем плевать, нравится ли ваш сайт вам, вашей жене или отделу вашей компании. Сайт должен нравиться его посетителям. Мнение вашей жены или сестры можно учитывать только в том случае, если вы решили зарабатывать деньги именно на них.

2. Хорошо, очень хорошо представьте вашего клиента.

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

3. Прекратите считать программистов умными.

Без шуток. Каждый человек умен в рамках своей компетенции. Я хорошо программирую на PHP, но когда надо побелить стены — дурак дураком. Объясняйте свой бизнес, свою задачу, схему работы, свою специфику. У вас не спрашивают? Всё равно объясняйте. Отказываются слушать? Приходите в офис компании и убивайте по одному программисту, пока менеджер вас не выслушает.

4. Запомните: программирование — всего лишь 30% от работы над проектом.

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

5. ТЗ без маркетингового анализа, прототипов ВСЕХ интерфейсов, SEO-отчета и подробного, конкретного, недвусмысленного описания каждой функции действительно просто бумажка.

Можете её выкинуть. Почему? Смотрите предыдущий пункт. Более того, вам необходимо смириться со следующими фактами:

  • Нет, вы не можете сами составить маркетинговый анализ. Даже если вы 20 лет работали маркетологом в «Эльдорадо». У веба своя специфика, вы должны иметь опыт именно в этой сфере.
  • Нет, вы не можете сами создать прототипы интерфейсов. Хотя бы потому что это групповая работа. В которой обязательно участвуют: технический специалист, дизайнер, менеджер, маркетолог, сео-специалист. Если у вас в группе нет, к примеру, технического специалиста, то вы рискуете разработать интерфейс, реализация которого будет требовать несоразмерно больших денег и усилий.
  • Нет, вы не можете составить сами SEO-отчет. Впрочем, в этом обычно большинство клиентов не сомневается.
  • И наконец: нет, вы не можете сами написать ТЗ. Потому что подробное описание для вас, для программиста и для суда (в случае критической ситуации) — это три большие разницы. Короче, прекращайте искать дурные, не работающие способы удешевления проекта и займитесь чем-нибудь полезным.

6. Внимательно вычитывайте присылаемую документацию и несите ответственность за ключевые решения.

Бизнес делаете вы. У веб-студии или программиста свой бизнес, со своими законами, которые могут быть не просто отличны, но и противоречить законам вашего. Обязанность веб-студии — предоставить вам информацию, которая содержится в ТЗ и отчетах. А ваша обязанность — принять итоговое решение и донести его до компании-исполнителя. Не забывайте об этом.

Где же счастье?

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

image

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

0

Что такое веб хостинг?

Интернет и серфинг по сети стал привычным делом. Мы просто открываем браузер и переходим на нужный сайт. Имя сайта, которое пишется в адресной строке браузера называется домен. Например, «yandex.ru», «mail.ru», «vk.com» – это всё доменные имена. Далее, сервер доменных имён DNS сопоставляет домен с IP-адресом. Именно с IP адреса загружаются файлы: HTML-документ, стили CSS, скрипты на языке Javascript, картинки, видео и др. Все эти файлы хранятся на хостинге.

Хостинг – это сервер, на котором располагаются все сайты в интернете, это дом, где живёт сайт. Хостинг-провайдеров в сети великое множество, на любой «вкус и цвет». Для стабильной работы интернет-проекта выбирают надёжный хостинг, обзор таких сервисов можно найти на этом сайте. Характеристики хостингов отличаются по типу, надёжности, скорости, объёму дискового пространства, стоимости и доступному программному обеспечению. Как правило, чем дороже тариф, тем больше возможностей доступно владельцу веб-сайта.

Процесс загрузки сайта происходит в несколько этапов:

  • Сопоставление домена и IP-адреса
  • Поиск запрашиваемого сайта на хостинге (на одном IP могут работать тысячи сайтов)
  • Соединение с HTTP-сервером
  • Обработка серверных скриптов на языках PHP, Perl, ASP и др.
  • Запросы к базе данных MySQL, PostgreSQL или др.
  • Загрузка HTML и файлов страницы в браузер пользователя через HTTP-сервер

За все эти этапы отвечает хостинг.

Хостинг-провайдер или домашний сервер

На самом деле, организовать простой хостинг можно даже на домашнем компьютере. Для этого понадобится установить HTTP-сервер Apache, сервер баз данных MySQL и интерпретатор PHP. Вместо ручной установки всех компонентов, можно воспользоваться готовым пакетом разработчика Denwer или его аналогом. После несложной настройки, останется только скопировать файлы сайта в папку, и он будет загружаться в браузере компьютера.

Для работы сайта во всём интернете нужен свой DNS-cервер, или можно использовать динамические DNS. Если у компьютера белый IP-адрес, то к нему можно сразу обращаться из интернета просто по IP-адресу, без домена.

У домашнего сервера есть несколько преимуществ:

  • Дисковое пространство ограничено только ёмкостью диска
  • Процессор и оперативная память полностью в вашем распоряжении
  • Гибкие настройки программного обеспечения

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

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

Надёжность хостинга определяется параметром Uptime – время беспрерывной работы, измеряется в процентах. Считается, что хороший показатель 99,99% в течении года. Тысячная доля простоя за год в числовом выражении выливается в 5 минут. Соответственно, сотая доля аптайма это уже 50 минут недоступности ресурса в год. Частое пропадание сайта не любят поисковые системы и могут выкидывать страницы из индекса или понижать ранжирование веб-ресурса. Вряд ли, какой-то домашний компьютер способен на высокий аптайм. Поэтому, домашний веб-сервер используется исключительно для разработки и отладки работы сайта. Потом файлы и база данных переливается на настоящий хостинг.

Типы хостинга

Когда дело доходит до выбора хостинга, первым делом нужно определиться с типом:

  1. Общий виртуальный хостинг (Shared)
  2. Виртуальный выделенный сервер (VPS/VDS)
  3. Выделенный сервер (Dedicated Server)
  4. Collocation
  5. Облачный хостинг (Cloud Hosting)

Типы хостингов размещены по возрастанию функциональности, стоимости и мощности. Чем масштабнее проект, тем выше по иерархии нужен сервис.

Shared-хостинг

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

  • Сайты-визитки
  • Лендинги, одностраничники
  • Блоги с маленькой и средней посещаемостью (до 20 тысяч посетителей в сутки)
  • Интернет-магазины с узким ассортиментом
  • Начинающий ИТ-стартап
  • Небольшие форумы

Если у вас один из таких проектов, то более дорогой хостинг не нужен. Всегда можно переехать на новый сервер. Стоимость Shared-сервиса начинается от 1$, т.ч. теперь должно быть понятно почему домашний сервер невыгоден, возможно даже для экспериментов. Всё-таки даже вести разработку лучше на реальном хостинге, т.к. домашний веб-сервер может не иметь реальных программных лимитов, которые устанавливают большинство провайдеров.

Основное преимущество виртуального хостинга в простоте использования. Фактически, даже чайник может разобраться. Большинство хостинг-услуг включает в себя функцию быстрой установки движка блога, интернет-магазина, форума и др. Пользователь может сразу начать выкладывать контент или заводить карточки товаров. В интернете полно бесплатных инструкций как для начинающих, так и продвинутых пользователей. Сайт управляется из функциональной панели управления, которую можно использовать бесплатно. Самые популярные панели это cPanel и ISPManager.

Минусы очевидны, исходя из цены услуги:

  • Небольшая нагрузочная способность
  • ПО и гибкость веб-сервера ограничены глобальными настройками для всех
  • Безопасность, конечно, на высоком, но низшем уровне, по сравнению другими типами хостинга

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

Выделенные сервера

Виртуальный выделенный сервер предполагает собственную операционную систему, которая запускается в виртуальном пространстве мощного сервера. Т.е, вам выделяется кусочек сервера, в котором «крутится» настоящая операционка. Теперь вы – администратор, и можете выбирать какой софт установить и как его настроить.

Ресурсы более гарантированы, ваш тариф предполагает определённую частоту процессора и количество ядер, оперативную память и место на жёстком диске. Единственное что нельзя – установить свою ОС, только выбрать из списка предустановленных образов, которые, как правило, уже включают в себя набор ПО для работы простого сайта. Но в отличие от Shared-хостинга, лицензию на привычную панель управления придётся приобрести отдельно. Также, больше нельзя написать в техподдержку с упрёками, что что-то не работает, теперь это забота вашего системного администратора.

Переходя на Dedicated-сервер, вы получаете в аренду целый сервер, т.е. железо с реальными комплектующими. Теперь можно установить свою ОС и настраивать её как душе угодно. Преимущество перед виртуальным сервером в 100% гарантии ресурсов. Хоть провайдеры и заявляют о гарантии ресурсов на VPS, вы не знаете какой процессор у вас «стоит». Количество ядер и частота довольно размытое понятие, к тому же можно продать больше VPS-услуг, чем потянет сервер.

Если у вас есть свой физический сервер, то вы можете подключить его в серверной комнате хостинга. Эта услуга называется Collocation. Облачный хостинг рассчитан на предоставление неограниченного количества ресурсов, которые выделяются по мере роста потребностей, т.е. подключаются всё новые и новые сервера.

0

8 обязательных элементов потрясающего лендинга

landing page zakaz

По данным WordStream 80% поискового трафика получают только 10% целевых страниц из поисковой выдачи. Чтобы попасть в число счастливчиков, добавьте на свой лендинг эти элементы. 1. Визуальный прием Чтобы привлечь внимание аудитории, используйте интерактивные визуальные эффекты, фоновое видео с автоматическим воспроизведением или нестандартное фото. Интернет-магазин одежды MeUndies приковывает к себе внимание благодаря фотографии, размещенной на целевой странице. … Читать далее 8 обязательных элементов потрясающего лендинга

0

Как правильно выбрать название для сайта

как-подобрать-имя-для-сайта

Если вы создаете сайт под конкретное предприятие или идею у которой уже есть бренд, девиз или свой стиль, то обычно все проще. Остается только обыграть это при выборе домена, ориентируясь на имеющие свободные домены. Сейчас это стало намного проще, так как появилось большое число тематических доменных зон, а не так как было раньше, когда по … Читать далее Как правильно выбрать название для сайта

0

Для чего нужны веб-сайты и кто поможет в их создании?

зачем нужны сайты

Для чего нужны веб-сайты и кто поможет в их создании? Эти вопросы рано или поздно задает себе любой бизнесмен, который стремиться увеличить продажи и расширить клиентскую сеть. Действительно, создание сайтов сегодня стало важной составляющей успешного бизнеса. Веб-сайт используют для увеличения дохода, продвижения бренда и дополнительной рекламы предприятия. Для того, чтобы информационный ресурс эффективно работал и выполнял свои … Читать далее Для чего нужны веб-сайты и кто поможет в их создании?

0
Авторизация
*
*



Регистрация
*
*
*
Генерация пароля