Frontend разработчик
11.7K subscribers
1.75K photos
489 videos
44 files
2.7K links
Полезные материалы для фронтендера по HTML, CSS, JS, React.js, Angular.js, Vue.js, TypeScript, Redux, MobX, JavaScript, NodeJS.

По всем вопросам @evgenycarter

РКН clck.ru/3KoFrk
加入频道
Использование счетчиков CSS

Так что же это за счетчики CSS? Мы можем рассматривать их как переменные, поддерживаемые CSS. Правила CSS могут увеличивать значения, которые будут отслеживать, сколько раз они используются.

https://itmozg.ru/ispolzovanie-schetchikov-css/

👉 @frontend_1
👍7
filters.css – CSS-only библиотека, которая предоставляет набор фильтров для фотографий, построена с помощью SCSS

Поддерживает все современные браузеры

https://github.com/bansal/filters.css

https://bansal.io/filters-css

👉 @frontend_1
👍4👎1
Forwarded from CodePen Community
This media is not supported in your browser
VIEW IN TELEGRAM
Menu hover glow

Анимированное меню, выполненное на чистом CSS, без использования JavaScript

https://codepen.io/Madbones3/pen/LYOJQpo

Подпишись👉 @codepen_1
👍13😱3
Media is too big
VIEW IN TELEGRAM
10 кейсов масштабируемой вёрстки

00:00 — 4:31 Начало
4:32 — 7:03 Знакомимся с проектом
7:04 — 9:42 1 кейс: переполнение пунктов в списке
9:43 — 11:07 2 кейс: сжатие ненужных элементов
11:08 — 16:03 3 кейс: расстояние между элементами
16:04 — 20:00 4 кейс: переполнение текстом
20:01 — 22:25 5 кейс: большие иконки
22:26 — 26:34 6 кейс: большие изображения
26:35 — 32:06 7 кейс: контентное изображение не загрузилась
32:07 — 39:45 8 кейс: адаптивная сетка
39:46 — 41:40 9 кейс: фиксированные размеры элементов
41:41 — 46:31 10 кейс: фоновые изображения
46:32 — 49:36 Бонус 11 кейс: переполнение контента
49:37 — 53:40 Бонус 12 кейс: несколько скроллов
53:41 — Выводы и ответы на вопросы

Репозиторий с кодом

👉 @frontend_1
👍8
ВКонтакте вручила независимым разработчикам гранты за создание мини-приложений

В недавно завершившемся конкурсе VK Fresh Code могли участвовать как отдельные разработчики, так и команды. Среди 25 сервисов-победителей — проекты в самых разных тематиках. Однако на этом команда ВКонтакте не остановится и продолжит увеличивать количество сервисов и мини-приложений.

Конкурсы вроде VK Fresh Code призваны помочь в этом: привлечь новых сотрудников и независимых разработчиков. Поэтому принять участие в них и предложить свой проект сможет каждый. Следите за новыми конкурсами здесь и предложите свой проект.

👉 @frontend_1
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Layoutit grid - это генератор макетов CSS Grid. Быстро нарисуйте макеты веб-страниц с помощью нашего чистого редактора и получите HTML и CSS код для быстрого запуска вашего следующего проекта.

https://grid.layoutit.com/

👉 @frontend_1
👍10🔥2
Стать сотрудником Яндекса быстрее и проще, чем кажется. Участвуйте в днях быстрого найма: решите тестовое, пройдите несколько секций собеседования и получите офер за несколько дней.

Теперь дни быстрого найма будут проходить регулярно. Чтобы вам было удобно следить за расписанием, собрали все мероприятия на отдельной странице.

Ближайшие мероприятия:

• 19–25 декабря — Week Offer для frontend, backend, mobile-разработчиков и аналитиков в команду Рекламы

Узнать подробнее и зарегистрироваться
👍2👎2
Курс по Frontend разработке

#1 Вводный урок
#2 Знакомство с HTML, базовая структура, мета-теги
#3 Семантика, валидность, доступность -
#4 Теги глобальной структуры сайта: header, nav, main, footer
#5 Теги для текстовых элементов: h1-h6, p, q, blockquoute
#6 Теги для списков: ul, ol, dl
#7 Вставка изображений: img, picture, source, figure, figcapture
#8 Видео и Аудио: audio, video, source и атрибуты для них
#9 Ссылки и Кнопки: a и button
#10 Таблицы: table, th, tr, td, capture, thead, tbody, tfoot

Всего доступно 60 уроков на youtube

👉 @frontend_1
👍12
Ищем будущих Java-разработчиков. Обучение и трудоустройство берём на себя.

От Вас:

— Желание стать востребованным IT-специалистом и зарабатывать от 100 000 руб/мес (по данным сайта HeadHunter).
— Наличие компьютера или ноутбука.
— Возможность уделять от 4 до 6 часов в неделю на обучение и немного упорства.

От нас:

— Знания, навыки и компетенции, которых, достаточно для позиции Middle-разработчика.
— Сильный преподавательский состав экспертов-практиков в IT-секторе.
— Стажировка в GeekBrains и трудоустройство после обучения.

Что нужно будет делать:
Java-разработчики занимаются разработкой высоконагруженных систем, веб-сервисов, банковских и корпоративных приложений, которыми пользуются люди по всему миру.

Освоить все необходимые навыки и стать востребованным Javistom уровня — middle вы можете на курсе «Факультет Java-разработки» с гарантированным трудоустройством от GeekBrains.

Курс идеально подойдёт, как для новичков, так и для разработчиков с опытом.

За 12 месяцев вы с нуля:

— Научитесь программировать на Java
— Освоите один из самых востребованных фреймворков для веб-разработки — Spring Framework
— Научитесь создавать приложения с помощью Spring Framework
— Освоите базовые знания верстки: HTML, CSS, Bootstrap
— Научитесь работать с базами данных SQL, PostgreSQL
— Получите навыки автоматизированного тестирования кода
– Получите знания по алгоритмам и структуре данных

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

И это ещё не всё!

Мы дарим подарки всем студентам:

— Изучение английского языка с Kespa
— Ключ от продуктов JetBrains
– Kaspersky Internet Security бесплатно на 90 дней

Пока вы читаете этот пост, кто-то уже записался на онлайн-курс «ФакультетJava-разработки».

Переходите по ссылке и оставляйте заявку
THE COMPLETE GUIDE TO THE DARK MODE TOGGLE

https://ryanfeigenbaum.com/dark-mode/

👉 @frontend_1
👍3