This media is not supported in your browser
VIEW IN TELEGRAM
Доброе утро, наткнулся на классную анимашку от команды GSAP, поздравляющую с рождеством
Зацени🫰
https://codepen.io/GreenSock/pen/wvxaWWK
Зацени
https://codepen.io/GreenSock/pen/wvxaWWK
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥14👍3
С наступающим Новым Годом, погромисты 👨💻
Ох, ну и годик у нас вышел тяжёлый, друзья, не могу поверить, что он подходит к концу...
Вчера был последний рабочий день и надеюсь, что все не забыли сделать последние в этом году коммиты, пуши и мерджи, при этом ничего не уронив на проде, дабы спокойненько отдохнуть в праздники🍾
Паблик временами пустует из-за отсутствия каких-то интересных новостей во фронтенде или отсутствия у меня времени на их поиск, очень хочу исправить это в 2023 году, считайте ставлю себе цель!
Всех с наступающим Новым Год, желаю меньше багов в коде и жизни, и чтобы все ваши мечты компилировались без единой ошибки🎄 🎄 🎄
Ох, ну и годик у нас вышел тяжёлый, друзья, не могу поверить, что он подходит к концу...
Вчера был последний рабочий день и надеюсь, что все не забыли сделать последние в этом году коммиты, пуши и мерджи, при этом ничего не уронив на проде, дабы спокойненько отдохнуть в праздники
Паблик временами пустует из-за отсутствия каких-то интересных новостей во фронтенде или отсутствия у меня времени на их поиск, очень хочу исправить это в 2023 году, считайте ставлю себе цель!
Всех с наступающим Новым Год, желаю меньше багов в коде и жизни, и чтобы все ваши мечты компилировались без единой ошибки
Please open Telegram to view this post
VIEW IN TELEGRAM
☃23🎉7🍾3🎄3👍1
Команда Vue поздравляет с Новым Годом 😊 😊
Vue подводит итоги 2022 года и рассказывает, что ожидать от 2023 года (в праздники совсем не до перевода, извините за мой английский)
https://blog.vuejs.org/posts/2022-year-in-review.html
Vue подводит итоги 2022 года и рассказывает, что ожидать от 2023 года (в праздники совсем не до перевода, извините за мой английский)
https://blog.vuejs.org/posts/2022-year-in-review.html
Please open Telegram to view this post
VIEW IN TELEGRAM
blog.vuejs.org
2022 Year In Review | The Vue Point
The official blog for the Vue.js project
❤🔥12👍2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по CSS из будущего 🧑🎓
Анимация на чистом CSS благодаря animation-timeline:scroll(root) и CSS, который позволяет делать анимашку на основе скролла
Пока что экспериментальная фича, не для продакшена⛔️
Кодпен 👇
https://codepen.io/jh3y/pen/RwBRyzb
Анимация на чистом CSS благодаря animation-timeline:scroll(root) и CSS, который позволяет делать анимашку на основе скролла
Пока что экспериментальная фича, не для продакшена
Кодпен 👇
https://codepen.io/jh3y/pen/RwBRyzb
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥17❤🔥3👍3
Хейтим JS в этом посте 🤬
Поделись с нами, что ты больше всего ненавидишь в JavaScript и отпиши в комменты🤢
Вот тебе видос настраивающий на хейт
https://www.youtube.com/watch?v=aXOChLn5ZdQ
Поделись с нами, что ты больше всего ненавидишь в JavaScript и отпиши в комменты
Вот тебе видос настраивающий на хейт
https://www.youtube.com/watch?v=aXOChLn5ZdQ
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
JavaScript for the Haters
Why does everybody hate JavaScript so much? A complete roast of JS that highlights the strongest criticisms against the world's most popular programming language.
#javascript #roast #comedy
🔥 Black Friday Discount
https://fireship.io/pro
🔥 Use code…
#javascript #roast #comedy
🔥 Black Friday Discount
https://fireship.io/pro
🔥 Use code…
🤣5😁2❤1
Чем занять себя в праздники, если не хочется кодить? 🤓
1. Посмеяться со старых выпусков ППШ
2. Послушать подкасты Frontend Weekend
3. Глянуть вакансии McDonald's
1. Посмеяться со старых выпусков ППШ
2. Послушать подкасты Frontend Weekend
3. Глянуть вакансии McDonald's
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
АйТиБорода x ПЛОХИЕ ПРОГЕРСКИЕ ШУТКИ #ППШ | 5 ВЫПУСК
Привет всем айтишным и не очень зрителям, новый выпуск нашей рубрики "Плохие прогерские шутки", или кратко ППШ!
Сегодня у нас в гостях:
YouTube-блогер:
@itbeard
https://instagram.com/itbeard?utm_medium=copy_link
Айти-дива ТикТока Надин Холман:
Nadin Holman…
Сегодня у нас в гостях:
YouTube-блогер:
@itbeard
https://instagram.com/itbeard?utm_medium=copy_link
Айти-дива ТикТока Надин Холман:
Nadin Holman…
👎4👍3🔥2❤🔥1👏1💩1
Так, давай признавайся как прошёл твой первый рабочий день, дружок 🤨
Я лично еле собрался, кроватка не хотела отпускать меня с утра🤪
Я лично еле собрался, кроватка не хотела отпускать меня с утра
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🥱6🫡5😁3🔥2🤯2👌2🥰1🤨1
This media is not supported in your browser
VIEW IN TELEGRAM
Изучаем новую крутую фичу — View Transitions API 🔥
Она позволяет сделать эту демку в пару строчек😎
https://habr.com/ru/post/710276/
Она позволяет сделать эту демку в пару строчек
https://habr.com/ru/post/710276/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👍4❤🔥1🐳1
Вышел Chrome 109 🔥
Чего там нового?
— Доступ к Origin Private File System (OPFS) на Android
— Новая единица измерения
— Появилось значение
— Добавлена поддержка MathML Core (штука для вёрстки математических формул), в связи с этим появилось новое значение у
https://www.youtube.com/watch?v=B4_vT99pBaM
https://developer.chrome.com/blog/new-in-chrome-109/
Чего там нового?
— Доступ к Origin Private File System (OPFS) на Android
— Новая единица измерения
lh, которая равна высоте одной строки текста— Появилось значение
auto у свойств font-weight, font-style, font-stretch внутри @font-face, теперь auto является значением по дефолту— Добавлена поддержка MathML Core (штука для вёрстки математических формул), в связи с этим появилось новое значение у
display: math
Подробнееhttps://www.youtube.com/watch?v=B4_vT99pBaM
https://developer.chrome.com/blog/new-in-chrome-109/
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
New in Chrome 109: OPFS on Android, new css properties, MathML Core support
Chrome 109 is rolling out now! The Origin Private File System API is now available for Android,
there is a set of new properties in CSS, you can easily add math notations in your HTML with the support for MathML core, and there’s plenty more.
Adriana Jara…
there is a set of new properties in CSS, you can easily add math notations in your HTML with the support for MathML core, and there’s plenty more.
Adriana Jara…
👍10❤2❤🔥1🔥1
Что посмотреть в воскресенье вечером? 👨💻
Как раз проводили старый Новый год, пора и вспомнить старые добрые основы программирования и базовые алгоритмы
Легендарный гарвардский курс CS50 на русском
Алгоритмы сортировки
1. Сортировка пузырьком
2. Сортировка выбором
3. Сортировка вставками
4. Сортировка слиянием
5. Быстрая сортировка
6. Пирамидальная сортировка
Алгоритмы поиска
1. Линейный поиск
2. Двоичный поиск
3. Алгоритм Кнута-Морриса-Пратта
4. Поиск прыжками
5. Экспоненциальный поиск
Как раз проводили старый Новый год, пора и вспомнить старые добрые основы программирования и базовые алгоритмы
Легендарный гарвардский курс CS50 на русском
Алгоритмы сортировки
1. Сортировка пузырьком
2. Сортировка выбором
3. Сортировка вставками
4. Сортировка слиянием
5. Быстрая сортировка
6. Пирамидальная сортировка
Алгоритмы поиска
1. Линейный поиск
2. Двоичный поиск
3. Алгоритм Кнута-Морриса-Пратта
4. Поиск прыжками
5. Экспоненциальный поиск
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Основы программирования: Легендарный Гарвардский курс CS50
Весь курс CS50 - https://javarush.com/s/course_cs50
Первая лекция курса «Основы программирования» https://javarush.com/quests/lectures/questharvardcs50.level00.lecture00
Знаете, как называется самый популярный в мире университетский курс? Это CS50, «Основы…
Первая лекция курса «Основы программирования» https://javarush.com/quests/lectures/questharvardcs50.level00.lecture00
Знаете, как называется самый популярный в мире университетский курс? Это CS50, «Основы…
🔥12👍7❤🔥2👨💻1
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по CSS из будущего 🧑🎓
Ты когда-нибудь хотел больше контролировать стили :first-letter в тексте? Что ж,👏
Пока что экспериментальная фича, не для продакшена, работает только в Chrome Canary⛔️
MDN документация
Ты когда-нибудь хотел больше контролировать стили :first-letter в тексте? Что ж,
initial-letter позволит тебе это сделать! Пока что экспериментальная фича, не для продакшена, работает только в Chrome Canary
MDN документация
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10❤🔥2❤1👍1
Делай фейки как профи с fakerjs 🧑🎓
Faker — библиотека, которая генерирует фейковые (но адекватные) данные, которые можно использовать для таких вещей, как:
1. Юнит и перфоманс тесты
2. Создание демок
3. Билдинг проекта без бэкенда
https://fakerjs.dev/
Faker — библиотека, которая генерирует фейковые (но адекватные) данные, которые можно использовать для таких вещей, как:
1. Юнит и перфоманс тесты
2. Создание демок
3. Билдинг проекта без бэкенда
https://fakerjs.dev/
Please open Telegram to view this post
VIEW IN TELEGRAM
fakerjs.dev
Generate massive amounts of fake (but reasonable) data for testing and development.
👍11❤🔥1❤1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Зуминг фото на чистом CSS в пару строчек 🔥
https://codepen.io/jh3y/pen/QWQrVwj
img {
object-view-box: inset(var(--top) ...);
}
:root:has(#car:checked) {
--top: 61%;
...
}
Офигенно 🙈https://codepen.io/jh3y/pen/QWQrVwj
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥24👍3👎2👏2👀2❤🔥1
Сколько нужно времени, чтобы освоить востребованную профессию фронтенд-разработчика?
Всего 10 месяцев! Вы можете совмещать обучение с любым своим занятием. Главное условие - желание. В Xeкслете вы можете пройти онлайн-курс по профессии «Фронтенд-разработчик».
Во время программы вы:
✔️ Изучите JavaScript в связке с HTML и CSS.
✔️ Освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно.
✔️ Решите более 310 задач в браузере.
✔️ Создадите 4 проекта для портфолио на GitHubВыполните 150 тестовых заданий от наших партнёров.
✔️ Научитесь работать с чужим кодом и оформлять пул-реквесты в Open Source проектах.
Обучение построено так, что его невозможно «отсидеть» или «прослушать». Мы не сторонники подхода «повтори за учителем»: вы будете не просто писать код, а научитесь самостоятельно находить лучшие решения.
📌 Пройдите первые 10 бесплатных уроков из профессии и получите дополнительно скидку 10% !
Всего 10 месяцев! Вы можете совмещать обучение с любым своим занятием. Главное условие - желание. В Xeкслете вы можете пройти онлайн-курс по профессии «Фронтенд-разработчик».
Во время программы вы:
✔️ Изучите JavaScript в связке с HTML и CSS.
✔️ Освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно.
✔️ Решите более 310 задач в браузере.
✔️ Создадите 4 проекта для портфолио на GitHubВыполните 150 тестовых заданий от наших партнёров.
✔️ Научитесь работать с чужим кодом и оформлять пул-реквесты в Open Source проектах.
Обучение построено так, что его невозможно «отсидеть» или «прослушать». Мы не сторонники подхода «повтори за учителем»: вы будете не просто писать код, а научитесь самостоятельно находить лучшие решения.
📌 Пройдите первые 10 бесплатных уроков из профессии и получите дополнительно скидку 10% !
👎5👍3🔥2💩2
Please open Telegram to view this post
VIEW IN TELEGRAM
Хабр
Делаем свернутый контент доступным с помощью hidden=until-Found
Эта статья — перевод оригинальной статьи " Making collapsed content accessible with hidden=until-found " Также я веду телеграм канал “ Frontend по-флотски ”, где рассказываю про интересные вещи из...
🔥9👍2❤🔥1
Вышел Safari 16.3 🫡
Что там нового?
Да нифига там нового, куча всяких минорных фиксов и добавлена поддержка директивы prefetch-src😂
Для тех кто хочет подробнее: https://webkit.org/blog/13691/webkit-features-in-safari-16-3/
Что там нового?
Да нифига там нового, куча всяких минорных фиксов и добавлена поддержка директивы prefetch-src
Для тех кто хочет подробнее: https://webkit.org/blog/13691/webkit-features-in-safari-16-3/
Please open Telegram to view this post
VIEW IN TELEGRAM
MDN Web Docs
Content-Security-Policy: prefetch-src directive - HTTP | MDN
The HTTP Content-Security-Policy (CSP)
prefetch-src directive specifies valid resources that may
be prefetched or prerendered.
prefetch-src directive specifies valid resources that may
be prefetched or prerendered.
🤣7👍5💩2🌚1
Событие scrollEnd стали поддерживать Firefox и Chrome 🔥
Да-да, это именно то событие, которое поможет тебе определить, когда юзер перестал скроллить контент и остановился, уже совсем скоро можно будет заменить этот код:
https://developer.chrome.com/blog/scrollend-a-new-javascript-event/
Да-да, это именно то событие, которое поможет тебе определить, когда юзер перестал скроллить контент и остановился, уже совсем скоро можно будет заменить этот код:
document.onscroll = event => {
clearTimeout(window.scrollEndTimer)
window.scrollEndTimer = setTimeout(callback, 100)
}
На этот:document.onscrollend = event => {…}
Подробнее:https://developer.chrome.com/blog/scrollend-a-new-javascript-event/
Please open Telegram to view this post
VIEW IN TELEGRAM
Chrome for Developers
Scrollend, a new JavaScript event | Blog | Chrome for Developers
Delete your timeout functions and shake off their bugs, here's the event you really need: scrollend.
👍19🔥3❤1❤🔥1
Чем заняться в воскресенье? 🏋️♀️
Конечно же не расслабляться, а решать задачки!
Вот тебе пару сайтиков, где можно их порешать:
1. https://www.hackerrank.com/ — задачки на алгоритмы
2. https://www.frontendmentor.io/ — челенжи именно для фронтендеров
3. https://www.adaface.com/ — задачки и тесты для популярных языков
4. https://www.codewars.com/ — качалка для прогера
5. https://coderbyte.com/ — подготовка к собесу
6. https://www.codingame.com/ — изучаем прогерство играючи
7. https://leetcode.com/ — кодинг и ещё раз кодинг
8. https://www.topcoder.com/ — соло-гейминг для кодеров, качай птс'ы тут, а не в доте
Хорошего тебе воскресенья ❤️
Конечно же не расслабляться, а решать задачки!
Вот тебе пару сайтиков, где можно их порешать:
1. https://www.hackerrank.com/ — задачки на алгоритмы
2. https://www.frontendmentor.io/ — челенжи именно для фронтендеров
3. https://www.adaface.com/ — задачки и тесты для популярных языков
4. https://www.codewars.com/ — качалка для прогера
5. https://coderbyte.com/ — подготовка к собесу
6. https://www.codingame.com/ — изучаем прогерство играючи
7. https://leetcode.com/ — кодинг и ещё раз кодинг
8. https://www.topcoder.com/ — соло-гейминг для кодеров, качай птс'ы тут, а не в доте
Хорошего тебе воскресенья ❤️
Please open Telegram to view this post
VIEW IN TELEGRAM
Hackerrank
HackerRank - Online Coding Tests and Technical Interviews
HackerRank is the market-leading coding test and interview solution for hiring developers. Start hiring at the pace of innovation!
👍16🔥3❤2
CSS color-mix() 🫰
Думаю особо объяснять не надо color = цвет, mix = смешивать
Верно, эта функция смешивает цвета друг с другом
Она принимает 3 параметра:
1. Цветовое пространство (colorspace)
2 и 3 — цвет и процент этого цвета (процент опционально)
Пример на пикче🤓
Это свойство не прод-реди⛔️
MDN
Думаю особо объяснять не надо color = цвет, mix = смешивать
Верно, эта функция смешивает цвета друг с другом
Она принимает 3 параметра:
1. Цветовое пространство (colorspace)
2 и 3 — цвет и процент этого цвета (процент опционально)
Пример на пикче
Это свойство не прод-реди
MDN
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤🔥3🔥2