Самые интересные статьи

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

Как сделать заставку для видео

Заставка для видеоЗдравствуйте, друзья. Занимаясь бизнесом в интернете рано или поздно возникает вопрос: как сделать заставку для видео. Способов для этого великое множество, но это можно сделать по разному. Смотря какого результата вы хотите добиться. Если вы хотите сделать заставку абы как, то есть чтобы она просто была, то это то так сложно, а если подойти к этому делу профессионально, а уж тем более, если вы серьезно подходите развитию своего бизнеса, то и инструменты, соответственно нужно подбирать профессиональные.

Меня тоже волнует такой вопрос как сделать заставку для видео и мне хочется, чтобы все выглядело идеально и очень качественно. И я знаю с помощью чего можно добиться такого результата, который вас будет устраивать. Во-первых, можно обратиться за помощью к специалистам по этим вопросам. В принципе, многие интернет предприниматели так и делают, но можно это делать и самому, изучив одну интересную программу и делать видео заставки бесплатно. Одна из них называется Adobe After Effects.

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

Аудиозапись: Adobe Flash Player (версия 9 или выше) требуется для воспроизведения этой аудиозаписи. Скачать последнюю версию здесь. К тому же, в Вашем браузере должен быть включен JavaScript.

Что такое франшиза

ФраншизаЗдравствуйте, друзья. Если вы не знаете, что такое франшиза, то сейчас все поймете. Если коротко, то это покупка готового бизнеса. Другими словами — покупка прав на использование какого-либо бренда. давайте за пример возьмем такой вид бизнеса, как пиццерия. То есть сеть из торговых точек. Если вы желаете работать под их товарной маркой, то нужно заплатить определенную сумму за уникальную технологию, которую они предлагают.

Как-то давненько я интересовался, что такое франшиза, но на тот момент понял, что это слишком серьезный бизнес для меня, который требует колоссальных вложений. И так, как таких денег не было, я благополучно забыл об этой теме. Но пришло время вернуться к ней опять. Бизнес по франшизе весьма заманчив и прибылен. Все зависит конечно от раскрученности бренда. Если брать за пример такого гиганта, как adidas, то сомнений не возникает совершенно. Их товары очень популярны.

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

Что такое твердотельный накопитель SSD, его цена, преимущества и недостатки

Что такое твердотельный жесткий диск SSD, его цена, преимущества и недостаткиЗдравствуйте, уважаемые читатели. Что такое твердотельный накопитель SSD или, как его еще называют- жесткий диск, какова его стоимость, плюсы и минусы. На этот вопрос постараюсь ответить в этом посте. Во-первых, SSD, в отличии от HDD, это совершенно другая технология. SSD — Solid State Drive, так и переводится — твердотельный накопитель. Чтобы понять, что это такое, можно привести сравнение с обычной флешкой, то есть в этом устройстве находится микросхема в отличии от того же привычного нам жесткого диска. Посмотрите на ряд преимуществ:

  • Высокая скорость передачи и записи данных
  • Очень большой срок службы
  • Абсолютная бесшумность в работе (нет движущихся частей)
  • Не нагревается даже на пике активности
  • Небольшие размеры по сравнению с HDD

Недостатки твердотельного накопителя

  • Высокая стоимость
  • Небольшие объемы памяти

А теперь об этом более подробнее. Конечно список плюсов подкупает. Кстати, сейчас уже SSD диски есть в новых ноутбуках, но они идут как дополнительная память, а основной все тот же жесткий диск. Есть так же внешние твердотельные накопители для ПК. Если у вас уже возникло желание его купить, то всего один его минут может отбить все желание. Это его цена. Чтобы вы понимали о каких суммах идет речь, вот скриншот из одного интернет-магазина, где они продаются:

OCZ-Octane-SSD-1TB

Это SSD на 1 тб. Теперь вы понимаете, сколько можно купить на эту сумму жестких дисков? 🙂 Я лишь вкратце рассказал вам, что такое твердотельный накопитель, но чтобы его выбрать, нужно наверное исходить из емкости, которую вам нужна. От нее как раз и зависит цена.

Марафон на блоге. 50 статей за месяц своими силами

Печатная машинкаЗдравствуйте, дорогие друзья. Пока не знаю, на сколько я оценил свои силы, но решил устроить марафон на блоге и, как вы уже поняли из заголовка, написать 50 статей за май месяц. Что меня на это побудило? Просто в мае у меня планируется больше свободного времени и к тому же ничего подобного я еще не делал. Самое большое количество статей я написал в этом апреле, получилось порядка 25-ти статей. Несколько из которых были раскиданы по другим месяцам, дабы восполнить пробелы. Планирую тем самым привлечь больше трафика на сайт и дополнительно заработать на Gogetlinks какую-то сумму, которая лишней не будет. К тому же поисковые системы любят, когда на сайтах часто обновляется контент. Все это пойдет только на пользу. Но просто писать статьи — это одно, а вот писать интересные статьи, которые будут полезны людям — это совсем другое дело. Здесь приходится максимально сосредоточиться.

Какие трудности меня ждут

Этот марафон на блоге будет не прост. Главная трудность состоит в том, что основное время уходит не написание самих статей, а на подготовку к публикации. Другими словами — сначала нужно определиться с темой статьи. Проанализировать поисковые запросы на данную тему и понять, на сколько она актуальна, а так же какую пользу может принести читателям. В апреле 2013 было написано не мало качественных, полезных статей, потому, как на эти статьи с поисковых систем стал идти трафик. Заодно и посмотрим, сколько трафика смогут принести эти 50 статей.

Возможно конечно, что я переоценил свои силы, но время покажет, итоги будем подводить в конце месяца. Я напишу подробную статью о том, сколько статей получилось написать, с какими дополнительными трудностями пришлось столкнуться (я уверен, что они будут 🙂 ), сколько удалось заработать на ссылках и сколько трафика было привлечено с поисковых систем. Так что если вам интересно, рекомендую подписаться на рассылку, своих подписчиков я буду оповещать первыми. И если вас не затруднит, то поделитесь этой записью в социальных сетях. Спасибо.

Полупрозрачные элементы в веб-дизайне с использованием альфа канала

Прозрачность в веб-дизайне

Здравствуйте, уважаемые читатели блога SerBlog.ru. В этой статье будет небольшой экскурс в мир современного веб-дизайна. А именно о том, как делать различные элементы на страницах сайта с эффектом прозрачности. Для начала поговорим о свойстве opacity, которое появилось в CSS-3. Это свойство придает элементам прозрачность от 0 до 1. 0 — полная прозрачность, 1 — не прозрачный, 0.5 — полупрозрачный. Например если посмотреть на футер моего блога и навести курсор на изображение дома, то он частично станет прозрачным. Здесь как раз работает свойство opacity. Но тут есть одно, но очень большое НО. Прозрачность свойства opacity передается дочерним элементам. То есть, если вы захотели сделать какой-то блок на странице полупрозрачным, то ко всем элементам, находящимся внутри этого блока тоже будет применено это свойство. Давайте рассмотрим на примере.

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

Создадим HTML страницу. Фоном установим картинку, чтобы прозрачность была более заметна. Создадим блок шириной 500 пикселей и высотой- 300. Цвет блока будем использовать в формате RGB. Об этом немного написано в этой статье. Рассмотрим код:

1
2
3
4
5
6
7
8
9
10
11
12
< !DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Эффект прозрачности с с использованием свойства opacity</title>
<link href="style.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<div id="block"><h1>Полупрозрачный элемент с использованием свойства: opacity</h1></div>
<div class=""></div>
</body>
</html>

Теперь пишем CSS.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
body, html
{
margin:0;
padding:0; /* Убираем отступы */
background:url(bg.png); /* Фоновая картинка */
font-family:sans-serif; /*Семейство шрифта */
}
#blok
{
width:500px; /* Ширина блока */
height:300px; /* Высота блока */
background:rgb(255, 252, 204); /* Цвет фона блока */
opacity:0.4; /* Прозрачность блока */
margin:100px auto 0; /* Выравнивание блока посередине*/
border-radius:10px; /* Скругление углов */
text-align:center; /* Выравнивание текста по центру */
box-shadow: 0 0 5px 2px #555; /* Тень блока */
}
#blok:hover /* Эффект при наведении курсора */
{
background:rgb(255, 252, 204); /* Фоновый цвет */
opacity:0.7; /* Прозрачность блока */
}
h1
{
color:rgb(0, 0, 0); /* Цвет текста */
text-shadow:1px 1px 0 #fff; /* Тень текста */
font-size:2,54sm; /* Размер текста */
}


Надеюсь, что вам понятно, что я написал в комментариях CSS. Теперь посмотрим, что у нас из этого получилось.
Демо

Как видно в примере, текст, находящийся в блоке принял на себя свойство прозрачности родителя, то есть блока. Это и есть тот самый минус, о котором я говорил. И что самое плохое, поделать с этим ничего нельзя. пока никакого решения этой проблемы нет. Теперь рассмотрим второй способ. Он более привлекателен, потому, как не имеет подобных ограничений. Этот способ подразумевает использование так называемого альфа канала.

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

Для примера создадим еще одну страницу. Можно просто скопировать все то же из первой HTML страницы. В CSS убираем свойство opacity. И пишем значение прозрачности с применением альфа канала.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
#blok
{
width:500px;
height:300px;
background:rgba(255, 252, 204, 0.4); /* Использование альфа канала */
margin:100px auto 0 ;
border-radius:10px;
text-align:center;
box-shadow: 0 0 5px 2px #555;
}
#blok:hover
{
background:rgba(255, 252, 204, 0.7); /* Использование альфа канала */
}

Как вы уже заметили, применение альфа канала не такое уж сложное. То же самое, что и применение цвета методом RGB. Только добавляем еще букву «А» и через запятую уровень прозрачности. Работает точно так же, как и с opacity, от 0 до 1. Можно кстати писать и десятичные значения, только нужно будет убрать ноль, а точку оставить и писать примерно так: (255, 252, 204, .85) Давайте посмотрим пример:

Демо

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

СКАЧАТЬ