YouTube Inside A Sliding Note
I’ve just received an email asking whether Sliding Notes support embedding YouTube videos inside.
I’m happy to confirm that they do! Here is a cool video» that proves it!
I used the Insights plug-in to embed the video object directly between the slider tags.
But: Using a video (or any other) shortcode in a Sliding Note is currently not supported.
Sliding Notes Major Upgrade
Today I’m releasing version 1.1.0 of Sliding Notes. This is a major rewrite of the plug-in and the beginning of the 1.1 series.
Shortcode Shortcomings
This post requires a certain degree of technical savvyness.
When experimenting with various shortcode locations in the post content, I noticed that under some conditions the shortcode behaved a bit strange with regard to paragraph arrangement. So I implemented a couple of “diagnostic” shortcodes and filters to further investigate the problem. But before I go into that, follow me on a short tour through what the Shortcode API is. Read more >>
Sliding Notes HowTo – Centered Button With 1.0 Series
Dan asked me today how to accomplish a centered slider button/title, while keeping the note content left-aligned. While I try to work out a neater solution, I’d like to present to the impatient a way to do it right away, with the current version of Sliding Notes (1.0rc5), taking Dan’s example as a foundation. It’s a bit involved in the sense that it takes editing some HTML first, but it’s a feasible way to go nonetheless (and after setting up the HTML structure, the visual editor can be used as well).
Sliding Notes – Scriptaculous Caveats
Last Tuesday, Jörg reported a problem where Sliding Notes didn’t work on hist site. It turned out quickly that the problem was not with Sliding Notes, but due to a javascript exception thrown when jQuery was loaded. I analyzed the effect nonetheless, and I’d like to share my insights with you, as I believe they might be of general interest.
Sliding Notes use the jQuery javascript library. There are known conflicts between jQuery and Scriptaculous, another widespread javascript library. The conflicts are particularly dramatic with older Scriptaculous versions (1.7 and less).1. Scriptaculous versions 1.8.0 and later2 still have some conflicts with jQuery, but not at a scale that they would stop each other from functioning. Read more >>
- See for ex. this google group discussion or this post [↩]
- 1.8.2 is the current Scriptaculous version as of this writing [↩]
Sliding Notes Plugin Is Here
After some warm-up time with WordPress, I decided it’s about time to write a WordPress plug-in.
Not that I’ve been keen to program in another half-backed spawn of C++ (the mother of all programming language abominations 
)1 with all the curly braces and clumsy syntax. But, the itching in my fingers was stronger then that.
So here it is! Ladies and gentlemen, I proudly present: The Slider Shortcode! An easy way to add sliding notes» to your WordPress content!
Read the whole story on the plugin homepage.2
This note is shown when the slider is clicked open.
Lorem ipsum usu quas tibique ne, no vim dicant diceret consequat, modo debet voluptatibus vis an. Erant omnium volutpat eum ut, his diam scaevola eu. Qui id tota utamur torquatos, nec eleifend hendrerit ad, ut per dicit laboramus efficiantur. Et his kasd homero maiestatis, an malorum accumsan mel. Quo ad zzril oporteat assueverit, et mea munere persius intellegat. Vis tation fuisset disputando et, vel sale eripuit erroribus ei.
Powered by Hackadelic Sliding Notes 1.6.5
[Reasons To WordPress – The MyCSS Syndrome
When I started setting up WordPress1, I came across the need to adjust the CSS. I felt immediately that messing with the theme’s style.css would be wrong.2 Instead, I felt there should be an extra CSS file for customization separately included via a plug-in.3
I’m a skilled programmer, so I was about to quickly write the plug-in myself (I figured it wouldn’t be too hard to do it). The names that came to my mind were MyCSS for the plug-in, and my.css for the style sheet. But before I set out to coding, I attempted a search for it on wordpress.org.
Read more >>
