frontips.ru

2021-12-22 16:00:07 https://www.patterns.dev/ - мощнейший ресурс по паттернам проектирования веб-приложений для опытных разработчиков.. мы же все стремимся именно к этому ;) сохранил себе в избранное Открыть/Комментировать

2021-12-21 10:00:45 Небольшая заметка о различиях box-shadow и filter: drop-shadow()

Живой пример на Codepen - https://codepen.io/hqdrone/pen/vYeZWwZ

Ссылка на изображение без сжатия - https://frontips.ru/notes/drop-shadow.png Открыть/Комментировать

2021-12-20 14:01:14 George Moller бесплатно раздает свои визуальные заметки по HTML/CSS и UI/UX

https://georgemoller.gumroad.com/?_ga=2.264275855.1003087443.1639985413-1792034241.1638102129 Открыть/Комментировать

2021-12-20 10:00:33 вдруг кому приглянется этот landing для вёрстки в портфолио

https://www.figma.com/file/TxmRb25oGdgFkehzYKA2sa/Main?node-id=0%3A1 Открыть/Комментировать

2021-12-19 10:00:12 Недавно впечатлился вроде бы банальной анимацией - скорость света в реальном времени на примере расстояния между Землёй и Луной (

)

..и конечно же решил сделать подобную анимацию на HTML/CSS

подумал, что начинающим верстальщикам тоже может быть интересным такое простенькое практическое задание (flexbox, animation, position, и css-переменные можно попробовать применить)

если есть желание, ниже условия и некоторые данные:

- сделать анимацию скорости света от Солнца до Земли, и отдельно от Земли до Луны
- используем только HTML и CSS
- масштаб не нужно соблюдать
- время, за которое свет преодолевает расстояние от Солнца до Земли - 500 секунд, от Земли до Луны - 1,255 секунды

..если нет желания, вот ссылка на мой Codepen - https://codepen.io/hqdrone/pen/xxXdrWZ?editors=1100 Открыть/Комментировать

2021-12-18 15:44:22 примерно так я уже почти полтора месяца собираюсь что-то написать сюда :) Открыть/Комментировать

2021-11-07 15:31:54 Две хорошие минималистичные шпаргалки по Flexbox и Grid...

https://flexbox.malven.co/

https://grid.malven.co/

...на первое время очень даже полезно

Только нет моего любимого свойства place-content: center; (сокращенная запись для align-content и justify-content), которое позволяет одной строкой центрировать дочерние элементы - https://developer.mozilla.org/en-US/docs/Web/CSS/place-content Открыть/Комментировать

2021-11-06 15:02:08 Учим Flexbox, уничтожая зомби - это же надо было так заморочиться :)

https://flexboxzombies.com/p/flexbox-zombies - изначально ценник на этот курс/игру был $179, сейчас в свободном доступе Открыть/Комментировать

2021-11-01 08:01:21 https://atroposjs.com/ - свежий плагин (от разработчиков Swiper) для создания 3D параллакс эффекта при наведении

Выглядит интересно, надо будет как-нибудь попробовать Открыть/Комментировать

2021-10-31 08:00:36 Всем привет!

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

Опубликовал новую небольшую практическую статью - Выбор диапазона значений на основе плагина noUiSlider - https://frontips.ru/vybor-diapazona-znachenij-na-osnove-plagina-nouislider/

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