Jimdo.com является одним из популярных сервисов для создания и размещения в Сети своего сайта, оптимально сочетая в себе бесплатность, простоту и отличную функциональность.
Информационные технологии настолько прочно вошли в нашу повседневную жизнь, что сегодня можно с уверенностью сказать, что «если вас нет в Интернете, то вас нет нигде». Особенно это касается различных общественных движений и гражданских инициатив, которые именно благодаря всемирной Сети могут привлекать новых сторонников, осуществлять благотворительные акции и пропагандировать свои идеи.
Таким образом, перед любой НКО рано или поздно встает вопрос о создании своего представительства в Интернете. Одним из способов решения этой задачи является обращение к одному из многочисленных онлайновых сервисов, позволяющих даже не искушенным в веб-строительстве людям создать, разместить и поддерживать свой сайт. Веб-конструктор Jimdo.com является одним из лучших сервисов в этой категории, оптимально сочетая в себе бесплатность, простоту и отличную функциональность.
Для начала использования сервиса необходимо пройти регистрацию, которая заключается в выборе адреса для будущего сайта и указании своего email. После этого на указанный вами адрес будут высланы данные, необходимые для входа и начала редактирования вашей страницы. Пока что она представляет собой пустой шаблон, который вам предстоит настроить под свои нужды и заполнить своим содержанием.
Начать стоит с настройки внешнего вида своего сайта. Сделать это можно с помощью выбора одного из предоставленных сервисом шаблонов. Здесь их действительно много и выполнены они профессиональными дизайнерами, так что подобрать оформление сайта по вкусу вполне можно. А если даже какой-либо отдельный элемент дизайна вас не устраивает, то всегда можно изменить его на другой.
После этого можно приступить к заполнению главной страницы своего сайта. В простом и удобном редакторе мы будем собирать свой сайт из отдельных элементов точно так же, как дети собирают конструктор.
Необходимо щелкнуть в нужном месте страницы по иконке с изображением значка плюс и в появившемся меню выбрать элемент, который вы хотите добавить. Здесь мы видим такие составляющие веб-страницы как заголовок, текст, таблица, изображение, видео-ролик, кнопки социальных сетей и многое другое. Добавленные блоки можно свободно перетаскивать по странице и размещать в нужном вам месте.
Разумеется, на одной странице разместить всю необходимую информацию у вас не получится, поэтому самое время обратиться к планированию структуры сайта и добавлению новых страниц. Для этого нам необходимо отредактировать навигационное меню и добавить туда названия новых страниц.
После того, как вы сориентировались в работе редактора страниц Jimdo, можно зайти в панель управления своим сайтом и выполнить все необходимые для его нормального функционирования настройки. А их тут очень много — начиная от изменения вида иконки сайта и до оптимизации для различных поисковых систем. Некоторые из этих настроек доступны только в платной версии, но большинство могут быть использованы и при бесплатном аккаунте.
Среди продвинутых функций сервиса Jimdo.com особое внимание стоит обратить на те опции, которые помогут вашему поисковому обнаружению. С помощью оптимизации сайта для поисковых машин вы сможете привлечь на свой сайт большее число посетителей, что будет в немалой степени способствовать успеху вашего общественного проекта или благотворительной акции. Для этого вы можете добавить ключевые слова и мета-теги, добавить альтернативное описание картинок, изменить название и описание страниц сайта и выполнить другие полезные шаги. Для контроля посещаемости сайта возможна интеграция счетчиков Google Analytics или Яндекс.Метрики.
Огромное значение для нормальной работы любого сайта имеет надежность и скорость серверов, на которых он размещен. С этим у Jimdo нет никаких проблем: предоставляемый хостинг работает практически без сбоев и обеспечит вашему сайту круглосуточное присутствие в Сети. Кстати, в бесплатной версии под сайт выделяется 500 Мб дискового пространства, что вполне достаточно для размещения даже самого насыщенного информацией проекта. А трафик вообще ничем не ограничен!
Таким образом, подытоживая вышесказанное, можно заключить, что онлайновый конструктор сайтов Jimdo.com является отличным выбором для создания и размещения в сети как небольшого сайта-визитки или извещения о разовой акции, так и полноценного онлайнового представительства вашего благотворительного фонда, гражданского проекта или некоммерческой организации. Для его использования от вас не потребуется никаких специальных знаний или значительных затрат времени, а результат превзойдет все ваши ожидания.
Самым действенным способом популяризации своих идей и целей является создание и публикация видеоклипов или рекламных роликов. Однако для создания профессионального видеоклипа требуется наличие актеров, осветительного оборудования, видеокамеры, режиссера, сценариста и многих других дорогих вещей, что многим общественным организациям может оказаться не по плечу.
Выходом в этом случае может быть создание анимационного ролика. Язык анимации понятен всем возрастным категориям, разным нациям и народам и позволяет в простой форме донести до максимально широкого круга людей ваши идеи. Одним из самых удобных сервисов для создания подобных роликов является Go! Animate, позволяющий любому человеку, даже не обладающему какими-либо профессиональными навыками, создать анимационный ролик по своему сценарию.
Для создания роликов с помощью Go! Animate необходимо создать свою учетную запись. Процесс это несложный и заключается в указании своего логина, почтового адреса и пароля. Вам на выбор предлагается несколько тарифных планов, в том числе и бесплатный, который вполне подойдет для знакомства с сервисом и создания простых роликов.
После регистрации и входа, можно приступать к творчеству. Редактор Go! Animate имеет два режима работы: «простой», который подойдет в том случае, если вам необходимо создать небольшой ролик, состоящий в основном из диалога двух персонажей и «полный», с помощью которого вы сможете воплотить в жизнь довольно сложные сценарии.
Если вы выберете первый вариант, то вам поможет простой и понятный пошаговый мастер. На каждом шаге этого руководства вы должны делать выбор из нескольких предлагаемых вариантов и в результате получите прекрасную анимированную сценку с вашими персонажами и диалогами. Вот так, например, могут выглядеть герои вашего ролика в защиту редких и вымирающих видов животных.
Совсем по-другому обстоят дела при выборе полноценного редактора. Здесь вы получаете гораздо больше возможностей для воплощения своих творческих замыслов, но и разобраться с этим инструментом немного сложнее.
Сначала вам будет предложено выбрать примерную тематику ролика. В соответствии с вашим выбором в редактор будут загружены соответствующий набор персонажей, фонов, звуков, переходов и так далее. Из этих элементов, как из кирпичиков, вы сможете создать свой ролик, состоящий из нескольких сцен, разных героев, с звуковыми эффектами и переходами.
Для выбора и добавления в вашу сцену разных персонажей, звуков, текстов и других элементов служит левая панель, разделенная на несколько вкладок по категориям контента. Вы просто выбираете нужный элемент и перетаскиваете его в рабочую область. При выделении какого-либо предмета тут же появляется окно его свойств, в котором вы можете изменить его внешний вид, размер, текст и другие характеристики. Длительность отображения разных сцен, момент появления и исчезновения разных персонажей и предметов настраивается на монтажной ленте, расположенной в нижней части окна редактора.
Чем глубже вы будете погружаться в изучение функций этого онлайнового редактора анимационных роликов, тем больше найдете возможностей для своего самовыражения. Так, вы можете управлять не только движениями и эмоциями своих персонажей, но и использовать анимированные «живые» фоны, богатую библиотеку шумовых эффектов и художественные фильтры. Для озвучивания своих героев можно применять не только нарисованные облачка с текстами, но и загруженные вами звуковые файлы или синтезированные компьютером голоса, среди которых имеются и русские.
Результаты вашего труда можно на любом этапе редактирования посмотреть во встроенном плеере. А когда вы посчитаете, что все готово, то ролик необходимо сохранить в галерее ресурса. Разумеется, вы захотите поделиться своим роликом с максимальным количеством зрителей. Для этого можно получить ссылку на созданный ролик, специальный код для встраивания его в любую страницу и, конечно, опубликовать его в Facebook и Twitter.
К сожалению бесплатная версия дает не очень много возможностей. Можно провести тестирование, но вот опубликовать свой ролик на своем сайте получиться только тогда, когда вы подпишитесь на премиум аккаунт. Но надо сказать, что стоимость этого сервиса вполне скромная $18 за три месяца.
IconArchive – каталог бесплатных иконок, которые помогут разнообразить визуальное оформление вашего проекта, сайта или презентации.
Мы живем в век жесткой конкуренции, когда любая, даже самая лучшая идея должна с боем доказывать свое право на существование. В этих условиях решающее значение для успеха может иметь каждая мелочь, в том числе и внешний вид вашего проекта. Какой бы идеальной ни была ваша программа или сайт, все равно первое мнение будет складываться из впечатлений от эргономики и дизайна.
Если пока вам не по карману услуги профессионального дизайнера, то можно воспользоваться на первых порах одним из архивов бесплатных изображений. IconArchive — один из них и посвящен он, как понятно из названия, сугубо иконкам.
IconArchive — это онлайновый каталог и поисковый сервис бесплатных иконок. В настоящее время в его базе насчитывается более 330 000 иконок как от профессиональных студий, так и просто талантливых цифровых художников. Вы сможете искать, коллекционировать, загружать понравившиеся вам работы. В основном, авторы разрешают совершенно свободно использовать иконки в некоммерческих проектах.
В Сети существуют и другие каталоги бесплатных иконок, но некоторые функции выделяют IconArchive из ряда конкурентов. Прежде всего, это возможность подбора изображений по цвету, отличная организация базы по категориям и тегам, мощная система фильтров, помогающая быстро найти требуемое изображение. Очень удобна также функция FavBar, позволяющая на лету откладывать подходящие вам иконки в область избранного, где в будущем вы сможете распределить их по проектам, поделиться с коллегами или загрузить.
Подводя итог, можно отметить, что IconArchive является одной из самых удобных и богатых коллекций бесплатного цифрового мини-арта. Не смотря на более чем почтенный возраст (сервису уже более 15 лет) IconArchive продолжает развиваться и совершенствоваться, постоянно вводя новые функции и ежедневно пополняя свою базу новыми «шедеврами». Так что, если вам необходимы красивые иконки для оформления своей программы, сайта или другого проекта, то здесь вы обязательно их найдете.
20 миллионов посетителей из 196 стран со своими историями, историями, касающимися частных случаев и глобальных происшествий. С помощью платформы Change.org каждый желающий может начать свою кампанию и изменить что-то в окружающем мире.
«Тысячи кампаний, запущенных на Change.org совершенно разными людьми, уже победили… …. Ежедневно авторы новых кампаний на Change.org одерживают свои победы».
Возможности и масштаб Change.org делают платформу одним из важнейших инструментов для журналистов. Разумеется, не все проблемы обсуждаются именно здесь, однако найти на сайте можно очень много интересного.
Как использовать Change.org
Первое, это, конечно, поиск. По тегу «Казахстан», например, сервис нашел множество и самых разных петиций на русском и даже английском языках.
Под каждой из них, обратите внимание, отображаются комментарии и количество собранных подписей. И это тоже может служить дополнительной информацией к материалу, обновляемой в режиме реального времени.
Петиции может подавать любой человек, а значит, у журналиста есть все шансы получить комментарий из первых рук, обратиться за мнением и к единомышленникам инициатора.
Список «Актуальных кампаний» на главной странице будет держать вас в курсе кампаний, идущх в настоящее время, пользующихся популярностью и поддержкой общества по всему миру.
Собственную петицию может составить и СМИ, а затем опубликовать на своем сайте для совместного обсуждения с сообществом, в твиттере или фейсбуке.
Истории участников проекта change.org часто заканчиваются победами, о них можно почитать здесь.
Если же у вас есть вопросы, вам требуется помощь, команда платформы готова оказать любую поддержку. http://help.change.org/home
Создатели Catapult верят в то, что должно существовать гендерное равенство. К сожалению, в настоящее время это не так, и множество женщин во всем мире находится в сложных условиях.
Фрагмент интерфейса сайта Catapult
При этом, организации, занимающиеся проектами, связанными с помощью женщинам, собирают примерно в два раза меньше средств, чем другие некоммерческие организации. Цель Catapult — изменить это. С помощью действий таких людей, как мы, Catapult стремится решить проблему гендерного неравенства во всем мире.
Как это работает?
Catapult связывает проекты, которым нужна помощь, и людей, которые готовы помогать.
Catapult делает все возможное для того, чтобы проекты, направленные на улучшение жизни женщин, могли найти поддержку и необходимое финансирование. Сервис работает очень просто:
Некоммерческие организации загружают проекты, которым требуется финансирование: описание, фотографии, истории, объясняющие цель проекта и то, к каким улучшениям он приведет. Воспользоваться сервисом может любая организация, загрузив соответствующиедокументы, если она зарегистрирована в своей стране как благотворительная организация. Если требуется какая-либо помощь в создании страницы проекта, можно в любое время связаться с командой Catapult. Использование Catapult совершенно бесплатно!
Вы выбираете проект, в который вы верите, поддерживаете его и рассказываете о нем в социальных сетях.
Проект получает финансирование и начинает существовать!
Команда
Catapult был разработан в 2011 году при поддержке некоммерческой организации Women Deliver, глобальная цель которой — улучшение здоровья девочек и женщин во всем мире. Маз Кесслер (Maz Kessler) и Джилл Шеффилд (Jill Sheffield), президент Women Deliver, создали Catapult как место, где каждый может инвестировать в помощь девочкам и женщинам и, таким образом, помочь в достижении гендерного равенства в мире.
Фрагмент интерфейса сайта Catapult
Кураторы
Кураторы Catapult — это культурные, политические, научные лидеры и лидеры некоммерческих организаций. Они выбирают проекты, которые им нравятся, и рассказывают о них своей аудитории, поощряя их поддержать проект.
Вы можете присоединиться к команде такого куратора — для этого нужно пожертвовать как минимум на один из рекомендованных куратором проектов. Вы сможете следить за избранными проектами кураторов, получать уведомления об обновлениях и находить новые проекты.
Кроме того, вы можете присоединиться к любой из множества команд на Catapult. Команды, как правило, состоят из друзей, коллег по работе и просто людей, разделяющих одни и те же интересы. Вы сможете обсуждать проекты и идеи со своей командой, а из ваших пожертвований будет складываться общий фонд команды.
Подарочные карты
На сайте Catapult вы можете купить подарочную карту, с помощью которой можно сделать пожертвование на любой из проектов. Вы просто отправляете подарочную карту по email своему другу или члену семьи, а он выбирает проект, которому хочет помочь.
Фрагмент интерфейса сайта Catapult
Поиск проекта
Благодаря удобной системе навигации на сайте, искать проекты очень просто. Иконки и разделение на категории помогут вам выбрать проекты, связанные с теми областями, которые вам особенно важны.
MapBox— это онлайн-сервис, предназначенный для создания и публикации своих собственных карт.
Всего десять лет назад картографические приложения были доступны только профессионалам и стоили немалых денег. Коренным образом изменил ситуацию неугомонный Google, запустив свой сервис Google Maps, совершенно свободно предоставляющий всем желающим самые подробные карты и спутниковые снимки. Сегодня у Google Maps имеются десятки последователей и конкурентов, которые в некоторых аспектах его превосходят. Например, сервис MapBox, который поможет вам создать свою собственную электронную карту или схему и опубликовать удобным вам способом.
Необходимость создания своей собственной карты может возникнуть перед вами в самых различных ситуациях. Возможно, вам понадобится опубликовать на сайте расположение своей организации и схемы проезда, социальные органы могут публиковать пункты оказания помощи или наоборот, «горячие точки», требующие внимания со стороны активистов. В любом случае, если у вас есть информация, которая лучше всего может быть воспринята в привязке к местоположению, то лучше всего это сделать с помощью сервиса MapBox. Все картографические данные сервис черпает из базы Open Street Map, так что за качество и достоверность карт можно не волноваться.
Для начала работы с сервисом необходимо пройти процесс регистрации. Затем заходим в свой профиль и щелчком по кнопке New Map запускаем редактор карт. Здесь, прежде всего, необходимо указать название своей карты и ее описание, а также указать какие органы управления будут отображаться (зумирование (приближение и отдаление), подсказки, легенда).
Редактор карт имеет несколько вкладок, переключаясь между которыми можно получать доступ к опциям изменения внешнего вида карт. Их описание займет слишком много места, да и разобраться с ними совсем не трудно. Отметим лишь, что немного поэкспериментировав с настройками вы сможете получить на выходе совершенно уникальную карту, наиболее полно отвечающую вашим требованиям.
После настройки дизайна вашей карты можно приступить к нанесению «точек интереса». Вам предоставляется возможность нанести сколько угодно различных маркеров, выбираемых из обширной библиотеки сервиса, а также снабдить их названиями и описанием. Сервис MapBox отлично поддерживает кириллицу, так что все названия на карте, а также ваши маркеры, будут совершенно понятны пользователям.
Когда вы закончите редактирование и добавление своей информации на карту, нажмите кнопку Save для ее сохранения. Затем можно перейти по ссылке Embed и получить ссылки и код для встраивания своей карты в сайт или блог. Вам достаточно только скопировать небольшой фрагмент кода и вставить его в нужное место на своей странице. Есть также возможность одним кликом опубликовать карту в Facebook и Twitter.
Сервис MapBox может пригодиться как индивидуальным пользователям, так и общественным организациям, которые ищут функциональный и одновременно простой инструмент для размещения в Интернете различной картографической информации.Бесплатная модель использования предусматривает наличие логотипа сервиса на вашей карте, ограничения по количеству просмотров и не предоставляет статистику использования.
Текст является главным способом передачи информации в Сети и, как следствие, одним из важнейших компонентов веб-сайта. Естественным и логичным при таком положении дел выглядит желание любого владельца сайта добиться того, чтобы его тексты были не только информативными и увлекательными, но еще и хорошо выглядели. Для этого современные технологии веб-дизайна и верстки предоставляют обширный арсенал инструментов. Сегодня мы поговорим о самом главном из них — шрифте и особенностях его применения на веб-сайтах.
Шрифт — не просто декоративный элемент на сайте. Помимо утилитарной функции визуализации текста он играет эстетическую и психологическую роль, оказывая влияние на все аспекты взаимодействия с пользователем. Красивый шрифт, отвечающей содержанию и эстетической задаче сайта, легко и приятно читать, в то время как некачественный или не удачно подобранный шрифт превращает чтение в испытание и оставляет у посетителя неприятное впечатление. Несколько примеров использования оригинальных шрифтовых решений в дизайне веб-сайтов некоммерческих организаций:
Фрагмент сайта 826 SeattleФрагмент сайта National Tank Truck Carriers
Теперь, когда положительный эффект, производимый красивыми шрифтами на сайте, стал нам очевидным, возникает резонный вопрос «так как же использовать нестандартные шрифты на сайте?». Ключ к ответу на него лежит в понимании принципа работы компьютерных шрифтов.
Компьютерный шрифт — это файл определенного формата, содержащий описание набора букв и знаков, который используется программой или операционной системой для отображения символов на экране. В этом (перефразирующем Википедию) определении содержатся несколько ключевых аспектов, которые потребуют нашего внимания при работе со шрифтами на веб-сайте.
Файл определенного формата. Файл шрифта, чтобы его могла использовать программа, с которой мы работаем, должен быть определенного «известного этой программе» формата. Форматов компьютерных шрифтов существует несколько, что автоматически порождает проблему совместимости. Все усилия по поиску и подбору шрифта сойдут на нет, если он не поддерживается программой, в которой просматривается текст.
Используется программой или ОС. Файл шрифта должен быть физически доступен системе, чтобы его можно было использовать для отображения текста. В условиях Интернета это — нетривиальная задача. Ведь сайт просматривается на множестве разных компьютеров, и мы вовсе не можем быть уверены, что на них есть необходимые шрифты.
Описание набора букв и знаков. Мы должны быть уверены, что шрифт содержит глифы, описывающие все символы в отображаемом тексте. Например, если мы будем пытаться отобразить русский текст с использованием шрифта, в котором отсутствуют кириллические глифы, у нас ничего не получится.
Применение для отображения символов. Необходимо иметь способ проинформировать программу, в которой осуществляется просмотр текста, о том, какая именно его часть должна отображаться с использованием того или иного шрифта.
Теперь, когда мы ясно видим перед собой проблемы,связанные с использованием шрифтов на веб-сайтах, давайте посмотрим как же современная веб-верстка справляется с их решением.
Поиск шрифта для веб-сайта
Самая первая задача, которую нам необходимо решить, это — найти и выбрать подходящий шрифт и убедиться, что:
он поддерживает нужный язык (в частности, русский)
лицензия шрифта допускает его использование на веб-сайте
В этом нам могут помочь различные онлайн библиотеки, содержащие как коммерческие, так и бесплатные шрифты, и предоставляющие средства их поиска, просмотра и тестирования.
MyFonts — крупнейшая онлайн библиотека шрифтов, предоставляет удобную систему поиска с подробной информацией о каждом шрифтовом семействе и возможностью скачать или приобрести выбранные варианты.
Google Webfonts — библиотека свободно-распространяемых шрифтов, созданная компанией Google, все шрифты из данной коллекции могут быть свободно использованы на любых сайтах, при этом Google также предоставляет простой интерфейс для их встраивания.
Adobe Edge Web Fonts — аналогичный сервис от Adobe, содержащий большой каталог свободно-доступных шрифтов, средства поиска и тестирования, возможность встраивания в сайт.
free.type.org.ua — пополняемая коллекция свободно-распространяемых шрифтов с поддержкой кириллицы.
Если в названии шрифта его кириллическая сущность не указана явно (например, Museo Sans Cyrillic), то чтобы убедиться в поддержке русского языка, необходимо либо просмотреть таблицу содержащихся в нем символов, либо попробовать что-нибудь им написать. Некоторые онлайн библиотеки предоставляют такую возможность, альтернативно можно использовать сервисы для тестирования шрифтов, например:
Typetester — тестирование и сравнение шрифтов, путем просмотра тестового текста с настраиваемыми параметрами, такими как размер кегля, межстрочное расстояние и т.п.
Wordmark — простой сервис тестирования шрифтов, установленных на компьютере, посредством отображения тестовой фразы, которую ввел посетитель
Шрифт можно использовать на сайте, только в случае если лицензионное соглашение (EULA) приобретенная у дизайнера или агентства разрешает это. Многие производители шрифтов (в том числе и кириллических, например, ParaType) предоставляют такую лицензию. В качестве альтернативы покупки веб-лицензии шрифта у отдельного агентства, выступают сервисы встраиваемых шрифтов (Web Font Embedding Services). Они представляют собой по сути удаленные библиотеки шрифтов, дающие своим клиентам возможность подгружать шрифты и встраивать их в свои сайты за некоторую абонентскую плату (обзор сервисов встраивания). Наиболее популярные среди них:
Однако все эти сервисы в силу своего происхождения ориентированы в первую очередь на зарубежный (использующий латиницу) рынок и количество шрифтов, поддерживающих кириллицу, у них невелико. Цена же подписки на эти сервисы достаточно высока и может быть признана неоправданной для отдельного некоммерческого проекта. Достойной альтернативой им служит использование свободно-распространяемых шрифтов, например из уже упоминавшихся Google Webfonts или Adobe Edge Web Fonts, а также предоставляемых отдельными дизайнерами или агентствами (подробнее о проблеме лицензирования шрифтов для веб рассказывает статья A List Apart).
Форматы шрифтов для веб
Существуют несколько форматов десктопных и веб-шрифтов, по-разному проявляющих себя в разных системах и предназначенных для решения разных задач. Применительно к веб-сайтам нас будут интересовать следующие форматы:
TTF — TrueType — формат компьютерных шрифтов, разработанный фирмой Apple в конце 1980-х годов, сейчас используется компаниями Apple и Microsoft в своих операционных системах. Файлы шрифтов имеют расширение .ttf.
OTF — OpenType — формат файла шрифтов разработанный совместно Microsoft и Adobe для применения в своих операционных системах. OpenType обладает большими по сравнению с TrueType возможностями до печатной подготовки и поддерживает больший набор символов при меньшем размере файла. Кроссплатформенность OpenType достигается за счет включения в один файл и Windows и Mac OS-версий данного шрифта. Файлы шрифтов имеют расширение .ttf или .otf.
EOT — Embedded OpenType — компактный формат внедряемых в веб страницы OpenType шрифтов разработанный Microsoft. Файлы таких шрифтов обычно имеют расширение .eot. Формат Embedded OpenType проприетарный и поддерживается исключительно браузером Internet Explorer.
WOFF — Web Open Font Format — формат сжатого шрифта OpenType или TrueType, представляет собой что-то вроде контейнера, который содержит в себе оригинальные шрифты в формате OpenType или TrueType. При этом исходные шрифты сжимаются для удобства передачи и сопровождаются рядом данных, которые может добавить разработчик шрифта.
SVG — Scalable Vector Graphics — язык разметки масштабируемой векторной графики, в с помощью которого можно описать и представление шрифта.
Веб-сайты просматриваются посетителями с использованием различных браузеров, которые в свою очередь функционируют в различных операционных системах (Windows, Mac OS, Linux, Android, iOS и т.п.). Используя нестандартный шрифт, мы должны обеспечить его отображение в большинстве (в идеале во всех) случаях. Так как ни один из указанных вариантов не является полностью кросс-платформенным, их придется использовать несколько, чтобы решить эту задачу. Обычно рекомендуется иметь следующую комбинацию форматов для установки на сайт: TTF, WOFF, EOT, SVG. Имея шрифт TTF или OTF можно конвертировать его, используя, например, генератор Fontsquirrel — сервис позволяет загрузить шрифт и конвертировать его в необходимые форматы. Кроме этого, он генерирует код CSS, который можно использовать для последующей установки шрифтов на сайт.
При использовании библиотеки Google или Adobe Edge — можно не беспокоится о форматах. Предоставляемый компаниями программный сервис определяет поддержку шрифта в большинстве случаев.
Встраивание шрифтов в сайт
Сама возможность встраивать шрифты для использования на сайте (подобно тому как мы встраиваем изображения или видео) обеспечивается языком стилей CSS, который отвечает за оформление всех элементов на странице, в том числе и текста. Уже на ранних этапах развития этой технологии существовала возможность указать, какой шрифт должен использоваться для отображения того или иного элемента. Однако при этом предполагалось, что указанный шрифт должен быть установлен на компьютере пользователя. Как вариант «страховки» на случай отсутствия конкретного шрифта — существовала возможность задать несколько шрифтов в порядке «приоритетности», с тем чтобы система последовательно выполнина поиск и использовала первый найденный вариант из списка. Такой подход породил концепцию безопасных для веб шрифтов (web save fonts) — некоторого набора шрифтов, которые с большой долей вероятности установлены на компьютерах пользователей, так как, например, входят в комплект поставки ОС или просто пользуются большой популярностью.
Статистику «распространения» таких шрифтов можно увидеть с помощью сервисаcssfontstack.com, который также помогает сконструировать последовательность «страховочных» шрифтов для каждого из них.
Соответственно, все возможности веб-типографики того периода были сосредоточены в десятке шрифтов, которые входили в состав «безопасного» набора. Однако с развитием CSS появилась возможность «встраивать» шрифты в сайт, т.е. размещать файл шрифта вместе с другим содержимым сайта на сервере и ссылаться на него в коде шаблонов с тем, чтобы он загружался браузером при просмотре сайта и таким образом становился доступным для использования на компьютере пользователя. Это достигается с помощью директивы @font-face, она поддерживается большинством современных браузеров и используется на все большем числе сайтов. Но и при ее использовании не следует забывать указывать «страховочные» варианты шрифтов, которые могут быть использованы в случаях, когда основной шрифт по какой-то причине оказался недоступным. Итак,встраиваем шрифт, расположенный на собственном сервере.
Находим нужный шрифт в формате TTF или OTF, проверяем, поддерживает ли он нужный нам язык.
1. Скачиваем создаваемый генератором @font-face-пакет, который включает в себя файлы шрифтов (их необходимо разместить на сервере, вместе с другими элементами шаблона) и заготовку @font-faceправила, которое необходимо разместить в самом начале файла стилей на своем сайте, убедившись, что пути к файлам шрифтов в нем указаны верно.
2. Указываем в стилях, к каким элементам должен быть применен встроенный шрифт с помощью регулярного CSS синтаксиса.
СSS правило для применения шрифта к элементу текста
Наслаждаемся произведенным эффектом. Можем также несколько упростить себе задачуиспользуя сторонний сервис для загрузки шрифтов, например Google Webfonts.
Выбираем шрифт в библиотеке и проверяем, поддерживает ли он нужный язык.
В режиме «быстрого использования» выбираем необходимый нам вариант начертания и наборы символов, которые необходимо поддерживать. Чем больше вариантов мы захотим использовать, тем «тяжелее» файл шрифта и как следствие больше время его загрузки. Поэтому не выбирайте лишнего.
Копируем генерируемый системой код и вставляем его в код шаблона сайта между тэгами <head></head> перед другими ссылками на .css файлы.
Указываем в стилях, к каким элементам должен быть применен встроенный шрифт с помощью регулярного CSS синтаксиса, также как и в предыдущем случае.
Платой за возможность использования нестандартных шрифтов является падение производительности — сайт дольше загружается, ему требуется больше вычислительных ресурсов и т.п. Поэтому не рекомендуется использовать много нестандартных шрифтов на одной странице, а также применять их к основному тексту, ограничившись отдельными элементами дизайна, такими как заголовки или элементы навигации (подробнее о проблеме производительности при использовании встроенных шрифтов можно прочесть на Хабре).
В завершении нашей беседы о практическом использовании веб-шрифтов на сайте — несколько подборок сайтов, отводящих веб-шрифтам ключевую роль
Audacity — это бесплатный многодорожечный редактор звуковых файлов, обладающий всем самым необходимым для успешной работы со звуком.
Как говорят всезнающие ученые, человек получает до 20% информации именно через слух. Поэтому необходимо уделять должное внимание этой составляющей в своих проектах. Использование плохого звука может испортить даже самое интересное интервью, сведет на нет гений композитора или исказит смысл вашей презентации. Выбор правильных инструментов для работы со звуком имеет огромное значение для журналистов, докладчиков, создателей аудио-визуального контента. Одним из лучших из них является редактор Audacity.
Audacity — это бесплатный многодорожечный редактор звуковых файлов, разрабатываемый и поддерживаемый на условиях свободной лицензии GNU. Для начала работы с программой необходимо скачать и установить ее с официального сайта. Есть также портабельная версия, распространяемая в формате zip-архива. Вы можете использовать Audacity в операционных системах Windows, Linux и MacOS.
Audacity позволяет открывать для редактирования уже существующие файлы в форматах WAV, MP3, OGG, FLAC, а также создавать свои звуковые дорожки путем записи с микрофона, линейного входа и других источников. Полученные данные сразу же отображаются в основном окне программы в виде дорожек с звуковыми волнами.
С помощью программы можно выполнять огромное количество различных операций, причем ее функциональность может быть значительно расширена с помощью специальных плагинов. К самым общим и наиболее употребимым возможностям программы относятся:
операции вырезания, копирования, вставки и удаления фрагментов звуковых файлов;
изменение и сведение неограниченного числа дорожек;
изменение темпа с сохранением высоты тона и наоборот;
наложение многочисленных эффектов, в том числе реверберации, компрессии, плавного нарастания и затухания и так далее;
Если вы являетесь журналистом, звукооператором, редакторм программ, но не имеете возможности использовать сложные дорогие коммерческие продукты, то звуковой редакторAudacity является лучшим выбором в этой ситуации. Мощный, стабильный, достаточно функциональный и совершенно бесплатный, он станет вашим надежным помощником при необходимости качественно донести звуковые колебания до ваших слушателей.
Журнал «Сноб» и Digital October представляют прямую трансляцию известной научно-популярной конференции TED, которая пройдет в Лонг-Бич с 26 февраля по 1 марта.
Конференция будет состоять из 70 выступлений, посвященных бизнесу, науке, искусству, политике, экономике, современным технологиям и многим другим темам. В списке выступающих — знаменитые предприниматели, писатели, ученые, музыканты, политики — люди, чьи идеи и проекты меняют мир уже сейчас.
Трансляции будут вестись в Digital October четыре ночи подряд с 20:00 вечера до 6:45 утра. Конференция идет на английском языке (возможен синхронный перевод на русский язык).
В перерывах выступят российские докладчики — известные предприниматели, ученые, общественные деятели. Узнать обо всех выступающих и темах их докладов можно здесь. Информация о российских докладчиках появится чуть позже.
Зарегистрироваться на мероприятие вы можете здесь.
13 февраля 2013 года жюри Международного общества газетных дизайнеров (SND) определило СМИ с лучшим газетным дизайном.
В этом году жюри отметило, что многие американские газеты, после десятилетий обсуждения трендов в газетном дизайне, до сих пор очень мало внимания уделяют внутренним страницам. Если с первыми полосами у многих изданий все в порядке, то на внутренних полосах зачастую творится хаос.
Другая тревожная тенденция — отсутствие иллюстраций и особенно графической информации во многих газетах. Это странно при столь высокой конкуренции с онлайн-изданиями, где визуальный компонент используется очень активно.
Вместе с тем было отмечено, что редакции стали использовать оригинальные и инновационные инструменты в дизайне печатных СМИ. Есть даже примеры интеграции технологий дополненной реальности. Порадовали издания Ближнего Востока, где за последний год многие газеты сменили дизайн на более современный. А вот азиатские СМИ копируют американский опыт в дизайне. Не всегда успешно.
