• Как найти первые заказы начинающему верстальщику?

    riot26
    @riot26
    <:З )~~
    Верстать вымышленные сайты для портфолио / работать даром или за еду.
    Ответ написан
    1 комментарий
  • Как сверстать данный макет?

    SkiperX
    @SkiperX Куратор тега CSS
    обычный контейнер с фикс шириной 1140px, он останется по центру на больших мониторах.
    Все что по краям это фоновые картинки - они растянутся.
    joxi.ru/gmvbGY3tRBB8ma
    Ответ написан
    Комментировать
  • Как понять на сколько хорошо ты знаешь HTML CSS?

    iiiBird
    @iiiBird Куратор тега CSS
    Пока ты спишь - твой конкурент совершенствуется
    когда ты сможешь сверстать любой макет, который попадется на глаза без гугла и тостера причем без html5 и сss3, а также бумажном блокноте и карандашом без ластика в темноте и без макета - тогда ты можешь считать, что ты это знаешь хорошо.
    Ответ написан
    7 комментариев
  • Как понять на сколько хорошо ты знаешь HTML CSS?

    @entermix
    "Хорошое знания HTML CSS" - понятие растяжимое, Вы должны быть в состоянии решать задачи работодателя.
    Ответ написан
    Комментировать
  • Как сделать переход блоков подобный на сайте?

    trushka
    @trushka
    У верхнего блока position: fixed и top меняется по onscroll в 2 раза мленнее, чем scrollTop. У основного контента z-index больше, по этому он "наезжает" на шапку
    Ответ написан
    Комментировать
  • Как сделать переход блоков подобный на сайте?

    LenovoId
    @LenovoId
    svg, css,js
    Ответ написан
    Комментировать
  • Проблема с использованием Compass. Как правельно использовать?

    @outcastik
    в config.rb указываем пути. Напрмер
    # Set this to the root of your project when deployed:
    http_path = "/"
    css_dir = "www/stylesheets"
    sass_dir = "sass"
    Ответ написан
    Комментировать
  • Фон с помощью position: absolute?

    У блока с формой должен стоять z-index больше, чем у красного квадрата
    Ответ написан
    3 комментария
  • Как создаются подобное творение!?

    mudrenokanton
    @mudrenokanton
    frontend dev
    Я не совсем понял, это реально вопрос или просто пост восхищения.

    Ребят с помощью чего делаются подобные творение?

    Поставьте плагин под хром, wappalyzer и посматривайте на чем это все сделано.
    + Научитесь пользоваться dev tools и смотрите как. Вот вам пример чувачка, который несколько таких сайтов разбирает:
    https://www.youtube.com/watch?v=-N3e4U393Q0
    https://www.youtube.com/playlist?list=PLkEZWD8wblt...

    Для того, что бы научиться самому такое(как, например, на сайте по второй ссылке) делать, надо перелопатить кучу информации/туториалов/книг и написать не одну тысячу строк кода.

    Кто их делает?

    Обычно это забугорные студии, которые под такое заточены, а иногда слезами местных разработчиков. На том же awwwards же указывается кто сделал. Да и на самом сайте обычно в футере никто не стесняется писать.
    Ответ написан
    Комментировать
  • Как создаются подобное творение!?

    Вот две очень популярные библиотеки для таких эффектов
    scrollmagic.io
    greensock.com
    Ответ написан
    Комментировать
  • Как создаются подобное творение!?

    @Omniverse
    С помощью различных js-библиотек.

    В первом случае что-то вроде scrollreveal или wow js + animate css.
    В третьем - графическая библиотека для js - WebGL
    Ответ написан
    3 комментария
  • Как развиваться начинающему web-разработчику?

    Коротко
    Карта развития Web Разработчика

    Демагогия
    Не переживайте, не все сразу. Есть вещи до которых можно дойти только опытом и практикой. Это касается всех программистов в целом. Касательно веба, тут очень много упирается в то, каким именно специалистом вы хотите себя видеть в будущем. Есть фулстак - когда человек знает большую часть технологий их связку, но всегда будет ощущать недостаток тонкостей на хай левеле. В то же время специалист заточенный под определенные задачи будет лучше фулстака, но так же будет нуждаться в том же фулстаке, что бы объеденить.

    Живой пример: Есть толковый фронтендер(или бекендер по JS) пишет морду сайта на JS Фреймворке. Есть гуру бэкенда пишет API сайта. В случае с фулстаком(образно) он пишет обе задачи сам, но заведомо понятно, что он пишет это дольше и не факт что по последнему слову будет сделано.


    Что нужно для развития дальше:
    - Читайте блоги зарубежных программистов, они делают отличные архитектуры как в самом коде, так и решения в DB.
    - Фреймворки PHP и JS - чем больше их будет тем лучше. Все они ускоряют разработку. Все чаты, соц авторизации, регистрации,и прочие первоочередные задачи давно уже написаны. Вы можете концентрироваться на более важных задачах.
    - ООП тут очень спорный вопрос, на определенных этапах разработки оно решает, но когда этот уровень появляется, чаще всего прибегают к другому языку программирования и переписывают проект в угоду скорости (С++, Java, Python). Понимать нужно, поскольку фреймворки построены на этих парадигмах, но самостоятельно придумывать вам гибкие решения вряд ли придется(по крайней мере до Senior-а точно).
    - Не изобретайте велосипеды. Разбирайтесь в чужом коде(Этот навык очень ценен после "решить/найти решение любую задачу"). Любой магазин чаще всего будет написан в лучшем случае на фреймворке, в худшем на OpenCart, Woedpress - что просто идиотизм, это блоговая система БЛОГОВАЯ. из за тренда выкручивают яйца.
    - Учить английский и работать не на СНГ, Укр или места постсоветского пространства. Искать фирмы зарубежных филиалов и работать там. Поскольку так или иначе там уже работают профессионалы и знакомы с западным рынком, европейским. Там пишутся интересные проекты и появляются интересные решения.
    Ответ написан
    7 комментариев
  • Как развиваться начинающему web-разработчику?

    @chronic86
    Ruby on Rails junior
    Хотите научиться решать сложные задачи берете (или придумываете) проект и делаете его.
    Хотите научиться проектировать проекты берете листочек и ручку и рисуете, потом в течении недели подходите к листочку и редактируете.
    Хотите научиться писать код чтоб потом не смотреть на него и не плакать, пишите много кода.
    На истину не претендую, таков мой путь ниндзя. =)
    Ответ написан
    3 комментария
  • Как сделать обтекание картинки текстом из трех колонок?

    aliencash
    @aliencash
    Партизан
    Как то так codepen.io/aliencash/pen/mEgjaB
    Обратите внимание - подключен reset.css и автопрефиксер.
    Ответ написан
    1 комментарий
  • С помощью чего можно исказить блок div?

    LenovoId
    @LenovoId
    svg, css,js
    codepen.io/Geyan/pen/LkvALr?editors=110 вот на clip-path
    но лучше конечно на svg - но лучше не парится и вырезать в фотошопе.
    codepen.io/Geyan/pen/kXmpAJ?editors=110 - это svg -
    Ответ написан
    5 комментариев
  • С помощью чего можно исказить блок div?

    transform: skew
    Ответ написан
    Комментировать
  • Стоит ли записываться на курсы от geekbrains? Или стоит получить второе высшее образование?

    @Vayateler
    Осторожно!!! ШП.Она же гиик брэйнс. Достоинства:
    Хороший маркетинг. Вкусно выглядит. Дешевле чем в Специалисте при "Бауманке". Недостатки: Плохая подача материала, нет качественной помощи, большой набор в группу. Неадекватная цена за курс при такой одаче.Начнём с группы. Группу набивают до отказа, т. е. сколько влезет в онлайн. В результате страдает качество процесса обучения. Один долбит препода вопросами, остальные сидят читают. Как-то неправильно. Материал. Качество материала, простите - убогое. Ощущение копипаста с какой-то книжки для чайников. Если возникает не стыковка материала и домашней работы, то ответ - ройте сами в гугле, додумывайтесь сами. Сейчас каждый год всё меняется.
    Стажировка: враньё качественное. В лучшем случае предложат написать код для них же самих. Преподаватели. Найдите НоРмАльных преподов. Да. Они дорогие, но они будут не распугивать народ (типа... эээ, ууу, ммм, вооот))), а наоборот наматывать, как вилка макароны людей. Вебинары затянуты на 2 часа. Как по старинке. Прошла лекция, никто умных вопросов не задавал и слава богу. Обещали сделать Вообще, задумка была хорошая. Но проблема всех соц. проектов - рентабельность. Долго думали-думали и решили: да пошло оно всё - будем врать. Врать всем. Врать, что можно за 2 недели освоить Java или PHP. Девочки-менеджеры будут толкать макс.кол-во курсов. А мальчики будут рассказывать с экрана, как сделать @HelloWorld@/ И народ потянулся. Бывало люди по 50-100 чел. в одном вебинаре сидели за раз. Если кто читает из преподов ШП - без обид. Вопросы большей части к организаторам проекта. Повернитесь к людям лицом. P.S. В ГикБрэйнс мне не понравилось преподавание, я им об этом высказал, за что они деактивировали мою учётку и при этом ещё остались не пройденые но оплаченные курсы...ГикБрэйн или ШколаПрограммирования. Сёдня позвонили сказали, что оказали полностью весь пакет, я говорю нет, а они говорят за эти деньги(т.е. без скидки которую они мне сделали) они оказали услугу полностью в общем то как в лохотронах в подземных переходах :) Т.е. менеджер Анжела говорила, что пакет будет куплен мной со скидкой в 20%, я повёлся и вот счас всё иначе, т.е. обман.
    P.S.Лично там учился и стал жертвой их мошеничества, заплатил за курсы более 70 тыр, но за высказывания своего мнения мой эккаунт был заблокирован, хотя они обещали доступ к оплаченным мной курсам и после их окончания
    Ответ написан
    6 комментариев
  • Новая иконка или перевернуть старую?

    webirus
    @webirus
    Тыжверстальщик! Наверстай мне упущенное...
    Стрелочки, небольшие иконки и прочую хрень давно уже делаю на Base64.
    А что касается вопроса - перевернуть или отдельную - то лучше перевернуть.
    Но учтите, что css rotate не работает в IE старых. Если не страдаете некрофилией, то крутите.
    Одна картинка в Base64 и rotate самый быстрый способ.
    Опять же, я говорю о простых картинках, а не про фигурную стрелку с вензелями.
    Ответ написан
    7 комментариев
  • Как правильно интегрировать верстку?

    thewind
    @thewind
    php программист, front / backend developer
    Я всегда делаю полную верстку сначала, с адаптивностью (если требуется).
    При этом сразу применяю какие-то вещи, с которыми будет удобно работать в дальнейшем при интеграции (если знаю, на какую систему надо интегрировать).
    Потом, в ходе интеграции уже не отвлекаюсь на стили, а занимаюсь только backend / front JS.
    Ответ написан
    Комментировать