spiffy

https://www.techiedelight.com/dynamically-generate-anchor-tag-javascript/ Dynamically generate an anchor tag with JavaScript/jQuery 1. Using JavaScript In vanilla JavaScript, you can use the document.createElement() method, which programmatically creates the specified HTML element. The following example creates a new anchor tag with desired attributes and appends it to a div element using the Node.appendChild() method. JS document.getElementById('generate').onclick = function() { var […]

https://getshortcodes.com/docs/posts/  Template editing Do not edit templates in the plugin folder, since all your changes will be lost after plugin update. To modify a built-in template you should copy it to your theme directory first. For convenience, you can copy the whole templates folder from the plugin folder. You can rename the copied folder, it

https://css-tricks.com/sass-style-guide/ Use Your Regular CSS Formatting Rules / Style Guide This post is about Sass-specific stuff, but as a base to this, you should follow a whatever good CSS formatting guidelines you are already following. If you aren’t yet, this roundup of style guides may help you. This includes things like: Be consistant with indentation

GitHub https://styleguide.github.com/ Google https://google.github.io/styleguide/ SASS https://sass-guidelin.es/ CSS Idiomatic https://github.com/necolas/idiomatic-css CSS Wizardry https://csswizardry.com/2012/04/my-html-css-coding-style/ Smashing Magazine https://www.smashingmagazine.com/2008/05/improving-code-readability-with-css-styleguides/ ThinkUP https://github.com/ginatrapani/ThinkUp/wiki/Code-Style-Guide:-CSS Wordpress https://make.wordpress.org/core/handbook/coding-standards/css/ Jonathan Snook’s Scalable and Modular Architecture for CSS http://smacss.com/

Concatenating Selectors Together For concatenating selectors together when nesting, you need to use (&) to specify the parent selector. .class { margin:20px; &:hover { color:yellow; } } p { margin: 2em auto; > a { color: red; } &:before { content: “”; } &:after { content: “* * *”; } } Target elements inside an