Skip to content

Instantly share code, notes, and snippets.

View jeffegiovani's full-sized avatar

Jefferson Giovani jeffegiovani

View GitHub Profile
@jeffegiovani
jeffegiovani / AppServiceProvider.php
Last active September 17, 2025 10:23
Character Count - Filament V4 Macro Service Provider
<?php
namespace App\Providers;
use Filament\Forms\Components\Field;
use Filament\Schemas\Components\Html;
use Illuminate\Support\ServiceProvider;
class AppServiceProvider extends ServiceProvider
{
@jeffersongoncalves
jeffersongoncalves / devsamurai.sh
Last active January 14, 2025 00:14
Lista de zips das Aulas do devsamurai disponibilizado no class.devsamurai.com.br
wget https://cursos.devsamurai.com.br/Aulas%20ao%20Vivo.zip
wget https://cursos.devsamurai.com.br/Backend%20-%20Dominando%20o%20NodeJS.zip
wget https://cursos.devsamurai.com.br/Backend%20-%20Dominando%20o%20Postgres.zip
wget https://cursos.devsamurai.com.br/Carreira%20de%20Programador.zip
wget https://cursos.devsamurai.com.br/Flutter%20-%20Calculadora%20IMC.zip
wget https://cursos.devsamurai.com.br/Flutter%20-%20Card%C3%A1pio%20online.zip
wget https://cursos.devsamurai.com.br/Flutter%20-%20Fluck%20Noris.zip
wget https://cursos.devsamurai.com.br/Flutter%20-%20Lista%20de%20Leituras.zip
wget https://cursos.devsamurai.com.br/Flutter%20Avan%C3%A7ado.zip
wget https://cursos.devsamurai.com.br/Flutter%20B%C3%A1sico.zip
@saade
saade / FilamentServiceProvider.php
Last active September 19, 2025 10:47
My Filament Defaults
<?php
namespace App\Providers;
use Filament\Actions;
use Filament\Forms;
use Filament\Infolists;
use Filament\Notifications\Notification;
use Filament\Pages;
use Filament\Support\Enums\MaxWidth;
@saade
saade / settings.json
Created July 30, 2024 00:05
vscode settings
{
"workbench.iconTheme": "symbols",
"git.autofetch": true,
"[dart]": {
"editor.formatOnSave": true,
"editor.formatOnType": true,
"editor.rulers": [80],
"editor.selectionHighlight": false,
"editor.suggest.snippetsPreventQuickSuggestions": false,
"editor.suggestSelection": "first",
@jtunnicliff
jtunnicliff / slider.html
Last active July 25, 2025 06:29
Image slider using alpine.js and tailwind CSS
<div class="flex flex-col justify-center items-center w-10/12 max-w-6xl mx-auto">
<div class="relative"
x-data="{
activeImage: 1,
images: [ '/media/slider1.jpg', '/media/slider2.jpg', '/media/slider3.jpg']
}">
<!-- Image slides -->
<template x-for="(image,index) in images" :key="index">
<div x-show="activeImage === index + 1"
@ifindev
ifindev / README.md
Created March 21, 2021 15:49
Tailwind Kanban

Tailwind Kanban

A simple exploration to build a kanban board using css grid in Tailwind CSS. So it's about 187 lines for just the mockup. This is totally normal because I just use plain HTML. For the next update, I will use Vue component to recreate it since it will clean up the code and more reusable.

Anyway, the UI is already responsive. But since I am using grids, I haven't figure out how to apply a horizontal scroll bar for the overflow case just like a normal kanban boards. Also, open up Tailwind Play to try out this project.

The design is inpired from this image. Kanban

@tanthammar
tanthammar / session-timeout-alert-after-livewire-scripts.blade.php
Last active November 23, 2023 11:50
Laravel Livewire Turbolinks Blade component to keep session alive
{{-- You do not need to add this component if you are using the permanent option in the head component --}}
<script>
if (!window.sessionTimerPermanent && window.Livewire) {
window.livewire.hook('afterDomUpdate', startSessionTimer)
}
// if you are on livewire > 1.3.1 and want to avoid the default error alert
// https://github.com/livewire/livewire/pull/1146
window.livewire.onError(statusCode => {
if (statusCode === 419) {
@julienbourdeau
julienbourdeau / webpack.mix.js
Created April 20, 2020 06:43
Laravel Mix with multiple Tailwind config and PurgeCSS (separate Admin dashboard and Front app)
const mix = require('laravel-mix');
const tailwindcss = require('tailwindcss');
const rootPath = Mix.paths.root.bind(Mix.paths);
const tailwindPlugins = function(configFile, paths) {
const pluginList = [tailwindcss(configFile)];
if (mix.inProduction()) {
pluginList.push(require('@fullhuman/postcss-purgecss')({
@a1ip
a1ip / youtube-video-thumbnails-sizes-and-formats.md
Created April 7, 2020 18:53
YouTube video thumbnails sizes and formats

Note: YouTube is serving thumbnails from 2 servers:

  • //img.youtube.com
  • //i.ytimg.com

Examples are with //i.ytimg.com server just because it’s shorter, no other particular reason. You can use both.

  • Player Background Thumbnail (480x360):

@mikemunsie
mikemunsie / phoneMasks.json
Last active September 7, 2025 17:04
Phone Masks by Country Code JSON
{
"AC": "+247-####",
"AD": "+376-###-###",
"AE": "+971-5#-###-####",
"AE": "+971-#-###-####",
"AF": "+93-##-###-####",
"AG": "+1(268)###-####",
"AI": "+1(264)###-####",
"AL": "+355(###)###-###",
"AM": "+374-##-###-###",