Skip to content

Instantly share code, notes, and snippets.

View kr1st1nagr03g3r's full-sized avatar
💭
I must not fear. Fear is the mind-killer. 🐛

Kristina Groeger kr1st1nagr03g3r

💭
I must not fear. Fear is the mind-killer. 🐛
14 followers · 52 following
View GitHub Profile
@kr1st1nagr03g3r
kr1st1nagr03g3r / lonelyhtml5elements.md
Last active November 12, 2022 21:21
Reference: Lesser Used HTML5 Elements

Reference: HTML5 Elements I don’t Often Use

HTML TAG: What does it do? What else does it do? Specifications / Example Supports all browsers?
<address> The <address> tag defines the contact information for the author/owner of a document or an article. Can be: email address, URL, physical address, phone number, social media handle, etc. The text in the <address> element usually renders in italic, and browsers will always add a line break before and after the <address> element. yes
<abbr> The <abbr> tag defines an abbreviation or an acronym, like "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM". Adds a dotted line to the bottom of the abbreviated word and on hover will show the title. <p>The <abbr title="Finding Outdoors Rather Eerie, Scary and Tiresome">FOREST</abbr> is nice to walk through</p> yes
`` The `` tag defines an area inside an image map (an image map is an image with clickable areas). `` eleme
@kr1st1nagr03g3r
kr1st1nagr03g3r / placeholders.md
Last active March 5, 2022 20:52
@kr1st1nagr03g3r
kr1st1nagr03g3r / automator_workflow_VSCode.md
Last active March 4, 2022 20:16
Mac Automator Workflow for Opening Files in Finder automatically to VSCode

🚸 Mac Automator Workflow For Auto Opening Dev Files in VSCode

  • Launch Automator
  • Select "Create New Document"
  • Select "Quick Action": Choose
  • Add "Run Shell Script" to the workflow (drag and drop)
  • In the pass input dropdown, select "as arguments"
  • Paste open -n -b "com.microsoft.VSCode" --args "$*" into the input box
  • Save the workflow, and call it something useful like "Open In Visual Studio Code"
  • You should now be able to right click in Finder > Quick Actions > Open in VSCode
@kr1st1nagr03g3r
kr1st1nagr03g3r / AEM_Cloud_Template_Styling.md
Last active March 4, 2022 19:51
AEM Cloud Template Styling

🎨 AEM Cloud Template Styling

Within the Codebase

You can find the css / scss within the following folder structure:

📁 Root
-:file_folder: ui.frontend
-:file_folder: src\main\webpack
-:file_folder: components

@kr1st1nagr03g3r
kr1st1nagr03g3r / AEM_Cloud_Template_Creation.md
Last active March 4, 2022 19:51
AEM Cloud Front-End Development Flow with Maven Architecture

💻 AEM Cloud Template Creation

Within the codebase

A template needs to be created in the codebase at: Root > ui.content > src > main > content > jcr_root > conf > Project-Name > settings > wcm > templates > template-name

Within the template-name, the following folders are set up:

📁 template-name
-:file_folder: initial