Troubleshooting Flickity: one note
The key to Flickity is this: everything it is applied to needs to have accurate size beforehand. Here are some cases where that wasn’t the case and how I fixed them.
Category: CSS
Tweaking the simple auto-playing slideshow
Two variations on CSS-Tricks’ Simple Auto-Playing Slideshow (jQuery): one to load slideshow content via AJAX, and one to turn each slideshow item into a question-answer pair.
Relative Position
Here, at great length, is the sequel to my post on aspect ratio, about vertical positioning. Again, horizontally, everything is easy – declare width: and left: as percentages, and as the screen size changes, they will change in tandem. For vertical positioning originally (i.e., almost a year ago – but then again, only almost a […]
Conquering scrollbars
So suppose you want to fix the sidebar on a Twenty Fifteen WordPress site, because most of the time it’s going to be short enough to fit entirely on the screen. And suppose you don’t want the nice wide scrollbar Internet Explorer (even 11) will put down the edge of your sidebar whether or not scrolling is happening or even possible. Let’s talk about that.
Accordion Widgets for Twenty Fifteen
Let’s accordion the sidebar widgets in Twenty Fifteen to make a fairly short sidebar even shorter – perhaps short enough to fit entirely within the screen and be fixed in place.
When in doubt, try positioning
Just that. I have had enough experiences where setting position was my last-ditch throw the kitchen sink at it effort, but turned out to be the key, that it’s hard to believe I haven’t started trying it first. A non-exhaustive list: I’ve covered how positioning affects z-order and an experience where moving position:relative a bit […]