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

    Ifelseapps
    @Ifelseapps
    Frontend developer/JavaScript developer
    В качестве слайдера использую Slick. Очень гибкий, покрывает все возможные задачи.
    Модалки - dimsemenov.com/plugins/magnific-popup
    Ответ написан
    Комментировать
  • Какими должны быть работы в портфолио неопытного верстальщика?

    delphinpro
    @delphinpro Куратор тега HTML
    frontend developer
    нормально. и у опытного тоже нормально :)
    Ответ написан
    Комментировать
  • Как правильно построить SPA на Laravel + vue.js?

    @GiperScriper
    api на laravel, ui на vuejs, общение json'ном туда-сюда, считайте 2 разных приложения
    Ответ написан
    Комментировать
  • Железо для веб дизайна?

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    Air слишком слаб для работы с графикой. Вам нужен Pro и желательно 15 дюймов (у них дискретная графика и 4-х ядерный процессор).

    Кроме того подумайте вот о чем: хороший макбук - прекрасный рабочий инструмент на следующие 5 лет (минимум). Если вы работаете профессионально, то даже покупка топовой версии окупит себя за 3-4 месяца. Такой хороший инструмент можно даже взять в кредит, зная что он сэкономит вам время, нервы, а так же окупится довольно быстро.
    Ответ написан
    3 комментария
  • Заработок на вёрстке?

    @rudants
    Front-end разработчик
    Что за бредовые подсчеты знаний в процентном соотношении? Не занимайтесь ерундой, прекратите выдумывать эти мнимые значения - это невозможно подсчитать.
    Пришли сюда за советом и помощи ищете? Постараюсь помочь:
    1. Для начала, снизьте свои требования и ожидания от фриланса. Никто вам не будет платить и 2$/час на биржах. Вы не имеете опыта, не работаете с современными технологиями, нет портфолио, не умеете подстраиваться под других людей, и т.д.
    2. Если что-то делаете - делайте нормально. Не нужно делать глупых умозаключений, что портфолио можно набить мусорными работами, найденными в интернете. Да, можно. А теперь спросите себя - нормально ли это? Если вы уже на старте пытаетесь сделать плохо? Тех, кто делает работу плохо предостаточно, а вот хороших, ответственных и грамотных специалистов - мало. Вторых хотят везде и спрос на них бесконечно велик. К кому хотите относиться?
    3. Нарабатывайте портфолио. Не надо на начальных этапах гнаться за деньгами, на первых порах нужно набираться опыта, развивать навыки и очень много учиться. Делайте работу и просите, чтобы ее оплатили в таком размере, в каком заказчик посчитает нужным.
    4. Верстать нужно много, не стоит лениться набирать код руками, даже если уже есть готовое решение и его можно скопировать. Лучше будете запоминать, быстрее соображать и научитесь быстро шлепать пальцами по клавиатуре.
    5. Нужно много учиться, но при этом не распыляться. Я уже заметил, что вы с одного на другое перепрыгивать любите. То верстку, то программирование изучаете. Остановитесь на чем-то одном для начала, и когда будете чувствовать, что получается одно, то можно и другое будет начать.
    6. Научитесь подстраиваться под других. Не надо думать, что вы самый классный и самый нужный - это не так. Вас легко заменить. Если вам говорят, что есть работа здесь и сейчас - соглашайтесь, это ваши перспективы и ваша возможность заработать. Если говорят, что готовы помочь прямо сейчас - ищите возможность получить ее, это нужно только вам, потом такой возможности может и не быть. Хотите развиваться как специалист - много работайте и научитесь лишать себя удовольствий. Если не научитесь - будете нытиком-ремесленником всю жизнь, который оправдания на все неудачи в ком-то ищет, а не в себе.

    Ну и самое главный совет - забить на фриланс. Это рутина, от которой стремиться уйти любой нормальный человек. Фриланс - это работать 24 часа в сутки, самостоятельно дисциплинировать себя и формировать график индивидуально. Хотите расти и зарабатывать - ищите место, где вас примут в штат и будут готовы обучать.
    Ответ написан
    Комментировать
  • Как решить проблему с ::before в Сафари?

    @ilgiz-87
    Недавно начал учиться делать сайты
    Вот такой вариант попробуй
    @media screen and (-webkit-min-device-pixel-ratio:0) {     
        ::i-block-chrome,.site-title::after  {
        content: '';
        position: absolute;
        top: -80px;
        left: 50%;
        width: 1px;
        height: 23px;
        background: #616161;
    }
        }


    Если этот вариант не помог попробуй

    body:first-of-type .class	 { color : #F00 ; }
    html:root*.class	 { color : #F00 ; }
    body:first-of-type .class	 { color : #F00 ; }
    body:first-of-type .class	 { color : #F00 ; }
    Ответ написан
    2 комментария
  • Как переверстать блоки при помощи CSS?

    webirus
    @webirus
    Тыжверстальщик! Наверстай мне упущенное...
    Оригинал - https://jsfiddle.net/bjopf7o1/
    Перестройка - https://jsfiddle.net/53jsxowg/

    Вся магия в коде:

    .wrapper {
      width: 150px;
    }

    .wrapper {
      width: 450px;
      display: flex;
      flex-direction: column;
      height: 70px;
      flex-wrap: wrap;
    }

    Еще вариант - https://jsfiddle.net/009qhczy/

    .wrapper {
      width: 450px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
    }
    .block:nth-child(odd) {
      order: 1;
    }
    .block:nth-child(even) {
      order: 2;
    }

    Для особо ярых противников flex - https://jsfiddle.net/rxe51vtf/
    Решение с использованием абсолютного позиционирования.
    Ответ написан
    2 комментария
  • Есть ли библиотека образцовых сочетаний html/css?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    Поддерживаю предыдущего оратора, на счёт Bootstrap'а, так же от себя могу добавить foundation.

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

    И да, и нет.

    Сфера фронтэнда переживает второе рождение. Так уж получилось, что гипотетически, она была самой простой довольно долгое время, но потом, внезапно, некто решил внедрить в неё лучшие практики других языков и платформ и тут понеслось... От синтаксических конверторов (кои называются, "комиляторы") CSS'а, вроде SASS/LESS/Stylus/etc. до полномасштабных сборщиков проектов, вроде Gulp, Grunt и так далее. А так же дюжина подходов к разработке и так далее, далее, далее...

    Если говорить про сайты с каталогом готовых библиотек, они есть и их много, например тут можно поискать готовые пакеты/библиотеки, или тут...

    Подход реализации готовых к использованию компонентов, включая адаптив и всё прочее, реализован в идеологии/методологии, например БЭМ, включая наличие самих каталогов с готовыми библиотеками.

    Но, полноценное решения уровня "воткнул и готово", Вы вряд ли найдете. К тому же, не редко изучение всех тонкостей выше описанных практик - гораздо сложнее, чем "просто разобраться с библиотекой N", даже если таких библиотек несколько. Максимум, что получиться сделать - это использовать полуфабрикаты (фреймворки) для вёрстки например, такие как Bootstrap или Foundation или Semantic-UI или [ещё дюжина других вариантов], сочетая их с готовыми, например, слайдерами (и другими кирпичиками), требующими от Вас минимальной настройки.

    В ином случае, лучше воспользоваться каким-нибудь конструктором сайтов (Wix, Ucoz, etc.) или чем-то вроде Visual Composer.
    Ответ написан
    2 комментария
  • Что происходит с Sass?

    reskwer
    @reskwer
    front-end developer
    Если вы используете Sublime то в настройках добавльте строку "atomic_save": true, и проблема будет решена.. в других редакторах думаю этой проблемы нет
    Ответ написан
    Комментировать
  • Как учиться новому после рабочего дня?

    @Yarrs
    Привет, тоже кину пять копеек.
    Во первых задай себе вопрос, чего ты хочешь, и чего тебе надо. С этого надо начать.
    Мы что-то делаем не просто так, а ради чего-то. Задай себе простые вопросы, кто ты, где ты находишься, в чем твои цели и предназначение. Программирование само по себе отстой, но с него можно начать. Когда то в 80 годы меня обуял восторг, когда я в классе третьем смог понять смысл a=a+1 Но с тех пор много воды утекло. Пойми чем ты хочешь на самом деле заниматься. Что является твоей настоящей целью, заработать денег, вырасти в социуме, поднять детей, прожить интересную жизнь. Как правило в жизни не выйдет получить всё, время это такой ресурс, который можно пустить либо туда, либо туда, либо еще куда. Делай всегда это с умом.

    Когда поймешь что тебе нужно, составь список целей, цели это не что-то постоянное, но вполне себе динамичное и постоянно меняющееся, мы меняемся, мир меняется. Следуй своим целям. Запомни один хороший принцип - возьми сначала себе. Работа хорошо, ты лучше. Как и где взять дело твое. Способы есть разные. Я ниже напишу немного конкретики. Каждый день нужно осознавать свой список целей и учитывать его в текущем дне. Ставить себе задачи на день и назначать самую важную. Если ты не выполнил эту задачу, считай что день неудачен. Каждый день выдели 15 минут времени вечером и делай анализ дня. Это вместе с пониманием своих ценностей и целей самое важное.

    Теперь немного конкретики.
    Вариантом отщепить время себе масса.
    1) Сними комнату рядом с работой.
    2) Вставай раньше. Ложись раньше
    3) Усталость, это усталость от схожего вида деятельности. Усталость можно легко побороть если заняться чем-то иным. Умственно / физически например переключается будь здоров.
    4) Первый час на работе посвяти только обучению. Обычно люди первый час тратят на котиков, чатики и прочую п-нь, будь не как все.
    5) Поговори с начальником, и скажи что тебе нужно развиваться и обучаться. Посмотри на реакцию. Если он не монстр вопрос можно решить.
    6) Всегда думай перед тем как делать. Решения существуют, часто не на поверхности.

    Теперь несколько вредных советов. Как стоит жить и работать.
    1) Если решил связать свою жизнь с программированием, стоит понимать, что платят те у кого есть деньги, и платят столько сколько готовы заплатить. Отсюда выводы. Больше получают узкие специалисты, которые работают с чем то редким и нужным тем у кого есть деньги. Работая на бедных ты заработаешь ровно чуть больше чем на спасибо. Это как у врачей, стоматологи, к которым захаживают сытые бюргеры с зубной болью на коне, кокой-нибудь травматолог / хирург имеют 90 процентов своей обычной клиентуры бомжей и нищебродов. Но процентов 10 попадается людей с деньгами. А вот анестезиолог вообще с клиентурой не работает, денег дополнительно ему вообще не приходит. Отсюда обилие медицинских анекдотов про бедных анестезиологов.
    2) Собственники и заинтересованные в бизнесе люди на платят просто так, а платят за решение проблем. Чем страшнее на первый взгляд проблема, тем больше за нее можно попросить денег. Сложные проблемы решаются разбиением на более мелкие задачки. Но переоценивать свои силы тоже не стоит. Если сделал что-то крутое скромничать не надо. Тебя будут оценивать в том числе по тому, сколько ты просишь.
    3) У предыдущего пункта есть небольшое следствие. Владельцу главное решение и сроки, ему похрен на красоту кода и прочий глупый перфекционизм.
    4) Лучше место работы для получения стартового опыта, какая-нибудь программисткая контора, но она же худшая в плане роста. Ты окружен людьми примерно твоего уровня и способностей, которые будут неизбежно грызться за место под солнцем, каждый твой начальник будет воспринимать тебе как угрозу своему месту. Прорваться в такой системе сложно. Кроме того работать надо на первое звено в пищевой цепочке. Пока линейному программисту что-то перепадет от базовой ставки 10 человек отщипнут по цепочке.
    5) Если ты работаешь в обычной конторе, постарайся выйти со своими идеями на руководителя бизнеса (гендира), он единственный кто заинтересован в проекте в целом, и может воспринять что-то от твоих мыслей лично. Люди ниже просто попытаются тебя использовать в своих целях.
    6) Люди если смотреть поверх бла бла бла всегда действуют в своих интересах, но только так как сами их понимают. Людей можно предсказывать и читать.
    7) Руководители нагружают тех лошадей что тянут. Идеальный работник тот, кто просит мало работает много. Повышения? Не слышали. Зачем повышать того кто хорош на своем месте.
    8) Добиваются чего-то только те, кто выходит за флажки. Есть загон для стада, где всегда будет скучно, обыденно и тухло, но жить можно, есть и другие возможности.
    9) Самая тупая ошибка людей верить, что если будешь хорошо и долго работать что-то изменится. Ничего не изменится.

    Ну хватит в общем, что-то я увлекся, всегда думай головой, вот мой совет.

    ПС: Забыл добавить. Обязательно надо выбираться из провинции в Москву Питер, лучше в Москву. Дальше уже можно как остаться, так и двигать дальше. Если возраст и прочие дела позволяют.
    Ответ написан
    10 комментариев
  • Как учиться новому после рабочего дня?

    EvilsInterrupt
    @EvilsInterrupt
    System programming, Reversing Engineering, C++
    1. 9 часов. Это уже ошибка. КЗОТ писали не дурни. 8 часов достаточно для работы, если человек не чаи пьет
    2. Пересмотрите процесс работы. По приходу на работу сначала делать самые важные. Прошу прочесть внимательно: сначала важные, а только потом срочные и другие. Отличие важных от срочных в том, что одни, как правило, делаются разово и про них забываются, а другие хоть и не срочные, но они влияют стратегически.
    3. Уделяйте время на то, чтобы подумать над "светлым будущим", т.е. создать\актуализировать список страгеческих целей и задач
    4. Делайте утром зарядку. Растяжку, отжимания, приседания. Это влияет на энергетику в организме
    5. Делайте перерывы во время работы.
    6. Чаще пейте воду
    7. Займитесь спортом. На своей шкуре опробовал и четко знаю то, что до занятия плаванием делал меньше, чем сейчас
    8. Окружите себя теми, кто куда-то стремится. Это не значит что надо всех других послать в Южную Америку на оз. Нахой. Это значит, что надо чаще общаться с одним типом людей и меньше с другим
    9. Стремитесь работать на результат, а не подсчет "жопочасов". В дальнейшем ставьте работодателю на собеседовании вопрос "Вам нужны жопо-часы или результаты?". Старайтесь выявить жмотов. Если вы вдруг справились не за 5, а за 4 часа, а работодатель жмотится и боится выделить время на самообучение сотрудника, хотя эти же знания будут применены при решении рабочих задач, то уходите от такого работодателя!

    Не смотря на то, что возникает соблазн прочесть еще одну главу в книге или что-то попрограммировать в ущерб занятиям спортом не стоит этого делать! Спорт обогащает энергетикой! При нём много чего развивается. К примеру из физических качеств развиваются выносливость и мышцы, а среди психологических стрессоустойчивость и упорство.

    После работы лучше тупить. Мозг должен "отдыхать". То есть заниматься структуризацией, обработкой того, что произошло за день.

    Старайтесь избегать рывко-образной работы. Все должно быть стабильно. Пусть даже небольшими кусками работы, но стабильно и бессбойно!
    Ответ написан
    6 комментариев
  • Как правильно выстроить процесс изучения Web-программирования "с нуля"?

    @Nwton
    1) Освой html + css, научись верстать Простые странички у себя на компьютере.
    2) Освой серверный язык, например php. Организуй простой обмен данными между страничкой и сервером.
    3) Познакомься с mysql. Научись записывать и выводить данные, отправленные со странички.
    4) ...
    5) Profit

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

    Stalker_RED
    @Stalker_RED
    jsfiddle.net/f120r6dq

    Если ноль в начале нельзя, то
    jsfiddle.net/e5od40bm
    Ответ написан
    Комментировать