Zverushka

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

Круто. А у меня не получалось...

Хочу анимировать только translatex translatey, но не all. Возможно ли это сделать через transition?

Вроде как при overflow-x hidden, то же значение автоматически принимает и overflow-y.

Обрезается весь блок.

http://joxi.ru/pso6UxjKTJCUOHZbcMM Смысл в следующем. Есть 3 колонки. 1) Каждая колонка должна быть шириной с цифру - то есть иметь динамическую ширину, равную ширине жирных черных цифр. Чтобы если вдруг ввели число, больше на порядок - текст внизу автоматически стал шире и верстка не поехала. 2) А текст под цифрой должен подстраиваться под ширину цифр и сам переноситься на новую строку в зависимости от ширины. Это возможно реализовать?

http://jsfiddle.net/Zverushka/eZXn2/1/ Суть задачи. В неком блоке есть абсолютно позиционированный блок .figure. Изначально мы не знаем размеры .figure - они динамические. Как сделать так - чтобы при выходе за границы основного блока - .figure обрезалось по горизонтали и при этом же не обрезалось по вертикали?

http://jsfiddle.net/Zverushka/B5b8Q/ Структура такова, как вы видите. Оберточный блок контента выделен черным только для наглядности - .wrap Обычно часто встречается, что помимо цветных блоков во всю ширину страницы - на странице появляется белый неприметный блок, который даже не требует по сути дополнительной обертки и является главным на странице - в нем много основного контента - много заголовков и разного содержимого. Как бы вы сделали? 1) 2 вложенных блока <div class="main"><div class="wrap"></div></div> 2) Один слой <div class="main wrap"></div> И почему?

Я помню несколько лет назад в mail.ru была узявимость. С помощью сформированного html кода с js - похищались куки и таким образом злоумышленник получал доступ к почтовому аккаунту. Не совсем поняла про одну проверку, а не множество. Библиотеку не использую, очень редко php mailer только.

@stars, но ведь письмо на почту приходит в виде хтмл кода. И если в переменную встроить хмтл код - то он может выполнится, к примеру вставить туда даже жаваскрипт - а это уже потенциально опасно....

Выше я написала так: $name = addslashes(trim($_POST['name']));if (isset($_POST['phone'])) { $phone = addslashes(trim($_POST['phone']));}if (isset($_POST['email'])) { $email = addslashes(trim($_POST['email']));}

Я кстати пока ждала ответа, так и сделала, раз в одну строку не получалось) $mailTopic = $site_name." - заявка от: ".$name;$mailTopic .= (isset($phone) && !empty($phone) ) ? " тел.: ".$phone :" email.: ".$email;Значит от розг нас по сути отделяет только ентер? Опять же спасибо за совет. Я вообще с трудом вчитываюсь в тернарные операторы - для меня запись с ним сама по себе нечитабельна - приходится в голове по полочкам раскладывать, что я вижу. Поэтоум записать эту странную абракадабру в одну строку мне показалось проще - так как все равно не очень читабельно само по себе).

@Great Rash, вообще так такой оператор или за оператор, реализованный таким образом? Есть задача - из формы передается или телефон, или емейл. В зависимости от этого нужно сформировать название сообщения для почты - либо с телефоном, либо с почтой. Каким бы Вы образом реализовали "правильно"?

Дело в том, что во фрилансе, по крайней front-end цены очень сильно сбиты. Многие промышляют тем, что находят клиента на стороне и уже отдают работу на сайтах фриланса за копейки - допустим верстку страницы за 1000 рублей, которая стоит 3000. Очень часто этим промышают даже сами верстальщики и особенно конторы. Фриланс процентов на 80 состоит из таких посредников. И средне статистическая цена за верстку одной страницы намного ниже, чем за верстку этой же страницы в офисе (учитываем все траты работодателя - на соц. страхование, налоги, рабочее место, отпускные). Поэтому мнение, что в офисе берут заказы с фриланса - ошибочное. Это если говорить о биржах фриланса. А если просто - о поиске заказа на стороне - то да, цена высокая. Но как тебя найти такие заказы? Ведь клиенты ищут себе, где сделать готовый сайт - от разработки дизайна до рабочего состояния.

Вот скрин с эмулятора из браузерстака: http://joxi.ru/ZOo5UxjKTJC0UNU6q8I

Ооо, спасибо большое за такие интересные советы. $phone ? " phone.: {$phone}" : " email.: {$email}А если phone=''; - то что находится внутри с точки зрения проверки условия? И не может ли какой-то спецсимвол или какое-то другое содержимое переменной $phone дать значение false ложное?

Произошло чудо ........ Гора сама пришла....

@Q4Dizzy,вот оно как, клёво блин .

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

http://jsfiddle.net/Zverushka/unyf8/ Суть в том, что этих стрелок нет в ие8 и я не могу заставить их появиться.

http://sandbox.onlinephpfunctions.com/code/3ef008008cd6f61cef9537d6e9cb2bcdc95a941a $site_name = "lala";$name = "name";$phone = "phone";$mailTopic = $site_name." - kuk-u: ".$name.!empty($phone) ? " phone.: ".$phone : " email.: " .$email;echo $mailTopic;Не выводится начало фразы - lalaa - kuk-u, а сразу phone. Далее $site_name = "lala";$name = "name";$mailTopic = $site_name." - kuk-u: ".$name.!isset($phone) ? " phone.: ".$phone : " email.: " .$email;echo $mailTopic;Выдает ошибку, что переменная phone не определена. эх...

Замена не имеет смысла - долго это. Я же скорость работы поднять хочу.

Подскажите. Казалось бы простая задача - объединить разбитый через ентеры текст в одну строку. 1) Если объединить через sublime комманду ctrl+j - предварительно выделив текст - то также съестся самый последний ентер и если мы пытаемся удалить лишние ентеры в хтмлкоде, то на нашу строку еще и перенесется совершенно другой тег со следующей строки, что вообще не нужно. 2) Если воспользоваться командой emmet - merge lines - то эффект как раз тот, что нам нужен. НО - удаляются все пробелы и слова сливаются один в другой. Как же нормально объединить абзацы в одну строку?

А ты для ползунков и переключателей сам код писал? Сразу бросается в глаза: 1) Хедер без класса - этот тег может приненяться не один раз и тогда у тебя стили поедут 2) Для инпута поиска ведь нужна форма - не так ли? 3) Для именования классов принято использовать тире(дефис) в html 4) <a htef="#" id="appStoreBtn"></a> Данная конструкция говорит о том, что код не проходил валидацию и соотвественно не были исправлены очевидные ошибки/опечатки. Верстку надо валидировать всегда, чтобы таких опусов не возникало. 5) Например иконки внизу - это по сути оформление в виде иконок. Их лучше бы сделать через i.icon.icon-case, .icon-film итп - чтобы у вебмастера был целый набор иконок и он мог их вставить в любое место на странице, просто прописав <i class="icon icon-case"></i> Чтобы они не были привязаны к некому списку - ни к .media, ни к ul. 6) В пиксельперфекте есть много несовпадений - как расстояние между звездами, размеры шрифта у ползунка и кнопок. Даже размер шрифта меню в футере - вообще другой. 7) скрипты нужно перед закрытие боди засовывать, чтобы не тормозили загрузку страницы. 8) Логотип зачем-то разделен на 2 картинки, когда это одно целое. И вообще это контент страницы - его могут поменять в любой момент. Его надо через img вставлять. 9) .media ul li#videoIco { - излишняя вложенность элементов. ID страницы итак уникален и задав оформление только для #videoIco стиль применится также корректно. 10) При использовании base64 не плохо бы закомментировать строк с изначальным расположением картинки. Чтобы в случае чего было понятно, что это за картинка, какую смысловую нагрузку она несет и ее можно было бы отредактировать и после этого спокойно заменить зашифрованный код на новый. 11) Много флоатных элементов, не возращенных в поток и даже не рассчитанных на возвращение в него - это плохо. 12) :lst-child лучше не использовать - 8й осел не поймет. Лучше :first-child и маргин лефт тогда ставит - первом ребенку убираем. Я лично использую конструкцию вообще li + li margin-left И да - в 8м осле получилась картина Дали )))).... http://joxi.ru/Yv43UxjKTJAaMF4WB8I Нужно включить жаваскрипт поддержки хтмл5 тегов. Также я увидела, что у тебя стоят кривые шрифты для 8го осла http://joxi.ru/RP83UxjKTJAbMA_5uto они не загрузились, от этого дополнительные проблемы с отображением. Скорее всего это баг имен шрифтов - нужно вручную открывать шрифт в редакторе шрифтов и править его имя, чтобы не было пробелов, дефисов - в общем занятие не для слабонервных =)........ Кстати по ходу у тебя слетели закодированные изображения в осле - потому что их надо в кавычки взять. 13) <div class="buttonGroup"> <div id="prev"><span>Prev</span></div> <div id="center">ух, зачем ты забрал у всей страницы такие глобальные уникальные идентификаторы - как центр и прев, некст? Нужно выделить им хотя бы некий контекст, в котором они применяются. Ведь идентификаторы можно использовать лишь один раз... 14) ХТМЛ5 теги - хедр, футер - нужно бы выставить им блочное отображение, обычно это в резетере или нормалайзере прописано уже Блин, как ты скрипты написал?) Выглядит круто - без плагинов всяких и все работает... Видимо опыт у тебя немаленький?

Угу, а теперь открой в ослике его =)......... Как-то я как не связывалась с свг - выходило очень не кроссбразерно даже для последних версий. Для кнопки есть способ все это Г реализовать, но слишком муторно - может проще взять готовую картинку и ее background-size? достаточно удобно... Я вижу решение такое, только лень реализовывать - используем радиальный градиент для квадрата (радиальный), не забываем черную границу. Потом используем второй слой для стрелки. Делаем ей 2 границы черным, 2 не делаем, поворачиваем - стыкуем. И последний штрих. Внутри этого слоя помещаем еще один слой с градиентом радиальным, таким же, какой был у самой кнопки и его поворачиваем обратно. Для того, чтобы изгибы совпали - можно исползовать слои одинаковых размеров и уже обрезать лишнее. Если ничего непонятно - то примерно вот так http://jsfiddle.net/Zverushka/8dmWh/3/ но это для абсолютных величин, только нужно стыковать, смотреть как по процентам пойдет. Плюс с анротейтом какая-то не очень хорошая вещь - блок почему-то уезжает неизвестно куда и отпозиционировать его становится тяжело. Возможно для динамической растяжки и не выйдет грамотно состыковать слои... Это первый способ. Второй способ. Рисуем квадрат, в нем градиент. Обрезаем через клип-паз (не кроссбразерно), и еще один такой же слой черного - также обрезаем с небольшим зазором - это и будет черная граница.