Дропшиппинг — что это такое и как выбрать поставщиков

Здравствуйте. В последнее время довольно часто мелькает в рекламе или просто в текстах и разговорах не совсем понятное русскоговорящему сообществу слово «дропшиппинг». Тем, кто не шибко хорошо знает английский, трудно сразу осознать значение этого словосочетания образованного от английской фразы dropshipping.

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

Что же  такое дропшиппинг  на практике? Почему об этом сейчас все горят? Почему такой способ ведения бизнеса считается выгодным? И как, наконец, можно приобщиться к сообществу дропшиперов, чтобы извлечь из этого максимальную выгоду? А главное — стоит ли это делать вообще? Давайте обо все по порядку.

Как задать ширину стобцов таблицы

Проблема

Хотя мы уже очень давно прекратили использовать таблицы для создания макетов, они все же занимают достойное место на современных веб-сайтах: они используются для отображения таких табличных данных, как статистика, сообщения электронной почты, перечисления элементов с большим объемом метаданных и многого другого. Кроме того, мы можем заставлять другие элементы демонстрировать свойства, характерные для таблицы, используя ключевые слова свойства  display , связанные с таблицами. Однако каким бы удобным инструментом они ни были в определенных обстоятельствах, макет таблиц ведет себя очень непредсказуемо, когда дело доходит до динамического содержимого. Причина этого в том, что размеры столбцов корректируются в зависимости от объема содержимого, и даже явные объявления  width считаются не более чем подсказками, как видно на риcунке ниже.

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

Стилизация путем подсчета смежных элементов

Проблема

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

По мере того как список растет, мы сокращаем количество строк в области предварительного просмотра. Когда длина списка становится больше высоты окна просмотра, мы можем даже полностью скрыть текстовые отрывки и уменьшить размер кнопок, для того чтобы минимизировать необходимость прокрутки; приложение с напоминаниями о предстоящих делах, в котором каждый элемент отображается крупным шрифтом, пока элементов не много. Чем больше элементов создает пользователь, тем меньше мы делаем размер шрифта (для всех элементов);
приложение с цветовой палитрой, в котором элементы управления отображаются на каждом образце цвета. Эти элементы управления можно делать более компактными по мере того, как количество цветов растет, а место, занимаемое каждым образом, соответственно уменьшается;
приложение с несколькими элементами  <textarea> , в котором все их приходится уменьшать с добавлением каждого нового элемента.

Однако с помощью селекторов CSS решить задачу по выбору элементов в зависимости от общего количества «братьев» не так-то просто. Предположим, мы хотели бы применить определенные стили к элементам списка в случае, когда общее количество элементов равно 4. Мы могли бы использовать  li:nth-child(4) для выбора четвертого элемента в списке, но это не то, что нам нужно;нам необходимо выбрать все элементы, но только в том случае, когда их общее число равно четырем.

Следующей идеей могло бы быть использование обобщенного комбинатора «братьев» ( ~ ) совместно с  :nth-child() , как в  li:nth-child(4) ,  li:nthchild(4) ~ li. Однако при этом в выборку попадают только четвертый потомок и элементы после него, независимо от общего количества. Так как не существует комбинатора, который мог бы «оглянуться назад» и выбрать предыдущих «братьев», следует ли вовсе отказаться от попыток добиться нужного результата с помощью CSS?  Нет, давайте не терять надежды.