Today we decided to try loading the first two iframes in a slider section for better transitions between swiped iframes. It seems better, so we are going to keep this change and continue to trying to improve the UX.
Well, today we seemed to be on track to smooth out some kinks for when a user adds a section, then we ran into a fresh crop of issues. Documented them and called it a day. Off tomorrow for a sabbath rest, then back at it on Sunday.
On day 12 we eliminated a “flicker” that was happening when a user adds a new section. We also came up with a method to load custom CSS and apply it to a unique body class in each iframe.
Today we fixed a few issues on the site and experimented with a preloader gif we’ve been using on the parent page and iframes. We took the preloader off the iframes and liked the faster action when swiping between iframes.
Our recent work allowing iframe heights to be passed along to parent divs caused an issue when the user would add a new section to the page. Today we fixed that issue and updated our project roadmap.
We continued our work passing along the height of a resized iframe to the parent page. We were able to get this working on a local install, but not on our live project. More work to do. We also resolved a minor bug on our project.
We’ve been using iframe-resizer (github.com/davidjbradshaw…) to fit scaled iframes to a device width. It allows us to set the height of the iframe. But we can’t always pass that height along to the parent div, so we worked on that today.
Finished the lazy loading of iframes in sliders—huge performance improvement!
Note: I'll be taking Saturdays off—we'll pick it up again Sunday. I still need to post details on this project but again ran out of time. Coming soon, I promise. #buildinpublic
Not day one of this project, but my first day tweeting. Today was spent trying to lazy load iframes in a slider to improve performance—we have several such sliders on the page.
More details on the nature of the project coming tomorrow. #buildinpublic