Websovet - блочная верстка веб сайтов, HTML, CSS, jQuery и WordPress

22.01.2010 | Рубрики: Верстка | Комментарии (7)
Тэги: pda-версия сайта, мобильный интернет

Не за горами приход Nexus One, который, судя по некоторым данным, станет убивцем iPhone. Ну, во всяком случае, в плане ожидаемой стоимости. Хотя пока все это слухи. Но речь не о том. Интернет, как среда обитания (да, да, для некоторых хомо сапиенсов оно уже так и есть), становится все более мобильным. А стало быть, владельцам сайтов пора уже конкретно призадуматься о том, как отображаются их детища на экранах мобильных устройств а ля PDA.

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

К примеру, если путь к внешнему css файлу прописать в коде страницы таким образом:

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

то данные стили будут применены к сайту при отображении его только лишь на экранах мониторов. Ключевое слово здесь — screen.

Если же нам нужно дать возможность вывести страницу сайта на печать, то мы должны создать для этого отдельный файл css, в котором убирается все лишнее: фоновые изображения, картинки-кнопки, свойства ссылок и т.п. Понятно, что для печати все это добро лишнее. Но чтобы принтер не съел лишнего, мы должны показать, что у нас есть специально подготовленный лист стилей. Тогда ссылка на него будет выглядеть уже так:

<link rel="stylesheet" href="print.css" type="text/css" media="print" />

Думаю, принцип понятен.

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

<link rel="stylesheet" href="handheld.css" type="text/css" media="handheld" />

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

14.01.2010 | Рубрики: Twitter | Комментарии (5)
Тэги: Twitter, использование Twitter, хэштэг

Написать сей пост сподвигло множество вопросов от друзей-знакомых, а также от читателей блога Вебсовет на тему: на кой нужен этот Twitter и как в нем можно что-то толковое замутить?

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

Однако такой разброд происходит от непонимания и в корне неправильного использования сервиса. Twitter — это не болталка и не место для пустопорожнего словесного поноса. Если кто помнит, вначале над лентой сообщений висел вопрос (по английски, разумеется) “Что вы сейчас делаете?” Однако многие восприняли это слишком буквально и стали сыпать всякую чушь типа: поспал, посраль, сходил за пивасиком, посмотрел доктора Хауса и т.п. Это кому-то интересно? Это отстой, ненужный даже самому автору. Вопрос на самом деле подразумевал: что вы сейчас делаете полезного в плане ваших интересов, увлечений или работы.

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

Поэтому сейчас авторы сервиса переиначили вопрос, и он звучит уже типа: “Что происходит?” Тем самым подначивая писать интересные новости, а не чухню всякую. Иэтапральна! (с)

Будем считать, что общую цель ведения записей в Twitter мы раскрыли. А теперь более подробно и даже с кое-какими примерами.

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