darnocer

Not sure if my Kindle is just old, but I have the hardest time syncing my book notes & highlights to my Macbook so that I can export them. Below are the steps for my future reference.

Device: Kindle Paperwhite 7th Generation

Troubleshooting Syncing Issues

• Ensure both devices are connected to the same Wifi
• Ensure both devices are connected to the same Amazon account
• Ensure Whispersync* is enabled
• Try to 🔄 Sync from both devices

darnocer

Guide to MailChimp Integration in Webflow

This guide covers in detail the implementation of a custom contact or sign up form on your Webflow website that subscribes users and adds data to your contact list in MailChimp, including the configuration in MailChimp. It goes over the options to actually implement the integration and the advantages and limitations of each option.

This guide is for beginners to MailChimp, but assumes proficiency in Webflow. This content is intended to be searchable for details that you need in case you get stuck :)

• Audience Segmentation & Form Fields
  • Overview

• Create a new Audience Field

darnocer

---
alias: [alt name 1, alt name 2]

tags:
- example
- random

---

darnocer

Working with SVGs

Overview

SVGs are an XML-based markup language.

Tip: Open the SVG file in a TextEdit app to copy the code.

Attributes

Attributes can be used to modify SVGs. Presentation Attributes are CSS properties that can be used as attributes on SVG elements to change its appearance.

darnocer

Add a Basic Reveal on Scroll Animation in Webflow

1. Select the element > Interactions
2. Add Element Trigger > Scroll into view
3. When scrolled into view > Start an animation

Animation Configuration

✅ Initial State

darnocer

Useful Keyboard Shortcuts in Webflow to Speed Up Your Workflow

• Shift + ? - Show keyboard shortcut cheatsheet

---

• z - Hide/show Navigator panel
• Shift + a - Show Components panel
• s - Show Style tab
• d - Show Settings tab

---

• Up ↑ / Down ↓ - Select parent/child element

darnocer

Clipping Text to Background Gradient in Webflow

Apply the following properties to a Text Block element:

Display: Inline Block ⚠️ This ensures the background is only the width of the text content and not 100% width of the parent element.

Image & gradient: Linear Gradient Style

Clipping: Clip Background to Text

darnocer

Setting up local repos

Clone the remote repo

1. Open the local folder where the code will live in VSCode Open in VSCode on Mac

2. Locate remote repo in Github

3. From the Code dropdown, copy the URL for SSH Keys:

darnocer

Disabling the two-finger right swipe gesture on trackpad from going 'back' in the browser.

1. On MacOS, open Terminal

2. Enter the command:

defaults write com.google.Chrome AppleEnableSwipeNavigateWithScrolls -bool FALSE

darnocer

Install gh-pages

npm install gh-pages --save-dev

Update package.json

In package.json:

1. Add the homepage property: