Frontend разработчик

Создание эффекта многоуровневого скроллинга с помощью чистого кода CSS в Chrome

Код CSS — это мощный инструмент, который вы можете использовать для создания многих продвинутых функций пользовательского интерфейса. В прошлом эти функции использовали библиотеки JavaScript.

В этом учебном модуле вы настроите несколько строк кода CSS для создания эффекта многоуровневого скроллинга на веб-странице.

Подробнее

👍4👎2

3.02K views11:07

Frontend разработчик

Что будет выведено в консоль? 👇

👍1

3.01K views11:34

Frontend разработчик

Что будет выведено в консоль?

Anonymous Poll

716 voters3.11K views11:34

Frontend разработчик

0:33

This media is not supported in your browser

VIEW IN TELEGRAM

Stick Hero with Canvas

Игра сделанная с использованием CSS, JavaScript и Canvas

https://codepen.io/HunorMarton/pen/xxOMQKg

👍11

3.15K views05:30

Frontend разработчик

Forwarded from Frontend Советы

Как сделать размытие изображения в css?

Сделать размытие изображения в CSS можно следующим образом:

 <head>
<style>
      img {
        filter: blur(5px);
      }
    </style>
  </head>
  <body>
    <img src="путь к картинке" />
  </body>

@frontend_sovet

#css

👍14👎1

3.29K views18:23

Frontend разработчик

0:31

This media is not supported in your browser

VIEW IN TELEGRAM

Tilting Maze game

Игра "Лабиринт", сделанная с использованием CSS и JavaScript.

https://codepen.io/HunorMarton/pen/VwKwgxX

👍21🔥1

3.63K views05:30

Frontend разработчик

0:08

This media is not supported in your browser

VIEW IN TELEGRAM

Parallax layers with GSAP

Вся сцена - это одна большая svg картинка, которая анимируется при прокрутке при помощи библиотеки gsap.

https://codepen.io/cassie-codes/pen/abwNoya

👍13🔥1

3.79K views05:30

Frontend разработчик

Ищем проблемные места в node.js-приложениях

https://youtu.be/n_65k_uSq2w

👍3

3.43K views05:30

Frontend разработчик

Flex и Grid наглядное объяснение

https://ishadeed.com/article/learn-box-alignment/

👍15🔥1

3.56K views07:44

Frontend разработчик

Thomas Watson о дебаге nodejs через дампы памяти и снепшоты

https://youtu.be/dyaux-pqq7o

3.15K views05:30

Frontend разработчик

Forwarded from Академия Кода

Как убрать лишние пробелы из строки в javascript?

Как вариант использовать регулярные выражения, пример:

var stringTest = " I am Test String ";
// IamTestString
console.log(stringTest.replace(/\s+/g, ''));

Второй вариант это разбить на массив по пробелы и потом соединить строку снова:

var stringTest = " I am Test String ";
// IamTestString
console.log(stringTest.split(' ').join(''));

#javascript

Подписывайтесь на канал 👉@coddy_academy

👍6

3.35K views06:55

Frontend разработчик

Подборка каналов для IT специалистов 🎯

Вакансии 📌
https://yangx.top/progjob Вакансии для программистов

Системное администрирование 📌
https://yangx.top/i_DevOps Все для DevOps
https://yangx.top/tipsysdmin Типичный Сисадмин (фото железа, было/стало)
https://yangx.top/sysadminof Книги для админов, полезные материалы
https://yangx.top/i_odmin Все для системного администратора
https://yangx.top/i_odmin_book Библиотека Системного Администратора
https://yangx.top/i_odmin_chat Чат системных администраторов

Программирование Python 📌
https://yangx.top/pythonofff Python академия. Учи Python быстро и легко🐍
https://yangx.top/BookPython Библиотека Python разработчика

Мобильная разработка: iOS, Android 📌
https://yangx.top/developer_mobila Мобильная разработка

Фронтенд разработка 📌
https://yangx.top/frontend_1 Подборки для frontend разработчиков

Java разработка 📌
https://yangx.top/BookJava Библиотека Java разработчика

Разработка игр 📌
https://yangx.top/game_devv GameDev: разработка игр

Программирование, Биг дата, книги 📌
https://yangx.top/bookflow Лекции, видеоуроки, доклады с IT конференций
https://yangx.top/programmist_of Книги по программированию
https://yangx.top/proglb Библиотека программиста
https://yangx.top/bfbook Книги для программистов
https://yangx.top/coddy_academy Академия кода

Шутки программистов 📌
https://yangx.top/itumor ITumor | программисты шутят

Защита, взлом, безопасность 📌
https://yangx.top/thehaking Канал о кибербезопасности

Книги, статьи для дизайнеров 📌
https://yangx.top/ux_web Статьи, книги для дизайнеров

Английский 📌
https://yangx.top/UchuEnglish Английский с нуля

Математика 📌
https://yangx.top/Pomatematike Канал по математике

Арбитраж трафика 📌
https://yangx.top/partnerochkin CPA и арбитраж трафика

Крипта 📌
https://yangx.top/bitkoinoff Новости криптовалют

👍3🔥1

3.35K views07:46

Frontend разработчик

This media is not supported in your browser

VIEW IN TELEGRAM

Smoke Ring > Speedometer
Спидометр сделанный с использованием Canvas, SVG и библиотеки GSAP.js

https://codepen.io/creativeocean/pen/QWdpzPg

👍6🔥4

3.1K views07:16

Frontend разработчик

Сервисы для тестировании html-верстки

iloveadaptive — уникальный сервис по разработке и тестированию адаптивной HTML-верcтки под все устройства.

BrowserStack и lambdatest — SAAS-платформа для тестирования frontend на эмуляторах реальных устройств, запущенных в виртуальной машине сервиса.

🔥8👍2

3.42K views07:50

Frontend разработчик

Всем привет!
Ребята создали чат-бота, который рассылает релевантные Frontend вакансии без спама.
Настрой бота за 1 минуту и получай предложения отобранные по твоим предпочтениям
@MasterHuBot

👍1

2.95K views14:01

Frontend разработчик

Knockout - JavaScript библиотека MVVM (Model-View-View Model)

Упрощает создание интерактивных пользовательских интерфейсов для веб-сайтов и веб-приложений. Использует наблюдателей, чтобы ваш UI автоматически синхронизировался с моделью базы данных.

Особенности / преимущества:
✔️Автоматическое обновление интерфейса при изменении модели данных
✔️Просто связывать элементы DOM с данными модели
✔️Отслеживание зависимостей
✔️Быстрое создание шаблонов UI
✔️Открытый исходный код
✔️Лёгкий вес (66КБ)
✔️Простой API
✔️Поддерживает все основные браузеры (IE 6+, Firefox 3.5+, Chrome, Opera, Safari)

Сайт: https://knockoutjs.com/
Гит: https://github.com/knockout/knockout

👍3👎1

2.91K views05:49

Frontend разработчик

This media is not supported in your browser

VIEW IN TELEGRAM

3D Orange Switch (Pure CSS)

Анимированный переключатель, сделанный на чистом CSS.

https://codepen.io/ykadosh/pen/jOwjmJe

🔥19👍5

2.9K views05:52

Frontend разработчик

Анонс бета-версии TypeScript 4.7

https://devblogs.microsoft.com/typescript/announcing-typescript-4-7-beta/

Microsoft News

Announcing TypeScript 4.7 Beta

Today we are excited to announce the beta release of TypeScript 4.7! To get started using the beta, you can use npm with the following command: npm install typescript@beta You can also get editor support by Downloading for Visual Studio 2022/2019 Following…

👍1

3.06K views06:20

Frontend разработчик

This media is not supported in your browser

VIEW IN TELEGRAM

Анимированная сцена, сделанная без использования div, на чистом CSS

https://codepen.io/abxlfazl/pen/NWrOBzg

👍14

3.11K views11:09

Frontend разработчик

Практический пример использования CSS Layer

Допустим, мы разрабатываем библиотеку компонентов.

Допустим, мы используем React.

Допустим, в ней есть компонент кнопки.
Очень условно он будет выглядеть так:

// Button.js

import './Button.css'

const Button = ({ children, className = '' }) => {
 const cls = 'Button' + className;
 return <button className={cls}>{children}</button>
}

#css

Подробнее

👍9

3.04K viewsedited 06:08

Frontend разработчик

Подборка интересных каналов 🔥

DeepFake
На канале публикуем deepfake видео и связанные с ними технологии.
https://yangx.top/deepfakenow

Мир технологий (Technology World)
Добро пожаловать в мир технологий
https://yangx.top/mir_teh

GitHub Сообщество
https://yangx.top/Githublib

Реальный Python
Все о пайтон, новости, подборки на русском и английском.
https://yangx.top/python_real

BigData
Data Science : Big Data : Machine Learning : Deep Learning
https://yangx.top/bigdata_1

Базы данных (Data Base)
https://yangx.top/database_info

Книги для программистов Rus
https://yangx.top/book_for_dev

DevOps
Пишем о Docker, Kubernetes и др.
https://yangx.top/i_DevOps

Типичный Сисадмин
Админский юмор, фото железа, было/стало, все здесь!
https://yangx.top/tipsysdmin

Python академия
Учи Python быстро и легко.
https://yangx.top/pythonofff

Coddy
Академия кода.
https://yangx.top/coddy_academy

Bitkoinoff - новости криптовалют
Все самое важное о криптовалютах и блокчейне
https://yangx.top/bitkoinoff

Сообщество Дизайнеров
https://yangx.top/ux_web

GameDev: разработка игр
https://yangx.top/game_devv

👍1

3.05K views21:31

About

Blog

Apps

Platform