• Что делать, если запутался в css?

    Elwen
    @Elwen
    1) Адаптивная - это, грубо говоря, фиксированная верстка, которая использует медиа запросы для того, что бы подстроится под устройство просмотра. Отзывчивая - это резиновая верстка с использованием тех же медиа запросов для того же. В свое время именно такое объяснение показалось мне самым простым и понятным. Но большинство заказчиков все равно воспринимает это как одно и тоже, так что объяснять будет дольше.
    Есть замечательный сайт liquidapsive.com, который очень наглядно показывает разницу между разными типами верстки (адаптивная, отзывчивая, фиксированная и резиновая) на примере одного макета. К нему же есть отличная статья на frontender.info, где довольно доходчиво рассказано о разных подходах, их плюсах и минусах.
    2) Как бы то ни было, это все же зависит от проекта. Резиновая верстка отлично подходит для большинства сайтов, но есть проекты, где целесообразней все же сделать отдельно мобильную версию. Например, соц. сети.
    3) Нет.
    4) К сожалению, есть много вопросов относительно возможностей и развития css.
    5) Единственного верного способа решить поставленную задачу в программировании нет. В большинстве случаев есть несколько способов. Бывает что одно решение выигрывает по тем или иным параметрам у другого. И каждый программист иногда чувствует, что его творение больше походит на монстра, чем на чистый код. Это вовсе не означает, что это так (хотя случается и такое, чего таить). В любом случае, взглянув на свой код, который сейчас вам кажется хорошим, через несколько лет, скорее всего, вы схватитесь за голову) Стремитесь совершенствоваться, но не зацикливайтесь на этом.
    Ответ написан
    2 комментария
  • Что значит "опыт верстки под битрикс, вордпресс и т. д."?

    Тут 2 варианта:

    1. Заказывают верстку, подразумевают создание шаблона/темы для CMS. По хитрости, по не знанию, по глупости - не важно. Важно не подписаться пилить это по цене только верстки.

    Верстка - это когда макет превращается в набор html/css/js файлов.

    Да, могут быть вариации. Может быть сразу под движок: Smarty, Twig, Jade, или все шаблоны в Handlebars, или сразу чтобы всё под Angular было. Но это всё частные случаи, требующие более высокой квалификации, или находящиеся уже где-то во front-end разработке.

    2. Просят учесть особенности CMS.

    Маленьких нюансов может быть много.

    Вот Битрикс, например, и его Эрмитаж (тыкнул в блок - тут же его отредактировал если по простому). Где-то лишняя обертка элемента, чтобы в режиме редактирования не разваливалось. Везде - z-index меньше 1000, чтобы Эрмитаж не перекрывало.

    Wordpress вообще генерирует огромное количество своих классов. Взять те же навигационные меню. Использовать их = наплевать на все эти ваши БЭМ и прочее.
    И т.д.

    Если я верстал и без проблем натягивал свои макеты на Wordpress - могу ли сказать что у меня есть опыт верстки под Wordpress?

    Могу.
    Так же как могу сказать что есть опыт верстки под Drupal (не знаю натягивали ли какие-то из моих работ на Drupal, но чё бы нет).

    Правда нет гарантии что человек, который будет натягивать мою верстку, не затупит например с
    .nav
        .nav__list
            .nav__item

    Когда ему движок выдаст меню в виде
    .menu
        ul
            li

    Но я не считаю это своей проблемой.
    Когда понадобилось, оказалось нет ничего сложного 1 раз потратить время и написать свой вывод меню в Wordpress, чтобы можно было любую верстку натянуть. Почему так не может сделать тот кто натягивает? Почему в ТЗ об этом не предупредили?

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

    Таким образом, хотя в идеале на движок должно быть возможным натянуть любую верстку, действительно некоторые имеют CMS особенности.
    Об этих особенностях следует договариваться заранее. Должно быть конкретное ТЗ на верстку.
    В остальном как правило речь об "опыте верстки под %CMS%" - просто болтовня.
    Ответ написан
    Комментировать
  • Как контролировать работу удаленного программиста?

    customtema
    @customtema
    arint.ru
    Для начала, не надо было пытаться так экономить. Судя по тому, что на решение задачи тратятся месяцы - вы искали самого дешевого программиста, и с вами согласился сотрудничать новичок. Он сейчас скорее всего жалеет о том, что с вами связался. Простите, но вы сами виноваты. Семь шапок из одной овцы не выкроишь никак.

    Любая задача решается не более, чем за одну неделю. Подавляющее большинство программ выпускаются в бету за 2-3 месяца. Если дольше - нужно бить тревогу. Или неправильное планирование, или проблемы в команде.

    Мониторить просто - по списку задач в трекере и/или по коммитам. Не нужно ожидать, что разработчик будет выдавать какой-то прогресс ежедневно. Программирование - это не линейный процесс. Можно день-два протупить, а потом за десять минут сделать - такое происходит постоянно. Удобными для всех будут ежеденедельные итерации. Например, каждый понедельник проверять прогресс за неделю, и при необходимости, скорректировать его.

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

    Это удивительно, но многие, будто конченные олигофрены, не понимают, что консультации отнимают и силы, и время. И именно поэтому должны быть регламентированы.

    С консультациями, как с сексом. Хотите, чтобы было качественно? Тогда нужно хорошо подготовиться. И вести себя прилично. Всегда. Хотите хорошие ответы? Продумайте свои вопросы.

    В состоянии потока любая хрень может отвлечь и нарушить рабочее состояние. Особенно - вопросы. Особенно - глупые вопросы. Глупые не с вашей точки зрения, а с точки зрения разработчика. Программист работает циклами по 2-4 часа. Если нарушить цикл (например, задав глупый вопрос или позвонив по телефону) - теряется ПОЛОВИНА ДНЯ.

    Поэтому мое второе замечание - проверьте, а не мешаете ли вы ему работать?
    Ответ написан
    3 комментария
  • Как изменить стиль первого абзаца?

    Вы немного не поняли принцип работы селектора :first-child. Он бы сработал если бы было так:
    <div class="class">
      <p></p>
      <p></p>
      <img src="image.jpg" />
    </div>

    Другими словами если бы тег p был бы первым дочерним элементом блока.
    В вашем случаи вы можете сделать так:
    .class p:nth-child(2){
      font-weight: bold;
    }
    Ответ написан
    Комментировать
  • Какая цена будет справделивой?

    Ronnie_Gardocki
    @Ronnie_Gardocki
    Я у мамы фронтендщик.
    15 страниц верстки с нуля (как вы выше в комментах уточнили) и за 40$ баксов В СУММЕ? WAT????? Вы не ошиблись ноликом?
    Ответ написан
    1 комментарий
  • Какая цена будет справделивой?

    ... а потом приходят заказчики, уверенные что за 5 тыщ можно интернет-магазин сделать -_\\
    Ответ написан
    1 комментарий
  • Как ограничить количество нажатия на input до 1 раза в сутки?

    Petroveg
    @Petroveg
    Миром правят маленькие с#@&ки
    На клиенте
    Записывать в cookie, localStorage. После проверки устанавливать атрибут disabled.
    Ненадёжно — пользователь может зайти из другого браузера, с другого устройства.

    На сервере
    Хранить на сервере время прошлого нажатия для пользователя. При формировании страницы устанавливать при необходимости атрибут disabled.
    Надёжно — всё определяется для авторизованного пользователя однозначно, независимо от устройства или браузера.
    Ответ написан
    Комментировать
  • Как вернуть обычное добавление закладок в Chrome?

    @yellowmew
    Cloud infrastructure, monitoring engineer. SRE
    chrome://flags/#enhanced-bookmarks-experiment
    выключаем
    Ответ написан
    3 комментария
  • Почему пишет, что не найден разделитель?

    Petroveg
    @Petroveg
    Миром правят маленькие с#@&ки
    2 ошибки, которые бросились в глаза:

    Передача текста, который идёт в eval(), вместо callback-функции.
    Сейчас
    $(document).ready(
    код
    );

    Нужно
    $(function () {
    код
    });

    Вторичная попытка получить JSON, когда это было сделано ранее
    Сейчас
    $.ajax({
    	...
    	dataType: 'json'
    }).done(function (data) {
    	var b = $.parseJSON(data);
    })

    Нужно
    $.ajax({
    	...
    	dataType: 'json'
    }).done(function (data) {
    	//просто используем data — это уже JSON
    }).fail(function (data) {
    	//А тут сработает, если запрос провален или пришёл не JSON
    });
    Ответ написан
    Комментировать
  • Как быстро войти в технологический пик html5 верстки?

    Ronnie_Gardocki
    @Ronnie_Gardocki
    Я у мамы фронтендщик.
    Вариант с обучением через верстку .psd макетов вас до "пика" не доведет. Максимум до уровня рядового "верстальщика". Сверстать статику может каждый второй, кто хоть иногда этим занимается. Если вы нацелены на реальный "пик", то вам надо учиться на основе живых примеров уровня www.awwwards.com www.cssdesignawards.com и www.thefwa.com
    Копайтесь, смотрите что как сделано, пытайтесь сами воссоздавать отдельные куски "не смотря под капот" (то есть только на основе того, что вы видите, не залезая в F12). Но перед этим вам надо будет нагнать основы, то есть все что связано с css трансформами, нестандартными лэйаутами и другими трендами дизайна, а то иначе когнетивный диссонанс вам обеспечен. После этого будете долго практиковать анимации, свг, 2d-canvas и в самом конце возможно даже WebGL. Обязателен к употреблению codepen.io
    Ну а если прочитав все это вы вдруг поняли, что вас на самом деле не интересуют всякие нестандартные промо-сайты, а вам просто надо уметь верстать странички для стандартных интернет-магазинов или еще чего подобного, то вам достаточно будет потратить 1-2 месяца на чтение вводных статей и начать штамповать сайты на бутстрапе. Вот.
    Ответ написан
    3 комментария
  • Имеет ли смысл в современном Web делать фоллбэк для nojs?

    k12th
    @k12th
    console.log(`You're pulling my leg, right?`);
    nojs-версия до сих пор имеет смысл для поисковиков.

    Если у вас те 0.01% параноиков, которые отключают JS — это несколько миллионов, то у вас будут и деньги на то, чтобы продублировать критический функционал в чисто серверной версии (как в gmail), а до тех пор можно обойтись
    <noscript>Извините, но наше приложение требует для своей работы включенный JS</noscript>
    .
    Ответ написан
    Комментировать
  • Как сделать блок "дырявым" для нажатия?

    andykov
    @andykov
    Shit happens
    эх, уже ответили) я тогда кину пример jsfiddle.net/6ju77p84, верхнему слою прописываете pointer-events: none; и тогда он перестанет реагировать на события.
    Ответ написан
    Комментировать
  • Как сделать блок "дырявым" для нажатия?

    zenwalker
    @zenwalker
    0xABADBABE
    pointer-events: none;
    Ответ написан
    Комментировать
  • Существует ли функционал удаления истории в HTML5 History API?

    Lynn
    @Lynn
    nginx, js, css
    https://developer.mozilla.org/en-US/docs/Web/API/W...

    There is no way to clear the session history or to disable the back/forward navigation from unprivileged code.
    Ответ написан
    Комментировать
  • Как искать работу за границей?

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

    Пассивный поиск:
    - Создайте красивое резюме для сайтов проф. знакомств.
    - В сети есть многочисленные рекоммендации как такое резюме составлять. Не ленитесь его постоянно совершенствовать. Это не большие трудозатраты.
    - Обязательно укажите, что Вы находитесь в поиске работы и согласны на переезд в другую страну.
    - Помимо LinkedIn в Европе очень популярен сайт XING, поэтому не будеть лишним продублировать ваш красивый профиль на обеих площадках.
    - Ждите пока на Вас выйдут.

    Активный поиск:
    - Описанного в п. "Пассивный поиск" можно ждать бесконечно и не дождаться.
    - В LinkedIn подписывайтесь на профильные группы. Ищите объявления о найме. Рассылайте резюме куда можно и куда нельзя. Договаривайтесь об интервью, даже если это очевидно не выстрелит. Будте дерзким и напористым, но без фанатизма.
    - Есть ещё такой сайт, как JobServe. Там можно создать поисковый фильтр по ключевым словам, странам итд. Можно также подписаться на рассылку и получать результаты поиска по эл. почте.
    - Красивое резюме конвертировать в Word и PDF. Составить красивый cover letter. Желательно, чтобы последний был написан таким образом, чтобы его можно было максимально просто адаптировать к разным реалиям, т.к. он рассылается вместе с резюме и должен быть индивидуальным для каждой вакансии. В добавок не помешает написать красивое типовое письмо с обращением к агенствам по подбору персонала и пояснением чего вы от них собственно хотите. Дальше, ищем в сети те самые агенства по найму, работающие в интересующих вас географических регионах. Чем больше, тем лучше. Веером рассылаете им заготовленное красивое письмо о том что Вы много знаете и умеете и готовы продать родину по сходной цене. Из десятков откликнуться единицы, с ними продолжите переговоры. Где-то возможно дойдёт и до интервью, а там и до заветного трудоустройства рукой подать. Остальные занесут Вас в свои базы данных, которые Вам придёться раз в несколько месяцев обновлять повторной рассылкой вежливых напоминаний о себе.

    Update 1:
    Вот, кстати, замечательное дополненние от Aleksei Podgaev относительно сертификата по английскому. У меня в своё время тоже была проблема, общая для большинства людей, для которых английский неродной и они не находятся в англоязычной среде. Проблема заключается в неспособности оценить свой уровень, т.к. нет обратной связи с носителями языка. Я для себя нашёл следующий хак. Я подготовился и прошёл экзамен IELTS. Очень поучительно и даёт реальный толчёк в уровне языка. Если будет интересно, поделюсь своей методикой подготовки. Это отдельная интересная тема.

    Update 2: Хочу поделиться своими наработками в подготовке к IELTS

    Общая часть:
    Вышеозвученный дисклеймер в равной мере имеет отношение и к системе подготовки к IELTS. Это мой личный опыт. Нижепреведённое может не подойти вам полностью или частично в силу особенностей вашей личности, склада ума или жизненных обстоятельств.

    Как бы то ни было, мой личный опыт можно резюмировать следующими тезисами:

    1. Готовиться нужно только с преподавателем.

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

    3. Период подготовки не должен быть продолжительным. Не более 3-4 месяцев.

    4. Занятия в период подготовки должны быть интенсивными. Я старался брать 4-5 уроков в неделю, иногда брал сдвоенные.

    5. Я занимался удалённо, т.е. я был в Израиле, а преподаватель жила в Испании. Мне настолько понравилась талая система занятий, что на сегодняшний день даже если преподаватель будет жить в соседнем доме, я буду заниматься по той же схеме. Собственно схема:
    - У преподавателя есть публичный Гугл Календарь, в котором студент находит удобный для себя незанятый отрезок времени и назначает урок. Я, как правило, забивал уроки на неделю-две вперёд.
    - После того, как преподаватель подтверждал предложенное время, я оплачивал уроки на неделю вперёд переводом через Пейпал на счёт преподавателя.
    - Сам урок идёт по Скайпу. Первое время мы делали видеоконференции, затем я настоял на том, чтобы оставить только звук, т.к. на экзамене у вас не будет подспорья в виде картинки и возможности прочитать мимику или по губам. На экзамене требуется умение воспринимать на слух. Помимо всего прочего, я записывал аудио всех уроков. Это даёт возможность проработки сложных моментов самостоятельно итд.
    - В экзамене IELTS четыре части, т.е. помимо восприятия на слух и разговорных навыков, вам необходимы навыки "понимания прочитанного", а также написания эссе. Для тренеровки двух последних, моя преподаватель давала мне кучу письменных заданий, чтобы, так сказать, набить руку. Задания загружались ею в Гугл Докс и расшаривались со мной. После выполнения последних, преподаватель может проверить задания и сделать свои пометки, которые видны в Докс, т.к. имеется история версий и можно посмотреть начальный и конечный вариант.

    6. Закончить интенсив необходимо не в последний день перед экзаменом, а по меньшей мере за неделю до того как. Лучше за две.

    Техническая часть:

    1. Вот ссылка на сайт соединяющий преподавателей со студентами -- https://buddyschool.com. Вполне вероятно существуют аналогичные платформы, я не искал.

    2. Алгоритм поиска преподавателя следующий:
    - Смотришь рейтинг преподавателей и отзывы от бывших студентов.
    - Прицениваешься. В моём случае урок (60 мин) стоил 8.5 евро. Это было в 4 раза дешевле, чем на тот момент хотели местные преподаватели за 45 минут урока.
    - Списываешся с преподавателем/ями и начинаешь договариваться.
    - Берёшь пробный урок (обязательно!).
    - Если все звёзды сошлись, начинаешь заниматься.

    3. Я в своё время сделал такой финт ушами. Отобрал штук 10 +/- подходящих преподавателей и веером разослал им сообщение следущего содержания:

    Subject: Intensive IELTS preparation training required.

    Hello,

    I have registered for the closest IELTS test in my area. It's on May 16.
    I reside at GMT+2 time zone. So, my suitable time for the classes is at evening on weekdays and a bit more flexible on weekends.
    What I already have. Currently I’m on some middle-advanced English level, as I evaluate it. May be I mistake.
    What I need. I need some tutor strongly familiar with IELTS format to build for me (or might be already have this built) a highly intensive month-long training includes the practice for all four IELTS parts:
    - A bit less focus on Listening and Reading parts. It may be limited by set of necessary tips and hints and as addition several practical tasks.
    - A bit more attention to the other two parts Writing and Speaking, that the Skype format is tailored for them.
    So, my questions are:
    - Do you have enough familiarity with IELTS test format and preparation methods?
    - Do you have enough free slots for at least three classes each week of the next month until May 16?

    Regards,
    %username%


    Затем из ответивших, выбрал наиболее подходящих, их было 3. С ними со всеми я провёл пробный урок, по результатам которого отсеял ещё двоих.

    Update 3:

    В виду того, что размер ответа превысил установленный предел, он был отредактирован и перенесён в качестве публикации на Мегамозг -- megamozg.ru/post/10570
    Добавлен ещё один большой раздел о составление красивого резюме.

    Как-то так.
    Надеюсь окажется полезным.
    Удачи.
    Ответ написан
    10 комментариев
  • Что значит лендинг с натяжкой на wordpress?

    seoperin
    @seoperin
    Full stack web developer. Laravel / Vue
    Чаще всего достаточно сделать как вы сказали, 1 файл верстки + 1 файл для формы.
    Но иногда клиенту надо иметь возможность редактировать всё в удобном формате через админку. Тогда я делаю верстку одной страницы на wordpress, ставлю плагин доп полей, и через них добавляю все блоки для лендинга (это чисто ради удобства для клиента). Ну и плюс с формами тоже удобно работать для клиента. Как плюс - расширяемость. Можно сделать много лендингов, или вообще расширить в полноценный сайт.
    В итоге у меня получается что-то в таком духе
    8966a908ce.png
    и клиент радуется, что всё легко меняется
    Ответ написан
    2 комментария
  • Как вставить непосредственно CSS в код HTML?

    @krypt3r
    говно-"кодинг" сплошной. Даже стили не могут нормально прописать =/
    Ответ написан
    Комментировать
  • Можно ли Junior Python Developer'ом устроиться на постоянную удаленную работу с почасовой ставкой на Elance\Odesk?

    dmnBrest
    @dmnBrest
    Salesforce for money. Python, Go, Ruby for soul.
    Конечно реально. Индусы же, которые вообще не умеют программировать, как-то работают.
    А вообще что вы можете предложить заказчику на odeck? Вы решите его проблему. Junoir устраиваются на работу чтобы учиться. На odesk никто вас учить не будет. Поэтому для Junior единственный путь - за еду искать себе место возле опытного программиста, который всему научит. А то что вы "только приступил к первым урокам Python" это даже Junior нельзя назвать. Junior это человек который знает основные аспекты разработки и может реализовать большинство решений - пусть это будет и говнокод, но главное чтобы в голове был подход к решению. До Junior еще пахать и пахать!
    Ответ написан
    6 комментариев
  • Как отразить текст по середине блока?

    Kirilchuk
    @Kirilchuk
    Вперед и вверх
    htmlbook.ru -в закладки добавь и штудируй
    Ответ написан
    Комментировать