M
D
Y24
T
↑  TOP  ↑
[ Close ]
× Title
JW.S Boot Sequence v1.0
× Category
The Lab
× Location
33.8492° N, 118.3884° W
× Published
3.6.2023 2:04 PM
× Last Updated
3.6.23 1:46 pm
Index
The Lab
33.8492° N, 118.3884° W
 ]
JW.S Boot Sequence v1.0
3.6.2023 14:04
 ]
As you might have noticed, there's a new pre-loader in town. It's still WIP, don't worry.,
The Lab
As you might have noticed, there's a new pre-loader in town. It's still WIP, don't worry.,
33.8492° N, 118.3884° W
 ]
[
3.6.2023
]
JW.S Boot Sequence v1.0
The Lab
JW.S Boot Sequence v1.0
The Lab
JW.S Boot Sequence v1.0
The Lab
JW.S Boot Sequence v1.0
The Lab
No items found.

I wanted to take a dive into the world of Lottie with Webflow, and the pre-loader seemed a good place to start. It quickly became apparent that it's actually not as complicated as I thought... so I kept adding to it and explore and exploring. After a bit of said exploration, this is the result of V1.0 of the boot sequence for the site.

I'll be the first to acknowledge it's a little wierd for a pre-loader. I think it works for an inital load in, but ideally page transitions are happening faster than it takes for this sequence to play through. Regardless, it was fun and good to know about Lottie. I'm still working on putting out all the 'oh shit, I can't beleive that's still wrong on my site' fires, but coming up with a more appropriate and simplified loader is definitely on the short list of things to do.

From here, I'm definitely hoping to add more micro interactions and details. The problem is that my site likely doesn't need the DOMs to get any larger.. but.. why not? Time to strap down that laptop– it might take off after I'm done with it's fans.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C
Text link

Bold text

[
33.8492° N, 118.3884° W
 , 
3.6.2023 2:04 PM
]
× Title
JW.S Boot Sequence v1.0
× Category
The Lab
× Published
3/6/2023 2:04 PM
× Last Updated
3.6.23 1:46 pm
× Tags
Related Tags
Related Tags
Related Tags
Related Tags
Related Tags
Related Tags
Related Tags
Related Tags
No items found.
No items found.
No items found.
No items found.
33.8492° N, 118.3884° W
No items found.
Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum. Nullam quis risus eget urna mollis ornare vel eu leo. Sed posuere consectetur est at lobortis. Sed posuere consectetur est at lobortis.Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam.Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Sed posuere consectetur est at lobortis. Sed posuere consectetur est at lobortis. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Curabitur blandit tempus porttitor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis.