How to automate your web developer's routine with Gulp

Stratakis Stavros — Thu, 13 Oct 2022 19:22:01 +0000

I was on a complete mess while i was trying to minify CSS, JavaScript and image files in my daily routine at the office. I was mainly using software installed on PC and online tools per case!

I felt tired really soon as one tool was better in f.e image compression than the other one. Some others went offline etc. Then i realized that i should search for a better solution and found an open-source JavaScript toolkit named Gulp!
Ye, ye i have not discovered the wheel i know :) however it was important for me to simplify the repeated tasks and at the same time stay organized on the heavier ones.

That was the reason behind the creation of this Gulp tool!

All in one

What i tried is to implement a number of functionalities in one place. I will do a quick presentation below and quote the link on my GitHub for more details.

Export in WebP format

gulp exportWebp
Converting a WebP image file format from png, jpg and gif images was a complex process. That's exactly, it was!

Minify almost everything

This group of processes is so important in web performance sector nowadays. We have now a vary options of minifying images, CSS, JavaScript and html files! Amazing!

Beautify the files

We can beautify a file when it's already minified and we want to apply some changes. I know it's hard that's why this option was implemented!

Remove all files

gulp clean
This command will remove all the files.

My Gulp tool on Github

webgiftdev / gulp-project

Automate web developer's daily routine with Gulp

gulp-project

Automate web developer's daily routine with Gulp.

If you're a terminal nerd and a web developer this tool will help you increase your productivity!

Convert png, jpg and gif images to WebP, minify all these images' types (jpg, png, gif, webp and svg), minify and beautify CSS, JS, HTML are just the begging! Hope you'll love it as i do! Let's get started by Opening the terminal!

Install and configure

Clone the repository

git clone https://github.com/webgiftdev/gulp-project.git

and then

cd gulp-project

Check for node, npm, and npx

Follow these quick start tutorial from Gulp official website and verify if you have installed node, npm and npx.

Install the gulp command line utility

npm install --global gulp-cli

Try sudo npm.. in case that you have privileges issues.

Synchronize your Gulp installation with the required dependencies

npm i -D gulp

Thats it!

Usage

exportWebP

Copy png, jpg and gif images to…

View on GitHub

Hope this tool help you.
Developed and used by webgift dev office.

Elxis CMS v5.3 released

Stratakis Stavros — Fri, 07 Oct 2022 14:37:50 +0000

Elxis is a free Content Management System (CMS) that allows you to easily create websites of any scale from small personal websites and blogs to complex corporate websites and portals without the need of having programming skills!

Download Elxis CMS v5.3 Atlas.

Elxis is open source

Elxis CMS is an open source project released for free under the Elxis Public License (EPL) license. Elxis CMS is provided for free and without any guarantee. The license allows you to develop software that extends Elxis built-in functionality and adapt Elxis to your needs.

Since 2006, when Elxis project begun, Elxis has been downloaded and installed on thousands of websites in all over the world and translated in more than 40 languages. Elxis has been approved a flexible, secure and reliable platform.

Elxis Team

Elxis CMS is being developed by the Elxis Team. Elxis Team is a small team that develops and coordinates the Elxis project. The eldest member and the chief developer of Elxis Team is Ioannis Sannos. Stavros Stratakis is also very active member of Elxis Team.

Our headquarters are located in Athens, Greece. Besides this team there are the Elxis Community Team members that also participate in Elxis development, provide new ideas, report bugs, write documentation, make translations, and many other tasks. Elxis community Team members are vital to the Elxis project.

In Elxis family also belong all of you that use, promote and support Elxis CMS. Elxis project is open to new ideas and people.

Elxis history

Elxis CMS born on December 2005 and its first release, Elxis 2006.0, was on June 2006. Read more about all Elxis releases and the history of Elxis in the Elxis 200x.x series page.

<?php echo 'Welcome to our Elxis CMS world'; ?>

References:
Elxis CMS - Official website

Support:
Elxis Community - forum

Forem: Stratakis Stavros