spiffy

JS To Insert CSS Into Page

all-scribbly javascript
| | all-scribbly, javascript

u can also do this using DOM Level 2 CSS interfaces (MDN): var sheet = window.document.styleSheets[0]; sheet.insertRule(‘strong { color: red; }’, sheet.cssRules.length);  …on all but (naturally) IE8 and prior, which uses its own marginally-different wording: sheet.addRule(‘strong’, ‘color: red;’, -1);  There is a theoretical advantage in this compared to the createElement-set-innerHTML method, in that you don’t […]

JS To Insert CSS Into Page Read More »

DocReady – Javascript Style

all-scribbly javascript
| | all-scribbly, javascript

https://stackoverflow.com/questions/9899372/pure-javascript-equivalent-of-jquerys-ready-how-to-call-a-function-when-t The simplest thing to do in the absence of a framework that does all the cross-browser compatibility for you is to just put a call to your code at the end of the body. This is faster to execute than an onload handler because this waits only for the DOM to be ready, not

DocReady – Javascript Style Read More »

CSS Functions

all-scribbly css
| | all-scribbly, css |

https://css-tricks.com/complete-guide-to-css-functions/ Like any other programming language, CSS has functions. They can be inserted where you’d place a value, or in some cases, accompanying another value declaration. Some CSS functions even let you nest other functions within them! More In programming, functions are a named portion of code that performs a specific task. An example of

CSS Functions Read More »

CSS Line Height

all-scribbly design - layout
| | all-scribbly, design - layout

ALL DEAD: https://seek-oss.github.io/capsize/ https://github.com/seek-oss/capsize NEW KING –  <hr> https://michaeltaranto.github.io/slides-teach-css-to-talk-design/ https://css-tricks.com/how-to-tame-line-height-in-css/ In CSS, line-height is probably one of the most misunderstood, yet commonly-used attributes. As designers and developers, when we think about line-height, we might think about the concept of leading from print design — a term, interestingly enough, that comes from literally putting pieces of

CSS Line Height Read More »

WP2Static Overview

all-scribbly coding
| | all-scribbly, coding

https://wp2static.com/thanks-for-supporting Thanks for supporting Leon, who maintains this project and keeps it open source! Please find the latest stable installers for WP2Static below: WP2Static core 7.1.7 (MD5: 9935068259fe4d88487efb52fe5e9f6a) WP2Static Zip Deployment Addon 1.0.1 (MD5: 2328f9defa1780d834428eaa0897b20b) WP2Static Netlify Deployment Addon 1.0.1 (MD5: 99a7cff3261ff4dc346e87e4e74fb113) WP2Static S3 Deployment Addon 1.0 (MD5: 2cd94d0c5044dd237d003d0f1e2bb3dc) Currently uploading other add-ons’ latest builds.

WP2Static Overview Read More »

su_boxes – adding link to header

coding
| | coding

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

su_boxes – adding link to header Read More »

CORS – Fixing Errors

all-scribbly coding
| | all-scribbly, coding |

https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS/Errors CORS error messages Firefox’s console displays messages in its console when requests fail due to CORS. Part of the error text is a “reason” message that provides added insight into what went wrong. The reason messages are listed below; click the message to open an article explaining the error in more detail and offering

CORS – Fixing Errors Read More »