• Как сделать так, чтобы при наведении на блок, у него менялся фон и на нем появился текст?

    serjikz
    @serjikz
    web-developer
    Создаете внутри него ещё один блок с текстом, которому задаёте прозрачность в css в 0. Далее просто при наведении на родительский блок меняете прозрачность на 1.

    В коде это будет примерно так:
    .parent {bg}//// это блок с вашим фоном
    .parent .childe {opasity: 0;}/////это блок с вашим текстом
    .parent:hover .childe {opasity: 1;}
    Ответ написан
    1 комментарий
  • Как не добавить второй div?

    serjikz
    @serjikz
    web-developer
    А зачем его создавать, если можно просто сделать show для того чтоб поставить нужному блоку с контентом display: block; (ну хотите - можно через .css("display", "и тут любое значение display") записать так, если там у вас вдруг flex или что-то типа) и соответственно hide для скрытия другого, если у вас конечно там ничего из ряда вон выходящего и есть только пара тройка блоков с другим контентом. Или я вас может не так понял, тогда объясните вопрос по-лучше.
    Ответ написан
  • Стоит ли заниматься созданием уже созданного?

    serjikz
    @serjikz
    web-developer
    По мне вариант не очень. Почему - кто вам даст гарантию, что вы найдете хороший сайт с правильной вёрсткой, правильным "ускорением" сайта и тд и тп? Вдруг нарветесь на Adobe Muse или подобный ужас и будете потом верстать с помощью абсолютного позиционирования? Кошмар же будет. Вам в первом ответе уже порекомендовали академию. Пока это (по моему мнению) лучший источник инфы про html и css а также js и less для новичков. У них и практика и теория, всё что нужно.
    Ответ написан
    Комментировать
  • Как быть с версткой многостраничных сайтов?

    serjikz
    @serjikz
    web-developer
    Видел коммент про CMS. Сайты, которые делаются так, что на всех страницах разный дизайн - их не должны на cms натягивать, либо вам дали просто снопом все возможные вариации просто и их надо заверстать в любом случае.

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

    А так для больших проектов весь код пишется в одном файле стилей и не разносится, но конечно писать нужно максимально универсально чтоб можно было быстро и безболезненно переназначить стили ну и чтобы это работало быстро естественно.
    Ответ написан
  • Что представляет из себя пространство между данными объектами?

    serjikz
    @serjikz
    web-developer
    line-height возможно нужно обнулить. А вообще в таких случаях надо не картинку давать а код, который можно щупать. К примеру на codepen
    Ответ написан
    2 комментария
  • Должен ли Фронт енд рисовать дизайн?

    serjikz
    @serjikz
    web-developer
    Не должен, но может. Front-end должен знать фотошоп хотя бы на средне-базовом уровне (как работают инструменты некоторые, как работать со слоями и тп). Хорошо бы было знать фотошоп на среднем уровне, потому что за дизайнерами часто приходится доделывать работу или иногда чуть ли не переделывать (рисовать всё тоже самое, но по-человечески, а не как из (_|_))
    Ответ написан
    Комментировать
  • Правильный ли подход к адаптивной вёрстке?

    serjikz
    @serjikz
    web-developer
    Ну делать адаптив вам так никто не мешает и тут ничего такого вы особа и не описали. Есть 2 способа верстать адаптивно - сначала мобильную версию и из неё переходить в десктоп, либо обратно. Только так.

    На счет того, как организовать процесс - изучите БЭМ для этого дела. С ним хорошо верстать. Если ещё пользоваться препроцессорами какими-то - шикарно, а ещё если и сборщиками - вообще идеально (ну less/sass/postcss можно по-разному компилить вплоть до плагинов в редакторе).

    Как делаю я:
    1. Клепаю html полностью, естественно именую классы по БЭМ (можно посекционно делать - сделал секцию шапки, запилил стили, сделал секцию подвала и опять же запилил стили, кому как удобно)
    2. Создаю на каждый (ну или почти на каждый) БЭМ-блок свой .less файл.
    3. В каждом файле верстаю сначала моб версию, потом в нём же чуть по-ниже пишу нужные media
    4. Конечно же сборщиком всё собираю в 1 css файл и всё (сборщик работает, конечно, постоянно, чтоб компилировать из less в css ну и минимизировать сразу и автопрефиксить).

    Этап 3 можно делать подругому, к примеру делать отдельно media.block.less под каждый блок и всё это загонять в самый низ сжатого css, либо весь media делать в отдельном файле просто, всё зависит от того, на сколько много вам нужно писать media (у меня бывают простые проекты, где media нужно буквально 2-3 штуки в 50-70 строк кода максимум, для этого не вижу смысла всё в отдельные файлы блоков писать, пихаю просто всё в один).

    P.S. Конечно же отдельные файлы less для миксинов и переменных ну и основных стилей страницы.

    P.P.S Если вы не знаете препроцессоров - можно всё тоже самое делать и в обычном css, всё равно будет удобно. Раньше я считал дикостью такой подход. Сейчас без него жить не могу.
    Ответ написан
    8 комментариев
  • Как адаптивить модалку?

    serjikz
    @serjikz
    web-developer
    Простой вариант - на мобилке модальное окно растягивать на всю ширину и на всю длину страницы, устанавливать в этом окне возможность скрола и крестик закрывающий ставить. Ещё простой вариант - абсолютное позиционирование и отступ снизу, а не сверху. К примеру как тут: m.topzakazz.ru/corset (моб версия, уменьшите окно до мобилки)
    Ответ написан
    Комментировать
  • Как сделать перезагрузку iFrame без мерцания?

    serjikz
    @serjikz
    web-developer
    Как вариант - постоянные ajax запросы в файл php в котором есть функция file_get_contents, которая всё и вытягивает, либо какая-то другая функция, которая может страницу вам спарсить. Запросы должны быть получается каждую секунду (тут вам setInterval поможет), либо можно написать любой промежуток, зависит от ваших надобностей. Но iframe вряд-ли сможете победить, хотя может я чего-то не знаю просто...
    Ответ написан
  • Как скрыть .html в адресной строке для странички сайта (никакие способы не работают)?

    serjikz
    @serjikz
    web-developer
    Я делал на .htaccess вот есть не плохой урок https://www.youtube.com/watch?v=hw1XafRe5R0 да и вообще по ютубу покопаться введя "Создание человеко понятных URL" и много всяких мануалов выдаст. Из урока поймете как с .htaccess управляться и состряпать собственные url.
    Ответ написан
    2 комментария
  • Как сверстать подобный дизайн?

    serjikz
    @serjikz
    web-developer
    А зачем тут ссылки на мануалы? Просто через инспектор происследуйте нужные вам элементы и посмотрите как они свёрстаны. Ничего сложного в сайте нет, 2 картинки с позицианированием на фоне fixed. Все остальные части (типа наложенных друг на друга блоков) просто позиционирование элементов немного нестандартное с помощью position: relative;и соответствующих top: ; left: ;
    Ответ написан
    Комментировать
  • Как сделать чтобы кнопка уменьшалась по середине?

    serjikz
    @serjikz
    web-developer
    Конечно, margin штука хорошая, как посоветовали в прошлом ответе, но лучше используйте transform данное свойство работает лучше + сможете без проблем сделать изменение через scale либо translate тут уже как вам угодно.
    Ответ написан
    Комментировать
  • Как найти ментора (наставника) в сети или как стать падаваном?

    serjikz
    @serjikz
    web-developer
    Смотришь в акк любой на тостере, может быть указан будет скайп у человека. У меня к примеру указан. Если хочешь - пиши. Пообщаемся, если будет о чем))
    Ответ написан
    1 комментарий
  • Как PHP-скрипт реализовать через HTML или Javascript?

    serjikz
    @serjikz
    web-developer
    Почитайте тут: dimation.ru/jquery/499-get-url-parameters-and-valu... и сделайте самостоятельно. Вообще никаких проблем написать собственный скрипт на основе этого мануала. Вставка в скрытые поля - $("#pole").val("Значение"); вместо "Значение" ставите переменную нужную или значение из массива, смотря как вытянули все параметры

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

    serjikz
    @serjikz
    web-developer
    margin: 0 auto;0 - сверху и снизу, слева и справа автоматом высчитывает
    text-align: center; центрирование текста в блоке
    left:50%; transform: translate(-50%, 0%); центрирование абсолют/фикс блока, часто нужно для попапов.
    Ответ написан
    2 комментария
  • Как Вы боретесь с FOUC (появлением неоформленного контента)?

    serjikz
    @serjikz
    web-developer
    normalize.css а дальше уже смотря какой у вас дизайн был. По минимуму стилизировать всё, что может вдруг когда-то вылезти из какой-нибудь (_|_) На большее часто смысла просто не вижу идти. Опять же очень многое зависит от того, какая у вас методология вёрстки. Мож там у вас всё на reset и вот таком кошмаре ul.list-1>li>p>span+b
    Ответ написан
    Комментировать
  • Можно ли как либо понять, выйдет ли из будущего "дизайнера" Дизайнер?

    serjikz
    @serjikz
    web-developer
    Для меня самый главный вопрос вам - а почему не удаленка? Найдите себе хорошего дизайнера в команду удаленно и будет вам счастье. Ну конечно если вы платите 20-25 тыщ в месяц - тогда тока джуниор дизайнера типа какого-нибудь, таких можно урвать у ребят типа htmlacademy только в дизайн сфере поискать тренинги, да вообще есть много вариантов как найти удаленщика дизайнера.

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

    Но вы тоже можете быть виноваты в этом. Если у человека есть знания на 50 000р а вы ему предлагаете 20 000р - он априори не будет делать круто (я просто не знаю как там у вас всё плохо, мож там действительно сброд корелешников в пеленках, а может есть и достойные экземпляры).
    Ответ написан
  • Фон картинки в шапке и заголовок на ней?

    serjikz
    @serjikz
    web-developer
    Я чет не понял. Вы про что? Чтоб у вас картинка была на весь экран? Делаете блок с шириной в 100% (её и указывать не обязательно, он сам подстроится) и задаете блоку background-size: cover; ну и фоном также картинку не забудьте до объявления прошлого свойства задать.
    Ответ написан
    Комментировать
  • Как отправить форму обратной связи на email?

    serjikz
    @serjikz
    web-developer
    Ну во-первых где тег <form>и всё что в нем должно быть? (action, method хотя бы). Сделайте вменяемый код формы. И вообще не ленитесь заходить в гугл по-чаще и вбивать свои вопросы туда. www.php-mail.ru/?id=2 один из первых в выдаче.
    Ответ написан
    3 комментария
  • Как установить текущий размер textarea без изменения его минимального размера?

    serjikz
    @serjikz
    web-developer
    Эм... ну а кто мешает добавить и width: 600px; к вашему textarea в дополнение к минимальной и максимальной ?
    Ответ написан
    5 комментариев