• Вопрос верстальщикам. Как вы так быстро верстаете и не умираете от скуки?

    @frontender
    Если скучно, идите во фронтенд. JS не даст заскучать :)
    А так, ну что могу посоветовать:
    - используйте препроцессоры, это реальное подспорье. Особенно, когда приходится много и тупо писать стили. Напишите миксины, копите их в репозитории и переиспользуйте. Чтобы написать универсальный миксин, надо постараться и подумать.
    - напишите стартовый шаблон для типовой верстки. Это ооочень ускорит процесс и он не будет таким нудным
    - используйте шаблонизаторы! Pug(Jade) просто отлично заходит. Пилите layout, header, footer и отдельные блоки в отдельных файлах, потом просто втыкаете на страницу. Опять же, можно писать миксины, функции и прочие вещи.

    Подходите к работе с умом, а не на автоматизме. Поверьте мне, вы не умеете верстать) Это намного более обширная область, чем клепание html и css изо дня в день.

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

    @elov4anin
    Frontend developer
    1 Ипользуете БЕМ блоки - заметно ускорят верстку, благодаре реиспользуемости.
    2 Разберитесь с перепроцессорами CSS - less, sass, stylus. Я остановился на пока на стайлус. Миксины, работа с переменными и цветами. чем то напомнит программирование и так же поможет в скорости верстки и поддержке проектов.
    3. Освойте emmet или pug(jade). Тут дело вкуса, тоже ускорят процесс верстки.
    4. Используйет технику помидоро - поработали 20-30 минут - перерыв 5-10. Так раза 2 а потом можно и большой. Но это не каждому заходит, но помогает сконцетрироваться на задаче.
    5. Сброщики проектов gulp/grunt/webpack - автоматизируют рутину. Тут нет предела для творчества
    6. Изучите JS, - будет не скучно))))
    Ответ написан
    1 комментарий
  • Нужен ли bootstrap как инструмент для верстки?

    mk3mk
    @mk3mk
    занимаюсь вёрсткой (иногда)
    Вы говорите немного о разных вещах.
    Флексбокс - это просто способ вёрстки. А Бутстрап - это инструмент, который позволит Вам сделать полноценный сайт. В бутстрапе есть и слайдер, и карусель, и кнопки, и панели навигации, и аккордеоны, и пагинация и все что может потребоваться.
    Если Вы будете использовать флексбокс, Вы сможете сделать вёрстку. Да. А когда Вы захотите поставить на сайт слайдер, то Вы пойдете искать библиотеки, которые позволяют сделать слайдер. Вы будете изучать эти библиотеки. Как их подключить, как их настроить и т.д. и т.п. Потом Вам понадобится сделать выпадающее меню. Вы пойдёте искать библиотеки для создания такого меню. Потом еще что-то, и так каждый раз.
    В итоге Вам придётся изучить целую кучу всяких библиотек. Подключить к сайту кучу библиотек. Разобраться с их настройками.
    А если Вы вместо этого откроете сайт Бутстрапа, то Вы один раз подключите к сайту этот Бутстрап, и сможете сделать всё, что Вам понадобится. Там всё разложено по полочкам. Всё на русском языке. Всё с примерами.
    Нужен слайдер ? открываем страницу бутстрапа со слайдерами, копируем код, вставляем на свой сайт, и готово. Нужна пагинация ? или аккордеон ? Копируешь код к себе на сайт и всё. Тоже с меню, с кнопками и т.д.
    Там же есть и модальные окна, и спиннеры, и тултипы и т.д.
    Т.е. Вы просто изучаете Бутстрап, и Вам больше не нужны никакие библиотеки.
    Бутстрап - это не только сетка. Не только вёрстка. Это еще и куча функционала.
    Это не только css , это еще и js .
    И к тому-же Вы сразу получаете адаптивную вёрстку.
    Конечно, если Вам понадобится какой-то более сложный слайдер, то все-таки надо будет искать другие библиотеки, но это уже, как говорится, нет предела для изучения и обучения...

    Итог. Лучше изучите Бутстрап. Сэкономите массу времени и получите сразу всё в одном флаконе.
    Ответ написан
    Комментировать
  • С чего начать учить React?

    Krasnodar_etc
    @Krasnodar_etc
    fundraiseup
    У них же просто охренительный официальный туториал
    Ответ написан
    1 комментарий