DEV Community: Diego

Efecto copos de nieve para dar a nuestra web un toque navideño

Diego — Fri, 05 Dec 2025 12:11:43 +0000

Hola, hoy os traigo un pequeño script que acabo de generar (si, si, con la ayuda inestimable de la IA, en este caso, Chat-GPT 5.1).

Con este script tendremos en cualquier página un efecto de copos de nieve cayendo muy chulo, y sin añadir ninguna librería externa, es super ligero.

<script>
        document.addEventListener("DOMContentLoaded", () => {
            const css = `
                .snowflake {
                    position: fixed;
                    top: -10px;
                    color: white;
                    font-size: 1em;
                    pointer-events: none;
                    animation: fall linear infinite;
                }
                @keyframes fall {
                    to { transform: translateY(100vh); opacity: 0; }
                }
            `;

            const style = document.createElement("style");
            style.innerHTML = css;
            document.head.appendChild(style);

            function createFlake() {
                const flake = document.createElement("div");
                flake.className = "snowflake";
                flake.textContent = "❄";
                flake.style.left = Math.random() * window.innerWidth + "px";
                flake.style.fontSize = 8 + Math.random() * 15 + "px";
                flake.style.animationDuration = 4 + Math.random() * 6 + "s";
                document.body.appendChild(flake);
                setTimeout(() => flake.remove(), 10000);
            }

            setInterval(createFlake, 200);
        });
</script>

Espero que os guste, y por supuesto, sentíos libres de usarlo, modificarlo y lo que queráis. Eso si, si lo mejoráis, ponerlo en los comentarios y lo actualizo ;-)

Gracias!

Como ejecutar Laravel con driver de SQLServer en Mac con procesador Silicon

Diego — Wed, 08 Oct 2025 11:56:54 +0000

Si te has vuelto loco como yo porque no puedes ejecutar de proyecto de PHP 8.x con Laravel porque falla la conexión con SQL Server (cuando hasta hace poco te funcionaba perfectamente). Claro, tienes un Mac con procesador Apple Silicon (M1, M2, M3, M4...).

Pues después de muchas horas buscando información, al final la solución que he encontrado (si tu tienes una solución mejor, déjalo en los comentarios y actualizo el post), es lanzar este comando y luego el php artisan serve:

export DYLD_LIBRARY_PATH="/opt/homebrew/opt/openssl@1.1/lib:$DYLD_LIBRARY_PATH"

En mi caso, dado que tengo instalado también Laravel Herd, y para poner la cosa más divertida, no se le pueden instalar complementos como SQL Server al PHP que ejecuta Herd, tengo que lanzar la versión de PHP de brew que tengo instalada:

/opt/homebrew/Cellar/php@8.2/8.2.28_1/bin/php artisan serve

Como os decía, si tenéis una solución más bonita, mejor, más elegante, me lo podéis dejar en comentarios.

Un saludo y hasta la próxima!

Como redefinir el color de un estilo tipo primary

Diego — Tue, 03 Jun 2025 16:45:13 +0000

Hola, os voy a contar como he resuelto un "problema" que tenía con un proyecto en el que estoy trabajando.

En este caso tengo una plantilla basada en Bootstrap 5 (se llama YNEX), y como buena plantilla que es (es de pago, pero la recomiendo), los estilos los tiene definidos con variables.

Ya se que con pre-procesadores de css tipo SASS y demás se puede hacer, pero nunca han sido de mi gusto.

Lo que he hecho es crear un fichero llamado pre-custom.css con este contenido:

:root {
    --primary-color: #0a8e3f !important;
    --primary-color-hover: #0a8e3f !important;
    --primary-color-focus: rgba(9, 125, 60, 0.5) !important;
    --primary-color-active: #0a8e3f !important;
    --primary-color-disabled: #097d3c !important;

    --primary-rgb: 10, 142, 63 !important;
    --primary-rgb-hover: 10, 142, 63 !important;
    --primary-rgb-focus: 9, 125, 60 !important;
    --primary-rgb-active: 10, 142, 63 !important;
    --primary-rgb-disabled: 9, 125, 60 !important;
}

Este fichero hay que cargarlo antes que el CSS principal de la plantilla. Yo, en mi caso, lo cargo el primero de todos en el HTML (en mi caso plantilla Blade para Laravel).

De esta forma he re-definido el color de todos los elementos que usan primary-color de la plantilla.

Como validar IBAN español con C#

Diego — Thu, 27 Feb 2025 19:29:20 +0000

Hola, en este pequeño algoritmo, os defino como se escribe en C# una función para validar si un número de cuenta IBAN español, pasado como argumento, es válido o no:

 public int ValidaIBAN(string iban)
 {
     if (string.IsNullOrWhiteSpace(iban))
         return 0;

     // Eliminar espacios y convertir a mayúsculas
     iban = iban.Replace(" ", "").ToUpper();

     // Verificar longitud exacta de IBAN español (24 caracteres)
     if (iban.Length != 24)
         return 0;

     // Extraer los 20 dígitos del BBAN (sin los 4 caracteres iniciales "ESXX")
     string bban = iban.Substring(4);

     // Código de España "ES" convertido a números = "1428"
     string numericIban = bban + "1428" + iban.Substring(2, 2); // Mueve los dígitos de control al final

     Console.WriteLine(numericIban);

     // Convertir a BigInteger y calcular el módulo 97
     BigInteger ibanNumber = BigInteger.Parse(numericIban);

     if (ibanNumber % 97 == 1)
         return 1;
     else
         return 0;
 }

Es una cosa muy sencilla, con la que llevo peleando durante un rato. Espero que a alguien le pueda servir ;-)

Como poner PHP en el path con comandos del terminal en Windows 11

Diego — Wed, 27 Nov 2024 20:42:37 +0000

Si quieres poder usar PHP para por ejemplo, programar con Laravel, después de descargarte de la web oficial los ficheros de PHP para Windows, y por ejemplo, los descomprimes en:

C:\php\php-8.3

Lo siguiente sería usar este comando de PowerShell:

[Environment]::SetEnvironmentVariable("Path", $Env:Path + ";C:\php\php-8.3", [EnvironmentVariableTarget]::Machine)

Y listo, ya tienes PHP en el path, ¡así de fácil!

Como añadir una columna a varias tablas de golpe con Laravel

Diego — Fri, 31 May 2024 11:30:42 +0000

Imagínate que llevas un tiempo creando tu proyecto. Y tienes muchas tablas ya desarrolladas. De repente te das cuenta que te falta una columna en un grupo de ellas. Por ejemplo, quieres tener una columna "completado".

La opción trivial, es ir creando una migración para cada una de las tablas, para crearles esa columna.

Pero gracias a Laravel, podemos crear una migración donde añada esa columna a todas las tablas. En mi caso, será a todas las tablas que comienzan por "C_".

Aquí tenéis el código:

Creamos la migración

php artisan make:migration add_completado_to_all_c_tables --table=users

Modificamos la migración:

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
use Illuminate\Support\Facades\DB;

class AddCompletadoToAllCTables extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        // Obtener todas las tablas que comienzan con 'C_'
        $tables = DB::connection()->getDoctrineSchemaManager()->listTableNames();
        $cTables = array_filter($tables, function($table) {
            return strpos($table, 'C_') === 0;
        });

        // Añadir la columna 'completado' a cada tabla
        foreach ($cTables as $table) {
            Schema::table($table, function (Blueprint $table) {
                $table->boolean('completado')->default(0)->after('id'); // Ajusta 'after' según sea necesario
            });
        }
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        // Eliminar la columna 'completado' de cada tabla
        $tables = DB::connection()->getDoctrineSchemaManager()->listTableNames();
        $cTables = array_filter($tables, function($table) {
            return strpos($table, 'C_') === 0;
        });

        foreach ($cTables as $table) {
            Schema::table($table, function (Blueprint $table) {
                $table->dropColumn('completado');
            });
        }
    }
}

Ejecutamos la migración

php artisan migrate

De esta forma, le añadiremos la columna "completado" a todas las tablas de nuestra base de datos que comienzan por "C_".

Oh yeah!

Ordering dates using DataTables.net in Laravel

Diego — Mon, 18 Mar 2024 20:15:25 +0000

If you tried to order dates using the DataTables component, you may have struggled for a wile.

I've found the final solution to all these problems: using the data-order attribute to specify the date in yyyy-mm-dd format:

 <td data-order="{{ \Carbon\Carbon::parse($pacient->created_at)->format('Y-m-d H:i') }}">
     {{ $pacient->formatted_created_at }}
</td>

Then, you can simply order by that column in the JavaScript code, and, that's all folks!

PS: I have in my Patient model this definition:

 public function getFormattedCreatedAtAttribute()
    {
        return $this->created_at->format('d-m-Y');
    }

Enhace your javascript Alerts with SweetAlert!

Diego — Fri, 23 Feb 2024 08:00:29 +0000

Do you want to improve the alerts of your web application?

Tired of the look of default alerts?

So, today you are in luck!

You can use SweetAlert, which is a gorgeous replacement for alerts and error messages:

https://sweetalert.js.org/

It's is very simple to use. One you've included the css and js files in your source code, you just have to replace the "alert" function with the "swal" function.

alert("Oops, something went wrong!")

swal("Oops", "Something went wrong!", "error")

You have plenty of options to customize your alerts, so, let's dive into their docs, and, master it!

https://sweetalert.js.org/docs/

Happy coding!

Crear plantilla de Email con Laravel 10 y enviar un correo

Diego — Thu, 27 Apr 2023 13:56:51 +0000

Laravel tiene un sistema genial para el envío de correos. En este artículo no vamos a contar como configurarlo, sino que vamos a ir directamente a como se envía un correo.

Para crear una plantilla de correo electrónico, que además será parametizable, primero tenemos que lanzar una orden que nos va a crear los ficheros necesarios:

php artisan make:mail UsuarioCreadoParaEnvioComunicaciones --markdown=emails.usuario_creado_para_envio_comunicaciones

Crea dos ficheros, una clase tipo Mailable:

app/Mail/UsuarioCreadoParaEnvioComunicaciones.php

Y un fichero donde se pondrá el texto del email:

resources/views/emails/usuario_creado_para_envio_comunicaciones.blade.php

Nos vamos al fichero UsuarioCreadoParaEnvioComunicaciones.php:

En el método __construct, vamos a poner las variables que queremos pasarles al correo electrónico:

public function __construct(public Inscripcion $inscripcion, public string $password) { }

Y que no se nos olvide poner en la cabecera:

use App\Models\Inscripcion;

Y cambiamos el asunto del email en el campo subject del método envelope().

Ahora nos vamos al fichero usuario_creado_para_envio_comunicaciones.blade.php y lo modificamos al gusto:

@component('mail::message')
![{{ $inscripcion->elcongreso->nombre }}]({{ $inscripcion->elcongreso->logo }})

# {{ $inscripcion->elcongreso->nombre }}

Estimad{{ $inscripcion->o_a() }} {{ $inscripcion->nombre }},

@if($password == "La que usted tenía anteriormente")
**Aparece en nuestros sistemas como usuari{{ $inscripcion->o_a() }} registrad{{ $inscripcion->o_a() }} en el portal de congresos.**
@endif

A continuación le explicamos los pasos a seguir para realizar su primer acceso y proceder a registrar sus comunicaciones:

* [{{ route('mis-comunicaciones.index', $inscripcion->elcongreso->elcongreso) }}]({{ route('mis-comunicaciones.index', $inscripcion->elcongreso->elcongreso) }})

* Indique su dirección de correo electrónico y su clave:

 * **{!! $inscripcion->email !!}**

 * **{{ $password }}**

Reciba un cordial saludo.

{{ $inscripcion->elcongreso->nombre }}
@endcomponent

Para probarlo podemos lanzar este código:

Mail::to('pruebas@gmail.com')->send(new App\Mail\UsuarioCreadoParaEnvioComunicaciones(App\Models\Inscripcion::find(38), 'password'));

Mail::to('pruebas@gmail.com')->send(new App\Mail\UsuarioCreadoParaEnvioComunicaciones(App\Models\Inscripcion::find(38), 'La que usted tenía anteriormente'));

Un saludo!

Instalar el driver de SQL Server para PHP 8.1 en Plesk

Diego — Wed, 12 Apr 2023 15:34:00 +0000

Hoy he actualizado una aplicación con Laravel desde la versión 8 a la versión 10, y aparte del pequeño dolor de cabeza de subir dos versiones de Laravel, me he encontrado con el problema de que en la versión de PHP 8.1 no estaba configurado el driver de SQL Server.
Después de mucho buscar, los comandos que he tenido que lanzar son estos:

apt-get install apt-transport-https make gcc g++ unixodbc unixodbc-dev plesk-php81-dev

/opt/plesk/php/8.1/bin/pecl install pdo_sqlsrv

echo "extension=pdo_sqlsrv.so" > /opt/plesk/php/8.1/etc/php.d/pdo_sqlsrv.ini

/opt/plesk/php/8.1/bin/pecl install sqlsrv

echo "extension=sqlsrv.so" > /opt/plesk/php/8.1/etc/php.d/sqlsrv.ini

plesk bin php_handler --reread

plesk sbin packagemng -sdf

La información la he sacado de esta web y modificado un pelín para PHP 8.1:

https://support.plesk.com/hc/en-us/articles/12377482190999--How-to-install-the-sqlsrv-extension-for-the-Plesk-PHP-handlers-

Generar datos de pruebas en un proyecto con Laravel 10

Diego — Mon, 10 Apr 2023 07:34:00 +0000

Había leído muchas veces sobre este tema, pero no me había puesto a generar datos de pruebas con Laravel 10. Al final lo he conseguido, y quiero compartirlo.

Vamos a necesitar dos clases. Una clase de tipo Factory y otra clase de tipo Seeder. La primera nos servirá para definir cómo va a ser cada fila, y la segunda, creamos las filas que necesitemos.

En el ejemplo que voy a usar, vamos a imaginar que vamos a crear revisores para las comunicaciones de un congreso.

Factory

Lanzamos primero el comando para crear la clase Factory:

php artisan make:factory RevisorFactory -m Revisor

Ahora creamos la definición:

 public function definition()
    {
        return [
            'congreso' => 'test',
            'user_id' => 1,
            'email' => $this->faker->unique()->safeEmail,
            'genero' => $this->faker->numberBetween(1, 2),   
            'nombre' => $this->faker->firstName,
            'apellido1' => $this->faker->lastName,
            'apellido2' => $this->faker->lastName,
            'pais_trabajo_id' => 'ES',
            'provincia_trabajo_id' => $this->faker->numberBetween(1, 50),

        ];
    }

Seeder

Creamos la clase Seeder:

php artisan make:seeder RevisorSeeder

Y creamos su definición para en este caso, generar 20 revisores:

public function run()
    {
        Revisor::factory()
            ->count(20)
            ->create();
    }

Creamos los datos de prueba

A continuación, lanzamos este comando, y se generarán en la base de datos 20 revisores con la definición que hayamos especificado:

php artisan db:seed --class=RevisorSeeder

Localización en español

Si queremos localizar en español los datos, debemos especificar la clave siguiente en nuestro fichero .env

FAKER_LOCALE=es_ES

Extra: Asociamos temas a los revisores

Si queremos asociar temas a los revisores recién creados, una forma de hacerlo es modificando el Seeder:

public function run()
    {
        Revisor::factory()
            ->count(20)
            ->create();

        //Asociamos temas a los revisores
        $revisores = Revisor::whereCongreso('test')->get();

        foreach ($revisores as $r) {
            //Selecciono un numero aleatorio de temas
            $num_temas = rand(1, 10);
            //Selecciono los temas
            $temas = Tema::inRandomOrder()->take($num_temas)->get();
            //Asocio los temas al revisor
            $r->temas()->attach($temas);
        }
    }

Espero que os sirva de ayuda. Un saludo!

Set new number for autoincrement value in a MySQL table

Diego — Fri, 31 Mar 2023 07:52:12 +0000

If you want to reset the auto-increment number of a table to start it again with a new value, you have to launch this SQL:

ALTER TABLE my_table_name AUTO_INCREMENT=400;

In this case, 400 is the value you want to be the new start value.