сентября 30, 2013

Внутренняя перелинковка: важный механизм оптимизации сайта


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

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

Сегодня мы узнаем, как грамотно сделать внутреннюю перелинковку страниц сайта.

ноября 26, 2012

ПростоПлеер выпустил свое расширение для Chrome

Меломаны всея Руси! Возрадуйтесь!

Популярный online-плеер для прослушивания mp3 файлов ПростоПлеер, простой и удобный сервис, расширил свой функционал, выпустив в свет расширение для браузера Chrome.

Все друзья! Теперь никаких ограничений в 15 треков на сайте ProstoPleer.com. Забудьте,  не надо искать обходные пути и решения этой проблемы. Новое расширение для Chrome позволяет прослушивать и скачивать любимую музыку без ограничений, и совершенно бесплатно.

октября 27, 2012

Музыкальные онлайн сервисы для поиска, прослушивания и бесплатного скачивания музыки mp3.


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

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

октября 11, 2012

Бесплатные видеоуроки - дизайн сайта, верстка и установка на CMS WordPress


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

В этих видеоуроках авторы собрали для Вас все наиболее важные составляющие для успешной работы над дизайном сайта! Те навыки, которые Вы получите после изучения данных видеоуроков, позволят Вам стать настоящим мастером веб-дизайна.

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

июня 24, 2012

Отличный онлайн-генератор кнопок CSS3

Разрабатывая дизайн веб-проекта, неминуемо возникает потребность подбора элементов управления. В частности очень важно, чтобы эти самые элементы, четко вписывались в общий план всей структуры сайта.
Неотъемлемой частью любого сайта или блога являются различного рода кнопки. Можно конечно обойтись и без них, используя простейшие текстовые ссылки, но это не всегда оправдано в плане привлечения внимания пользователей, да и с эстетической точки зрения, наличие кнопок, делает сайт визуально привлекательней. Главное не переусердствовать  и использовать элементы управления в виде кнопок по назначению и в меру.

июня 04, 2012

Веб-приложения: Качаем видео и музыку с YouTube, RuTube, Mail.ru, ВКонтакте и других

Веб-приложения
Все так или иначе, когда нибудь что либо скачивают. А что скачивают чаще всего из интернета? Правильно, разного рода программы, документы, видео и аудио файлы, без устали и перерыва на обед, качают с файлообменников,  сливают данные из облачных файлохранилищ, да и вообще отовсюду от куда только можно. Но вот когда появляется непреодолимое желание скачать понравившийся видео-ролик с YouTube, RuTube, Mail.ru, Вконтакте или же со страниц других социальных сетей, возникает вопрос: - "Как и с помощью чего это сделать?"

июня 01, 2012

Жизнь в облаках - сервисы для синхронизации данных.

Друзья, вы не заметили, как в последнее время, в один миг возрос спрос на использование "облачных" сервисов для хранения и синхронизации данных. А раз есть спрос, значит и предложения не заставят себя ждать. Так и произошло, облачные хранилища стали расти и плодиться как грибы. В тему подключились такие монстры как «Яндекс», Google и вездесущие ребята из Microsoft, все они представили свои новые сервисы по аналогии с уже известными Dropbox и SugarSync. Когда все это действо и суматошная гонка в борьбе за пользователя набрали обороты, не замечать и игнорировать "Облака" стало уже практически нереально.

апреля 09, 2012

Как оформить стиль всплывающих подсказок с помощью CSS3


Здравствуйте, всем!


Используете ли вы в своих проектах всплывающие подсказки к ссылкам или же эта функция полностью возложена на стандартные свойства браузеров? Конечно браузеры не плохо справляются с этой задачей и без всяких дополнительных примочек, но многим наверняка будет интересен не стандартный способ вывода подсказок к ссылкам, к тексту или же к изображениям. А способов таких, на сегодняшний день, разработано уйма. В статье «Простые подсказки с CSS и JQuery», подробнейшим образом рассмотрена, одна из лучших, на мой взгляд, техник исполнения организации вывода подсказок.
Мало найти стабильно и быстро работающий javascript, необходимо еще красиво оформить подсказки, придать им свой стиль. Вот как раз об оформлении подсказок с помощью новых функций CSS3, мне и хотелось бы вам рассказать. Немного фантазии, воображения и чуточку магии CSS3, экспериментируя с параметрами стиля, вы получите в свое распоряжение замечательный вид подсказок к ссылкам на своих проектах.
Сразу же должен оговориться, что не у всех пользователей браузеры поддерживающие стандарты CSS3, по сей день еще большое количество товарищей пользуют замшелые версии IEшки и они не увидят всей прелести оформления. В современных версиях браузеров (Firefox, Opera 11+, Chrome, Safari, IE 8+) все работает отлично и проблем с отображением подсказок нет.




CSS3

Первый вариант стилей оформления подсказок был прост до безобразия, без каких либо навороченных функций, использовался цвет фона (background-color), закругленные углы (border-radius), да порядок наложения (z-index) при абсолютном позиционировании и выглядел примерно так:

.tip { 
 color: #fff;  /*--Цвет текста--*/
 background:#1d1d1d;  /*--Фон тела подсказки--*/
 display:none;   /*--По умолчанию скрыта--*/ 
 padding:10px;   /* Поля вокруг текста */
 position:absolute; z-index:1000;
 -webkit-border-radius: 3px;  /*--Закругленные углы--*/
 -moz-border-radius: 3px;
 border-radius: 3px;
 }

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

Экспериментировать с параметрами стилей вы можете как угодно, примеряя различные варианты оформления, лишь бы в радость и не во вред целостности общей картины. Например, браузеры не плохо стали обрабатывать функцию линейного градиента, зачем упускать такую возможность, добавим к стилю нашей подсказки этот параметр. Для большей привлекательности используем эффект тени (box-shadow), поиграв с параметрами цвета тени, смещения и растяжения, можно добиться потрясающих результатов, и все это укладывается в несколько строк кода CSS:


/*--Стиль Подсказки--*/
 .tip { 
 color: #fff; 
 background-color:#161616; 
 background: -moz-linear-gradient(top, rgba(22,22,22,.7) 0%, rgba(51,51,51,.7) 100%); 
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,22,22,.7)), color-stop(100%,rgba(51,51,51,.7))); 
 background: -webkit-linear-gradient(top, rgba(22,22,22,.7) 0%,rgba(51,51,51,.7) 100%); background: -o-linear-gradient(top, rgba(22,22,22,.7) 0%,rgba(51,51,51,.7) 100%); 
 background: linear-gradient(top, rgba(22,22,22,.7) 0%,rgba(51,51,51,.7) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2161616,
endColorstr=#B2333333); 
 -moz-box-shadow:0 1px 10px #00c6ff;
 -webkit-box-shadow: 0 1px 10px #00c6ff;
 box-shadow:0 1px 10px #00c6ff; 
 display:none; /*--По умолчанию скрыто--*/
 padding:10px;
 position:absolute;
 z-index:1000; 
 -webkit-border-radius: 3px; 
 -moz-border-radius: 3px; 
 border-radius: 3px;
 }

Демо

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

Источник: Dodrovoimaster