Архивы по Категориям: Веб-дизайн - Page 2

Новый интерфейс YouTube

Новый интерфейс YouTubeУ сайта видеохостинга YouTube.com новый интерфейс (крайний раз это было в декабре). Теперь у неопытных пользователей Интернета снова началась паника: "Где брать код для вставки видео YouTube!"

На самом деле всё совсем не сложно - принцип настройки и получения кода для размещения видео YouTube на других сайтах или в блогах остался прежним, поменялись немного только кнопочки и меню. См. пост: Размещение видео YouTube на сайте.

Чтобы получить код видео YouTube для сайта, нужно под плеером в горизонтальном меню нажать кнопку "Поделиться", выбрать "Сгенерировать HTML-код", выбрать размер или указать свой через пункт меню "Другой", настроить показ похожих видео, использование HTTPS и режима повышенной конфиденциальности. Затем скопировать iframe-код (теперь старый html-код стал недоступен).
Читать полностью »

Новый дизайн Twitter, как поделиться ссылкой и написать букву ё

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

Twitter сейчас – это самый оперативный источник информации и… сплетен, конечно. Поэтому там тусуются сотни миллионов людей – известных и совсем никому не знакомых.

Каждый из пользователей что-то «щебечет»… И хочется, чтобы чтение проходило максимально комфортно.
Читать полностью »

Microsoft сменил свой логотип

Новый логотип Microsoft

Microsoft поменял логотип, в новом использован один из моих любимых шрифтов Segoe.

Нынешний логотип – пятый за историю компании. Ниже в посте представлены все логотипы Microsoft, начиная с 1975 года.
Читать полностью »

Простое создание эффекта Tilt Shift

Простое создание эффекта Tilt ShiftТехника Tilt Shift, которая создает эффект миниатюрности на фото, уже представлялась в моем дневнике.

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

Этот эффект достигается с помощью специальных объективов для камеры, но легко имитируется и в программе Photoshop. В апреле 2010 года был урок для Photoshop CS3 «Эффект миниатюрного фото». Но на дворе уже 2012-й год, а на компьютере Photoshop CS6, в котором для создания популярного эффекта Tilt Shift предусмотрена совсем простая в использовании опция-фильтр «Наклон-смещение» (рус.).
Читать полностью »

Самые популярные шрифты в веб-дизайне

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

Томаса Лауринавичуса (Tomas Laurinavicius) заинтересовало, какие шрифты любят использовать веб-дизайнеры.

Он провел небольшое исследование для выявления самых популярных и любимых шрифтов среди создателей дизайна сайтов.

Кроме того, он взял короткое интервью у веб-дизайнеров с целью узнать, какой шрифт наиболее подходит в определенной ситуации. Результатами своего опроса Томас поделился на сайте hongkiat.com.

Читать полностью »

Как установить счетчик Liveinternet на сайт

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

Некоторые предпочитают mail.ru или другие счетчики для сайтов, я устанавливаю информер статистики Liveinternet.ru. Статистика простая, не перезагружена данными - всё предельно понятно и информативно. В статистике можно увидеть и количество посетителей, и просмотренные ими страницы, и пути по сайту, и откуда они пришли, и даже разрешение их монитора. А также многое-многое другое.

В этом посте я постараюсь кратко и максимально наглядно показать, как зарегистрировать блог в сервисе статистики, как настроить код картинки-информера, как его установить в блоге... Позже, возможно, рассмотрим детально саму статистику: что в ней есть и на что нужно обращать особое внимание.

Читать полностью »

Устранение проблемы со смайлами

Устранение проблемы со смайламиЯ, как и блогер dimox, отключаю в настройках WordPress автоматическое преобразование текстовых смайлов в графические.

Но некоторые любят погорячее украфаль тексты записей и комментариев смешными рожицами.Иногда картинки-смайлики своими размерами превосходят шрифт, и тогда строки текста разъезжаются вверх-вниз, увеличивая интервалы, что совсем не айс.
Читать полностью »

Как сделать форму комментария с примером текста

Пример текста в комментарии WordPressНаверное, вы замечали, что в некоторых формах для комментирования или отправки сообщения уже написан какой-то текст в качестве примера.

Недавно рассказывал о смешных надписях ВКонтакте при удалении своей странички.

Не во всех темах WordPress это есть, но добавить текст-пример самому очень просто.

В моем шаблоне, теме WordPress (Unit) добавлена фраза «Ваш комментарий к предложенной заметке...».
Читать полностью »

Настройка оформления своего канала YouTube

Настройка оформления своего канала YouTubeПродолжаю переносить и обновлять свои записи из других блогов. Сегодня объединю два сообщения и вспомню, как настроить свою страничку или канал на сайте YouTube.

Миллионы пользователей самого популярного видеохостинга хотят настроить внешний вид своей странички на YouTube.com – установить свой фон или загрузить свою картинку аватарку. YouTube имеет большое количество настроек и сейчас коротко расскажу о них на примере оформления внешнего вида, дизайна канала (загрузка своей аватарки и установка своего фона страницы YouTube).
Читать полностью »

Раскладка картинок на листе

Раскладка картинок на листе. Создание листа с превьюИногда появляется необходимость сделать раскладку картинок на листе. Особенно часто создается лист с превью, когда что-то предлагается к скачиванию и нужно показать все или часть изображений (файлов), входящих в набор. Можно также создавать фон из разложенных фотографий или рисунков.

Я использую для этих целей или Photoshop, или отличную программу PhotoScape. В этой статье речь пойдет о том, как создать лист с превью в Adobe Photoshop. Расскажу о самом простом способе – раскладка картинок на листе с помощью автоматического процесс (скрипта) Contact Sheet II.
Читать полностью »

Стр. 2 из 3