Maksim Razbo

Frontend developer, JavaScript enthusiast, and Founder of Defonic

[Maksim Razbo @DefonicAudio]

Sounds and ambiences for #tabletop role-playing games: #DungeonsandDragons #RPG #Boardgames https://t.co/Duc302bC7r

[Maksim Razbo @DefonicAudio]

@AconyteBooks @FFGames Nice artwork!

[Ryan @RynoKenny]

@scottjohnson for the guy who loves sound boarding his buddies while D&D’ing, thought I’d share this 25% off 2-day sale if interested https://t.co/PFZUcBGjy9

[Maksim Razbo @DefonicAudio]

https://t.co/eec9A86Cij

[Maksim Razbo @DefonicAudio]

I host my websites with A2 Hosting's blazing fast SwiftServers - and so should you! https://t.co/rhEhlf6ZPb via @a2hosting

[Kalinny @bykalinny]

My Bear Love - If I could plant a flower for every time I miss you, I could walk through my garden forever. https://t.co/bQCmUFx7A6

[bÖsch @fabmass]

just drop whatever you are doing now and click on this

https://t.co/8umvpMLla8

[Indie Interesting Websites @IndieRandWeb]

Robotics | Robot dance

https://t.co/xP8wzqauye

Discussions: https://t.co/oirLI7fLK5

#internetisbeautiful

[DKYing @DKYing2]

Virtocean - Let's make some waves and kiss a Mermaid! https://t.co/Tmztzsmrel

[Adam Fuhrer @adamfuhrer]

plotted single line portrait // generated using @javierbyte’s PINTR https://t.co/anIZ9VY3lQ #plottertwitter

[Maksim Razbo @DefonicAudio]

Sharkle! - Generator of random awesomeness https://t.co/vkKdhTovsG

[Kevwuzy @ProfitVR]

alın size gece yatarken beyninizi dinlendirecek şey. kulaklığı takın yatın. soldan yağmur ve gök gürültüsünü aktif etmek yeterli. huzurlu uyku için teşekkür edersiniz sonra :)
https://t.co/P0PbS5ahhH

[manuzinha @venturaskt]

amo esse

https://t.co/TElfCjSEmf

[Clo Willaerts @bnox]

Robotics - Dancing robots you can fling https://t.co/Crg7qVT2mG

[Anne Tomlin @pompeii79]

Oh yes, this is now on whenever I code. Purring is excellent background noise! https://t.co/RISxTwweSG #CodingKitty #emailgeeks #emailpeeps #htmlemail #emaildev #emaildevs #emaildeveloper #emaildevelopers

[John's Links @johns_links]

Blocks

https://t.co/53cNiDTKWt

Simple tile game.

[Maksim Razbo @DefonicAudio]

Sharkle! - Generator of random awesomeness https://t.co/vkKdhTovsG

[jhey ʕ•ᴥ•ʔ @jh3yy]

CSS Tip! 📜

You could create a sticky popout bento effect with position: sticky and scroll-driven animation 🤩

The trick is to use position: sticky with bottom instead of top like we would usually 🤙

Then we can use scroll-driven animation as a progressive enhancement to fade things and move the phone around ✨

section { view-timeline-name: --section; }
.phone {
scale: 1.5;
translate: 30% 0;
animation-name: slip, slide; 👈 2 scroll animations
animation-timing-function: linear;
animation-fill-mode: both;
animation-range: 👈 2 ranges
entry 50% entry 60%,
exit 10% exit 25%;
animation-timeline: --section;
}
keyframes slip {
to { translate: -5% 0; scale: 1 }
}
keyframes slide {
to { translate: -5% 30%; }
}

If scroll-driven animations aren't supported, we still provide a neat effect using position: sticky alone 😎

The trick to that is having an absolutely positioned card that comes up from beneath the phone image and gives the illusion that they're joined. But, they aren't!

@CodePen link below! 👇

cc @im_aaron_

[Fernfly @FernFly]

This website lets you create relaxing #ASMR experiences https://t.co/kkF12aqtXP 🎧

[Mimi @feviannan]

Jogar tangram no navegador ahhhh adorei
https://t.co/q2a2jbgtVt