Zverushka

Да, спасибо. Установила хакер клаву, правда чуть раньше, чем увидела совет). Заодно открыла окей гугл - второй день в восторге прибываю, вот это скачок технологий... потрясающе просто...

Такая ситуация, хочу на планшете в постели валяясь пописать код в jsfiddle. Но не могу развернуть ни теги, ни скрипты и ничего другого с помощью TAB, ведь TAB попросту нет. Не могу придумать как решить сию проблему?

Две скобки, потому что nav разворачивается в <nav></nav>, а начальную скобку он не распознает и оставляет как есть.

Вопрос такой. У меня идет достижение событий яндекса и гугла и тут же браузер должен перенаправить на страничку "спасибо за заявку" (новую). Установленные соединения этими событиями с серверами яндекса и гугла - не оборвутся и продолжат отправляться?

Суть в том, что раньше была по отправке заявки всплывающая форма через ajax и достигались события для аналитики яндекса и гугла), а теперь для кривого русского сервисиса, который не способен работать через ajax (сервис воронок) - нужно сделать благодарность на отдельной странице и тут встал вопрос, что делать с уже настроенной отправкой событий. Либо она сработает перед редиректом (начнет устанавливать соединения и они не сбросятся и будет все ОК), либо мне нужно будет передавать на новую страничку достигнутые цели (их названия т.е.) в php через Post, а он уже будет генерировать javascript переменные с нужными целями и уже тогда их устанавливать (но этот вариант геморройный, хоть и точно рабочий). Ну и со вторым вариантом тоже проблема - что человек тут же закроет страницу или нажмет "назад" - события успеют отправиться?(на случай если интернет тормозной). Сразу вспомнились странички на форумах после отправки сообщений, которые еще 5 секунд отсчитывают, прержде чем назад в тему нас вернуть - для чего они так сделаны были?

Очень повеселила ситуация с одним фриланцером у него отзывов положительных как у топов а ценник 10-20баксов,

Есть там такие, при этом цены из разряда, у меня 200 положительных отзывов и я вам сделаю 15 часовой макет за один день за полторы тыщи рублей.

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

Это банальное воровство. Не делайте этого. На фрилансе в качестве заказчиков много случайных людей

С другой стороны любой фрилансер может оказаться звеном пищевой цепи и получить макет через 3и руки, тогда и 1е руки, которые берут заказ подороже засунут его верстку себе и сам исполнитель - тоже ее себе вставит. Такое может быть? Или тот, кто взялся за верстку, а передал ее своему другу, допустим, уже не может ее себе в портфолио вставить? Он как бы делегировал работу подрядчику, типа, может ли он тоже ее выложить как продукт своей жизнедеятельности?

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

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

Расскажите, у вас были тяжелые моменты, когда вы понимали, что что-то не можете осилить и не тянете какие-то вещи, вам не хотелось бросить или что-то подобное у вас было? У вас не опускались руки? Были какие-то проекты, которые никак не удавалось реализовать и вы их оставляли недоделанными? Можете рассказать о таких моментах своей карьеры (если можно в подробностях и красках...)?

Казалось бы при чем тут css3...

А можно скрин что за хедер такой? У меня кажется по-другому выглядит.

Про мыслительные процессы - верно подмечено.

Нажмите в хроме, допустим, ф12 и откройте консоль. В ней будут написаны ошибки javascript - и вы сможете разобраться почему не работает код.

Для новичка основное отличие просто html от html5 состоит прежде всего в разных тегах, хотя конечно это не основное отличие. В обычном html мы бы написал <div class="header"></div> в html5 <header></header>  Однако <header></header> не избавляет нас от применения <div class="myclass"></div> в верстке. И получается применяя html5 теги - мы пользуемся практически полным набором и того, что было в html4.  Да, допустим, часть тегов устарела, вроде тега <font> - потому что применять этот тег несемантично. Но таких тегов - раз и обчелся. Изучение вопросов различий и устаревших тегов займет немного времени.

И основная проблема изучения сразу html5 в литературе. Обычно, литература, посвященная этому - обучает нас лишь изменениям в сравнении со старым html4 и не обучается основам. Поэтому я бы изучала, а я так и изучала html вот таким образом - сначала любую неплохую книгу по html в принципе. А потом отдельную по html5 тоненькую книжку - где вам только 50 страниц будут объяснять, почему тег section не надо сувать везде подряд, как это делают многие и зачем он логически нам нужен на странице. 

В белке можно попробовать выставить arial x-height, не могу быть уверена на 100%, но кажется однажды мне это помогло. А чтобы в белку шрифт загнать - может сначала в другом генераторе его прогнать и тогда в белку получится засунуть..

@nerv,хаха, смешно))) Клевая тема. Ну может быть и так.

Есть сайт - http://html2css.ru/paul6/ http://html2css.ru/paul6/horizont.zip (архив)

Что было нужно:

Сделать паралакс и анимацию в том виде, в котором она сейчас есть в плане эффектов. Сделано.

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

Проблема в том, что есть куча глюков и проблем в отображении. Для примера какие были тормоза - http://html2css.ru/paul4/

Что не получилось:

1) Скрытие элементов работает некорректно - некоторые элементы так и не появляются, некоторые скрываются раньше. При быстром пролистывании - мы не видим появляение нужных слоев из-за реализации анимации через transition - так как мы не можем узнать реальные координаты translate движущихся объектов во время анимации (лично я не знаю как это сделать).  Я скрываю и целые страницы и сами слои для паралакса (этот пункт с помощью внутренней функции stellar.js, которая также работает криво). И кажется некоторые элементы сейчас исчезают сами по себе...

2) При ресайзе позиционирование элементов сайта искажается и она не равна той картинке, которую мы бы получили, если бы просто открыли сайт в этом разрешении сразу и пролистали до этого места/

Что я пыталась сделать:

Убрать transition и поставить плагин velocity, чтобы проводить анимацию на javasript и иметь в распоряжении настоящии координаты объектов, а не те, которые будут через trasition время. Ничего не вышло - все опять куда-то уехало не туда и я не смогла разобраться почему.

Что нужно сделать:

1) Сделать то, что не получилось у меня.

2) При этом чтобы анимация была плавной - этого можно достичь используя для позиционирования translate  (то есть left и margin не подходят). И обязательно нужно скрывать слои за пределом экрана - для улучшения производительности, иначе все сильно тормозит в других браузерах или на слабых машинах. До их скрытия вкладка браузера могла даже крашится видимо от переизбытка информации...

Возможно нужно заменить плагин паралакса на какой-то другой, есть подозрение, что он работает некорректно просто.

3) Если все заработает - мне нужно объяснить, как это сделано, указать на основные ошибки - чтобы я могла разобраться и в следующий раз сделать это сама. Может задам несколько вопросов - а почему тут так - что это дает?

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

В процессе работы можете задавать любые вопросы по коду...

Я надеюсь, что это работы для настоящего специалиста немного - часа на 2-3. Я готова заплатить от 1тыс до 2тыс руб в зависимости от ваших трудозатрат... 

Если я некорректно оценила трудозатраты и оплату или есть какие-то определенные мысли по данному проекту - тоже послушаю.

7 мб для компьютера с оперативкой в 8гб - разве это много? Для скачивания немало, но в плане производительности 7 мб?...

А делать-то чего? Как поступить? Должно там все анимироваться, плавно вылетать, паралакситься....

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

http://html2css.ru/paul5/

Даже отключила картинки через css. Смотреть в файрфоксе или ие. Прокрутка трясется и тормозит.

Что не так? В чем моя вина?

Есть паралакс плагин - stellar.js. И я задаю ему свои параметры для скролла из-за того, что окно я скролю не обычным способом, а через translate. Все бы хорошо, но на ресайзе возникает проблема - которую я итак и этак пыталась решить, но в конечном итоге все было не то - внешний вид картинки просле ресайза отличался от вида при первой загрузке в таком же разрешении.
http://html2css.ru/paul4/

	$.stellar.scrollProperty.myScroll = {		getLeft: function($element) {			return offsetMainLeft;		},		// setLeft: function($element, val) {		// 	$element.scrollLeft(0);		// },		getTop: function($element) {			return 0;		}	}	$("#main-viewport").stellar({		scrollProperty: 'myScroll',		positionProperty: 'transform',		responsive: true,		horizontalOffset: 0,		verticalOffset: 0,		hideDistantElements: false	});

Я понимаю, что трудно так помочь, поэтому прилагаю архив http://html2css.ru/paul4/horizont.zip

Пробовала эксперементировать на ресайзе с функцией refreshStellar(). Но че-т никак. Как мне казалось 100% должно было сработать полное уничтожение паралакса и его новая активация. Но не помогло с какого-то фига .... что-то не так делаю.

Еще странно как-то скролл подергивается, но то ладно. Буду рада любой помощи. Заранее огромное спасибо.  Даже не знаю, чем бы вас отблагодарить, кто поможет. Неблагодарное это дело в чужом коде рыться. 

Проблема готовых скриптов в том, что они все на jquery. Ну кроме очень странных...

@gibiskus, попробуйте body min-width 1000px задать для более корректного масштабирования (это без мета тега).

А jquery изучили? Чистым js уже никто не пользуется (ну почти, в общем вы поняли о чем это я). 

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

Вот один из примеров подобной регулярки.

 (?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*  |  "(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]      |  \\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@ (??:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?  |  \[(??:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}       (?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:          (?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]          |  \\[\x01-\x09\x0b\x0c\x0e-\x7f])+)     \]) 

http://en.wikipedia.org/wiki/Email_address А зачем писать то, что уже кем-то написано.

А вообще input type email и забить.
 

А если очень надо - поставить плагин validator http://jqueryvalidation.org/

Моя схема.

Беру макет - смотрю первый блок - хедер - думаю 45 минут, следующий 15 минут, следующий - 3 часа. Скрипты - много - часа два, тестирование верстки, проверка форм и глюки - часа два. Складываю все часы, умножаю на ставку часа - профит! В файле записываю сколько бы я потратила на блок теоретически - и рядом сколько практически ушло. Сравниваю и в следующий раз корректирую время и более точно подсчитываю цену блока.

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

Потом перешла на схему с правками так, если оплата верстки не почасовая, а попроектная - все правки вечером одной кучей. Не меньше 100 рублей за правку, даже если букву поменять надо при ставке 200р час. Можно и днем кидать с пометкой "срочно" - но тогда не меньше 100р за правку, если 3 часа будет по штучке мне запятые кидать - 600 р. натикает - или вечером, но кучей - можно в полчаса улоижться, а не в 3часа - пусть выбирает. Понимание пришло очень быстро во сколько это обходится, а у меня появилось больше свободного времени. А то2 дня делаю 2 проекта, а еще полтора дня - какие-то идиотские правки, пока которые делаешь невозможно заниматься другими проектами - выбивают из колеи, но в то же время почти не оплачиваются.

Всегда беру предоплату 50% (какие 20% блин - мало же!), либо очень уверена в заказчике (например с одним раз в полмесяца рассчитывались). Вообще при доверительных отношениях - обычно заказчик, чтобы не париться - сразу кидает всю сумму и ждет работу. У меня было так.

Кинули 3 раза - первый - самая первая работа на 200р - верстка всплывашек, у заказчика было 8 положительных отзывов. Зажал. 3 месяца трясла - не из-за денег, а из принципа. Сейчас в бане сидит.

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

3й я тут писала поработала за 30минутную консультацию весь день. Не могла предположить, что он имеет в виду оплату только своим рассказом.

Если бы мне посредник написал, что его заказчик кинул и он не может оплатить, я бы его съела от возмущения - пусть платит свои деньги, это его риски. Он тут бабло наваривает, а риски на исполнителя перекладывает? А не слишком ли он обнаглел? Если он настолько тупой, что не может организовать безопасную работу и позволяет себя кидать - пусть платит из своего кармана, не мои проблемы. 

@Николя223, я заметила, что сервис отвратительный. Закончился понедельник - а до сих пор нет ответа от техподдержки. А ведь они работают с деньгами.

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

Интересно - сколько рублей обычно берут за такую работу? (можно в личку написать)