Categories
Article github github actions

Optimize Images with a GitHub Action

I was playing with GitHub Actions the other day. Such a nice tool! Short story: you can have it run code for you, like run your build processes, tests, and deployments. But it’s just configuration files that can run whatever you need. There is a whole marketplace of Actions wanting to do work for you. What I wanted to do was run code to do image optimization. That way I never have to think about it. Any image in the repo has been optimized. There is an action for this already, Calibre’s image-actions, which we’ll leverage here. You’ll also need to ensure Actions is enabled for the repo. I know in my main organization we only flip on Actions on a per-repo basis, which is one of the options. Then you make a file at ./github/workflows/optimize-images.yml. That’s where you can configure this action. All your actions can have separate files, if you want them to. I made this a separate file because (1) it only works with “pushes to pull requests,” so if you have other actions that run on different triggers, they won’t mix nicely, and (2) That’s what is in their docs and looks like the suggested usage. name: Optimize images on: pull_request jobs: build: name: calibreapp/image-actions runs-on: ubuntu-latest steps: – name: Checkout Repo uses: actions/checkout@master – name: Compress Images uses: calibreapp/image-actions@master with: githubToken: ${{ secrets.GITHUB_TOKEN }} Now if you make a pull request, you’ll see it run: That successful run then leaves a comment on the pull request saying what it was able to optimize: It will literally re-commit those files back to the pull request as well, so if you’re going to stay on the pull request and keep working, you’ll need to push again before you can push to get the optimized images. I can look at that automatic commit and see the difference: The commit preview in Git Tower. How I can merge the PR knowing all is well: Pretty cool. Is optimizing your images locally particularly hard? No. Is never having to think about it again better? Yeah. You’re taking on a smidge of technical debt here, but reducing it elsewhere, which is a very fair trade, at least in my book. The post Optimize Images with a GitHub Action appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

Read the rest Optimize Images with a GitHub Action

Read at the original Source: css tricks.

Categories
github Toolkit

Manage Your GitHub Notifications With Octobox

Manage Your GitHub Notifications With Octobox

Categories
chrome github Toolkit web developers

Add Popular GitHub Projects in New Tab with this Chrome Extension



Add Popular GitHub Projects in New Tab with this Chrome Extension

Check out some more great posts over at: hongkiat

Categories
github gitlab Internet News

Minor Mistake, Major Catastrophe – GitLab Goes Offline For a Day



Minor Mistake, Major Catastrophe – GitLab Goes Offline For a Day

Check out some more great posts over at: hongkiat

Categories
github gui kits UI/UX

This GitHub Page Lists Non-JS Alternatives for Common UI Features


This GitHub Page Lists Non-JS Alternatives for Common UI Features
Check out the Source over here: hongkiat