Написал 3 компонента, но они криво работают, что делать?

HistoryART, Добавьте недостающие части в пример, сейчас он совсем не работает:

Почему так сильно тормозит проект на nuxt?

killwayne, сейчас вместо сайта - белый экран, так что сложно что-то сказать.

Насколько перспективна технология WebGL?

Применения: wow-сайты, vr-сайты, браузерные игры

А также презентации товаров, всевозможные конструкторы в магазинах, и, конечно, визуализации больших объемов данных (например на картах).

Как сделать такую анимацию?

profesor08, понятно, что разные. Я о том, что раньше в каждый лендинг вставляли particles.js, а в последнее время все хотят вот эту штуку.

Как сделать CSS рабочим у сайта wordpress?

Покажите сам сайт. Сложно угадать, что не так, не видя проблемного места.

Можете покритиковать верстку начинающего?

frozifonte, Те же медиа-запросы, но в гораздо меньших количествах.

В чем разница в коде цикла JS?

Используйте тег code для вставки кода в вопрос, а не картинку.

Как сверстать обтекающие блоки таким способом?

Вадим Кот,

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

Что-то я вопрос не понял. В моем примере в мобильной версии я ставлю display:block всему. Ну а в какую сторону писать (от мобильной версии или от десктопной) - это вопрос чисто ситуативный, в разных проектах бывает удобно делать как в одну сторону, так и в другую.

В какие страны легче всего эмигрировать из России после ВУЗа?

Максим Иванов, ответ не так глуп, как кажется. Переезд в другую страну - это важное жизненное решение, которое нужно принимать самостоятельно, а не перекладывать ответственность на других. Не хотите в Таджикистан? Так планируйте свой путь туда, куда хотите, а не куда проще или куда кто-то из интернета подсказал поехать.

Где можно порешать задачи по JavaScript?

А вы не думали решать задачи из вопросов здесь, на тостере? Каждый день тут новая подборка, разная сложность, вопросы на разные темы - не только из "теоретических учебников", но и из "реальной жизни" (что тоже важно), плюс есть возможность обсудить решения с более опытными людьми или самому что-то объяснить новичкам (а когда объясняешь, то и сам лучше понимаешь)?

Как возможно реализовать столь похожее или такое же меню?

По скриншотам совершенно не понятно, что это и как должно работать. Лучше дайте ссылку.

Normalize.css и npm, как реализовать и нужен ли gulp?

Sector567,

можно просто импортировать normalize.css который находится в папке node_modules в файл препроцессора, а после все это скомпелировать в один файл css

Можно так, да.

Normalize.css и npm, как реализовать и нужен ли gulp?

В пакете normalize.css, который скачался в папку node_modules, есть файл normalize.css.
В нем - код на CSS, который вы должны включить в свой проект до остальных стилей (по идее).
Как это сделать? Вариантов масса. Не зная, как вы что собираете, очень сложно рекомендовать что-то конкретное. Тут может быть и импорт с помощью CSS пре/пост-процессоров, и загрузка его тем же вебпаком, и тупое подключение этого файла сразу в html. Универсального решения нет. Так что вам лучше уточнить вопрос.

Помощь с code review вёрстки?

Happy-Child, Альтернативное решение на самом деле очень простое. Правда работает оно только с толковыми дизайнерами. Идея в том, что количество действительно разных размеров на макете всегда ограничено. Хороший макет - это не "намалевал на коленке как попало", это скорее "строгая система, в которой размеры всего заранее определены". Соответственно нет нужды постоянно что-то считать. Можно сделать переменные со всеми размерами (их будет штук 10 может быть) и везде использовать только их. Назвать можно на свой вкус и цвет. Таким образом в коде не будет большого количества совершенно непохожих чисел, которые быстро смешиваются в кашу в голове.

Со временем глаз привыкает к такому ограниченному набору размеров и их можно различать на глазок и не тыкать в каждый элемент в макете, проверяя его размер. Само мышление перестраивается с "количества пикселей" на "один из размеров из набора". Если сотрудничать с одним дизайнером, то можно прийти к тому, что он будет примерно набрасывать макет, не подгоняя все с точностью до пикселя, а мы будем верстать исключительно по этой системе размеров. Такой подход экономит кучу времени всем.

В идеале, если дизайнер знаком с тем, как верстают печатные издания, то он может все размеры изначально приблизить к "красивым" значениям в rem. Тогда и переменные под это не нужны. Пару лет назад я пытался эту мысль описать, получилось немного сумбурно и не убедительно, но с тех пор идея обкаталась и могу сказать, что она работает. Простые сайты можно клепать совсем без дизайнера и будет получаться вполне неплохо. Собственно мой сайт - маленький пример, как это работает.

Помощь с code review вёрстки?

Happy-Child,

Стили которые прописаны в подчёркнутых классах встречаются во многих элементах на странице

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

Я создал для них отдельный класс чтобы не писать в стилях каждый раз.

Главная проблема классов-утилит, которые меняют отдельные свойства в CSS, в сочетании с бэмом - это то, что со временем их становится слишком много. И это приводит к головной боли - получается, что мы пишем стили в разметке. Иногда это удобно, когда нужно по-быстрому что-то наклепать, но любой редизайн замедляется в разы. А чтобы в стилях не писать несколько раз одно и то же для разных блоков и их модификаторов, можно испольовать миксины или расширения классов - у препроцессоров много возможностей. Потом gzip это все сожмет, так что за размер файлов можно не переживать.

Почему срабатывают все слайдеры на странице?

Дополню ответ 0xD34F парой замечаний:
1. Не используйте символы > и < в разметке. Используйте > и <.
2. Код будет в разы понятнее, если в таких компонентах избегать поиска по родителям. Лучше брать один основной корневой элемент для компонента и манипулировать элементами внутри него, а не снаружи.
3. Вы много раз используете find, чтобы искать одни и те же элементы. Кешируйте это дело, ведь элементы не добавляются и не изменяются в процессе.

Где найти много задач по Javascript?

Роман, Это нужно в ответах написать :)

Hammaer.js как сделать несколько слайдеров с одинаковыми классами на одной странице?

DenKuzmin,

Почему "Моргают" слои анимации на mac'ах?

Нет под рукой iOS-устройств чтобы проверить, но сказал бы, что стоит поиграть со свойствами

will-change: transform;
backface-visibility: hidden;

и может быть
transform-style: preserve-3d;
у псевдоэлемента ::before.

И не совсем понятно, зачем там background-clip и mask-image.

Как реализовать каскадную анимацию?

Mazino, Тут Ana Tudor нашаманила альтернативный вариант этой анимации (правда без поддержки IE/Edge). Очень советую посмотреть в образовательных целях:



P.S.: Количество элементов действительно можно уменьшить в два раза, тут я затормозил немного, но спишем это на воскресенье.