DEV Community

Cover image for Speaking of web layouts. Introducing the Magic Hat technique 🎩✨

Speaking of web layouts. Introducing the Magic Hat technique 🎩✨

Albino Tonnina on March 26, 2018

Can you think of one of the apps you're working on and imagine the following technique applied to parts of it? Then, would you use it? The reading ...
Collapse
 
davidhbeck profile image
david

Maaaan, I really like this! I feel like a lot of ecommerce web applications could really benefit from the concept, specifically Shipstation, Shopify, WooCommerce (wordpress plugin). Would save store managers a lot of time when they're looking for information on a specific user.

Collapse
 
albinotonnina profile image
Albino Tonnina

Thanks for your comment! 😄 Yes, I think you could apply this to several cases for sure!

Collapse
 
pixeline profile image
Alexandre Plennevaux

I think you will be very interested by Brad Frost's "atomic design" approach. bradfrost.com/blog/post/atomic-web...

Collapse
 
albinotonnina profile image
Albino Tonnina

Hello Alexandre!
I do know the approach, quite well I hope. For sure it influenced me in recent years.
Why you mention it in this regard though? Because of the 'atomicity' of the UI elements, the things I call MUV?

Collapse
 
pixeline profile image
Alexandre Plennevaux

Yes, exactly. I thought you came to a similar conclusion using a different perspective.

Thread Thread
 
oninross profile image
Nino Ross Rodriguez

Love the atomic design principle. Specially when you use Yeogurt as your scaffolding. The only thing I dont like about the atomic design principle is when you try to separate it into different folders and you easily get confused where did you last put the element

Collapse
 
handycaps profile image
handyCAPS

I really wish people would stop using these looping 1s gifs. I can't read anything with those blinking in the corner of my eye.

Collapse
 
albinotonnina profile image
Albino Tonnina

Oh I'm so sorry! Do you think I should remove the gifs and replace them?

Collapse
 
handycaps profile image
handyCAPS

I don't think that's necessary, but maybe dev.to could add a button to hide looping gifs. This is a good idea for all websites.

Thread Thread
 
albinotonnina profile image
Albino Tonnina • Edited

I do agree, this is going too far maybe. A couple days ago I opened an article on medium with 20 gifs. I stopped loading at the third one, at that moment my browser already downloaded 70mb. Way too much. I tried to mitigate that in my article by carefully optimizing the gifs but still. I see your point :)