• Как верстать с пропорциями?

    @dm1rt1y
    Вы ищете относительные единицы измерения. Стоит посмотреть в сторону vh, vw, vmin, vmax
    Ответ написан
    Комментировать
  • На что обращать внимание при выборе веб-студии или же фрилансера помимо их/его портфолио?

    Sanes
    @Sanes
    С фрилансером всё просто.
    Если портфолио и стек используемых технологий вас устраивает, отдаём на верстку 1 страницу. Потом всё остальное.
    Так сможете минимизировать риски.
    Ответ написан
    2 комментария
  • Как мне убрать белые потёки, пятна?

    @Camaro67
    Помог? - "Отметить решением"
    Есть какой-то более простой способ?

    Помыть машину и сделать фото по новой.
    Ответ написан
    Комментировать
  • С чего начать работу на фрилансе?

    b0nn1e
    @b0nn1e
    Alcohol & Ruby on Rails
    но послушав многих людей, которые уже долго работают в данной сфере, сделал вывод, что лучше начинать карьеру с фриланса

    ИМХО лучше попробовать пристроиться в какую-нибудь контору джуном, что-бы набраться опыта.
    А потом уже можно и на фриланс. Сэкономите себе пару лет.

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

    dimovich85
    @dimovich85 Куратор тега CSS
    https://u-academy.net/
    Поделюсь с вами вот такой ссылкой:
    https://www.youtube.com/playlist?list=PLswdBLT9llb...
    Ответ написан
    1 комментарий
  • Как сделать подобный border у ссылки?

    rockon404
    @rockon404
    Frontend Developer
    Псевдоэлемент :after или :before с абсолютным позиционированием. У самой ссылки должно быть position: relative;
    Ответ написан
    2 комментария
  • Как это сверстать?

    profesor08
    @profesor08
    Задаешь секциям фон, потом выставляешь для первой псевдоэлемент в самый низ, для второй в самый верх, задаешь им какой-то фон чтоб отличать, а далее работаешь с clip-path. Все.

    https://codepen.io/Profesor08/pen/OwvbwY?editors=0100

    Картинки идут с тенью одной картинкой, png/svg. Единственное придется поиграться с margin и z-index, чтоб настроить правильное позиционирование.
    Ответ написан
    1 комментарий
  • Какие книги по веб-разработке на данный момент актуальны?

    @sdgroup14
    я бы вам посоветовал очень хорошо понять базу https://learn.javascript.ru/ (по несколько раз прочитывал весь сайт перед собеседованиями, потому что именно такие вещи и будут спрашивать и этими методами вы всегда будете пользоваться).
    Насчет css читайте все что только можно. Суть знаний в css - это опыт. Я свои знания заработал только на практике. Ни в одном гайде не встречал к примеру ситуации, "что в Safari(IOS) в некоторых ситуациях если вы div сделали js кликабельным - то нужно div сделать cursor: pointer... иначе не будет отрабатывать обработчик" + Интерпритаторы в разных браузерах по разному воспринимают свойства... Практика практика и еще раз практика
    Ответ написан
    5 комментариев
  • Что делать после обучения верстке?

    @MaxMorozov23
    Чешский front-end программист
    Когда-то и я столкнулся с подобной проблеммой. Год ушел на поиск нормальной работы, потому что никому не нужен простой верстальщик, который умеет делать только статичные лендинги. Поэтому этот год я потратил на изучение JavaScript и php. И вот когда я прошел простенький тест на php и меня взяли, оказалось, что мои знания довольно скудные. Также на работе я познакомился еще и с java, git. Сегодня в свободное время изучаю Vue.js. В общем развивайся, не останавливайся на одном и ищи работу, без разницы какая зарплата, хоть даже стажировку. Ну а насчет CMS, порой получаю заказы от друзей и друзей друзей сделать какой нибудь сайт для них. Последний раз это был онлайн магазин на WordPress и платят за такую работу не мало.
    Ответ написан
    Комментировать
  • Страница занимает ширину экрана, но не ширину контента, почему?

    @boga-net
    У фона ширина 100% или 100vw. Но что-то превышает эту ширину экрана и даёт отступ. Фон не может растянуться сверх этого

    В общем , исправить так : не давать контенту вылезать за ширину экрана, установив элементу, содержащему контент, ширину в 100%, или max-width : 100%. Но надо смотреть на ваш код. В любом случае горизонтальная полоса прокрутки не должна быть, кроме редких и особых дизайнов
    Ответ написан
    1 комментарий
  • Почему не работает ни margin, ни padding?

    потому что используется display: inline, а надо inline-block или block
    Ответ написан
    Комментировать
  • Как использовать normilize с gulp?

    @LMI
    1. Если у тебя уже установлен Gulp и настроен локально в папке проекта, то в консоли переходишь в папку этого своего проекта и вводишь npm install node-normalize-scss --save-dev

    2. Потом в основном sass-файле делаешь импорт @import "normalize";

    3. В таске по компиляции sass в css в пайп добавляешь строчку кода
    includePaths: require('node-normalize-scss').includePaths


    Вот полный код и документация

    var gulp = require('gulp');
    var sass = require('gulp-sass');
     
    gulp.task('sass', function () {
      gulp.src('path/to/input.scss')
        .pipe(sass({
          // includePaths: require('node-normalize-scss').with('other/path', 'another/path') 
          // - or - 
          includePaths: require('node-normalize-scss').includePaths
        }))
        .pipe(gulp.dest('path/to/output.css'));
    });


    https://www.npmjs.com/package/node-normalize-scss
    Ответ написан
    1 комментарий
  • Как кастомизировать видеоплеер?

    politon
    @politon
    HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
    Комментировать
  • Как сделать количество точек в меню товаров динамическими?

    @romanu418
    Ответ написан
    Комментировать
  • Что изучить в комплексе с курсами Javarush, чтобы можно было брать заказы на фрилансе или куда-то устроиться как Java Junior?

    @bubuxDD
    Ну человек ты конечно замахнулся)

    А теперь серьезно, я тоже начинал с этих курсов поэтому опишу свой опыт. Пригодиться тем кто не хочет наступать на грабли. Начинал с них когда интерфейс был на силверлайте и лекций было очень и очень мало, впервые стартовали реальные проекты. Но это было давно и как сейчас там обстоят дела не знаю. Всего прошел 30 уровней.
    Итак конкретно за курсы
    1) Они помогли научится кодить на джава.(дополнительно к курсам смотрел головоча, по многопоточности и еще паре тем, в книгах читал интересующие главы)
    2) Они научили не боятся программирования. Как бы странно это не звучало.
    3) Дали основные понятия по алгоритмам и ооп.(основные не значит достаточные:) )
    4) В целом самый главный плюс они хорошо структурированы и при возникновении проблем есть сообщество которое поможет. Ведь нет ничего хуже чем то состояние когда пропадает мотивация из-за слишком сложной задачи а спросить не у кого(За мои годы обучения это оказалось самым важным плюсом при выборе любых учебных материалов)

    Потом была стажировка у Кислина(Каким-то чудом удалось туда попасть от джавараш)
    Здесь научился строить более менее работающие приложения. И перестал боятся библиотек, фрейморков и прочего. Главное для меня что было вынесено со стажировки это умене соединять разные технологии(К примеру теперь в моих глазах нет ужаса если вдруг узнаю что мне нужно сделать возможность обмена данными для линукс приложеня написанного на с++, с веб-приложением на java которое будет отдавать данные мобильникам. То есть присутствует понимание как работают технологии).

    Потом я устроился на работу))))))

    По времени на ближайшие пол года, просто проходите курсы на javarush. Плюс htmlacademy - на нем курсы по html, css. В этом же заходе изучайте sql по книге издательства o'relly -"Изучаем sql"
    Если есть стажировка хорошо, если нету покупаем у Кислина topjava. После javarush это наиболее предпочтительный вариант, первая рассылка за плату остальные бесплатные так что если не уложитесь в сроки можно не беспокоиться у вас всегда будет свежая версия проекта, если паникер забэкапите эти 3 гига данных. На этом этапе главное усвоить то как технологии работают вместе и то как важно выбирать правильную архитектуру. На это уйдет еще пол года.
    (Данные сроки актуальны если заниматься кодингом по 6 часов ежедневно, ну в воскресенье можно расслабиться:) )
    Английский нужен, учить однозначно. Lingualeo плюс Пимслер плюс учебник плюс сериалы на инглише. На то что бы подтянуть на норм уровень уйдет месяца 4-5.

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

    Матан - жуть, но если хотите быть супер сеньёром с космической зп. Учить придеться как бы не плевались и не писали что он не нужен . Так как алгоритмы, и нове технологии тот же искусственный интеллект это один сплошной матан. Да и очень много мест где на самом деле матан нужен, даже если прямо в вакансиях это не указывают. Мой совет хотите расти как профессионал, учите.

    junior, mid, senior - это указание уровня опыта. Забугорный аналог наших младший, старший - сотрудник. Такие уровни деления по знаниям приняты почти во всех областях на западе(веб, мобилы, десткоп, наука)

    Ну и чисто бытовой совет, старайтесь хорошо кушать, высыпаться и не забивать свою голову программухой. Оставьте себе свободное время это поможет не охладеть. Вот к примеру есть такие кадры которые пишут что они 12 часов 7 дней в неделю батрачат код и через 3 года пропихиваются на джуна в контору "рога копыта" и Там уже растут как профы батрача код по 16 часов в сутки. Это не полезный пример. Голова постоянна забита новыми знаниями, кругом каша и ничего не разложено по полочкам. Вот и выходит что по 12 часов занимаются а толку ноль. Только устают потом и выгорают. Как мне кажеться наиболее удобный распорядок дня это когда часиков в 8-9 вечера ложишься спать, встаешь в 3-4 утра. Выходишь на прогулку дышишь свежим воздухом и топаешь кодить, а лучше учить что-нибудь на свежую голову, это классно и информация лучше усваивается. Кодишь часа 4 потом универ, работа(нужное подчеркнуть). А вечером делаешь какую-нибудь рутину, типа накодить какой-нибудь фигни которая особых умственных способностей не требует. Главное не зарывайтесь. И делайте перерывы между технологиями. К примеру поучили жабу два месяца, а потом следующую недельку вообще ничего не кодите. Это поможет сберечь психологическое здоровье, а утренние прогулки физическое))))

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

    Ответ конечно скомканный получился, но если что-то интересует спрашивайте подскажу. Так как сам был недавно студентом.
    Ответ написан
    Комментировать
  • Почему при нулевой высоте блок все равно виден?

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

    HamSter007
    @HamSter007
    HTML/CSS верстальщик
    Можно без js обойтись, animate:

    <div class="box">
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="300">
          <circle fill="none" stroke="#000" stroke-width="3" cx="150" cy="150" r="100" />
          <circle cx="150" cy="150" r="10" stroke="red"></circle>
          <g class="orbit">
            <circle cx="80" cy="80" r="20"></circle>
          </g>
        </svg>
      </div>


    Анимация:
    .box {
      height: 300px;
      width: 300px;
      background: #eee;
    }
    
    svg .orbit {
      animation: spin-right 10s 30 linear;
      transform-origin: 150px 150px 0;
    }
    
    @keyframes spin-right {
      100% {
        transform: rotate(360deg);
      }
    }


    пример codepen
    Ответ написан
    1 комментарий