buddah

:first-child поддерживается ие7+ Тогда все верно, я так и перевел.

Трудности перевода. Возможно автор имел ввиду, что как-бы ДОЛЖЕН БЫЛ БЫ поддерживаться в ИЕ7, но этого так и не случилось до самого ИЕ9?

Ну хотя бы в лого, для СЕО. Не надо ... Тайтла хватит и пару раз по тексту. Это вообще извращение на мой взгляд. Лого как то больше с брендингом коррелирует, чем с текстом и большинство делают его графикой. Какой смысл от картинки в заголовке? Это если в текст не хочет пихать. А так да, в тексте лучше, на то он и заголовок. Но совсем без него я бы не обходился.

Ну хотя бы в лого, для СЕО.

У лупы не пофиксил. Кнопки соц сетей должны под прозрачный фон наезжать? У кнопок Reserve видны пиксели. Звезд отеля не видно. Опять же используешь доктайп хтмл5, но не используешь рекомендуемые nav, aside и т.д и не пользуешься правилами синтаксиса хтмл5. Код не отформатирован, отступов нет, тяжело читать. Считается признаком дурного тона. <img src="hotel_03.png" alt=""> Что это? Зачем alt, если ты его оставляешь пустым? Для валидатора?) Где h1?

Как так?) Я весел и задорен))

Мы вроде давно на Ты перешли, что за манера такая, как только что-то не нравится - переходить на притворно вежливый тон? Это холиварная тема, в которую я стараюсь не вмешиваться, но когда людей, использующих OS, называют "школотой", меня аж передергивает. Следуя твоей логике - нет достойных опенсорс проектов. И наоборот, если я купил Битрикс - я чуть ли не супер-мега профи. Как было уже сказано выше:

ТС, ты меня повеселил но, пардоньте, минусую) *epic fail*

Извини, но бред.

Кстати о маньяках) http://andrew-hoyer.com/experiments/walking/ Работает правда только в вебкит браузерах.

Пожалуйста. Сам учусь при переводе.

разницу между Mac OS и iOS понимаешь? а по теме хватит первых трёх ссылок от сюда что бы вопрос закрыть. Понимаю, не дурак. Просто неверно выразился и под словом "маки" имел ввиду продукцию Apple в целом. Спасибо за ссылки.

поддерживают. при чём лучше чем под убунтой. а как же iPad, iPhone и iPod?

Flash вроде как не поддерживают Маки? Будущее за Canvas, Flash будет совсем не нужен. Вспомнил "котобус" из Мой сосед Тоторо, улыбнулся)

Возможно под техническим дизайнером имелось ввиду специалист по UX.

О селекторе :nth-child уже написано немало, но я решил перевести свежую статью Криса Коера , где все самые популярные методы использования этого селектора объединили и разложили по полочкам. У меня просто голова кружится, когда я сталкиваюсь с такими идеальными для использования селекторами как :nth-child или :nth-of-type! Чем лучше их понимаешь, тем больше css нердгазмов (от слова nerd - ботан, заучка и т.д) получаешь! В этих примерах я буду использовать простой набор элементов списка и случайно выбранные числа. Вам должно быть ясно, как менять их, чтобы получить подобную выборку. Выбираем только Пятый элемент: li:nth-child(5) { color: green; } Чтобы выбрать первый элемент, вы можете использовать :first-child. Ну или вы уже сами догадаетесь как для этой задачи изменить пример, который я показал выше. Выбрать все, кроме первых пяти: li:nth-child(n+6) { color: green; } Если бы здесь было больше 10 элементов, такой селектор выбрал бы всех их, начиная с 6-го. Выбрать первыe пять элементов: li:nth-child(-n+5) { color: green; } Выбрать каждый четвертый, начиная с первого: li:nth-child(4n-7) { /* или 4n+1 */ color: green; } Выбрать только четные или нечетные: li:nth-child(odd) { color: green; } li:nth-child(even) { color: green; } Выбрать последний элемент: li:last-child { color: green; } Выбирает 10-ый, потому-что у нас есть 10 элементов. Было бы 8 - выбрал бы 8-ой элемент, 1290 - 1290-ый элемент и т.д Выбрать второй с конца: li:nth-last-child(2) { color: green; } Выбирает 9-тый элемент потому что у нас их 10. Было бы 30 - выбирал бы 29-тый элемент. Кроссбраузерность: Кроме ИЕ существует не так много браузеров, о поддержке этих селекторов в которых следует беспокоиться. Для ИЕ используйте Selectivizr.

Неужели только я один осознаю суть раздражения psywalker'a? Здесь нужно объяснять вплоть от того, что такое POST, обработка запроса сервером и до подключения с помощью php нужной таблицы стилей. А её ведь еще нужно сформировать. Да тут целый немаленький мануал можно накатать, начиная от азов php и заканчивая более глубоким его изучением. А к JS эта тема слабо относится, он тут только для наглядности при выборе стилей пользователем.

Нужно подписать договор с компанией, предоставляющей такие услуги. Например Robokassa или популярная у нас в Украине LiqPay. По-крайней мере так нужно делать по уму) Далее подключаешь ихний скрипт к себе на сайт и вуаля) Вот примеры из Робокассы: http://robokassa.ru/ru/HowTo.aspx

Я тоже) Пожалуйста.

Задача слишком объемная, потому и в штыки. Это как спросить "Хочу сделать сайт - научите". Вам подскажут, как менять цвет текста средствами javascript, как менять размеры блоков, фон и т.д. Но "как это все сделать" - нет. Если очень необходимо такое сделать на вашем сайте (и вы не хотите самостоятельно хотя бы что-то выучить, а уже потом задавать конкретный вопрос), то обращайтесь в "коммерческие услуги", там все сделают без вашего участия. Либо платите за репетиторство, тогда возможно вас кто-то будет учить дистанционно.

Интересно, чем отличается Технический Дизайнер от просто Дизайнера при наличии вакансии HTML-верстальщик?

Это велосипед. Но ты все-равно молодец. Держи +

Пропустил.. Но тут только числа, а эта статья более полная, как мне кажется.

Тут ВСЕ переделывать надо. Учите html, Эдуард. Вот допустим на этой странице вы умудрились сделать плюс минус 37 ошибок в 14 строках кода.

Это мой вольный перевод статьи Роберта Йохансона Не знаю, будет ли данная тема интересна кому-то, но я недавно сталкивался с проблемой, описанной в данной статье и тогда не знал, как её решить. В "полезные приемы и решения" пока писать не могу. Поэтому.. Меня всегда раздражало то, как трудно стилизовать номера в упорядоченном списке. Нередко проект предусматривает нечто иное, чем просто обычный рисунок – другой шрифт, размер, фон, да что угодно. Традиционный подход к решению этой проблемы – оградить номера элементов списка (li элементы) от стандартного представления их браузером, «жестко» указывая числа в текстовом контенте li. Это позволяет применять различные дизайнерские приемы к номеру до тех пор, пока вы не останетесь довольны. Такое решение работает визуально, но это не совсем семантически правильный способ использовать списки. Когда вы просматриваете такой «поддельно пронумерованный» список с выключенным CSS , вы видите либо список с повторяющимися номерами элементов, либо список с маркерами и числами. Поэтому, когда я недавно опять столкнулся с необходимостью стилизовать номера списка, я подумал, что нужно пойти по другому пути, без подделки этих номеров. Благодаря тому, что Internet Explorer начинает потихоньку понимать прогрессивные методы CSS , мне удалось найти приемлемое решение. Если вы (ну хорошо, ваш клиент) можете продолжать жить, не имея особых стилей номеров списка в IE7 и старше, то можете использовать данный метод. Ключевое значение в данном методе имеет использование Генерация контента CSS, для создания и вставки счетчика номера после удаления нумерации по умолчанию из списка. Я создал демонстрационную страницу с простым примером для того, чтобы было с чего начать изучение этой техники. Ниже представлен CSS, который я применил в демонстрационной страничке: ol { counter-reset:li; /* Инициализируем счетчик */ margin-left:0; /* Удаляем дефолтный левый margin */ padding-left:0; /* Удаляем дефолтный левый padding */ } ol > li { position:relative; /* Создаем среду позиционирования */ margin:0 0 6px 2em; /* Каждому элементу списка добавляем левый margin для места под числа */ padding:4px 8px; /* Добавим немножко пространства вокруг контента */ list-style:none; /* Отключаем стандартную нумерацию */ border-top:2px solid #666; background:#f6f6f6; } ol > li:before { content:counter(li); /* Используем счетчик как content */ counter-increment:li; /* Увеличение счетчика на 1 */ /* Позиционируем и стилизуем числа */ position:absolute; top:-2px; left:-2em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:2em; /* Оставляем немного места между числами и контентом для браузеров, которые поддерживают генерируемый контент, но не поддерживают его позиционирование */ margin-right:8px; padding:4px; border-top:2px solid #666; color:#fff; background:#666; font-weight:bold; font-family:"Helvetica Neue", Arial, sans-serif; text-align:center; } li ol, li ul {margin-top:6px;} ol ol li:last-child {margin-bottom:0;} Вот ключевые моменты: list-style:none: отменяет стандартную нумерацию counter-reset и counter-increment: создают область работы счетчика и увеличивают его на 1. Оба описаны в CSS 2.1 12.4 Automatic counters and numbering. content: вставляет индекс созданного счетчика. Описан в CSS 2.1 12.2 The ‘content’ property :before: псевдо-элемент Вы можете использовать почти любой стиль на сгенерированном элементе. Однако, нужно всегда помнить, что произойдет, если список будет очень длинным – хватит ли места для трех- и четырех-значных номеров? Конечно, не очень распространенный сценарий, но все-таки нужно следить за шириной элемента, который содержит номер. Как я уже говорил, этот способ не работает в ИЕ7 и старше, потому что ИЕ до 8 версии не поддерживает псевдо-элементы :before и :after. С помощью условных комментариев и CSS хаков вы можете заставить старые браузеры отображать такие списки тоже, просто без всяких крутых стилей. Я думаю, большинство людей в состоянии жить и без этого. Update: Демонстрационная страница теперь включает в себя «изящное деградирование» для ИЕ7 и старше. Спасибо всем, кто отметил его отсутствие и всем тем, кто предупредил меня о проблемах, которые должны быть исправлены. А также спасибо Эрику Мейеру, который напомнил мне, что некоторые браузеры не позволяют позиционировать генерируемый контент (например Camino 2 и Firefox 3.0). Я добавил некоторый padding и правый margin для генерируемых чисел для того, чтобы они выглядели немножко более прилично в этих браузерах.