• Как делать такие заголовки?

    GoooodBoy
    @GoooodBoy
    На мой взгляд самый простой вариант - через псевдоэлементы (:before :after).
    Примерно вот так: codepen.io/GoooodBoy/pen/wKmBKN
    Ответ написан
    Комментировать
  • Почему gmail удаляет классы в таблицах при верстке писем?

    fr_end
    @fr_end
    Frontend разработчик
    Вы еще в аутлуке протестируйте, там вообще ужас до кровавых слез, причем в каждой версии свой.
    Поэтому в верстке писем нужно использовать инлайн-стили. Но с этим справляется premailer.
    И вообще там миллион ограничений, верстка таблицами и сложность тестирования, неблагодарное это дело.
    Ответ написан
    1 комментарий
  • Как в таблице организовать упорядоченный вывод td?

    @GreatRash
    Это конечно мега-извращение, но можно при помощи JS закинуть все td в первую tr. Далее в CSS прописать:

    table, tr {
      display: block;
    }
    
    td {
      display: inline-block;
    }


    Правда не знаю как к подобному надругательству отнесётся IE, но все хорошие браузеры проглотят.
    Ответ написан
    Комментировать
  • Как сделать два таких слайдера?

    Antonoff
    @Antonoff
    Разработчик
    Ответ написан
    Комментировать
  • Как начать познание информационной безопасности?

    ranebull
    @ranebull
    Можно начать с просмотра тех же видео от Яндекс КИТ (Курсы Информационных Технологий):
    Безопасность Unix-подобных ОС
    Криптография, шифрование
    Обзорная лекция по безопасности
    Сетевая безопасность
    Информационная безопасность
    Безопасность информационных систем
    Информационная безопасность
    Безопасность информационных систем
    Из книжек можно прочитать Андрей Бирюков: Информационная безопасность: защит...
    На том же Хабре можно пролистать раздел ИБ, чтобы понять, что можно выбрать
    InfoSecurity
    Из общего, думаю, уже можно будет понять, какими прикладными вещами заниматься.
    Ответ написан
    5 комментариев
  • Как правильно верстать такие сайты?

    dmitriy_novikov
    @dmitriy_novikov
    Занимаюсь web-разработкой с 2010г. http://dmnv.ru
    обычно вся картинка идет фоном, а на ней размечаются невидимые области-ссылки, при наведении на которые появляются дополнительные элементы (подсвеченные здания, этажи с включенным светом и т.д.) - вот эти элементы нужно отдельно запросить у дизайнера. еще обязательно уточните параметры резиновости/адаптивности и кроссбраузерность, чтобы потом не было вопросов. области для наведения произвольной формы можно задавать при помощи map-area, советую генерировать из картинки.
    Ответ написан
    1 комментарий
  • Чем отличается разработка ASP.NET MVC от ASP.NET API?

    firedragon
    @firedragon
    Не джун-мидл-сеньор, а трус-балбес-бывалый.
    отдачей результата.
    В первом случае вы по умолчанию получаете html, во втором json или xml.
    Ответ написан
    4 комментария
  • Опишите тезисно, как сегодня должен быть сверстан хороший сайт?

    dmitriy_novikov
    @dmitriy_novikov
    Занимаюсь web-разработкой с 2010г. http://dmnv.ru
    минимальная скорость загрузки, семантика, адаптив, кроссбраузерность, валидность.
    Ответ написан
    Комментировать
  • Как тестировать верстку под разные браузеры и экраны?

    lega111
    @lega111
    DevOps
    Под мобильные устройства тестирую с помощью стандартных функций браузера (Firefox & Chrome это умеет в devtools)
    Так же есть такая штука - ami.responsivedesign.is
    Доступные размеры:
    настольный монитор — 1600 x 992px;
    ноутбук — 1280 x 802px;
    планшет — 768 x 1024px;
    мобильный телефон — 320 x 480px.

    Так же есть это - deviceponsive.com
    Устройства и доступные разрешения экранов.
    Macbook — 1280 x 800
    iPad портрет — 768 x 1024
    iPad портрет — 1024 x 768
    Kindle портрет — 600 x 1024
    Kindle альбомная ориентация — 1024 x 600
    iPhone портрет — 320 x 480
    iPhone альбомная ориентация — 480 x 320
    Galaxy портрет — 240 x 320
    Galaxy альбомная ориентация — 320 x 240

    Ну и мой любимый - quirktools.com/screenfly
    Доступно 9 больше чем планшет устройств — от 10" ноутбуков, до 24" мониторов, 5 планшетов, 9 телефонов, 3 телевизионных разрешения, а также произвольное разрешение. Есть отдельный переключатель в портретный и альбомный режим, а также опция показа прокрутки.
    Ответ написан
    3 комментария
  • Как сделать вот такую стрелку?

    Ivanq
    @Ivanq
    Знаю php, js, html, css
    Делай картинкой - на CSS не получится.
    Ответ написан
    5 комментариев
  • Как исправить высоту родительского блока с учетом контента?

    andykov
    @andykov
    Shit happens
    Вместо падинга укажите overflow: hidden;
    padding можно примерно 20px снизу оставить.

    p.s. верстка плохая, поток очищать нужно.
    Ответ написан
    Комментировать
  • Как людям удается столько зарабатывать на фрилансе?

    Deerenaros
    @Deerenaros
    Программист, математик, задрот и даже чуть инженер
    Внесу свою небольшую лепту.

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

    Во-вторых, на фриланс биржах жуткий демпинг. Так что первые два месяца скорее всего придётся поработать на зп дворника. Вооще, сейчас фриланс сообщество относительно стабильно именно из-за высокого входного порога. Первые серьёзные деньги раньше второго месяца увидеть очень сложно. Здесь придётся работать на престиж, то есть зарабатывать контакты. Очень часто бывает, что довольный клиент вернётся, а бывает даже не уходит - оставляет проект на сопровождение. Причём делать скорее всего ничего не придётся, а лишняя копейка никогда не помешает. Набрав 10-15 проектов на сопровождение можно вообще не работать и получать пару зарплат дворника.

    В-третьих, время, требуемое на проект, что вы привели, это не средней руки вэб-мастера. Это начинающего вэб-мастера. К тому же вэб-мастера вымирают как вид. Идеально, когда со временем вы специализируетесь на чём-нибудь узком - разработка дизайна, вёрстка с дизайна или программирование бэк-энда, найдя других надёжных дизайнеров или даже скооперировавшись в вэб-студию. Многие "фрилансеры" есть никто иные, как клиент-менеджеры вэб-студий. То есть менеджер формирует ТЗ - пара часов (или дней) общения в скайпе, передаёт дизайнеру, который формирует дизайн - ещё пара часов (или дней), а верстальщик с программистом верстают и программируют - последние пара часов (или дней) =) По моему очевидно, что специализируясь на узком профиле можно значительно ускорить свою работу: знакомство с инструментами, доскональное знание области, проще следить за трендами... Когда знаешь, что делаешь, количество работы можно свести к минимому, к тому же постоянное использование уже готовых наработок...

    Впрочем, постоянный поток заказов, сформированный круг знакомых как заказчиков, так и фрилансеров, узкая специализация... Это всё хорошо и классно. Но часто не хватает одного - дисциплины. Обустроить свой рабочий день таким образом, чтобы минимально отвлекасться и действительно выполнять свою работу быстро, действительно нагружать себя по максимому. Такое даётся далеко не каждому. Но таким ни демпинг не почём, ни кризис. Заказы будут всегда, они сами будут приходить, тогда как высокая дисциплина позволит выполнять их быстро.
    Ответ написан
    6 комментариев
  • Как людям удается столько зарабатывать на фрилансе?

    yur90
    @yur90
    Программист
    По моим наблюдениям 90% проектов на фрилансе - мусор с точки зрения затраты-приобретения. Нужно смотреть на 10% самых выгодных лично для тебя с точки зрения имеющихся навыков.
    Ответ написан
    6 комментариев
  • Как HR / работодатели относятся к резюме такого рода?

    Обычно у работодателей есть своя форма резюме или анкеты - им так удобнее проверять по одному стандарту. И вы приходите и резюме раньше высылали уже и вам такие: "заполните анкету" а там опять то же самое но в другом виде ))
    Имхо: навыки слишком кратко. Что человек тут под маркетингом подразумевает? Есть пункты которые меня предметно интересуют, например управление персоналом (кем управлял, когда, сколько, какого возраста, какие задачи, было ли двойное подчинение) а есть пункты которые совсем не интересуют, например Телефонные переговоры. А из этого резюме я ни по 1 пункту не могу получить ничего внятного, конкретного.
    Ответ написан
    Комментировать
  • Как людям удается столько зарабатывать на фрилансе?

    copist
    @copist
    Empower people to give
    Создать новостной портал с дизайном, адаптивной версткой и посадить все это дело на Drupal за 4000р.


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

    Молодой гусар спрашивает у поручика Ржевского, как это ему удается пользоваться таким успехом у женщин.
    - Очень просто, - отвечает он, - нужно подойти к женщине и сказать: "Мадам, позвольте вам впендюрить!" И все.
    - Поручик! Но ведь за такое можно и по морде!
    - Можно и по морде. Но обычно впендюриваю.


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

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

    Не пробовал удалёнку поискать? Аутсорс? (на сайтах вакансий искать "удалённо", "неполный день", "по совместительству"). И попутно ещё разовые заказы брать на биржах.

    А ещё есть биржи труда для стартапов, там бывают неплохие предложения по удалённой работе.

    и другие ресурсы по фразе стартап поиск команды
    Ответ написан
    9 комментариев
  • Заработать на шаблонах для сайтов, реально?

    Therapyx
    @Therapyx
    Data Science
    Не думаю, что на чисто CSS + HTML вы сможете прожить. В таком случае вам надо очень много заказов, которые по себестоимости очень дешевые. HTML + CSS по сути это самая база любого веб-программиста(дизайнера) поэтому конкуренция огромная. Если к этому причислить еще JS, jQuery и всякие фреймворки и заниматься чистым фронт-ендом. То тогда уже другое дело и там уже все зависит от вас, вашей популярности, качества работы и вашей "продаваемости".
    А так ну сами подумайте, студенту без опыта дать заказ сделать сайт визитку за бутылку пива - он сделает.
    Ответ написан
    3 комментария
  • Как повысить навык проектирования хороших сайтов?

    copist
    @copist
    Empower people to give
    Нет, я не согласен с тем, что созерцание чужих сайтов даёт навык проектирования хороших своих. Максимум - вдохновление. А тут нужны склад ума, навыки, определённая техника.

    Под хорошими я понимаю сайты, которыми удобно пользоваться посетителям

    Я рекомендую обратиться к направлению User eXpirience (EX) - создавать удобные пользователям решения.
    Это большое направление. Там есть немного от художника, но много от самого пользователя. Нужно давать пользователям задания, которые можно решить на твоём сайте, чтобы они при тебе делали и рассказывали - что хотят сделать, какой элемент интерфейса они бы кликнули, какие ожидания у них в голове до клика, что они получили после клика, получили ли они желаемое, достаточно ли просто было получить желаемое. Это в общем называется User/Usabity Testing. Нужно несколько таких ревью. Затем принимается решение, устраивает ли пользователей ваш способ удовлетворить его потребности, не стоит ли упростить или усложнить сценарии поведения пользователей, изменить размеры или цвета, переставить элементы местами.
    Через некоторое время, на N+1 проекте, у вас в голове начнёт складываться правильное понимание того, что ожидают пользователи, как удобнее для пользователя реализовать в интерфейсе решения его проблем. Идеального решения не будет. То, что вы придумете для N проектов, на N+1 вообще может не сработать. Главное знать как определить, что именно является причиной неудачи и иметь идеи, как это изменить.
    Ещё есть такая техника, как A/B тестирование, сплит-тестирование.
    В общем - делайте, проверяйте, исправляйте.
    Небольшой обзор для затравки www.zenexmachina.com/what-we-do/user-experience
    lean-startup-01.png
    Под хорошими я понимаю сайты, ... которые приносят прибыль своим владельцам

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

    Под хорошими я понимаю сайты, ... которые при этом сделаны с заделом на будущее.

    Ищите новые потребности новых потребителей. Ищите новые потребности старых потребителей. Обозначу всё это словом диверсификация.
    Ищите новые способы удовлетворения старых потребностей, более эффективные или менее затратные. В том числе, новые клиентские технологии, более современный дизайн, если пользователю так будет удобно.
    Не останавливайтесь. Развивайтесь.
    Вот такой мини-обзор поможет: uxmastery.com/resources/process
    ux-process-diagram-cropped-620x360.png
    Опыт показывает, что меньше всего в этом вопросе помогают умные книги. Из них можно почерпнуть знания, но навык от этого не растёт ни чуть.

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

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

    Не так уж и быстро она растёт. А ещё, часто бывает, что знания растут, а на практике ничего не меняется. Цель изучения не в том, чтобы знать, а в том, чтобы действовать. Обычно лучше запоминается именно то, с чем сталкиваешься в реальности. А ещё, зная как делать, начинаешь экспериментировать.

    P.S. Тут какая то "серебрянная пуля", а не "золотая середина" ж))
    Ответ написан
    Комментировать
  • Как убрать некоторый текст при уменьшении разрешения адаптивного дизайна сайта?

    In4in
    @In4in
    °•× JavaScript Developer ^_^ ו°
    display:none, бро.

    Вот так -» тык.

    Но лучше, конечно, использовать text-overflow, когда можно.
    Ответ написан
    3 комментария