Skip to content

Instantly share code, notes, and snippets.

View maxxst's full-sized avatar

Maximilian Stauss maxxst

15 followers · 39 following
  • Berlin
View GitHub Profile
@witmin
witmin / ffmpeg-mp4-to-animated-webp.md
Last active July 11, 2024 01:36
Convert MP4 file to animated WebP in ffmpeg

Convert MP4 file to animated WEBP file in ffmpeg CLI

1. Install ffmpeg CLI through homebrew

In terminal.app, install ffmpeg through homebrew

brew install ffmpeg

Validate the installation:

@dillingham
dillingham / alpine-to-vue.md
Last active July 6, 2023 16:20

Converting Tailwind UI Alpine transitions to Vue transitions

After you copy a component from the Tailwind UI library and begin to adapt it from Vue JS to Alpine JS .. you may wonder what to do about the transitions. As I'm exploring this myself, I am documenting it for others in the same boat.

Things to be aware of:

  • Alpine calls the beginning and ending states "start" & "end"
  • Vue calls the beginning and ending states "from" and "to"
  • Alpine has inline "directives" ie x-transition:enter="classes"
  • Vue has a wrapper component that applies classes to the child
  • Alpine applies the classes you pass it for each state, :enter-start="class"
@eksperimental
eksperimental / .editorconfig
Last active August 21, 2022 12:14
.editorconfig for Elixir projects
# EditorConfig is awesome: http://EditorConfig.org
# .editorconfig for Elixir projects
# https://git.io/elixir-editorconfig
# top-most EditorConfig file
root = true
[*]
indent_style = space
@boboldehampsink
boboldehampsink / SlugifyPlugin.php
Last active May 16, 2016 12:56
Slugify Twig Extension - Use like this: {{ user.fullName | slugify }}. Uses Craft's core slug technology.
<?php
namespace Craft;
class SlugifyPlugin extends BasePlugin
{
public function getName()
{
return Craft::t('Slugify Twig Extension');
}
@maxxst
maxxst / Default (OSX).sublime-keymap
Last active July 27, 2019 10:12
A keybinding for Sublime Text 3 that makes SHIFT + SPACE move the cursor one character to the right
[
{ "keys": ["shift+space"], "command": "move", "args": {"by": "characters", "forward": true} }
]
@hatefulcrawdad
hatefulcrawdad / foundation4-semantic-grid.html
Last active October 18, 2023 13:27
Our mobile first grid mixins for Foundation 4.0. Comments welcome.
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Foundation Semantic Grid Testing</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
@hatefulcrawdad
hatefulcrawdad / foundation4-grid.html
Created December 13, 2012 21:39
We've been going back and forth on how to best approach our grid for Foundation 4.0. We had a lot to consider since we're moving towards mobile-first with this release. After about 4 iterations, we wanted to post what we've got to get feedback from our beloved Scss community. This is the Scss version. From here we'll be building new semantic gri…
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Foundation 4 Grid Test</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!-- Disregard these styles, they are for giving rows and columns a temporary BG color for better visibility -->
@behrends
behrends / private.xml
Created July 5, 2012 09:23
Easy access to Umlauts on MacOS X using KeyRemap4MacBook
<?xml version="1.0"?>
<root>
<item>
<name>Easy access for Umlauts</name>
<identifier>private.easy_umlaut_access</identifier>
<autogen>
--KeyToKey--
KeyCode::A, ModifierFlag::OPTION_L | ModifierFlag::SHIFT_L,
KeyCode::U, ModifierFlag::OPTION_L, KeyCode::A, ModifierFlag::SHIFT_L
</autogen>