Мой круг соц сеть моя страница. Яндекс продал социальную сеть «Мой круг. Социальная сеть для профессионалов и бизнесменов

Существует несколько свойств в CSS, которые принимают длину (или расстояние) в качестве значений. К этим свойствам относятся свойства блочной модели: width , height , margin , padding , border . Но существуют и другие свойства, например, смещение и размер тени у свойства box-shadow или размер или интервал шрифта. Какие единицы измерения «длины» принято использовать в CSS? Существует много вариантов.

Абсолютные единицы измерения длины

Пиксели px

.wrap { width: 400px; }

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

CSS-пиксели - абстрактная величина, используемая браузерами для точного отображения контента на страницах, вне зависимости от экрана.

Пиксели основная единица измерения в вебе, и так как они отображаются практически единообразно, многие длины высчитываются в пикселях; тот же javascript «разговаривает» на пикселях.

Дюймы in

.wrap { width: 4in; }

Дюйм (от нидерл. duim - большой палец) - единица измерения расстояния в некоторых европейских неметрических системах мер. В css дюймы просто сопоставляются с пикселями. Тем не менее, стоит отметить, что дюймы очень редко используются в CSS.

1in == 96px

Сантиметры cm

.wrap { width: 20cm; }

Сантиметр - единица длины в различных метрических системах мер, равная 0,01 метра. В css также сопоставляется с пикселями.

1cm == 37.8px

Миллиметры mm

.wrap { width: 200mm; } 1mm == 0.1cm == 3.78px

Шрифто-зависимые единицы измерения

Em

.wrap { width: 40em; }

Относительная единица измерения. В полиграфии используются дополнительные единицы измерения – одна из них соответствуют ширине заглавной букве М. Основное свойство влияющее на размер шрифта – font-size .

Без всяких дополнительных css правил 1em работает так:

1em == 16px == 0.17in == 12pt == 1pc == 4.2mm == 0.42cm

Если в документе изменить размер шрифта, 1em становится равным текущему (установленному) размеру шрифта.

Существуют некоторые на первый взгляд странные вещи. Если элемент с размером шрифта 1.1em находится в элементе с font-size равным также 1.1em , плюс они имеют общего родителя, у которого шрифт равен 1.1em , то результирующая высота шрифта самого вложенного элемента будет равна 1.1 X 1.1 X 1.1 == 1.331em . То есть вы должны учитывать следующее: когда вы назначаете элементу размер шрифта равный, например, 10em , и то это совсем не значит, что куда бы вы ни вложили элемент, его шрифт будет равен 10em . Все зависит от контекста (увидеть доказательство).

Rem

.wrap { width: 40rem; }

Rems предлагают лучшую альтернативу em s. Они работают почти одинаково, за исключением одного ключевого отличия: единицы rem всегда соотносится с фиксированным базовым значением, а именно - с размером шрифта корневого элемента документа (в случае HTML это всегда элемент html).

Неполная поддержка браузерами: не работает в IE 8, Safari 4, или iOS 3.2.

Пункты

.wrap { width: 120pt; }

Пункты – единица измерения равная 1/72 дюйма. Пункты очень распространены за пределами CSS (вероятно, поэтому они и включены в CSS).

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

Пика

.wrap { width: 12pc; }

Та же история, что и с пунктами, но 1pc == 12pt .

Ex

.wrap { width: 60ex; }

Эта единица измерения основана на высоте буквы х (в нижнем регистре) текущего шрифта. Иногда информация о высоте буквы x встроена в сам шрифт, иногда браузер вычисляет эту высоту путем измерения высоты символа в нижнем регистре, и в худшем случае, браузер просто устанавливает эту высоту как 0.5em . Чтобы понять, почему используется x-высота, представьте верхний выносной элемент (ascender), например, у строчной буквы d. Х-высота не включает эту выноску.

В отличие от em s, которые не меняются при изменении свойства font-family , единицы измерения ex поменяются, когда вы измените значение у свойства font-family (доказательство).

Ch

.wrap { width: 60ch; }

По духу похожа на x-высоту, только вместо x-высоты, используется ширина символа 0. Также меняется при изменении значения у свойства font-family .

Поддержка браузерами: на данный момент не поддерживается браузерами на основе webkit (safari, яндекс, chrome).

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

Vw

.wrap { width: 10vw; }

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

Поддержка браузерами: не поддерживается любым мобильным браузером, за исключением ios6. Это относится ко всем относительным единицам области просмотра.

Vh

.wrap { width: 10vh; }

То же самое, что vw только данная единица измерения зависит не ширины, а от высоты области просмотра устройства.

Vmin

.wrap { width: 20vmin; }

1vmin принимает 1vw или 1vh , в зависимости от того, что меньше. При определении размера стандартного шрифта vmin может быть гораздо полезнее, чем vh или vw .

Vmax

.wrap { width: 20vmax; }

1vmin принимает 1vw или 1vh , в зависимости от того, что больше.

Поддержка браузерами: браузеры на основе webkit поддерживают vmin, но не поддерживают vmax (пока). Firefox поддерживает vmax .

Проценты

.wrap { width: 50%; }

Расстояние заданное в процентах зависит от того же свойства родительского элемента. Например, если элемент имеет ширину равную 450px , а его элемент-ребенок ширину равную 50% , то ширина элемента-ребенка булет равна 225px .

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

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

Относительные единицы

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

Изменяемое значение, которое зависит от размера шрифта текущего элемента (он устанавливается через стилевое свойство font-size ). В каждом браузере заложен размер текста, применяемый в том случае, когда этот размер явно не задан. Поэтому изначально 1em равен размеру шрифта, заданного в браузере по умолчанию. Соответственно, устанавливая размер текста для всей страницы в em, мы работаем именно с этим параметром. В том случае, когда em используется для определенного элемента, за 1em принимается размер шрифта его родителя.

ex определяется как высота символа «x» в нижнем регистре. На ex распространяются те же правила, что и для em , а именно, он привязан к размеру шрифта, заданного в браузере по умолчанию, или к размеру шрифта родительского элемента.

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

В примере 1 показано применение указанных единиц.

Пример 1. Использование относительных единиц

Размер 2 em

Размер 2 ex

Размер 30 пикселов

Размер 200%

Результат данного примера показан ниже (рис. 1).

Рис. 1. Размер текста при различных единицах

Абсолютные единицы

Абсолютные единицы применяются реже, чем относительные и, как правило, при работе с текстом. В табл. 2 перечислены основные такие единицы.

Самой, пожалуй, распространенной единицей является пункт, который используется для указания размера шрифта. Многие люди привыкли задавать размер шрифта в текстовых редакторах, например, 12. А что это число означает, не понимают. Так это именно пункты и есть, они родные. Конечно они нам не родные, мы привыкли измерять все в миллиметрах и подобных единицах, но пункт, пожалуй, единственная величина из не метрической системы измерения, которая используется у нас повсеместно. И все благодаря текстовым редакторам и издательским системам. В примере 2 показано использование пунктов и других единиц.

Пример 2. Использование абсолютных единиц

Размер 0.5 дюйма

Размер 8 миллиметров

Размер 24 пункта

Результат использования абсолютных единиц измерения показан ниже (рис. 2).

Рис. 2. Размер текста при различных единицах

Единицы измерения CSS используются для указания величины в различных свойствах. Они делятся на абсолютные и относительные.

Абсолютные единицы

К абсолютным единицам измерения относятся сантиметры (cm), миллиметры (mm) и дюймы (in). Не смотря на то, что они предназначены для одинакового отображения элементов на веб-странице, браузер не всегда может точно вычислить физический размер дисплея или монитора, поэтому на разных устройствах элементы могут иметь разные размеры.

One-cm { font-size: 1cm; } .one-mm { font-size: 1mm; } .one-in { font-size: 1in; }

Обычно эти единицы измерения используются при указании размера для вывода страниц на печать.

Типографские единицы

К типографским единицам измерения относятся точки (pt) и пики (pc). Точка (1pt) имеет фиксированный размер 1/72 дюйма, в то время как пика (1pc) равна 1/6 дюйма (1pc = 12pt). Эти две единицы измерения наиболее полезны в стилях, написанных для печатных версий документов, а не для использования на экранах.

One-point { font-size: 1pt; } .one-pica { font-size: 1pc; }

Относительные единицы

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

One-pixel { font-size: 1px; } .one-percent { font-size: 1%; }

Пиксель - точка равная одному физическому пикселю на экране. Однако браузеры не всегда точно расчитывают размер области просмотра в пикселях.

Рассмотрим последние модели ноутбуков, планшетов и смартфонов, оснащенные экранами с высоким разрешением. На таких устройствах браузер не соотносит единицу px с количеством физических пикселей на экране. Вместо этого он нормализует единицу px, так чтобы приблизить характеристики просмотра к традиционному настольному монитору с плотностью пикселей в районе от 96 до 120 пикселей/дюйм. В результате квадрат со стороной в 10px может отрисовыватся браузером на смартфоне так, что на каждой стороне окажется от 15 до 20 физических пикселей. Это означает, что px также оказывается относительной единицей измерения.

Шрифтозависимые относительные единицы

Двумя дополнительными относительными единицами измерения являются em и ex. Em - высота текущего шрифта, ex - высота символа "х" в нижнем регистре указанного шрифта.

One-ex { font-size: 1ex; } .one-em { font-size: 1em; }

Как и проценты, em является распространенной единицей измерения, которую обычно используют для установки размера шрифта для текста на веб-странице.

В CSS3 введены две дополнительные единицы измерения: rem и ch. Rem - размер шрифта корневого элемента (), она может использоваться вместо em для предотвращения влияния размеров шрифта родителя или предков на размер шрифта текущего элемента.

One-rem { font-size: 1rem; }

Единица ch равна ширине символа ноль (0) шрифта элемента. Ее использование может быть полезным для определения ширины поля, содержащего текст, потому что 1ch примерно соответствует одному символу.

Единица ch поддерживается только в Chrome 27+, Firefox 19+ и IE9. Rem поддерживается в Chrome 4+, Firefox 3.6+, IE9+, Safari 4.1+ и Opera 11.6+.

Единицы области просмотра

К единицам измерения области просмотра относятся vw (ширина) и vh (высота), позволяющие масштабировать элементы относительно области просмотра, то есть видимой части веб-страницы.

Width: 50vw; /* 50% от ширины области просмотра */ height: 25vh; /* 25% от высоты области просмотра */

Двумя дополнительными единицами являются vmin и vmax, которые задают минимальное или максимальное значение размера области просмотра.

Width: 1vmin; /* 1vh или 1vw, в зависимости от того что меньше */ height: 1vmax; /* 1vh или 1vw, в зависимости от того что больше */

Единицы измерения относительные области просмотра поддерживаются в Chrome 26+, Firefox 19+, IE11+, Safari 6.1+ и Opera 15+.

Значения единиц измерения

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

P { font-size: 0.394in; } /* десятичная дробь */ p { margin: -1px; } /* отрицательное значение */

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

P { font-size: 1ex; } /* корректно */ p { font-size: 0; } /* корректно */ p { font-size: 0ex; } /* корректно */ p { font-size: 1 ex; } /* неправильно */ p { font-size: 1; } /* неправильно */

Всякий раз, когда CSS объявление содержит ошибку, оно игнорируется браузером, при этом остальные объявление продолжают работать.

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

О том, что ресурс сменил владельца, стало известно из публикации, размещенной в блоге «ТМ » Компании «Тематические Медиа » на сегодняшний день принадлежат такие ресурсы, как «Хабрахабр », Geektimes , «Мегамозг » и другие.

«ТМ » объединила «Мой круг » со своей профессиональной социальной сетью для разработчиков Brainstorage.me . На первых этапах оба сервиса будут работать по отдельности, но затем владелец собирается соединить их в один проект под названием «Мой круг ».

Как сообщил представитель компании «ТМ », до этого в социальной сети на бесплатной основе размещались вакансии для специалистов из разных отраслей. Теперь тематика ресурса значительно сузилась, и сейчас он ориентирован лишь на IT-специалистов. А размещение новых вакансий будет происходить на платной основе.

Все объявления, опубликованные еще «при Яндексе », перенесены на новый сервис. При этом «старые » вакансии будут размещены на ресурсе бесплатно сроком на один месяц. Затем работодатели смогут продолжить сотрудничество с «Мой круг », но уже на платной основе.

Официальный представитель Яндекса Екатерина Карнаухова , подтвердила факт «передачи » социальной сети компании «ТМ », но отказалась озвучить сумму и условия сделки. Также Екатерина рассказала, что компания «Тематические Медиа » первой вышла на Яндекс со своим предложением. Переговоры между компаниями продолжались около двух лет, а в декабре 2014 года началась разработка новой версии сервиса.

В Яндексе развитием социальной сети занимался ее основатель Илья Широков , но затем он покинул компанию и перешел на должность генерального директора «Одноклассников ». В 2014 года Илья ушел из холдинга Mail.Ru Group и сейчас занимается продвижением собственного проекта, о котором Широков предпочитает не распространяться.

За последующие семь лет социальная сеть «Мой круг » так и не приобрела высокой популярности среди пользователей интернета. Согласно статистике от TNS Russia , в прошлом году аудитория ресурса насчитывала порядка 1,2 миллиона человек, а в апреле 2015 ее численность упала до 811 тысяч.

Хорошо Плохо

Компания Google не имеет намерений запускать социальную сеть и становиться конкурентом Facebook. Об этом стало известно из заявлений представителей компании.

По некоторым данным корпорация Google заморозила все сделки, так или иначе связанные с развитием социальной сети Google +, как минимум до конца текущего года.

На Земле живет свыше шести миллиардов людей. Банально! Знать всех невозможно, и это тоже банальность. Однако "Мой круг" пытается опровергнуть приведенное утверждение и выдвигает тезис, что максимальная длина цепочки для знакомства двух любых людей на Земле составляет шесть рукопожатий. Итак, главная задача "Моего круга", как ее видят создатели, — это создание социальной сети, в которой люди могут общаться по хобби, профессиональным интересам, образованию, общему прошлому. Такой широкий круг возможных интересов привлекает большое количество пользователей, дает им возможность разнообразного поиска знакомых, партнеров, работодателей и работников, просто любителей поболтать в Сети. С другой стороны, такой разброс тематических направлений делает ресурс слишком объемным, недостаточно удобным в использовании и эклектичным в сравнении, например, с LinkedIn , который ориентирован на бизнес и карьеру.

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

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

Действия пользователя полностью логируются. Так что можно не вспоминать, посылал ли ты уже приглашение в свой круг или ответ на какую-нибудь тему. Достаточно войти в "Журнал действий", чтобы просмотреть архив своих активностей. Для особо активных пользователей сам архив разделен на закладки "Все", "Приглашения", "Вакансии" и "Другое". На последней закладке отображаются "наиболее значимые действия пользователя". Однако что к ним относится, не объясняется. Наверное, это знают старые опытные пользователи, которые уже совершили "значимые действия".

Какие круги могут стать моими

Сервис "Мой круг" многогранен. Его круги расположены в разных плоскостях. Есть круги профессиональные. Пользователь выбирает интересующие его тематики и становится доступен для коллег. И наоборот, перейдя в раздел по своему направлению, можно просмотреть, кто же еще находится в круге ваших профессиональных интересов. По каждому профессиональному кругу поддерживается свой форум. Однако краткий обзор даже наиболее популярных разделов показывает, что интенсивность обмена сообщениями в форуме небольшая. Так, на верхних строчках зачастую показаны сообщения вчерашние и даже двухдневной давности. Такая неторопливость отчасти компенсируется их содержательностью. В отличие от многих сетевых ресурсов здесь почти не встретишь ругани, бессмысленного выпячивания своего мнения и прочих малоприятных признаков участия в форуме "ради самого процесса". Очень интересная дизайнерская находка — зависимость размера шрифта темы от ее популярности. Например, самый популярный раздел "Музыка" отображается шрифтом 20 кеглей. Следующие по популярности — "Программирование", «LiveJournal», "Фотография" и "Путешествия". Наименее востребованы "Политика", "Активный отдых" и "Веб-дизайн".

Круги по интересам

"Мой круг" начал свое развитие в Сети, отталкиваясь от сообщества "Живого журнала", и неудивительно, что круг "ЖЖ" один из наиболее популярных. Так что наравне с одноклассниками, однокурсниками и коллегами можно найти друзей по "ЖЖ" и пригласить их в свой круг. Для этого достаточно подтвердить свой ник в "Живом журнале", и можно ссылаться на посты в "ЖЖ" под своим хорошо известным ником.

Каждый пользователь помимо собственно трех уровней кругов общения может построить и просмотреть свои круги по образованию, компаниям, городам, интересам, блогам и сайтам, книгам. По аналогии с личными эти круги можно построить только для себя, для пользователей своего первого круга и для сети в целом. Так что позиционирование "Моего круга" как социальной сети отчасти основывается на такой косвенной рекомендации интересов, книг, блогов. Дискуссии на интересующие темы строго структурированы и, как правило, корректны. К тому же немаловажно и то, что всегда можно посмотреть профиль автора и решить для себя, стоит ли считаться с его мнением или нет. Если автор поста усиленно скрывает свои профессиональные интересы, достижения и образование, а его круг ограничен одним контактом, то вряд ли его можно воспринимать всерьез. И напротив, человек, авторитетный в своем кругу, может рассчитывать на то, что к его мнению прислушаются. Оценивая новость, всегда есть возможность опереться на мнение других участников сообщества. Подобно структуре кругов по интересам, образованию и прочему, можно просмотреть отзывы своего круга, наиболее часто комментируемые темы.

Поиск вакансий в своем круге

Поиск вакансий как сервис произвел на меня самое слабое впечатление. Больше всего он напоминает обычный сайт поиска работы вроде «Охотников за головами » или раздела на одном из многочисленных форумов. Вакансии сортируются только по времени поступления, поэтому рядом находятся предложения о работе программиста и продавца мороженого, маркетолога и оператора банка. В каждой вакансии есть ссылка на компанию, как правило, "крупную международную". Только в большинстве случаев эта информация не заполняется автором поста и страница не содержит никакой информации о работодателе. Наконец, доступна лишь информация о профиле участника "Моего круга", который разместил вакансию. Хотелось бы надеяться, что по мере развития сервиса, который сейчас представлен в версии Beta 2, появится возможность получать отзывы о компании от других участников, давать ссылки на рекомендации членов своего круга, как это возможно, например, в LinkedIn. Удобной функцией является формирование резюме на основе профиля пользователя. Так что, если вы захотите откликнуться на вакансию, достаточно просто составить сопроводительное письмо. И не забыть проверить свой профиль, конечно.

Мой круг на моем сайте

Интересной возможностью "Моего круга" стал набор программных сервисов для веб-мастеров, которые дают возможность разместить сведения о своем круге и поддерживать общение непосредственно на собственном сайте. Разработчикам предоставлен WSDL-интерфейс, который можно скачать непосредственно с сайта , и набор базовых и расширенных функций API. Расширенный набор можно получить, пройдя регистрацию и получив уникальный код. Базовых функций три:

• getFirstCircle(code, login, password) — возвращает первый круг автора запроса. Результат представлен в виде списка, каждый элемент которого содержит информацию о человеке из первого круга: имя, фамилию, адрес электронной почты, количество людей в первом круге, ссылку на профиль в "Моем круге";
• getPerson(code, login, password, personId) — возвращает описание человека по заданному ID. В случае если человек, информация о котором запрашивается, находится в первом круге автора запроса, функция возвращает также контактную информацию человека — e-mail, список телефонов, номера интернет-пейджеров;
• invitePerson(code, login, password, targetEmail, targetFirstName, targetLastName, message) — позволяет отправить приглашение на адрес targetEmail человеку с именем targetFirstName и фамилией targetLastName, message — текст приглашения. Данная функция соответствует странице "Пригласить" и позволяет расширять первый круг без непосредственного посещения сайта системы.

Code — обязательный атрибут, уникальный код, который присваивается ресурсу при регистрации. Login — e-mail пользователя в "Моем круге", password — пароль. Таким образом, обращение с сайта к сервисам "Моего круга" может происходить как от имени автора сайта, так и от имени любого посетителя, если он укажет информацию своего аккаунта. Для соблюдения конфиденциальности веб-мастерам рекомендуется использовать безопасное подключение по протоколу SSL.

В общем, как говорилось в любимом фильме, "присоединяйтесь, барон!".