Информационный сайт. Петрозаводск.: 10/01/2009

CSS хак

Если ты дизайнер или разработчик, ты как ни кто другой знаешь, что все твои продукты, должны быть протестированы и работать на все 100%. Если тестирование касается твоих интернет проектов, то необходимо проверить их на совместимость с большинством браузеров. Тестирование, в основном, требуется из-за несовместимости CSS с разными браузерами. После тестирования, выявив какой CSS параметр не работает на данном браузере, можно применять CSS хак.

Так вот, на счет тестирования... Ты без проблем сможешь протестировать свой сайт на IE, Mozilla, FierFox, Opera и т.д. А если тебе нужно протестировать сайт на IE6, IE7 или IE8? На первый взгляд задача не из легких. На ум приходит поставить каждый из браузеров отдельно и протестировать. Не тут-то было, Exploer - хитрая штука! Либо обновляй на новую версию (что не всегда легко выходит), либо чуть ли не Windows другой ставь. Я предлагаю тебе третий вариант - тестирование на различных специальных сервисах. Слава богу есть такие!

Вот список некоторых из них:

CSS хаки

Вот и наконец то пришло время CSS хаков. Если вдруг у тебя не работает какой то стиль, или он криво отображается на определенном браузере, то на помощь придут вот эти теги. Для каждого браузера свой код!

IE Conditional Tags

IE 6 хак

IE 6 '!important' хак

IE 7 Хак

Safari хак

Opera 7 Хак

Google Chrome Хак

Заработай на казуальных играх! Подробнее о данном заработке сможешь увидеть на сайте www.zamango.ru

Управление через веб камеру

Чем только не привлекает нас технический прогресс. Думали мы, что об обычной web-камере нам все известно. Мы общаемся с помощью камеры, записываем видео, фотографируемся. На этом функции камеры не исчерпаны! Появилась новая технология - CamSpace. Эта технология помогает вам управлять вашей операционной системой, программами и самое интересное играми через обычную веб-камеру. На первый взгляд, может показаться, что навряд ли что-то хорошее получиться из обычной веб камеры. Но разработчики продумали многое! Достаточно скачать программу организующую взаимодействие камеры с объектами.
Теперь играть в гоночные симуляторы, Action игры, можно без руля и мышки. Играй чем угодно, хоть пустой бутылкой попавшейся под руку. Программное обеспечение, которое вы скачаете с сайта www.camspace.com, поможет вам создать объект управления из чего угодно. Вам только нужно будет поднести "объект будущего управления с игрой" к камере и установить его как манипулятор для игры. Настроить его и в путь! Вот несколько видео роликов, которые наглядно продемонстрируют тебе все преимущества данной технологии.

Это технология будущего, то есть уже настоящего. Только представьте что можно будет делать с такими возможностями!

Сайт на котором происходит продажа недвижимости и осуществляються покупки квартир. www.nedvigimost.budet.ru

Реклама в css, popup в css

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

Согласитесь вещь очень интересная и красивая. Такое рекламное окошко не только привлечет клинта кликнуть по рекламе, но и оставит положительное впечатление о твоем проекте. Ну что, не будем тянуть кота за хвост, приступим.

HTML

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

Щелкни для увеличения картинки

CSS

Теперь пришла пора создать css стиль для нашего окошка. Либо на самой странице в шапке, либо отдельным файлом создаем стиль показанный ниже.

Щелкни для увеличения картинки

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

И последний стришок в css

Как сделать фиксированное позиционирование в IE?

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

jquery всплывающие подсказки

Предлагаю твоему вниманию красивый плагин на jQuery, реализующий всплывающие подсказки. При наведении на текст, происходит отображение подсказки. Подсказка как бы "выплывает" слева на право. Плагин очень красив и строг по дизайну. Очень подойдет к твоему блогу.

1. Начнем с создания навигации для нашего меню. Код встраиваемый в HTML выглядит таким образом.

2. Затем ты должен создать стиль который будет выглядеть таким образом.

3. На этом шаге, займёмся оформлением выскакивающей подсказки. Давай, для начала, зададим ей что показывать при наведении.

Как ты сейчас видишь, мы с тобой, вывели в подсказке слово: "Go home"

4. Теперь давай зададим стиль для высвечивающейся подсказки.

5. И вот, мы подобрались к стадии завершения установки плагина . Давай теперь встроим подключение самого плагина jQuery в нашу страничку. Этот код, ставим на страничку, где должен работать скрипт.

Картинки используемые в плагине: bubble_top.gif и bubble_btm.gif

Здесть ты можешь пронаблюдать работу самого плагина.

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

Viessmann - крупнейший поставщик котельного оборудования на Европейском рынке. Выбирай качество!

Под какое разрешение экрана создавать сайт или долго еще проживет 1024?

За последние несколько лет, споры по поводу использования тянущегося и фиксированного макета страниц, продолжают набирать обороты. По мере прогресса, разрешение экрана многих пользователей становиться разным. И тогда возникает законный вопрос - Какое разрешение станет новым стандартом?

Проблематика

Даже уже в прошлом году, разрешение в 1024 начинает по-тихому убывать и вытесняться современными мониторами. По сравнению с былыми временами, когда 800x600 уступило 1024, не наблюдалось такого разброса в используемых разрешениях, как сейчас.

Как ты можешь видеть, количество пользователей с разрешением 1024x768, уменьшилось на 7% по сравнению с прошлым годом. И в тоже время, разрешение 1280 × 800 и близкие к ним разрешения, становятся популярнее, что может быть связано с удешевлением современных мониторов.

Данные были звзяты с ресурсов:

Для примера прогресса разрешения 1024, мы с тобой заглянем на пару годков назад и посмотрим, как переходили на это разрешения, сайты популярных компаний(Microsoft, Apple и т.д).

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

Должны ли мы повышать разрешение своих проектов в интернете?

Вопрос как прост, так и сложен одновременно. С одной стороны 1024 хватает "за глаза". На нем удобно читать, листать и просматривать страницу. С другой стороны, что нас ждет в будущем? Проекты становятся все больше, информативней... Может большее чем 1024 понадобиться для отображения всех колонок с информацией. Может привыкшие многим 3 колонки на сайте(левая панель, правая и центральный контент), превратятся в 6 колонок или еще больше. Будущее покажет. Но пока, оптимальным, по моему мнению, остается разрешение в 1024.

Заключение

Не знаю какое разрешение вам более благоволит, но то, что изменения будут рано или поздно, я не сомневаюсь. Готов ли ты затачивать свой сайт под конкретный размер экрана? Или ты приверженец "Резинового" сайта, растягивающегося под экран?

Здесь ты можешь скачать Воображариум доктора Парнаса. Замечательный фильм про вечную борьбу добра и зла.

Подборка меню на jQuery

Создавая свой проект в сети интернет, ты первым делом задумываешься о наполнении и направленности своего сайта. На втором плане идет удобство использования твоего сайта пользователем. И на третьем месте, красота самого сайта.
Речь сейчас поведу о плагинах, для твоего сайта, на jQuery. Эти плагины сочетают два качества одновременно, удобство навигации и красота отображения на экране. Для установки плагинов тебе не придется сильно напрягаться, достаточно установить код на страничку, CSS подключить и закинуть на хост файлы jQuery. Время займет не много, зато пользователю будет приятно. И так приступим.

Справа ты видишь небольшой скриншотик данного плагина на jQuery. Это очень хороший плагин который органично впишется в какой нибудь блог и украсит его своей строгостью. Красивые эффекты на CSS (высвечивающиеся подсказки под иконками при наведении мышью) не оставят равнодушным ни одного пользователя. Для работы плаина необходимо вставить HTML код на свою страничку, CSS стиль и Java Script. Сам код плагина ты увидишь по этой ссылке, но для начала посмотри меню jQuery в работе.

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

Перед тобой Мега Меню на jQuery. Подойдет это меню к сайту с большим количеством информации, с большим количеством каталогов и под каталогов. Еще один большой плюс этого меню - оно разворачивается при наведении на название меню. Это очень экономит место, тем более для сайта с таким количеством контента. Больше всего это меню подойдет для каталогов и программерских проектов. Данный плагин, ты сможешь просмотреть прямо на странице изготовителя, там же и инструкция к установке.

Суперское меню. А суперское оно потому, что дизайн у него минимально-строгий и красивый. Мало встретишь меню которые уже готовы ринуться в бой без доработки дизайна. Здесь можно сделать исключение, если только добавить побольше пунктов для выбора. А так вполне серьезное и красивое меню. Данный плагин использует CSS, что сразу хорошо влияет на его красоту. Смотри и юзай плагин в свое удовольствие.

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

Как красиво оформить поля регистрации

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

как красиво оформить форму для ввода пароля и логина?

Плагин создающий красивую прокрутку

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

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

Сайт источник

Экспресс доставка документов по Москве и Московской области.

Исходник плеера на Flash

Помню, как раньше мучался с поиском исходника плеера на Macromedia Flash, так вот, что бы ты не мучался.… Держи!!! Хороший исходник плеера на Macromedia Flash. Запихивай его куда угодно в свой проект и наслаждайся функцией просмотра flv фалов. Поддерживает прокрутку видео файлов, показывает время видео ролика и т.д.

Скачать исходник плеера

Эротический векторный клипарт

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