Сборник крутых и полезных готовых решений для вашего сайта. Здесь можно изучить реализацию понравившихся идей и применить их в своих проектах. Сотрудничество: t.me/the_artboss
Image Gallery - адаптивная галерея изображений с открытием дополнительной информации при наведении
Читать полностью…🦊 Дженерики. TypeScript
#теория
Эй ты! Находишься в поиске вакансии фронтенд-разработчика? В этой статье мы рассмотрели все самые распространенные вопросы на собеседовании, с которыми ты можешь столкнуться. От HTML и CSS до JavaScript и фреймворков - у нас ты найдешь все ответы.
Как пройти собеседование на позицию фронтенд-разработчика
А еще присоединяйтесь к нашему небольшому и уютному чату "Кухня IT" для дружеского общения и приятного времяпрепровождения!
CSS image slider w/ next/prev btns & nav dots
Слайдер изображений с кнопками и точками навигации. Написан с помощью CSS.
codepen.io
Neumorphism Loading Spinner
Неоморфизм загрузки. Реализовано с помощью CSS и JS
codepen.io
FLIP List items - Flip Plugin
Элементы списка FLIP, при наведение карточка раскрывается. Реализована с помощью JavaScript.
codepen.io
Share Button
Анимация кнопки при нажатии на которую появляются соц.сети. Реализована с помощью CSS и JS
codepen.io
Share Button
Анимация кнопки при нажатии на которую появляются соц.сети. Реализована с помощью CSS и JS
codepen.io
Вы ищете готовые HTML шаблоны сайтов?
На канале @maket_html огромный выбор профессиональных, современных дизайнов, которые идеально подходят для любого проекта.
Перейдите по ссылке и получите доступ к эксклюзивным шаблонам.
Чего вы ждете? Подпишитесь сейчас! 💻
React HSL Slider
Слайдер выбора цвета, реализован с помощью React. Использует цвета из библиотеки w3color.js
codepen.io
HTML Academy обучает крутейших веб-разработчиков, а 22 февраля нам исполнится целых 11 лет! В честь этого - дарим подарки, не упустите свой шанс!
Среди покупателей любого пакета курсов до 21 февраля включительно (а это уже - сегодня!) - разыграем 2 карьерные консультации. Вместе с HR-экспертом в IT вы поработаете над резюме или сможете подготовиться к собеседованию и сделать следующий шаг в своей карьере.
💻Пакет «Computer science» - для проектирования сетей, работе с базами данных, написания понятного и безопасного кода. Приятный бонус - на пакет действует доп. скидка в 30%.
🎁Пакет «Работа с данными» - для прокачки навыков по эффективной обработке данных и построению архитектуры, помогает минимизировать количество ошибок в коде.
🎉Пакет “Мастер анимаций” поможет улучшать UI и UX интерфейсов за счет самых востребованных способов анимации — CSS-анимации и работы с векторной графикой.
Подробности - на сайте.
Регулярные сливы премиум шаблонов для React, Angular, Vue, WordPress, HTML с ThemeForest можно найти на канале @themegrizzly
В комментах можно сделать запрос слива любого шаблона, админы реально быстро сливают все что угодно у себя на канале.
Часто еще там размещают плагины для WordPress, рабочие PHP приложения, исходники игр на Android, Flutter и много чего интересного, обычно все с CodeCanyon.
CSS Binary Counter
Двоичный счетчик. Реализована с помощью CSS.
codepen.io
JS and CSS Clock
Анимация часов. Реализована с помощью CSS и JS
codepen.io
Ты начнёшь верстать увереннее, добавишь в портфолио 1 крутой сайт и сможешь повысить цену на свои услуги…
Потому что Роман Чернов, веб-разработчик с 8-летним стажем, организовал бесплатный 7-дневный интенсив с практикой и обратной связью.
За 7 дней ты:
- Сверстаешь веб-сайт на HTML + CSS;
- Реализуешь функционал на JavaScript;
- Используешь фронтенд-фреймворк Angular;
- Подключишь Backend и загрузишь сайт на хостинг.
👉 Забрать бесплатно 7 дней обучения frontend-разработке
Сколько времени нужно, чтобы стать востребованным фронтенд-разработчиком? Всего 10 месяцев!
Вы сможете совмещать обучение с любыми другими занятиями. Главное условие - ваше желание учиться.
В Xeкслете вы можете пройти онлайн-курс по профессии "Фронтенд-разработчик".
Во время программы вы:
✔️ Изучите JavaScript в связке с HTML и CSS.
✔️ Освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно.
✔️ Решите более 310 задач в браузере.
✔️ Создадите 4 проекта для портфолио на GitHub и выполните 150 тестовых заданий от наших партнёров.
✔️ Научитесь работать с чужим кодом и оформлять пул-реквесты в Open Source проектах.
В процессе обучения вы не просто будете писать код, а научитесь самостоятельно находить лучшие решения.
🎁 Пройдите первые 10 бесплатных уроков из профессии и получите дополнительно скидку 10% на весь курс!
С 24 по 30 марта МТС проводит хакатон True Tech Hack.
Что на кону: победители разделят призовой фонд 1 500 000 рублей.
Кто участвует: frontend-, backend- и мобильные разработчики, data science специалисты, UX/UI-дизайнеры и продакт-менеджеры.
Что делать: создать решения для просмотра фильмов на мультимедийной онлайн-платформе KION для людей с особыми потребностями.
Условия: ты можешь участвовать со своей командой или тебе помогут ее найти.
Финальный питчинг и награждение: 31 марта офлайн на конференции True Tech Day.
Создавай впечатления для тех, кто ощущает мир иначе, на хакатоне от МТС.
Успей зарегистрироваться до 22 марта по ссылке: https://cnrlink.com/truetechhack12
Text spirals out from opening portal at centre
Анимация текста, созданная на чистом CSS.
codepen.io
Image resizer
Изменение размера изображения. Написано с помощью CSS и JS
codepen.io
Glassmorphism Creative Cloud App Redesign
Редизайн приложения Glassmorphism Creative Cloud. Реализован с помощью CSS и JS
codepen.io
CSS-Only Countdown Clock
Часы обратного отсчета. Написаны с помощью чистого CSS.
codepen.io
Neumorphic Elements
Анимация неоморфных элементов.Реализована с помощью CSS и JS
codepen.io
CSS Variables
Изменение изображения с помощью ползунков. Реализовано с помощью CSS и JS
codepen.io
Share Button
Анимация кнопки при нажатии на которую появляются соц.сети. Реализована с помощью CSS и JS
codepen.io
Sibling Gallery
Галлерея фотографий при наведение на одну из фото, она показывается крупнее. Написана на чистом CSS.
codepen.io
UX in Motion | Animation
UX элементы в движении. Написан на чистом CSS.
codepen.io
Sibling Gallery
Галлерея фотографий при наведение на одну из фото, она показывается крупнее. Написана на чистом CSS.
codepen.io
Image resizer
Изменение размера изображения. Написано с помощью CSS и JS
codepen.io
Rolling Radio Buttons
Прокручивающиеся radio-кнопки, выполненные с помощью CSS и JavaScript.
codepen.io
Animated Chart of Nested Squares
Анимированная диаграмма вложенных квадратов. Реализована с помощью JavaScript.
codepen.io