Типичный Верстальщик

2022-06-10 08:30:00 Объяснение и предложение переключателей CSS

Существует множество вариантов использования, когда взаимодействие (щелчок/жест) на одном элементе переключает «состояние» других элементов. Это может варьироваться от переключения светлой/темной режима до активации скользящей навигации, открытия и закрытия меню или взаимодействия с разделенным контентом в виде вкладок, аккордеонов или каруселей. В настоящее время для этих случаев требуется Javascript, однако можно обобщить шаблон, чтобы его можно было применить к любому элементу с помощью декларативного синтаксиса в CSS со встроенными доступностью и производительностью.

Язык: En
Ссылка: https://bit.ly/3Q2ugII

#css Открыть/Комментировать

2022-06-09 15:30:00 Написание тестов API на JavaScript с Pactum

Судя по документации, Pactum способен на многие вещи. Интегрированное тестирование, API мокинг, контрактное тестирование… здесь есть все. В статье сфокусируемся на тех возможностях библиотеки, которые помогают провести тестирование API (интеграционное тестирование).

Ссылка: https://bit.ly/3GSeWKQ

#qa #javascript Открыть/Комментировать

2022-06-08 13:30:00 Создание многоразовых компонентов Angular

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

Язык: En
Ссылка: https://bit.ly/3teOLbt

#angular Открыть/Комментировать

2022-06-07 15:30:00 Анимация аккордеона и свойства height в чистом CSS

Статья для тех, кому нужно создать анимацию аккордеона со свойством max-height не прибегая к помощи Js в вычислениях.

Ссылка: https://bit.ly/3GOvBP7

#css Открыть/Комментировать

2022-06-07 12:31:54 А вот Canva на днях, как раз и перестала работать по причине ухода из РФ))

Самое забавное, что все эти годы я не пользовалась ей, но буквально на днях открыла для себя, что там можно удобно готовить презентации к урокам и потом сохранять данные в PDF, как конспект.

И вот в один прекрасный день они повесили баннер и в домене висит фраза “no_access”. Но что толку, если с VPN работает всё абсолютно также, как и раньше?)

На самом деле по этому поводу есть отличный пост от блогера из дизайн-сообщества, где объяснена причина, почему НА САМОМ ДЕЛЕ уходят мелкие (и не очень) стартапы с рынка РФ даже если у них низкая доля пользователей из РФ.

Спойлер: это никак не связано с тем, что они пишут в баннерах.

Основная причина — это инвесторы, которые не дадут деняк, если увидят в статистике даже малый % пользователей стран, которые есть в повестке дня. Just business. Открыть/Комментировать

2022-06-07 12:17:06 Figma прилегла и не работает уже несколько часов, но этот не как не связано с популярным “сервис прекратил свою деятельность в РФ”.

Figma не работает везде и на сайте выкатили обновляемую статистику о том, как чинят сервис:
https://status.figma.com/ Открыть/Комментировать

2022-06-07 10:30:01 Идеальные изображения с современным элементом

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

Язык: En
Ссылка: https://bit.ly/3xaUZdL

#css #html Открыть/Комментировать

2022-06-07 08:30:00 Сайт доставки еды

Макет - https://bit.ly/3teUrlP

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

2022-06-06 15:30:01 Стили заголовков в CSS: градиенты

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

Ссылка: https://bit.ly/3NO8lTI

#css #design Открыть/Комментировать

2022-06-05 13:30:00 Новости из мира IT и технологий

Обзор книги «Секреты Python. 59 рекомендаций по написанию эффективного кода» — https://bit.ly/3mdcipd

Книга «Open Source. Разработка программ с открытым исходным кодом» — https://bit.ly/3MiGkCJ

Apple запатентовала MacBook с поддержкой стилуса Apple Pencil — https://bit.ly/3tf7m7p

Mozilla представила браузерное расширение для локального машинного перевода — https://bit.ly/3MiGBpf

Информацию впервые передали со скоростью свыше 1 Пбит/с по обычному оптоволокну — https://bit.ly/390RbDT

Появился 3D-принтер с ультразвуком: можно печатать сразу внутри самолета или человека — https://bit.ly/3x4nklW

iPad станет больше похож на MacBook, а на iPhone изменится экран блокировки: Bloomberg о нововведениях в iOS и iPadOS 16 — https://bit.ly/3xrpCNr

Samsung: вот вам гигантский баннер кота для демонстрации 200 Мп-камеры — https://bit.ly/3avxlkw

#news Открыть/Комментировать