Exports chat history from the typingmind application.
- cleaned up visual styling for the buttons to match the typingmind sidebar
<!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; |
import { Controller } from '@hotwired/stimulus' | |
const BANNED_NODES = ['com-1password-button', 'com-1password-menu'] | |
export default class extends Controller { | |
connect () { | |
this.observer = new window.MutationObserver(mutations => { | |
mutations.forEach(mutation => { | |
mutation.addedNodes.forEach(node => { | |
if (BANNED_NODES.includes(node.nodeName.toLowerCase())) { | |
node.remove() |
webRequestBlocking
API, which is neccesary for (effective) adblockers to workExtensionManifestV2Availability
key was added and will presumably stay forever after enterprises complain enoughYou can use this as a regular user, which will let you keep your mv2 extensions even after they're supposed to stop working
In a terminal, run:
These are modern “Emulated Devices” (a.k.a. responsive dimensions) for Chrome DevTools’ Mobile Device Viewport Mode.
They are specifically Apple devices, subtracting for recent Safari UI (as in window.innerWidth
/Height
), and cleverly sorted with some dark-arts unicode shenanigans. (This glitchy, unloved portion of the tools sorts lexicographically, because of course it would.) Ergonomics!
Nest Hub Max? Come on. I dropped a bunch of devices that were older and/or close to these dimensions. It obviously doesn’t cover everything (sorry Android/Chrome), but offers a decent spread/increments for common 2023/2024 viewports.
import SwiftUI | |
import PlaygroundSupport | |
struct Screen: View { | |
@State var size: CGSize = .zero | |
var body: some View { | |
//Lets Start with our Tinder Home Screen Recreate | |
//First, we need entire background to be gray-ish color. ZStack puts different views on top of each other. | |
ZStack { |
import SwiftUI | |
import PlaygroundSupport | |
struct Screen: View { | |
var body: some View { | |
TabView { | |
InstagramHome().tabItem { | |
Image(systemName: "house.fill") | |
} | |
Text("Instagram").tabItem { |
import SwiftUI | |
import PanModal | |
struct ExampleView: View { | |
@State var detail: AnyView? = nil | |
@State var items: [String] = ["Detail 1", "Detail 2", "Detail 3"] | |
var body: some View { | |
NavigationView { |
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'] |