• Как сделать такие анимационные эффекты?

    На этом сайте используется PixiJS (www.pixijs.com).
    Для начала, посмотрите примеры -- pixijs.github.io/examples/#/basics/basic.js
    Потом изучайте туториал (www.pixijs.com/tutorials) + почитывая документацию (pixijs.github.io/docs).
    В качестве альтернативы можете посмотреть GSAP (https://greensock.com/gsap)
    Ответ написан
    Комментировать
  • Как верстальщику сделать пассивный доход?

    @lionkka
    Можно использовать как пассивный доход, но это очень тяжело. Покупают только очень красивые темы, т.е. нужно брать где то дизайн, просто скачать с интернета нельзя, это нарушение авторских прав. Лучше всего или заказывать у кого-то или работать с каким то очень хорошим дизайнером в паре. Так же , если говорить о зарубежных сайтах, то там очень сильно спрашивают именно качество верстки, при этом, могут толком не объяснить причину почему завернули.
    Вот есть такая статья на хабре https://habrahabr.ru/post/278999/
    Ответ написан
    Комментировать
  • Как верстальщику сделать пассивный доход?

    @private_tm
    JAVA dev
    Реально ток смотри бурж сайты и ориентируйся на то что там продаеться. (тефорест, теам монтсер, кодеканйон и тому подобных). У нас пока мало кто дошол чтоб за это деньги платить проще скачать в нете или на торентах платную тему бесплатно(п.с на ру аудиторию лучше не работать ).
    Ответ написан
    Комментировать
  • Правильно ли я расставляю приоритеты в развитии?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    Для начала, как говорится, определитесь с целями. Вы хотите больше интересных задач. При этом ваша специализация - верстка. Раз уж вы только только решили попробовать "gulp" и sass - предположу что с такими инструментами, как скажем autoprefixer вы так же не знакомы. И тем более webpack.

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

    По процессам вам стоит ознакомиться с существующими методологиями в верстке. BEM, Css modules и т.д. Сейчас все популярные фреймворки (в том числе и angular) идут по сути реюзабельных компонентов, и подобных подходы к верстке зададут вам какую-то основу.

    Передт тем как учить фреймворки стоит определиться с целями. Если знания ангуляра вам нужны на уровне шаблонов - ну тут тогда можно просто почитать да попробовать в свободное время. Если же вас именно качественное понимание всего интересует, но перед фреймворками надо хорошо изучить javascript (и ознакомиться с текущим стандартом ES2015). И уже после этого можно приступать к фреймворкам.
    Ответ написан
    1 комментарий
  • Как сделать групповой сдвиг строк влево в SublimeText?

    @bukovki
    Ещё можно так:
    ctrl+[ - сдвинуть влево
    ctrl+] - сдвинуть вправо
    Ответ написан
    1 комментарий
  • Программа для ведения дневника?

    @dzhebrak
    Очень удобен Zim со стандартными модулями "Дневник" и "Метки".
    537c606acc8a4cfe8ca391a47c66eca8.png
    Жирным выделяются те даты, когда были добавлены записи в дневник.

    Можно сразу добавлять задачи и подзадачи (с указанием дедлайнов), при этом задачи можно просмотреть отдельно от дневника (модуль "Список задач").
    Вот текст на странице дневника:

    c0bebecd14a04029838ceb78d0be415a.png
    А вот эти же задачи в списке задач (собираются автоматически из текста записи в дневнике):
    8e438cfca41c494c8949a838c585d1f6.png
    Можно вставлять ссылки на сайты, другие записи дневника, файлы на компьютере, прикреплять файлы, вставлять изображения в текст и т.д..

    Это далеко не весь функционал - посмотрите возможности на сайте программы.
    Ответ написан
    Комментировать
  • Какие книги почитать по управлению временем(таймменедженту), саморазвитию?

    A1ejandro
    @A1ejandro
    youtube блогер, ИТ-специалист
    Лучшие книги на данную тематику, даже больше - у М.Чиксентмихайи, и В.Козлова (ЯрГУ). Все остальное коммерческое - имхо очковтирательство. Теория же "потока" в чем то сродни сюжету фильма "Области тьмы", только без NZT. Важный момент, ни у Чиксентмихайи ни у Козлова вы не найдете упоминание того, что потоковое состояние (считай "просветление") возможно весьма и весьма долговременно, например несколько лет. Но оно возможно, проверено.
    При чем Козлову я об этом написал, но похоже он это прекрасно знает (он сам то в Потоке), раз не заинтересовался информацией. А Чиксентмихайи уже совсем похоже старенький, ему не до чего, мне совсем не ответил...
    Ответ написан
    Комментировать
  • Какие книги почитать по управлению временем(таймменедженту), саморазвитию?

    EvilsInterrupt
    @EvilsInterrupt
    System programming, Reversing Engineering, C++
    На мой взгляд нужно поступать так: читайте до позеленения все подряд. Даже если вода! Впоследствии наступит момент, когда мозг откажется читать еще что-либо и скажет просто "Хорошь читать. Делай давай!". Вот! С этого момента у Вас и начнется компилироваться вся прочитанная, услышанная информация в некую систему по которой лично Вам удобно и Вашему ритму жизни.

    Нет ни одной удобной системы для всех. Но везде сводят к одной правильной и верной мысли "Выдели свои жизненные потребности. Затем поставь цели позволяющие их достичь. Ставя очередную задачу старайся выполнять меньше, но в полном объеме приближающую к целям!".

    Не надо искать супер-гуру. Надо искать себя. А это возможно только при пробовании, эксперементировании
    Ответ написан
    2 комментария
  • Программа для ведения дневника?

    Toisen
    @Toisen
    Backend Developer
    Ответ написан
    Комментировать
  • Как вы систематизируете полученные знания?

    sindzicat
    @sindzicat
    Инженер-конструктор, программист-самоучка (Python)
    На этот вопрос исчерпывающий ответ дал Николай Ягодкин из advance-club, который занимается технологиями обучения. Есть три уровня запоминания информации:

    1. Уровень узнавания (да, мы проходили эту теорему, но о чём она - хз). Информация на этом уровне забывается быстро. Ведение конспектов и их использование на уровне "нашёл ответ - применил - поехал дальше" - это удержание информации на уровне узнавания. Вы часто будете пользоваться конспектом, но долго информацию в памяти держать не будете.

    2. Уровень воспроизведения (да, мы проходили эту теорему, можем рассказать её). На этом уровне информация теряется медленнее. Важно, что человек на этом уровне умеет просто воспроизводить материал.

    3. Уровень понимания. В этом случае информация сохраняется на очень долгий промежуток времени, а то и на всю жизнь. Это уровень, когда человек может строить логические связи с использованием запомненной им информации. Это же уровень навыков. Например, вы научились в детстве кататься на велосипеде, потом не катались несколько лет. Теперь нужно снова сесть за велосипед. Как его вести, вы вспомните за секунды. Т.е. на этом уровне информация воспроизводится мгновенно - гораздо быстрее, чем на остальных уровнях.

    Процесс обучения - это процесс связывания нейронов. Чтобы запомнить информацию надолго, нужно не просто учить, а доводить до уровня понимания (навыков). В этом случае между нейронами будет сильная связь. Потом нужно повторять информацию в течении 4-7 дней, чтобы связь между нейронами перестала распадаться. После этого она будет храниться годами.

    К сожалению ответ тянет на большую статью или даже на несколько статей, поэтому мне придётся сделать отсылку к бесплатным информативным вебинарам Николая Ягодкина, например этому: https://cloud.mail.ru/public/JG3f/nCjbfMNMF (К сожалению это видео уже недоступно на Youtube, поэтому скачанный мною вариант).
    Ответ написан
    4 комментария
  • Какие самые актуальные разрешение экрана у различных устройств?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    Заходим в любой компьютерный магазин, подходим к стойкам с ноутбуками и мониторами.
    Ноутбуки - почти все 1366х768. Дешёвые 17" - 1600х900, ноуты с 1920х1080 и больше уже достаточно дорогие и не по карману большинству. Ноуты с разрешение 2560х1440 и более фактически можно приравнивать к FullHD. Если 13" с таким разрешением, то 90% юзеров будет использовать увеличение.
    Мониторы - практически все идут FullHD, есть 1366х768, есть 2560x1440 и 4К, но они не всем по карману.

    Вот мы уже получили 3 основных современных разрешения (1366, 1600, 1920). Если целевая аудитория гики, то имеет смысл проработать отображение на 2560+.

    Затем, вспоминаем, что когда-то были очень популярны 22" мониторы с 1680х1050. Когда-то многие купили нетбуки, а там всего 1024х600. До сих пор часто у людей можно видеть квадратные мониторы 1280х1024.

    Итого: 1024, 1280, 1366, 1600, 1920 пикселей по ширине.

    Планшеты и смартфоны хоть и могут иметь чуть ли не 4к дисплеи, но методика отображения немного иная. Имеет смысл версия для смартфонов на 360-400 пикселей по ширине (старые смарты), хотя я обычно выставляю ширину сайта в 100% и задаю диапазон от 360 до 500-600 пикселей. Для планшетов 640-1024 пикселя.

    Как-то так.

    В любом случае, мои последние работы адекватно выглядят на старых андроид смартах, на iPhone 3G, на iPhone 6s, на разных айпадах и на всех мониторах.
    Ответ написан
    Комментировать
  • Как вы систематизируете полученные знания?

    petermzg
    @petermzg
    Самый лучший программист
    Информацию нужно использовать, иначе она бессмысленна.
    Ответ написан
    Комментировать
  • Как закрыть пробелы в математике?

    @abcd0x00
    Школьную программу можешь восстанавливать на interneturok.ru
    Ответ написан
    1 комментарий
  • Как закрыть пробелы в математике?

    @Pokatum
    Если завалили с 7-го класса, то рекомендую и начать с 7-го класса - подтянуть базу, так сказать. Чтобы потом не было стрема, что что-то в базе упущено, поэтому затык идти дальше. Тем более что, если знания по базе все-таки есть, то дело пойдет очень очень быстро, заодно все освежится и систематизируется, мозги разомнутся, преддверии более сложной математики ВУЗа. Я рекомендую начать с геометрии, так как она более комплексно включает мозг, и считается (мне так, когда я учился, говорили) что больше, чем алгебра, развивает интеллект). Проще всего скачать с сайта издательства "Просвещение" электронное приложение к учебнику геометрии 7-9-го классов - это интерактивный обучающий курс, имхо, хорошего качества, и начать с него.
    Ответ написан
    Комментировать
  • Как быстро верстать (нужен совет как быть дальше)?

    pashakiz
    @pashakiz
    web dev
    Не падай духом! После 25 лендинга скорость сама подрастет.
    И вообще, не забывай, что один ленгинг, где всего 6 блоков и 9 мелких элементов - это один срок, а другой лендинг-колбаса на 15 страниц А4 (условно), со скажем 10 блоками и 30 мелких элементов + куча всяких эффектов + какой-нибудь кастомный калькулятор - это совсем уже другой срок.
    Ответ написан
    Комментировать
  • Какой электронный органайзер посоветуете?

    dmitriylanets
    @dmitriylanets
    веб-разработчик
    asana пробуйте, половину требуемого функционала точно осилит.
    Ответ написан
    2 комментария
  • Как быстро верстать (нужен совет как быть дальше)?

    msulim
    @msulim
    Front-end / UI Designer
    На самом деле, я сейчас тоже задаюсь этим вопросом.

    Поделюсь своими наработками:
    1) Любимый редактор Sublime Text
    - plugins : emmet, JQuery, Sass, less, CSS, автопрефилы. Есть ещё несколько полезных которые подставляют пути к файлам подсвечивают цвета.
    В нете полно статей. Ну сам редактор это предпочтение.

    2) gulp на самом деле использую как нубло, вот буду делать boilerplate для старта. На sass. Несколько хаков в HTML типа мета тегов обёртки шапки, контента и футер. JQuery с фолбеком если вдруг с CDN не пройдет. Даже в дефолтном джиес написал $(document).ready();

    3) Пока не добрался до автогенерации sprite картинок но думаю это отлично сэкономит время в тех местах где нету шрифта.

    4) Собираюсь уйти от препроцессоров на пост процессор, а также использование Angular/Ember.js/React для решений крупнее Landing Page :)

    5) Cейчас думаю поработать также над архитектурой (как бы пафосно не звучало для вёрстки) розбивка на блоки продумать всякие проблемы и работу функционала.

    6) Подобрать готовые решения, имею ввиду плагины, слайдер/карусель/работа с таблицами.
    К примеру owl'Carousel/ data tables / animate.CSS / wowjs ну и тому подобные)))

    7) Самый маленький пункт - сокрость/качество печати как такова :)

    8) Ну и опыт :)

    Как-то так, если есть советы, может упустил.

    По поводу скорости вёрстки лендинга:
    Вёрстка Landing Page в четыре блока то там нечего верстать, просто сетку надо. И исходники нормальный, все шрифты и элементы (лого, гайдлайн от дизайнера) грид например Susy для Sass.

    А вот если присутсвуют анимации, фулскрин видео, дизайн под девайсы продуман дизайнером, стейты на поля форм, а плюс ещё и одеть на CMS то пусть не ВЫЕ своим "Г" :)

    Все придёт с опытом :)
    Ответ написан
    Комментировать
  • Как быстро верстать (нужен совет как быть дальше)?

    @abcyu
    Разработчик
    но как показала реальность - компаниям нужны не только те, у кого есть опыт и он хорошо знает HTML/CSS, JS, компаниям в первую очередь нужны те, кто быстро верстает. При чем быстрота верстки стоит, наверное, на первом месте. У меня к сожалению с этим проблема. Я делаю долго, но качественно.


    Вас же не удивляет, что есть разные рынки авто (подешевле и получше).
    Что бывает разная одежда.
    Фотоаппараты.
    Рестораны/кафе.

    С версткой так же.

    Верстка тяп-ляп дешево и быстро лишь бы работало, или быстро на готовых шаблонных решениях - это такой же обычный и распространенный ширпотреб.

    Есть и другие, более требовательные, заказчики.

    Если вы используете Gulp/Sass, то не думаю, что дело в вашей личной скорости. Просто Вы не в те конторы ходили.
    Ответ написан
    Комментировать