Skip to content

Instantly share code, notes, and snippets.

View influxweb's full-sized avatar
☕
Coffee Helps Me Focus...Coffee Helps Me Focus...Coffee Helps Me Focus...

Matt Zimmermann influxweb

☕
Coffee Helps Me Focus...Coffee Helps Me Focus...Coffee Helps Me Focus...
60 followers · 233 following
View GitHub Profile
@influxweb
influxweb / attributes.css
Created February 3, 2020 20:10 — forked from emmabostian/attributes.css
Seven different types of CSS attribute selectors
// This attribute exists on the element
[value]
// This attribute has a specific value of cool
[value='cool']
// This attribute value contains the word cool somewhere in it
[value*='cool']
@influxweb
influxweb / miva--uri-add-delete-delete-all-xml-provisioning.xml
Created January 24, 2023 21:29 — forked from steveosoule/miva--uri-add-delete-delete-all-xml-provisioning.xml
Miva - URI Add, Delete, & Delete All XML Provisioning
<!--
================================
<URI_Add />
Description:
Adds a new URI to a page, category, product, or feed.
Rules:
Requires `uri` attribute with a value starting with "/"
For canonical URIs, add `canonical="yes"` attribute and ommit the `status` attribute.
@influxweb
influxweb / debug-scroll.md
Created March 24, 2023 19:15 — forked from cuth/debug-scroll.md
Find the elements that are causing a horizontal scroll. Based on http://css-tricks.com/findingfixing-unintended-body-overflow/

Debug Horizontal Scroll

(function (d) {
    var w = d.documentElement.offsetWidth,
        t = d.createTreeWalker(d.body, NodeFilter.SHOW_ELEMENT),
        b;
    while (t.nextNode()) {
        b = t.currentNode.getBoundingClientRect();
 if (b.right &gt; w || b.left &lt; 0) {
@influxweb
influxweb / myAngular.html
Created November 3, 2024 22:55 — forked from faustinoaq/myAngular.html
Front-end libraries (React, Vue, Angular) and the basic principles of how they work, all in a single file using pure JavaScript (VanillaJS).
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Angular from Scratch</title>
<style>
.my-component {
font-family: Arial, sans-serif;