[Plugin: Arconix Shortcode Collection] Tabs not working anymore

Problem solved with the Tabs Shortcode-plugin.

@john Gardner: Sorry John that your plugin didn’t work anymore for me.
@tdzk: thanks for thinking with me
@japh: problem solving for older themes would be a customer-friendly idea. Maybe peerapong will solve it, I don’t know.

@fokkio — no worries. best of luck to you.

Yes, site fully working is first priority. I am sold on this tab script though ?? He does not do much advertising for the options of own CSS and even JS files. Dev. with thinking hat on. Nice!

If japh reads this he might want to check CSS Lint https://csslint.net/ They are anal and have own CSS theory and policy. ALL WP stuff will fail and why you can tick things on/off – they know…

Will hurt your feelings*
(And help you code better)

But if you go to their github you can see how to run Lint via node.js. Then Notepad++ (or similar), a little script setting it up to only check for newbie errors (evil must not exist parsing errors, even for free themes!), a little browser extension sending off CSS file directly in to editor. See? Amazing how fast and much one can check. May be reviewers are overwhelmed with all those lines and need help? These errors are typically 1 character and just lazy errors really. Someone needs to pick them up. Even some of your top dev. fail with this, I will bet 10 free themes from .org site it will take you minutes to go REALLY??? ?? As with the script stuff this is also very very easy to avoid. Low hanging fruit might be what ThemeForest should focus on first? All connected me thinks. If you make it known to devs. silly errors means delay, potential rejection they will shape up. At least regarding CSS. A start.

Hey tzdk, thanks for pointing out the CSS Lint site. Great find!

Yeah it is great. But how many devs. you think need help avoiding newbie mistakes with CSS? Not even a programming language! None wil admit they do but I let CSS Lint be the judge ??

Anyway, I hate half baked statements on the internet and now I just did it myself. So even if 200% off-topic here is some more info on this trickery:

I dont know if it is correct or not. Do not care, it works. I have no access to perhaps more advanced editors doing this natively so have to fiddle. Also I imagine CSS-Lint god and godess are tough to beat with this so… Sublime text I believe have a plugin offering CSS lint but I use Notepad++

Install node.js – I use 64bit version https://nodejs.org/
Install CSS lint – check their site https://github.com/stubbornella/csslint/wiki/Command-line-interface
Install nppExec plugin for notepad++ – done via plugin manager.

Set up an “execute” in nppExec

cd c:\program files\nodejs
csslint.cmd --errors=compatible-vendor-prefixes --format=compact $(FULL_CURRENT_PATH)

Set it up in menu via npp-execs adv. options. Perhaps assign shortcut via Notepad++ shortcut mapper.

Show console dialog must be checked to see output form this command line script. Will pop up automatically.

On their github wiki they show code for each check. I only use vendor prefixes as lack of those is also a generic error. However they have own ultra conservative idea of what “should” be there. Can follow their strict suggestions or not. Point is this also show lacking prefeix that really should be there. But main idea is superfast check for “newbie” syntax errors resulting in parsing errors. If not asked to check for anything it will only show parsing errors. More adv. people will probably want to add more. Really important to know where they are coming from, why they HATE IDs for example. If a slave to their ways good luck with any WP theme. Does not take away benefits and one is supposed to know what to check for.

How to get file from internet in to Notepad++ with ease:

I use this https://addons.mozilla.org/en-US/firefox/addon/jsview/?src=search drop down showing all CSS and JS files, in tool bar, in right click menu, in status bar. Chrome probably have something similar. So possible to check X file with few clicks.

What if there is no file, just a code snippet? One that is selected in Notepad++. Use this which saves selection to temp file, then run CSS lint on it.

set TEMP_FILE = $(SYS.TEMP)\npp_sel.css
SEL_SAVETO $(TEMP_FILE) :a
cd c:\program files\nodejs
csslint.cmd --errors=compatible-vendor-prefixes "$(TEMP_FILE)"

Hey tzdk, I appreciate what you’re doing here, thanks ??

However, it’s pretty off-topic from the original post. Better to make a new thread in a more appropriate location for discussing this. Feel free to mention me in the new post so I find it.

If your name keep popping up with these matters it will end up in google auto search. “Crap, theme dont” -> japh

Highly messy thread though but Arconix Shortcode Collection is so superb it can handle even this ??