Shorts Archive - DevMaverick

Autoplay video element

George-Paul Crețu — Tue, 14 Oct 2025 14:38:23 +0000

Autoplay video element that works fine on iPhone as well.

Copy Code

Your browser does not support the video tag.

The post Autoplay video element appeared first on DevMaverick.

Grafana Docker Compose

George-Paul Crețu — Mon, 27 May 2024 13:55:15 +0000

Here is an example of a Grafana Docker Compose file that you can use to quickly deploy a Grafana instance.

Copy Code

--- # # default login: admin admin # services: grafana: image: grafana/grafana:latest container_name: grafana restart: always user: '0' ports: - 3999:3000 volumes: - CHANGE_TO_COMPOSE_DATA_PATH/grafana:/var/lib/grafana networks: - grafana networks: grafana: name: grafana driver: bridge

The post Grafana Docker Compose appeared first on DevMaverick.

Remove file from repo via .gitignore after commit

George-Paul Crețu — Fri, 26 Apr 2024 15:16:52 +0000

You committed some files to the repo and after that, you added them to the .gitignore file, but they are not being removed from the repo.

You’ll have to use git rm –cached to remove the files

Copy Code

git rm --cached name-of-the-file

If you want to remove a whole folder use -r for recursive

Copy Code

git rm --cached -r folder-name

Source

The post Remove file from repo via .gitignore after commit appeared first on DevMaverick.

Rename WordPress Custom Taxonomy

George-Paul Crețu — Tue, 23 Apr 2024 14:35:50 +0000

You can rename your WordPress Custom Taxonomy using the SQL script below. Make sure you have a backup before.

Copy Code


UPDATE  `wp_term_taxonomy` 
	SET  `taxonomy` =  'new_taxonomy' WHERE  `taxonomy` = 'old_taxonomy';

Go to Settings > Permalinks and hit “Update” one more time.

You’re all set.

The post Rename WordPress Custom Taxonomy appeared first on DevMaverick.

List template pages that are not used in WordPress theme

George-Paul Crețu — Tue, 09 Apr 2024 10:22:55 +0000

The code below will list the names of the PHP template files not used on your website that still exist in your WordPress theme.

This might be a good way to find out what it’s extra when you’re refactoring or dealing with an old project that needs a revamp.

Copy Code


get_page_templates();
    $template_list = [];

    foreach ($templates as $key => $template) {
        $template_list[] = $key;
    }

    $args = array(
        'post_type' => 'page',
        'posts_per_page' => -1
    ); 

    $the_query = new WP_Query( $args );
    $pages = $the_query->query($args);
    $used_templates_list = [];
    
    foreach ($pages as $key => $page) {
        $used_templates_list[] = get_page_template_slug($page->ID);
    }

    $used_templates_list = array_filter($used_templates_list);
    $unused_templates = array_diff($template_list, $used_templates_list);

    echo '';
    print_r($unused_templates);
    echo '';
?>

The post List template pages that are not used in WordPress theme appeared first on DevMaverick.

CSS Zig-Zag line

George-Paul Crețu — Tue, 31 Oct 2023 12:14:28 +0000

Use the CSS code below to create a zig-zag line that can be used as a border.

Copy Code


.element::before {
    height: 29px;
    width: 55px;
    background: linear-gradient(135deg, white 35%, transparent 25%) -25px 0, linear-gradient(225deg, white 35%, transparent 25%) -25px 0, linear-gradient(315deg, white 35%, transparent 25%), linear-gradient(45deg, white 35%, transparent 25%);
    background-color: #ffcc00;
    display: block;
    content: "";
    background-size: 16px 31px;
    background-repeat: repeat-x;
}

This is the Zig Zag line that will result from using the CSS code above on the .element class.

The post CSS Zig-Zag line appeared first on DevMaverick.

Laravel Migration make existing column nullable

George-Paul Crețu — Sun, 29 Oct 2023 18:02:41 +0000

Create a new migration

Copy Code

php artisan make:migration change_description_products_table

In the new file add this to the function up():

Copy Code


Schema::table('your_table_name', function (Blueprint $table) {
    $table->text('your_field_name')->nullable()->change();
});

Make sure you install doctrine/dbal because it’s required for this.

Copy Code

composer require doctrine/dbal

Now you can run your migrations.

Copy Code

php artisan migrate

The post Laravel Migration make existing column nullable appeared first on DevMaverick.

Import MySQL DB gzipped

George-Paul Crețu — Thu, 30 Mar 2023 11:53:26 +0000

Copy Code

zcat /path/to/file.sql.gz | mysql -u 'root' -p database_name

If you also want a progress bar in the terminal, install pv.

Copy Code

apt-get install pv

Import with pv

Copy Code


pv /path/to/file.sql.gz | gunzip | mysql -u 'root' -p database_name

The post Import MySQL DB gzipped appeared first on DevMaverick.

Responsive circle progress SVG

George-Paul Crețu — Thu, 17 Nov 2022 14:29:33 +0000

Replace the stroke-dasharray value in the SVG with the percent progress out of 100. Currently set to 60.

You can do it dynamically with JS.

Copy Code


.circular-chart {
    display: block;
    margin: auto;
    width: 100%;
    height: 100%;
    }
    
    .circle {
    fill: none;
    stroke-width: 1.5;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards;
    }
    
    @keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

The post Responsive circle progress SVG appeared first on DevMaverick.