Bassline

Вращающаяся рамка

Задание:

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

HTML:

<a href="#" class="circle">    <img src="picture.jpg" alt=""></a>

CSS:

С помощью псевдоэлемента :after, свойства animation и правила @keyframes.

Браузеры:

Последние версии Firefox, Chrome(Opera) и IE10+

Решение:

http://jsfiddle.net/96PfL/10/embedded/result/

http://jsfiddle.net/96PfL/10/

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

Еще IE11 не понравилась версия библиотеки jquery 1.6.2 для flexslider, напрочь отказывался анимироваться слайдер, пока не указал версию 1. Опять же, в остальных браузерах все было пучком.

Недавно решил опробовать последнюю версию осла, и почему-то именно в ней не работают JS-скрипты, вот например на этой странице http://www.arteliko.ru/trading_gallery.php (клик по фотографии)

Во всех остальных браузерах все работает без проблем.

В чем может быть проблема?

Ну на форум бы я не писал.Я даже не знаю как это все коротко сформулировать для того чтобы загуглить

Я имел ввиду кнопку, на которую нажал и все готово.

Я фиг его знает как все это скодить

Может есть готовые решения?

Попробуйте воспользоваться волшебной кнопкой.

Так?

#block-main { width: 100%; }        #sidebar { float: right; width: 250px; background-color: red; }        #maininner { margin-right: 250px; background-color: green; }<div id="block-main">	<div id="sidebar">Sidebar</div>	<div id="maininner">Maininner</div></div>

Многовато расхождений с макетом.

1. Фон для основной навигации светлее, чем на макете, а форма поиска наоборот темнее. Плюс в опере 12 слово "поиск" в форме темными буквами, в  результате эта форма практически неразличима.

2. Сenter_content, а точнее блоки внутри него тоже скачут в разных браузерах. В IE10 они меньшей ширины, чем на макете, а опере 12 они вдобавок еще и по центру прижимаются друг к другу. 

И еще несколько мест с разными отступами между блоками и относительно родителей.

Вы вообще открывали сайт в разных браузерах?

PS Видел сегодня условия что-то вроде:"нужен верстальщик, для которого верстка это основная специальность. Человек оркестр нас не интересует

Неужели таковые еще где-то требуются? Куда ни глянь, везде обратная ситуация (вакансии на всяких джобах или задания для фрилансеров).

Теперь мне нравится http://market.yandex.ru/model.xml?CMD=-RR=9,0,0,0-PF=1801946~EQ~sel~1871127-PF=2142398356~EQ~sel~x556678249-VIS=70-CAT_ID=432460-EXC=1-PG=10&modelid=10563130&hid=91013 :-) 

Лучше Самсунга 740U3E даже будет. Хотя тот ультрабук и сенсорный.

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

По-моему нормальный сон - это 10 часов.

Где-то читал, что женщинам требуется больше времени на сон.

Я сам заядлый полуночник, но у меня жена в 23:30 ложится спать и ее будит любой шорох. Поэтому у меня в полночь отбой, поваляюсь около часа, да как-нибудь и засну, если гложет какая-то мысль, то могу и три часа валяться в постели. Всякие считалки и медитации до лампочки.

Будь моя воля, сидел бы до 4х ночи (именно в это время возникает естественное желание поспать), раньше так и было, на работу шел как зомби, а на выходных спал по 14 часов подряд.

Зато каждый день, с обеда и до 6 вечера, я борюсь с непреодолимым желанием подремать, даже если удалось проспать положенные 8 часов. Если же все таки не сдержусь, то точно всю ночь потом спать не буду.

Даже если встану в 5 утра, и весь день буду вести активный образ жизни, все равно ближе к ночи у меня словно открывается второе дыхание и сна ни в одном глазу.

Фотка с бабой доставила.

Убило выражение ее лица. Сразу возникли ассоциации с сайтами ШОКирующих новостей и магазинами на диванах с их чудо-хлеборезками.))

Не верю в чудеса.

А вообще, попробуйте сходить сюда http://sitepolice.ru Там сайт по винтикам разберут (не бесплатно).

Молодец, мужик! Так держать!

Я всегда говорю -- нефиг тратить время на работу которая не приносит удовольствия!

Имхо, я вижу твой путь на след. 3 месяца такими:

1. Набрать как можно больше опыта

2. Постоянно искать работу в офисе. Зарегестрируйся в linkedIn, на hh.ru (платный), на других сервисах о работе. Размести резюме (опыт ставь до 1 года). Пиши всем подряд. Чем сложнее работу ты найдеш тем лучше для тебя, поверь!

3. Будь уверен в себе и у тебя получится. У других получилось, и у тебя получится!

Дерзай.

План теперь есть, осталось ему следовать. Скоро пропишусь в разделе "Обсуждение работ".))

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

Насколько это срочно? Просто мне еще полторы недели нужно отработать.

Блин, страшно. Кажется, что моих знаний недостаточно.

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

Думаю всем бы хотелось иметь работу, которая доставляет удовольствие, а не желание застрелиться с утра при звонке будильника.

Теперь вот сижу и думаю, как быть дальше. Фриланс мало подходит из-за своей нестабильности, если что, рассчитывать будет ненакого. Остается только куда-нибудь в офис (живу я в Москве). В офис, которому нужен опыт от 1 до 3 лет и портфолио. Опыта работы в этой сфере естественно у меня нет, а портфолио состоит из одного небольшого реального сайта и кучи сверстанных макетов разной степени недоделанности, на которых я просто тренировался.

Единственное, что приходит в голову, так это сделать портфолио из пары десятков сверстанных макетов, попутно совершенствуя свои навыки верстки и изучая JS. После пытаться со всем этим устроиться для начала хотя бы на полставки, да хоть на треть, лишь бы устроиться.

На все у меня есть два-три месяца.

Или шансов в моем случае просто нет?

Не получится, движок самописный и самописный не мной, я в php кроме <?php include(" "); ?> больше ничего не знаю.

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

То есть через .htaccess никак нельзя сделать?

Bassline вам в сторону ЧПУ видимо смотреть

Не получится, движок самописный и самописный не мной, я в php кроме <?php include(" "); ?> больше ничего не знаю.

Veseloff

Вы хорошо разбираетесь в php! Может подскажите как убрать id из ссылок типа page.php?id=22, точнее не убрать, а что бы в браузере не отображалось. Пробовал как-то через .htaccess сделать, но не совсем то получилось.

Или так <p>Имя (email@mail.ru) <br> Текст сообщения</p> для каждого сообщения.

Хорошо, тогда в каких случаях нужно использовать тег section?

И что вы скажите об этой статье? http://noteskeeper.ru/54/

И вот это "Авторам рекомендуется использовать элемент <article> вместо <section>, если целесообразно использовать содержимое елемента где-либо вне сайта" - отсюда http://css-live.ru/articles/element-section.html

Вы не подумайте, что я докапываюсь от нечего делать. Просто я пытаюсь понять действительно верное назначение этих тегов, они мне покоя не дают.

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

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

можно было для блоков с классом "quality-item" использовать тег section

По-моему больше, чем на article - не тянет.

Почему? Ведь http://htmlbook.ru/html/section (в примере), вроде как тот самый случай.

2. Да, на самом деле понимаю, что таблица там не к месту, но мне показалось, что это проще в плане придания нужного внешнего вида. Или также table-cell и вперед?

А чем float не устраивает?

1. Раз уж решили использовать теги html5, то, например, можно было для блоков с классом "quality-item" использовать тег section, так как каджый из блоков содержит заголовок и небольшой текст, что как раз соответствует этому тегу.

2. Блок с логотипами клиентов, на мой взгляд, проще реализовать с помощью дивов, и код короче, да и картинки не являются табличными данными. Тоже самое и для блока с заголовком Connect with us.

С темными полосами проблем не должно быть. А светлый градиент и по вертикали повторяется. Кроме раздела Наши работы, но и там можно с минимальными потреями обрезать.