https://vk.com/wall-77986122_50490

Подчеркивание в CSS (красивые эффекты с примерами кода) 😈

При создании ссылок или анимаций для кнопок меню у вас может возникнуть необходимость использовать подчеркивание. Из этой статьи вы узнаете о нескольких способах создать эффект подчеркивания с использованием CSS-свойств text-decoration, border-bottom, background-image, box-shadow, а также при помощи SVG.

Читать - https://techrocks.ru/2020/12/30/css-underline-several-methods/

#статья@tpverstak

https://vk.com/wall-77986122_50522

Docker is deprecated — и как теперь быть? 🤔

Kubernetes объявил Docker устаревшим и планирует прекратить его использование примерно через год, в версии 1.22 или 1.23. Эта новость вызвала много вопросов и непонимания. В блоге Kubernetes появилось целых две статьи, разъясняющих смысл записи в Changelog (раз и два). Если все обобщить, то для разработчиков (те, которые Dev) ничего не меняется — они все так же могут продолжать использовать docker build для сборки своих контейнеров, а вот для инженеров, ответственных за эксплуатацию кластера (Ops), пришла пора разобраться и освоить несколько новых инструментов.

Читать - https://habr.com/ru/company/southbridge/blog/531820/

#статья@tpverstak

https://vk.com/wall-77986122_50558

Botsman: новая платформа для разработки Telegram-ботов 🤖

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

Читай - https://habr.com/ru/post/535562/

#статья@tpverstak

https://vk.com/wall-77986122_50952

Углублённое руководство по JavaScript: генераторы. Часть 2 😎

Продолжение статьи про генераторы в JavaScript

Читать: https://habr.com/ru/company/mailru/blog/539530/

#статья@tpverstak

https://vk.com/wall-77986122_51034

Идеальное Vue приложение на Typescript 😉

Автор статьи приводит пример, как существующие проекты на Vue 2 подружить с TypeScript, сделав упор на code style, пропагандируя vue style guide и прочие обычно не значащие вещи, которые были придуманы умными людьми.

Читать: https://habr.com/ru/post/540798/

#статья@tpverstak

https://vk.com/wall-77986122_51149

Что разработчику нужно знать о работе с дизайном/дизайнером 🤝🏻

На дворе 2021 год, и уже давно наступило время, когда дизайнеры и программисты стали работать совместно над одним продуктом. Сейчас уже почти не встретишь команду разработки, в которой нет дизайнера. Этому способствовало массовое переселение тогдашних “Операторов ЭВМ” на графические интерфейсы. Теперь операторы - это невероятное количество разновидностей менеджеров, которые занимаются управлением различными бизнес процессами в их организациях - начиная от формирования документации, заканчивая управлением станками по сборке техники.

Читать: https://habr.com/ru/post/541966/

#статья@tpverstak

https://vk.com/wall-77986122_51188

React: лучшие практики

Когда дело касается структуры приложения или его внешнего вида (дизайна), сложно назвать какие-то универсальные подходы. Вместе с тем, существуют определенные приемы написания кода, которые позволяют обеспечить возможность долгосрочной поддержки и масштабируемости создаваемых проектов. Данная статья представляет собой своего рода набор правил разработки React-приложений.

Читать: https://habr.com/ru/post/541320/

#статья@tpverstak

https://vk.com/wall-77986122_51214

Пришло время попрощаться с единицей измерения px 🎉

Если вы занимаетесь дизайном сайтов или их разработкой — не используйте абсолютные единицы измерения. Это плохо в плане доступности и отзывчивости контента. Если взглянуть на все абсолютные единицы измерения, то окажется, что лишь px упрямо не желает нас покидать. Изначально px предназначались для представления физических пикселей на экранах устройств, но они больше не привязаны к этому определению. Современные браузеры могут рендерить элементы, измеряемые в сотых долях пикселя.

Читать: https://habr.com/ru/company/ruvds/blog/541506/

#статья@tpverstak

https://vk.com/wall-77986122_51235

Figma — делаем дизайн компонентов, пригодный для экспорта в код 😎

Эта статья расскажет, о том, как сделать в Фигме компонент, который будет пригоден для экспорта в код. В Фигме можно будет выбрать наш компонент и при помощи плагина сгенерировать готовый код.

Читать: https://habr.com/ru/post/542394/

#статья@tpverstak

https://vk.com/wall-77986122_51340

HTML ⟹ PDF @ Python 🐍

Наверняка не очень редко возникает задача печати HTML-документов с какого-то сервера в точности как задумано автором этого сервера. Делать это лучше всего не в надежде на браузер клиента, а на стороне сервера. А если на сервере крутится нечто на питоне (Django/Flask/тысячи их), то хорошо бы оценить во что это обойдется.

Читать: https://habr.com/ru/post/540756/

#статья@tpverstak

https://vk.com/wall-77986122_51742

Python & EEL. Просто на Python’е, красиво на JS 🐍

Тема красивых интерфейсов была и будет актуальна всегда. Существуют различные технологии, позволяющие совмещать красоту графических дизайнов, создаваемых на HTML, CSS и JS с гибкостью в реализации логики приложения, которую может дать другой язык. Для тех, кто пишет на Python, есть возможность писать красивые интерфейсы на HTML, CSS и JS и прикручивать к ним логику на Python. В этой статья на небольшом примере будет показано, как создать простое и красивое десктопное приложение на HTML, CSS, JS и Python.

Читать: https://habr.com/ru/post/550426/

#статья@tpverstak

https://vk.com/wall-77986122_51893

CSS: работа с текстом на изображениях 🗻

Вы можете встретить компонент пользовательского интерфейса, у которого есть текст над изображением. В некоторых случаях в зависимости от используемого изображения текст будет трудно прочитать. У этой проблемы есть несколько различных решений, таких как добавление градиента или затемнение изображения, наложение тени на текст и другие. Этот прием будет полезен не только frontend и веб-разработчикам, но и ui/ux-дизайнерам.

Читать: https://habr.com/ru/company/skillfactory/blog/551850/

#статья@tpverstak

https://vk.com/wall-77986122_51923

Нестандартные шрифты: как подключить и оптимизировать 💱

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

Читать: https://habr.com/ru/company/htmlacademy/blog/552388/

#статья@tpverstak

https://vk.com/wall-77986122_52061

Адаптивный дизайн как антипаттерн 😎

Наверное вы частно сталкивались с поведением вёрстки сайта, когда размер браузера меняется на несколько пикселей. Поведение, при котором исходный, скажем, трёхколлоночный макет перестраивается в одноколоночный, при чём ломается, как визуальная, так и семантическая структура сайта. В последние лет десять веб-страницы стали реагировать на такое предпочтение так, будто пользователю нужна мобильная, функционально урезанная версия страницы. Здесь кроется большая проблема, и не одна.

Читать: https://habr.com/ru/company/macloud/blog/554650/

#статья@tpverstak

https://vk.com/wall-77986122_52073

Как обеспечить глассморфизм с помощью HTML и CSS 😎

Вы, наверное, подумаете — ну вот еще один тренд дизайна? Разве они у нас не каждый год появляются или около того?

В прошлом году мы познакомились с нейморфизмом, который до сих пор является довольно спорным трендом, который так и не получил широкого распространения. Реакция была неоднозначной, кому-то это очень понравилось, а кому-то совершенно не понравилось.

Но давайте поговорим немного больше о глассморфизме.

Читать: https://habr.com/ru/company/otus/blog/554646/

#статья@tpverstak

https://vk.com/wall-77986122_52133

Примеры применения переменных CSS на практике 😎

Правильное использование переменных CSS позволяет существенно сократить время и трудозатраты на решение определённых задач в CSS. Данная статься делится с вами описанием практического использования переменных CSS помимо их применения для создания маркеров дизайна, таких как цвета. Если вы ещё не работали с переменными CSS, эта статья будет полезна, чтобы познакомиться с ними. Как только вы их освоите, работа станет намного проще.

Читать: https://habr.com/ru/company/skillfactory/blog/554440/

#статья@tpverstak

https://vk.com/wall-77986122_52614

Темизация. История, причины, реализация 🤔

Когда веб только зарождался – единственной его целью было размещение контента, чтобы у пользователей из всемирной паутины был к нему доступ. В то время не могло идти и речи о дизайне, ведь зачем нужен дизайн страницам с научными публикациями, разве они станут от этого полезнее. Времена меняются и сегодня во всемирной паутине далеко не только научные публикации. Блоги, сервисы, социальные сети и многое, многое другое. Каждый сайт нуждается в своей индивидуальности, ему необходимо заинтересовывать и привлекать пользователей. Наука становится доступнее, а сайты преобразуются в приложения с удобным и приятным интерфейсом.

Читать: https://habr.com/ru/post/563572/

#статья@tpverstak

https://vk.com/wall-77986122_52619

DIV должен уйти: улучшаем HTML 🤔

Во многих домах есть комната, существующая только потому, что вокруг неё возвели четыре стены, и теперь ей нужно какое-то предназначение. Тег div во многом напоминает такие комнаты. Он является чистым листом. Он подходит для любого потока, позволяет управлять своими функциями, и может становиться всем, что мы пожелаем. Целые веб-сайты могут создаваться (и создаются) почти исключительно на одних div. Загуглите «single div designs», и вы найдёте бесчисленное множество дизайнеров, демонстрирующих свои навыки владения CSS, превращая один div в любую форму, которая им понадобится.

Читать: https://habr.com/ru/company/vdsina/blog/563094/

#статья@tpverstak

https://vk.com/wall-77986122_53465

Устаревшие пропсы и дочерние зомби-элементы в Redux 💀

Читая документацию по react-redux v7, вы могли обратить внимание на предупреждение о проблеме устаревших пропсов и дочерних зомби-элементов. Этот раздел может показаться слегка запутанным, если читатель ещё не сталкивался с проблемой сам. Цель данной статьи — как следует разобраться с проблемой устаревших пропсов и её решением в react-redux.

Читать: https://habr.com/ru/post/574536/

#статья@tpverstak

https://vk.com/wall-77986122_53492

Как оценить дизайн-проект на старте, чтобы не прогореть на финише?🤑

Когда дело доходит до расчета стоимости проекта, важно правильно выбрать форму взаимодействия между заказчиком и исполнителем. Обычно выделяют две модели оплаты: Time & Material — когда заказчик оплачивает часы по факту выполненных работ, и Fixed-Price — когда стороны заранее утверждают бюджет и точные сроки сдачи проекта.
Большинство заказчиков предпочитают вторую модель, так как она дает представление о финальной стоимости проекта — конечно, если исполнитель знает суммарные трудозатраты и составляет реалистичный и обоснованный бюджет. Но как оценить дизайн-проект сайта или приложения, ничего не зная о его будущей структуре?

Читать: https://habr.com/ru/post/575832/

#статья@tpverstak