We were unable to load Disqus. If you are a moderator please see our troubleshooting guide.
I do not mind at all. I put it out there so people can learn something from it and make it their own. Glad you decide to explore! :)
How robust is this solution? In particular with using clipath, do you have to do a lot of hand editing for each layout or can it be fairly procedural?
The comic book version is not the most robust solution since it was more of an experiment done in less than 30 minutes. And it is not accessible too since we use CSS bg image instead of image tags. With clip-path, I had to do a lot of hand editing to get what I want.
Ah yeah that makes sense. There are some ways to change background image properties inline so that a cms backend can edit it but sounds like that might still be difficult for getting stuff to fit together nicely. Still very impressive!
I had no idea this was possible this way, thanks for the informative, inspirational article.
Your flair for improvisation is not lost on me, I appreciate you.
Thank you for the kind words. :)
Nice article. Have you tried to do the same comic book layout but with the img tags instead?
I've tried some and turned out that it was trickier than I thought.
here have a look: https://goo.gl/6AiUXp
It is more tricky with img since you will find that the image won't fill out the entire image container when you resize your browser. I believe there is a hack that we can apply to this by using min-height and position: absolute with top, bottom, left, and right values as 0. I've yet to try it though.
Very inspiring post... Thanks for sharing!
Though I must admit, with regards to the layout issues you run into that inspire these ideas, I wouldn't really call them "bugs" because, technically, you haven't finished building it yet.. (: But this is still a pretty cool way to be creative.
I'm glad you find it informative! You'll be surprise at what you can come up with just by exploring!
Loved this and used it on my site: https://overdalsveien.com/w...
Hope you don't mind.
I must admit that I got a bit lazy so it looks a bit strange on a small screen.