Skip to content

Instantly share code, notes, and snippets.

View miyasinarafat's full-sized avatar
:octocat:
★★★

MD Iyasin Arafat miyasinarafat

:octocat:
★★★
View GitHub Profile

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"
@mehedithedue
mehedithedue / Download all mp4 file from url
Created November 14, 2019 10:09
Download all mp4 file from a url and save in destination folder by Python
from bs4 import BeautifulSoup
import wget
import requests
import os
url = 'http://canvas.projekti.info/laracast/%20Intermediate%20Laravel/'
ext = 'mp4'
destinationFolder = "/home/mehedi/Downloads/intermediate_laravel/"
@miyasinarafat
miyasinarafat / how_to_install_laravel_globally_in_ubuntu.md
Last active December 2, 2023 10:41 — forked from abhi9bakshi/laravel_setup_ubuntu_1610.md
How to install Laravel globally in Ubuntu

How to install Laravel globally in Ubuntu

===================================================================

Open your terminal using Ctrl+Alt+T and type the following commands

Step 1: Install Laravel

composer global require "laravel/installer"
Simple contract or interface, call as you wish:
interface UnitOfWork
{
public function begin();
public function commit();
public function rollback();
}
@donnierayjones
donnierayjones / LICENSE
Last active March 26, 2024 01:51
Render Bootstrap as "small" layout when printing
Copyright (C) 2016 Donnie Ray Jones
Permission is hereby granted, free of charge, to any person obtaining a
copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions: