Channel Public Channel

Web разработка

@htmlcssjavas

Самая акутальная информация для web разработчиков

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

@channels_telegram - 🔥лучшие ит-каналы

@ai_machinelearning_big_data - машинное обучение

@programming_books_it - бесплатные it книги

@pythonl - 🐍

Open in Telegram

Subscribers: 1.66K
Photos: 208
Videos: 17
Links: 863

Showing posts older than #350 · Back to latest

Older Posts 20 shown

Post #349 228 Jun 14, 2020, 07:47 UTC

Первый взгляд на новое CSS свойство aspect-ratio

https://css-tricks.com/a-first-look-at-aspect-ratio/

CSS-Tricks A First Look at `aspect-ratio` | CSS-Tricks Oh hey! A brand new property that affects how a box is sized! That's a big deal. There are lots of ways already to make an aspect-ratio sized box (and I'd say

Post #348 238 Jun 13, 2020, 07:09 UTC

Состояние дел в сфере микрофронтендов

https://habr.com/ru/company/ruvds/blog/505622/

Хабр Состояние дел в сфере микрофронтендов Микрофронтенды — это одна из самых неоднозначных тем в мире клиентской веб-разработки. Стоит ли ими заниматься? Надо ли разделять фронтенд на части? Нужно ли пол...

Post #347 279 Jun 9, 2020, 05:57 UTC

Как задать высоту строки в CSS

Как настроить высоту строки в CSS статья с подробным разбором line-height — одного из самых часто используемых, но не всегда правильно понимаемых атрибутов.

https://webformyself.com/kak-nastroit-vysotu-stroki-v-css/

Webformyself Как настроить высоту строки в CSS Как изменить высоту строки в CSS. Обзор типографских терминов. Работа с направляющими. Уточнение кода

Post #346 260 Jun 8, 2020, 13:28 UTC

Расширяющаяся гамма цветов в вебе

https://css-tricks.com/the-expanding-gamut-of-color-on-the-web/

CSS-Tricks The Expanding Gamut of Color on the Web | CSS-Tricks CSS was introduced to the web all the way back in 1996. At the time, most computer monitors were pretty terrible. The colors of CSS — whether defined with the

Post #345 259 Jun 8, 2020, 06:04 UTC

Использование хука useSpring. Анимация в ReactJS с библиотекой React-Spring

https://www.youtube.com/watch?v=gAofhJ5p6Ms

YouTube Использование хука useSpring. Анимация в ReactJS с библиотекой React-Spring Библиотека React-Spring предоставляет собственный набор хуков для создания эффектов анимации. Хуки имеют базовый для всех API, но при этом каждый имеет свои дополнительные особенности и нюансов. Хук useSpring позволяет создавать эффект или серию эффектов…

Post #344 257 Jun 7, 2020, 06:52 UTC

TypeScript - Полный Курс за 70 минут

Урок Typescript от Владилена Минина. Это видео - полный курс по Typescript, где вы узнаете про весь его функционал за 70 минут.
TypeScript — язык программирования, представленный Microsoft в 2012 году и позиционируемый как средство разработки веб-приложений, расширяющее возможности jаvascript.

https://coderoll.net/courses/frontend-courses/97-typescript-polnyj-kurs-za-70-minut.html

Веб-разработка и создание сайта с нуля. Бесплатные курсы по программированию TypeScript - Полный Курс за 70 минут Урок Typescript от Владилена Минина. Это видео - полный курс по Typescript, где вы узнаете про весь функционал Typescript за 70 минут. TypeScript — язык программирования, представленный Microsoft в 2012 году и позиционируемый как средство разработки веб-приложений…

Post #343 237 Jun 6, 2020, 07:15 UTC

https://remont-komp.ru/hvatit-importirovat-javascript-pakety-celikom/

Ремонт-комп Хватит импортировать JavaScript-пакеты целиком Часто ли вам доводилось импортировать в проект целый JavaScript-пакет, когда нужно было воспользоваться лишь очень немногими возможностями этого пакета?

Post #342 239 Jun 5, 2020, 06:32 UTC

Перемещаем фон с помощью мыши

https://css-tricks.com/moving-backgrounds-with-mouse-position/

CSS-Tricks Moving Backgrounds With Mouse Position | CSS-Tricks Let's say you wanted to move the background-position on an element as you mouse over it to give the design a little pizzazz. You have an element like this:

Post #341 246 Jun 4, 2020, 07:26 UTC

Hydra js- фреймворк, имеющий все инструменты, необходимые для создания масштабируемых приложений

http://tcorral.github.io/Hydra.js/

Скачать http://tcorral.github.io/Hydra.js/#downloads

Post #340 330 Jun 1, 2020, 06:47 UTC

Как работает JavaScript

Коротко
1. Парсер разбирает код на значимые части.
2. Строится абстрактное синтаксическое дерево (AST).
3. Интерпретатор создает байт-код, который сразу же начинает выполняться в браузере, чтобы пользователь не ждал.
4. Одновременно профайлер и компилятор работают над оптимизацией кода.
5. Как только готова оптимизированная версия, она заменяет временный байт-код.

https://blog.bitsrc.io/javascript-under-the-hood-632ccae06b27

Medium JavaScript: Under the Hood Understand the ins and outs of the most popular programming language.

Post #339 329 May 30, 2020, 11:05 UTC

Git+GitHub Уроки

1. - Что такое система управления версиями
2. - Установка на Windows
3. - Регистрация на GitHub и наш первый онлайн репозиторий
4. - Учим команды git clone, git status, git add, git commit и другие
5. - Учим аналогичные команды в редакторе Visual Studio Code
6. - Создаем свои собственные команды или Алиасы
7. - Отмена изменений и возврат к другому коммиту
8. - Работа с ветками git branch
9. - Сохраняем фрагменты кода, создаем свои Gist
10. - Работа с панелью Система управления версиями в редакторе кода VS Code

https://www.youtube.com/playlist?list=PLuY6eeDuleIOMB2R_Kky05ZfiAx2_pbAH

#video #github

Post #338 284 May 30, 2020, 08:09 UTC

Памятка по современному JavaScript

В этом документе собраны возможности языка JavaScript, с которыми вы наверняка столкнетесь в современных проектах и примерах кода.

Цель этого руководства — не обучить вас JavaScript с нуля, а помочь разработчикам с базовыми знаниями, которые при изучении современных кодовых баз (или, скажем, React) сталкиваются со сложностями из-за использованных в них концепций JavaScript.

https://github.com/mbeaudru/modern-js-cheatsheet/blob/master/translations/ru-RU.md

GitHub modern-js-cheatsheet/translations/ru-RU.md at master · mbeaudru/modern-js-cheatsheet Cheatsheet for the JavaScript knowledge you will frequently encounter in modern projects. - mbeaudru/modern-js-cheatsheet

Post #337 243 May 29, 2020, 05:17 UTC

Hygen
Генератор кода для быстрого добавления в проект новых компонентов

https://www.hygen.io

Post #336 250 May 28, 2020, 05:54 UTC

Создаем игры на чистом CSS

https://medium.com/cssclass-com/how-to-create-pure-css-games-2a29c777bf4

Medium How to Create Pure CSS Games How I Built a Pure CSS Game — No JS

Post #335 291 May 26, 2020, 12:46 UTC

3 безумно простых способа переключить сайт в темный режим

Темные темы в последнее время набрали популярность - вот свежая статья про базовые способы организации переключения сайта на темную/светлую тему.

https://webformyself.com/3-bezumno-prostyx-sposoba-pereklyuchit-sajt-v-temnyj-rezhim/

Webformyself 3 безумно простых способа переключить сайт в темный режим Темный режим: что это такое и 3 простых способа, как переключить его на сайте. Настройки системы. Тема в зависимости от времени суток. Ручное переключение

Post #334 273 May 25, 2020, 07:04 UTC

Тильда. Анимация текста HTML+CSS+JS

https://www.youtube.com/watch?v=zoesoaObIbA&feature=emb_logo

Post #333 244 May 25, 2020, 07:03 UTC

Неон

https://codepen.io/cybercountess/pen/RwNXxyq

Post #332 236 May 25, 2020, 05:55 UTC

Покорение UTM меток

https://vtvz.me/blog/conquering-the-utm-parameters/

Vitaly Zaslavsky – DevOps Engineer, who loves his job Покорение UTM меток Элегантный способ укоротить UTM метки

Post #331 258 May 24, 2020, 11:23 UTC

Particles.js - библиотека для создания красивых плавающих частиц на веб-странице.

https://vincentgarreau.com/particles.js

particles.js particles.js - A lightweight JavaScript library for creating particles A lightweight JavaScript library for creating particles.

Post #330 330 May 24, 2020, 05:07 UTC

The_Road_to_React_Your_journey_to_master_plain_yet_pragmatic_React.pdf850 KB

The Road to React (2020)

Older posts →