• Как сделать выпадающее меню на кнопке (косое) как на картинке?

    criticalsomethoughts
    @criticalsomethoughts
    UI\UX Developer, Project Manager
    Вы бы хотя бы показали задумку дизайнера, что именно он хотел. Начальное положение кнопки, конечная трансформация. Что бы люди не гадали на картах.
    Вариация масса. Если просто косое меню без анимации, кнопку делаете градиентом, косую черту можно сделать пседоэлементом after. Что бы все это было еще и динамично - на hover - можно увеличить width кнопки и ширину черного пседоэлемента after, для анимации движения правой части. Если это не похоже на вашу задумку, тогда делитесь макетом до\после.
    Ответ написан
    Комментировать
  • Применение DIV в HTML?

    criticalsomethoughts
    @criticalsomethoughts
    UI\UX Developer, Project Manager
    Это называется tabs(табы) - вот вам пример с codepen, в нем показана техническая реализация без js. На codepen примеров куча.
    Пример - Link
    Ответ написан
    1 комментарий
  • Не могли бы вы оценить мой верстку?

    criticalsomethoughts
    @criticalsomethoughts
    UI\UX Developer, Project Manager
    Немного уместной критики:
    1. Не называйте то, что вы сделали - frontend.Те технологии которые вы описали выше, больше подходят к категории профессии верстальщик. Т.к вы просто сверстали макет, подключили к нему скрипты, здесь не нужно быть гением. Знающие люди прикопаются, и буду гнобить, так как "уважают до снобизма само понятие фронтенда". Лучше написать веб-разработчик, или верстальщик - быть верстальщиком в 2019 не позорно, так как во фронтенде это одно из "тру", и большинство "гуру", даже тэги не знают, лепят дивы.
    2. В header - текст под описанием сливается с фоном, это очень плохо по юзабилити, обычно за такое отрывают руки.
    3. Не надо быть делать 2 тэга header - в разметке. Достаточно один header - и в нем разбить наheader__navigation, header__content - так логически будет более правильно.

    В остальном - обычный сайт, не лучше и не хуже. Как из 2010-x.
    Ответ написан
    3 комментария
  • Как правильно прописать HTML код в меню?

    criticalsomethoughts
    @criticalsomethoughts
    UI\UX Developer, Project Manager
    Убрать класс toggleable у элементов li "Главная" и "О нас".
    Если вам нужно убрать только визуальную составляющую стрелку, открываете Devtools(F12), и смотрите каким псевдоклассом сделана стрелка, и убираете её у определенных элементов с помощью nth-child.
    Ответ написан
    Комментировать
  • Как проходит собеседование в Sberseasons?

    criticalsomethoughts
    @criticalsomethoughts
    UI\UX Developer, Project Manager
    Насколько я помню им нужны:
    1.технари которые только закончили универ, или 2 года после получения вышки.
    2.Горящие глаза, желание работать до потери пульса, и тому подобное.
    В свое время лет 6-7 назад проходил почти такую же стажировку по php в Альфа банке - мне кажется после этого сказки про переработку в геймдеве это всё чушь, мы работали на благо компании 24 часа из 24.
    Мой вам совет. Распишите резюме своё, если нет опыта работы напишите какими навыками владеете, и почему должны взять именно вас. Но им нужны не полные нули. А хотя бы 1\2 от джуна.
    Ответ написан
  • Как сделать треугольные блоки?

    criticalsomethoughts
    @criticalsomethoughts
    UI\UX Developer, Project Manager
    https://codepen.io/mrd/pen/yJAkVb - принцип будет понятен.
    Ответ написан
    Комментировать
  • Как в гит сбросить файлы которые были изменены?

    criticalsomethoughts
    @criticalsomethoughts
    UI\UX Developer, Project Manager
    Ответ написан
    Комментировать
  • Как сделать ползунок от и до?

    criticalsomethoughts
    @criticalsomethoughts
    UI\UX Developer, Project Manager
    https://atuin.ru/blog/varianty-oformleniya-jquery-... - все варианты погуглил за вас/ 5й примерно похож.
    5d9eecd05a35d367909611.png
    Ответ написан
    Комментировать
  • Для чего нужен главный врапер?

    criticalsomethoughts
    @criticalsomethoughts
    UI\UX Developer, Project Manager
    зачем в body все содержимое еще оборачивают в див? разве нельзя все те же значения задать для боди?

    Возможно wrapper который шел после body был нужен для элементов анимированного смещения контента. Обычно такой применяется на десктопном или мобильном меню, когда вы нажимаете на бургер(меню => открыть), слева\справа вылезает блок меню, который двигает контент.

    На одном из видео уроков человек сказал, что вся лендинг страница сделана из враперов.

    Как правило, страница лендинга должна состоять из смысловых блоков, wrapper(иногда container) очень часто центровщик, либо обертка для стилизации внутреннего контента.
    Будет лучше, если вы научитесь грамотно применять тэги для глобальной компановки контента: не важно лендинг это или крупный сайт. В итоге ваша структура в лучшем случае должна выглядеть так
    html
      head
      body
        header
             nav
        main
            section                                                                        
            aside
        footer
           nav

    Вы можете заменить все теги кроме html, head, body на div, но почему бы сразу не сделать правильно, wrapper у вас будет находится в любом месте в body, для логической связки контента. Допустим глобальный wrapper это центровщик контента, а header__menu-wrapper- может быть оберткой под ваш блок меню.
    Ответ написан
    2 комментария
  • Как исправить меню на мобильной версии сайта?

    criticalsomethoughts
    @criticalsomethoughts
    UI\UX Developer, Project Manager
    Скриншот меню, образец кода, либо более подробное описание было бы кстати к вашему вопросу. Это форум, тут не гадают.
    Ответ написан
    Комментировать
  • Тег video нагружает страницу?

    criticalsomethoughts
    @criticalsomethoughts
    UI\UX Developer, Project Manager
    и тут вопрос,нужен ли lazy loading.

    Желательно, есть несколько путей решения данной проблемы - вы делаете картинку заполнитель с псевдоэлементом play - при наведении или клике на кнопку play, загружаются данные. Либо есть второй вариант, просто делать видео в стиле lazy - к примеру с iframe
    <iframe width=”560″ height=”315″ src=”” data-src=”//www.youtube.com/embed/OMOVFvcNfvE” frameborder=”0″ allowfullscreen></iframe>

    <script>
    function init() {
    var vidDefer = document.getElementsByTagName(‘iframe’);
    for (var i=0; i<vidDefer.length; i++) {
    if(vidDefer[i].getAttribute(‘data-src’)) {
    vidDefer[i].setAttribute(‘src’,vidDefer[i].getAttribute(‘data-src’));
    } } }
    window.onload = init;
    </script>

    Если у вас готовая CMS с пакетом плагинов под капотом, всё это можно сделать через плагин.
    Ответ написан
  • Какие нынче тренды в создании форумов? Есть ли свежие решения или всё застряло на движках из 2к10-х? Какой платный движок выбрать?

    criticalsomethoughts
    @criticalsomethoughts
    UI\UX Developer, Project Manager
    IPB
    хорош, с адекватным комьюнити, но платный
    Ответ написан
    Комментировать
  • Математика для прогаммиста,база 9 классов?

    criticalsomethoughts
    @criticalsomethoughts
    UI\UX Developer, Project Manager
    Вы слишком обобщаете понятие "математика" в вашем вопросе.

    Быть "хорошим программистом" - в 2019 году,
    Это - разобраться в том что можно назвать программированием, а что нет. Для "программирования" катриджей и внедрения алгоритмов картридж to принтер - математика не нужна(тыжпрограммисты поймут).

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

    PS: Внутри нашей компании - "хороший программист", это не тот кто пишет хороший код, и пишет его много, не спит 24 часа в сутки и тд. А тот кто на одной волне с заказчиком, разбирается в бизнес модели, может помочь, разобрать\собрать. Всё в итоге сводится к тому как монетизировать ваши идеи и творчество. Делайте упор не только на математику, но и на софт скилы - они очень решают. Пейте, учитесь общаться с людьми любого уровня, расширяйте горизонты.
    Ответ написан
    7 комментариев
  • Можно ли научиться хорошо программировать если сначала теория потом практика?

    criticalsomethoughts
    @criticalsomethoughts
    UI\UX Developer, Project Manager
    Вуз вам не помощник - это априори, еще до поступления в ваш университет нужно было снять розовые очки по поводу высшего образования в России(если вы конечно учитесь не в СПБГУ,Бауманке,ИТМО,МГУ).
    если сначала теорию часа 3 изучать, потом практика часа 2 в день.
    - обучение напрямую строится на ошибках, поглощая 50% или более информации из литературы - вы рискуете просто прокрастинировать, и отлынивать от практических задач.

    В программировании очень круто применяется закон Паррето, он же 80\20 - 80% практики, 20% теории, 20% теории нужно будет в поиске косяков, доборе нужной информации, которой вам будет всегда не хватать. Причем в 20% должно быть минимальное количество "воды".

    высоком уровне(сеньйор)
    - в каждой компании свои понятия сеньёрности, видел я в нашей компании одного "миддла", который до наших джунов не дотягивал.
    Ответ написан
    2 комментария
  • Кто-то посещал бизнес- клубы, нетворкинг вечеринки? Есть смысл туда ходить?

    criticalsomethoughts
    @criticalsomethoughts
    UI\UX Developer, Project Manager
    Если только как сарафанное радио. И то не факт. Все эти бизнес вечеринки\клубы\ и прочая херня для меня всегда представлялись как клуб "пиз%%%%лии".

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

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

    criticalsomethoughts
    @criticalsomethoughts
    UI\UX Developer, Project Manager
    Очень сложно понять vue - если не понимаете для чего он нужен, как строится архитектура SPA - решать задачки на codewars - можно до бесконечности, пока вы не начнете делать свой pet проект, с места вряд ли сдвинетесь.

    Алгоритм такой - изучаете базовый синтаксис js - советую курс на Hexlet - называется codebasics(коротко и лаконично показывает основной принцип решения простейших задач, стрелочные функции, работа с числами, строками, массивами.

    Далее качаете на udemy любой курс где делают SPA приложение, смотрите его\повторяете - всё что не поняли - гуглите, задаете много вопросов на Тостере. И так до посинения. Задачи на codewars конечно хороши, но решаете 1000 задач на массивы - вы научитесь решать задачи с массивами, к vue это не относится никаким боком.
    Ответ написан
  • Нужна ли вышка для того чтобы стать Android разработчиком?

    criticalsomethoughts
    @criticalsomethoughts
    UI\UX Developer, Project Manager
    Нужна ли вышка для того чтобы стать Android разработчиком?
    - нет, но предпочтительна для развития дальнейшей карьеры разработчика.

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

    Требуют ли работодатели вышку?
    - зависит от компании, как правило - вышка идет плюсом, но не является гарантом вашего трудоустройства.

    Реально ли стать junior - ом за 1 год?
    - если вы прям сегодня устроитесь на работу, то вполне. Зависит от вашей способности обучаться, и умение поглощать информацию в безумном количестве.
    Ответ написан
    Комментировать
  • Как сделать такую впадину с бордером?

    criticalsomethoughts
    @criticalsomethoughts
    UI\UX Developer, Project Manager
    Недавно такая тема была, делайте по аналогии - Решение
    Ответ написан
    Комментировать
  • Сайт подстраивается под различные размеры экрана без медиа как это сделать?

    criticalsomethoughts
    @criticalsomethoughts
    UI\UX Developer, Project Manager
    Вы скинули сайт - и там правда нет медиа файлов, поэтому он не адаптивный и нет подстраивается под экраны. Без медиа запросов можно сделать - с помощью относительных величин - вместо px - %, vh, vw, и тд и тп. Для перестроения блоков - flexbox(wrap).
    Ответ написан
  • Как правильно натянуть данную верстку?

    criticalsomethoughts
    @criticalsomethoughts
    UI\UX Developer, Project Manager
    Я бы сделал с помощью ACF, у вас будет рубрика - Фантастика - в ней записи - "Фильм N", "Фильм N1", запись single.php - поля в ней - ACF. Как по мне, самый удобный и быстрый вариант.

    Либо: всё это легко делается с помощью gutenberg - the_title \ the_content - у вас описание - банальные строки, и снизу блок video
    Ответ написан