Stephan Nijman

Lost image of 3-CPO's Forrest Gump audition. 😅 A Gemini AI and Photoshop workflow exploration!

Dji really isn't kidding when they say "mini"! 😀

Hidden #blender render! #b3d

Another angle of the fountain! #b3d #blender

Fountain #blender render and #photoshop edit.

#blender Eevee render and nuke compositing test!

Golden gate #blender render and #photoshop edit.

Some sort of portal/gateway rendered in #blender and edited in #photoshop

Nope! The screens are too small for my eyesight!

Dont have one! So no! 😜

A brand new deploy, first thing, after two weeks of vacation... How does this stuff work again!? 🤔🤣

Christmas holiday started for me today. So time to dust of this classic! 😅

Also a nightmare to learn! 🤣

Neon text ...

If you want to see/copy the code you can check out the live codepen example here! codepen.io/Since1979/pe...

#css and #javascript #gsap neon letter effect!

I think Rudolph has been learning #javascript on the side... What can we do to cheer him up? 🤣

Named grid lines. ...

Here is a live codepen if you want to check it out for your self! codepen.io/Since1979/pe...

This can be very helpful when defining sections on your page. Like in this simple example where we create three different sized sections. A full page width one, a centered one, and a small centered one.

(2/3)

Did you know that if you name your #css grid lines correctly, you can place your elements in between those lines with ease?

(1/3)

So pretty! 😀

Sweet! Nice work Eddy! 😀

Ok, Gemini image gen is pretty nice! 😀

Clsx is by far one of my favourite npm packages for #react! 😀 www.npmjs.com/package/clsx

Css Grid: Stacking elements YouTube video by Stephan Nijman

Check out this video for a visual explanation: www.youtube.com/watch?v=Iuhc...

Or this codepen for a live demo: codepen.io/Since1979/pe...

(4/4)

Now you only have to add the new stack class to the parent, and all child elements will stack in z space

(3/4)

All you have to do is add these two utility classes to your stylesheet. This creates a 1 by 1 grid, and it places all child elements into the same grid cell/area!

(2/4)

Are you still using #css floats or position absolute to stack your elements? Check this out.

Lets say we have the following html for a card component.

(1/4)

I looked in the mirror this morning and thought to myself it's a good thing I still have a sense of humor! 😂

My little girl emptied her piggy bank to buy this Rey doll for herself. But now its just sitting on my desk! Maybe i need to give her her money back! 😂

Don't you just love google analytics!? 🙈