Коктейль — напиток, получаемый смешиванием нескольких жидкостей. Коктейли бывают алкогольные (в качестве одного или нескольких ингредиентов содержащие спиртные напитки) и безалкогольные.
Рецепты самых популярных картинок в виде иллюстраций (картинки ворованные).
Всем доброе утро! Работая над дизайном блога, и подправляя верстку, я заметил что атрибут font-size может быть задан четырьмя способами. Я и до этого не без труда справлялся с настройкой , а тут все стало совсем плохо. О том какой вариант значений выбрать и зачем они вообще нужно такое разнообразие и поведает данный пост.
Какая из этих четырех единиц лучше всего подходит для веб?
Вопрос это не простой и поиск окончательного ответа затруднен, поскольку вопрос сам по себе сложный.
1. «Ems» (em): «em» — это масштабируемая единица измерения, которая используется в веб-документах.
«em» равна текущему размеру шрифта (установленному в настройках), например, если font-size в документе 14pt, то 1em равен 14pt. Единица «em» масштабируема по своей природе, так 2em будет равен 28pt, 0.5em будет равна 7pt и т.д. Использование «em» очень популярно из-за масштабируемости и возможности применять в мобильных устройствах.
2. Pixels (px): «px» — это единица которая имеет фиксированный размер, используются на экранах.
Один пиксель равен одной точки на экране. Одна из проблем, с использованием px заключается в том, что эти единицы не позволяют изменять масштаб текста. Проблема в том что, к примеру, 18px на экране iPhone — совсем не читаемо, в то время как на ноутбуке очень даже подходящий размер.
3.
Points (pt): «pt» — это единица используются в печатных СМИ. Один «pt» равен 1 / 72 дюйма. «pt», все так же, как и «px», не могут масштабироваться из-за того, что имеют фиксированный размер единицы и.
4.
Percents (%): Единицы измерения в % похожи на «em», за исключением нескольких различий. Во-первых, текущий font-size равен 100% (т.е.
12pt = 100%). При использовании «%», ваш текст становится полностью масштабируемым для мобильных устройств и удобства пользователя.
Очень просто понять разницу между единицами, когда вы увидите их в действии. Как правило, 1em = 12pt = 16px = 100%.
Давайте посмотрим, что произойдет, когда вы увеличиваете базовый размер шрифта (с использованием CSS селектора body) от 100% до 120%.
Как вы можете видеть, «em» и «%» увеличили размер шрифта, в то время как «px» и «pt» этого не сделали. Установка абсолютного размера для вашего текста может быть простым делом, но гораздо лучше для ваших посетителей использовать масштабируемый текст, который может быть отображен на любом устройстве или любой машине. По этой причине, единицы «em» и «%» предпочтительнее в использовании для текста веб-документа.
Уже есно что единицы «px» и «pt», не лучшим образом подходят для веб-документов, что заставляет нас использовать «em» и «%».
В теории, единицы «em» и «%» являются идентичными, но на практике они имеют незначительные различия, которые важно учитывать.
В приведенном выше примере мы использовали в качестве базовой единицы font-size проценты (в тэге body). Если вы измените вашу базовую единицу font-size c «%» на «em» (то есть body {font-size: 1em;}), вы, должны бы не заметить разницы.
Давайте посмотрим, что происходит, когда «1em» является нашей базовой единицей, и когда пользователь меняет «Размер шрифта» в настройках своего браузера.
Когда в браузере клиента размер текста установлен в «средней», то незаметно никакой разницы между «em» и «%». Однако, если параметр изменять, разница становится очень большой. При установке «Smallest» «em» гораздо меньше, чем «%», а при установке «Largest» наоборот «em» отображается гораздо большим, чем «%».
И хотя многие утверждают, что единицы в «em» масштабируются так, как задумано, на практике текст в «em» масштабируется довольно резко.
В теории, единицы «em» — это новый и предстоящий стандарт размера шрифта в Интернете, но на практике, единицы в «%» позволяют отображать текст для пользователей более последовательно и читабельно. При смене параметров пользователя, текст в «%» изменялся в разумных пропорциях, что позволяет сохранить читаемость контента, доступность, и дизайн.
Наткнулся на интересную подборку призванную упростить работу с Фотошопом. В статье собрана выжимка самых классных приемов, которые смогут сэкономить ваше время.
Shift+Backspace вызовет диалоговое окно для заливки изображения. Alt+Shift+Backspace и Ctrl+Shift+Backspace зальет изображение цветом переднего плана и фона соответственно, но оставив при этом прозрачные места прозрачными.
верхний слой будет виден в рамках нижнего, нижний заменяет маску.
создатся альфа-канал только для выделенных областей.
Удерживая Shift+Alt объект легко переместить вдоль направляющих Grid.
создастся копия слоя. Удерживайте при перетаскивании нажатой Shift и содержимое слоя вставится четко по центру.
Нажмите Ctrl+Alt+T, это создаст копию точки и позволит ее трансформировать. Потяните за точку в центре трансформируемого объекта Pivot Point и установите ее четко по центру изображения, вверху впишите угол поворота 30 градусов и нажмите Ок. А теперь трюк…. Нажмите Ctrl+Shift+Alt+T 10 раз и Вы увидите что получится!
Как выделить один слой мы знаем из пункта 81, а добавить еще один слой в группу можно зажав Ctrl+Shift и сделав клик по части объекта, расположенному на другом слое.
Ubuntu 12.10
Ни для кого не секрет то, что новый релиз Ubuntu выпускается в апреле и октябре, то есть два раза в год. Хотя до выхода новой версии остались считанные дни, но, конечно же, хочется уже сейчас узнать, а что же нового компания Canonical приготовила нам на этот раз.
Во-первых, это интеграция вэб приложений.
В новой версии Ubuntu разработчики постарались внедрить самые популярные онлайн ресурсы непосредственно в графическую оболочку системы. Теперь любой пользователь получит возможность всегда быть в курсе всех событий за счет просмотра новостей и получая уведомления о поступивших новых сообщениях в соц-сети с помощью системы уведомлений самой системы. Также будет присутствовать возможность онлайн прослушивания музыки с использованием звукового меню Ubuntu. Эти возможности, несомненно, придутся по вкусу активным пользователям социальных сетей, сделав общение в них более комфортным.
Биржи фриланса
Вот и подоспела третья часть статей о заработке (Часть 1, Часть 2). Данный пост будет посвящен заработку на биржах фриланса.
Кто такой фрилансер? Все просто, фрилансер – это внештатный работник, нанимаемый единоразово для выполнения определённого перечня работ.
Фрилансеры – это дизайнеры, программисты и копирайтеры. открыть >
