Суперский топик, про то как правильно называть свои переменные https://github.com/yoksel/common-words
GitHub
GitHub - yoksel/common-words: 🧐 Слова, часто используемые в CSS-классах
🧐 Слова, часто используемые в CSS-классах. Contribute to yoksel/common-words development by creating an account on GitHub.
👍4❤1
Сервер прокачали до прикольных стикеров, опять же максимально настоятельно рекомендую подписаться. Общение на около айтишные темы и взаимопомощь 😎 https://discord.gg/xBxnCCmc
👍4
Стародубцев x IT-ХОЗЯЕВА
Сервер прокачали до прикольных стикеров, опять же максимально настоятельно рекомендую подписаться. Общение на около айтишные темы и взаимопомощь 😎 https://discord.gg/xBxnCCmc
Всем кто захотел сдаться 🤨
https://www.youtube.com/watch?v=LeuLk9N-sc8
https://www.youtube.com/watch?v=LeuLk9N-sc8
YouTube
I AM NOT WHERE I WANT TO BE, BUT I'LL GET THERE - Motivational Speech (Coach Pain)
I'm not where I want to be, but I'll get there. You may not be where YOU want to be, but look how FAR you have come. Whatever you are working towards, I promise you, if you KEEP PUSHING, you are going to get it. One of the Best Motivational Speeches Ever…
Крутой сайт с примерами по реакту, сохраняй в закладки
https://reactjsexample.com/
https://reactjsexample.com/
👍4😁1
// деструктурирующее присваивание
// записывает firstName=arr[0], surname=arr[1]
let [firstName, surname] = arr;
крутой сайт для обучения основам https://doka.guide/
Дока
Документация для разработчиков на понятном языке
👍6
Как сказал какой-то умный хуй, покажи своих 10 друзей и я скажу кто-ты. У меня не было такого количества друзей и я создал дискорд, теперь это реально самая действенная штука и единственный способ прокачать себя, никакие видосы и книжки не дадут тебе того, что может дать другой человек. Ты грубо говоря становишься его копией, а ребята в нашем дискорде очень сильные сидят. Я очень благодарен им!
Вот ссылка кста
https://discord.gg/Y7AzrfHt
Вот ссылка кста
https://discord.gg/Y7AzrfHt
Discord
Discord - A New Way to Chat with Friends & Communities
Discord is the easiest way to communicate over voice, video, and text. Chat, hang out, and stay close with your friends and communities.
👍11
Наш боец со стрима, под ником smiface замутил сайт с обучалкой (будет обновляться) https://smiface.herokuapp.com/
👍13
Ребята, я к вам с очередной годнотой. Есть один бесплатный сайт, там есть обучалки на почти все языки, как говорится спасибо людям на твиче, которые мне скинули его.
Как ваши дела кстати?
https://metanit.com/web/
p.s. если учите веб, прошу вас, даже не смотрите что такое jquery и бутстрап. На старте обучения погружаться в легаси - плохая практика
Как ваши дела кстати?
https://metanit.com/web/
p.s. если учите веб, прошу вас, даже не смотрите что такое jquery и бутстрап. На старте обучения погружаться в легаси - плохая практика
👍11
Рубрика хороший паттерн. Мне скинул знакомый верстальщик, как у него на проекте. Дока мне понравилась, думаю новичкам, да и мне будет интересно ознакомиться. Чтобы информация усваивалась буду выкладывать по одной теме в день. (Мне просто лень всё сделать сразу)
Тема номер раз, надеюсь все успели уже пощупать, что такое scss ? Если нет, вперед, вам нужно загуглить только две вещи (что такое миксины, что такое спрайты)
Итак, если с названиями js, mixins, sprites всё понятно, что же такое vendor.
Папка src/js/vendor предназначена для хранения скриптов сторонних библиотек, которых нет в репозитории npm.
Файл src/scss/main.scss предназначен для хранения основных стилей сайта. При сборке данный файл преобразуется в CSS и сохраняется в build/css вместе с файлом main.css.map.
Папка src/resources предназначена для хранения различных файлов проекта. При сборке файлы из данной папки попадают в build.
Папка src/resources/fonts предназначена для хранения шрифтов. При сборке файлы из данной папки попадают в build/fonts
Тема номер раз, надеюсь все успели уже пощупать, что такое scss ? Если нет, вперед, вам нужно загуглить только две вещи (что такое миксины, что такое спрайты)
Итак, если с названиями js, mixins, sprites всё понятно, что же такое vendor.
Папка src/js/vendor предназначена для хранения скриптов сторонних библиотек, которых нет в репозитории npm.
Файл src/scss/main.scss предназначен для хранения основных стилей сайта. При сборке данный файл преобразуется в CSS и сохраняется в build/css вместе с файлом main.css.map.
Папка src/resources предназначена для хранения различных файлов проекта. При сборке файлы из данной папки попадают в build.
Папка src/resources/fonts предназначена для хранения шрифтов. При сборке файлы из данной папки попадают в build/fonts
👍8❤1
Pixel-perfect — техника верстки, при которой результат максимально совпадает с исходным макетом. (которую я игнорирую, сверстать примерно как грится на глаз 😎)
Под этим понимается соответствие:
положения элементов;
размеров;
отступов;
цветов;
шрифтов;
размеров текста;
межстрочного и межбуквенного интервалов.
Что не входит в pixel-perfect:
Аболютное соответствие макету.
Несмотря на свое название, техника pixel-perfect не подразумевает стопроцентного совпадения с макетом. Различия могут быть и будут.
Дизайнер при создании макета может сделать что-то «на глаз» или просто ошибиться: сбиться с сетки, выровнять слой немного не по центру, использовать не тот шрифт или размер текста, подобрать цвет не по палитре и так далее.
Не нужно повторять того же в верстке:
Если положение элемента отклоняется от сетки или других подобных элементов, то его следует выровнять.
Если элемент почти по центру, то вероятно он должен быть строго по центру.
Если есть подозрение, что в каком-то месте макета сбился шрифт, то скорее всего он действительно сбился, и вместо него должен использоваться другой.
Если несколько цветов, используемых в макете, незначительно отличаются HEX-кодом и неотличимы на глаз, то вероятно это должен быть один цвет.
Инструменты для работы с pixel-perfect:
Одним из лучших инструментов для pixel-perfect верстки является плагин PerfectPixel. (в гугл хром).
👆 От себя, старайтесь отойти от привычки "двигать все элементы маржинами", для размеров часто нужно использовать проценты + padding
Под этим понимается соответствие:
положения элементов;
размеров;
отступов;
цветов;
шрифтов;
размеров текста;
межстрочного и межбуквенного интервалов.
Что не входит в pixel-perfect:
Аболютное соответствие макету.
Несмотря на свое название, техника pixel-perfect не подразумевает стопроцентного совпадения с макетом. Различия могут быть и будут.
Дизайнер при создании макета может сделать что-то «на глаз» или просто ошибиться: сбиться с сетки, выровнять слой немного не по центру, использовать не тот шрифт или размер текста, подобрать цвет не по палитре и так далее.
Не нужно повторять того же в верстке:
Если положение элемента отклоняется от сетки или других подобных элементов, то его следует выровнять.
Если элемент почти по центру, то вероятно он должен быть строго по центру.
Если есть подозрение, что в каком-то месте макета сбился шрифт, то скорее всего он действительно сбился, и вместо него должен использоваться другой.
Если несколько цветов, используемых в макете, незначительно отличаются HEX-кодом и неотличимы на глаз, то вероятно это должен быть один цвет.
Инструменты для работы с pixel-perfect:
Одним из лучших инструментов для pixel-perfect верстки является плагин PerfectPixel. (в гугл хром).
👆 От себя, старайтесь отойти от привычки "двигать все элементы маржинами", для размеров часто нужно использовать проценты + padding
👍6
Если не было опыта, ставим галочку только изи!
Сайт который научит вас программировать
Выбираете количество недель, и сколько времени готовы уделить, и идёте по этому плану
https://www.techinterviewhandbook.org/grind75
Сайт который научит вас программировать
Выбираете количество недель, и сколько времени готовы уделить, и идёте по этому плану
https://www.techinterviewhandbook.org/grind75
👍15
А я опять с новостями. После казино буду делать сайт для знакомого с Латвии по солнечным батареям и наверное потихоньку можно будет учить вопоосы к собесам. 😋
👍8