web_dev_humor

2022-08-31 18:17:20 ​​Лучший инструмент для работы с Node.js 

Yeoman — универсальный инструмент, который может использоваться с почти любым языком программирования. Эта базовая система кодогенерации с богатой программной экосистемой служит для разработки веб-приложений. Открыть/Комментировать

2022-08-29 18:40:36 ​Скрытые возможности CSS: 10 полезных советов

Даже если вы точно знаете, что изучили все возможности CSS, взгляните на эту статью: некоторые секреты CSS могут стать для вас открытием.

Читать... Открыть/Комментировать

2022-08-27 18:17:20 ​​10 фишек из JavaScript, которые помогут писать более качественный код на React

React построен на основе чистого JavaScript, если не считать некоторых особенностей. В этой статье собраны 10 основных концепций JavaScript, с которыми вы столкнётесь практически в любом серьёзном приложении на React. Их понимание позволит увереннее работать с библиотекой пользовательских интерфейсов.

Читать... Открыть/Комментировать

2022-08-27 12:37:49 ​​Не за горами День знаний, первое сентября. Многие из наших подписчиков — абитуриенты и студенты, которым вскоре придется столкнуться со сбивающим с ног потоком свежей информации.

Сами когда-то были студентами, поэтому понимаем, как бывает трудно. Чтобы облегчить процесс обучения (и человеческого, и машинного ) в честь праздника мы делаем скидку на один из наших наиболее популярных онлайн-курсов, в котором есть вся необходимая база — Frontend Basic: принцип работы современного веба. Скидка 50% действует до 5 сентября.

Что входит в программу:

— Вы научитесь работать с JavaScript. 
— Сверстаете свой первый адаптивный макет с учетом семантики и множество декоративных элементов на HTML и CSS
— Изучите основные команды для работы с GIT, важнейшего инструмента для работы в любой команде
— Углубитесь в более сложную разработку на React.js и напишем свой интернет магазин

Ждём вас в proglib.academy Открыть/Комментировать

2022-08-26 18:41:55 ​Самое лучше приложение для работы с HTML

CSS3 Generator — это инструмент для генерации css-кода для некоторых небольших, но трудоемких задач.

CSS3 Generator может трансформировать цвет из одного формата в другой, создать css-код для тени, градиента, фильтра картинки.

С его помощью можно написать код трансформации блока и сделать простую анимацию. Открыть/Комментировать

2022-08-24 19:08:36 ​Полезный инструмент для HTML-верстки

WinLess — это бесплатная Windows-программа для работы с препроцессором LESS.

Она представляет из себя надстройку над CSS с дополнительными динамическими свойствами. WinLess поможет конвертировать LESS в CSS.

Также программа автоматически сканирует выбранную папку и выбирает файлы, которые содержат нужный код. Открыть/Комментировать

2022-08-22 11:37:05 ​​HTML, CSS: какие символы можно использовать в названиях классов CSS

При разборе кода HTML-страницы возникает вопрос: какие символы можно использовать в названиях классов CSS? Например, можно ли названия классов писать по-русски? Или китайскими иероглифами? Или с помощью эмодзи? И вот собственно эта статью об этом.

Читать... Открыть/Комментировать

2022-08-19 13:07:27 ​​Sass: разрабатываем дизайн-систему

В данной статье мы разработаем простую, но относительно полноценную дизайн-систему для веб-приложения средствами Sass.

Почему Sass? Потому что, кроме полной поддержки CSS, Sass предоставляет несколько интересных инструментов, позволяющих существенно сократить шаблонный код, в чем вы сами скоро убедитесь. На мой взгляд, несмотря на стремительное развитие CSS в последние годы, Sass продолжает оставаться актуальным, по крайней мере, при работе над серьезными проектами.

При разработке дизайн-системы в части терминологии, названий, значений переменных и т.п. я буду ориентироваться, в основном, на Bootstrap и немного на Tailwind.

Читать... Открыть/Комментировать

2022-08-18 11:37:33 ​​Заметка о полезных возможностях современного CSS

В данной заметке я расскажу вам о некоторых полезных возможностях, предоставляемых современным CSS. Также мы немного поговорим о полезных "фичах", которые ждут нас в ближайшие 2 года.

"Полезный" означает, что я либо часто использую фичу в своих проектах, либо с нетерпением жду такой возможности.

Читать... Открыть/Комментировать

2022-08-16 11:07:26 ​​Проблема с использованием тега img и picture в Safari

Данная статья описывает баг и его решения в контексте ReactJS + Server-Side Rendering, но это также актуально для всех фреймворков большой тройки так и для чистого JS.

Читать... Открыть/Комментировать