Our CSS Animation Generator is the perfect tool for web developers and designers! You can build the perfect animation for your project, choosing from a wide variety of predefined animations or customizing any of them through user-friendly options. Tailor properties like name, duration, timing, and delay to suit your design needs, and bring your website to life with seamless motion effects. Perfect for beginners and experts alike, this tool makes creating animations easier, saving you lots of time and effort
Category: Useful tool
Fixing github auth problem, cloning repository to Webstorm IDE
This probably works for other IDEs as well such as VS Code.
My context is Windows 10 and Webstorm version 2024.3.2.1
Problem: was connected to my “work” github account and wanted also to be able to work with repos in my “private” github account.
Added the Github account in webstorm settings -> version control -> github -> (was logged in on github private account in web browser), got web browser authenticate question -> ok
Cloned a repo, got similar to the following git error message:
remote: Repository not found. fatal: repository 'https://github.com/MyUser/MyRepo.git/' not found
The repository exists at that location, its an auth problem.
Solution:
Tried to setup SSH but was a bit difficult, the “GitHub Desktop” application had no problem cloning and pushing though, but wanted it to work within Webstorm.
I tried the Github CLI application, download here: https://cli.github.com/
Open a terminal within Webstorm/at the project root and execute the gh command:
gh auth login
Follow the instructions regarding auth with web browser, (enter the one-time code at https://github.com/login/device).
Output from my terminal:
$ gh auth login ? Where do you use GitHub? GitHub.com ? What is your preferred protocol for Git operations on this host? HTTPS ? Authenticate Git with your GitHub credentials? Yes ? How would you like to authenticate GitHub CLI? Login with a web browser ! First copy your one-time code: ABCD-1234 Press Enter to open https://github.com/login/device in your browser... ✓ Authentication complete. - gh config set -h github.com git_protocol https ✓ Configured git protocol ✓ Logged in as AndreasPlahn
Voila! Now it works for me, at least.
Update:
When pushing from Webstorm I get a dialog (on every push) which github acccount I want to be acting as.
This was annoying. Solved in this way:
(in cmd):
git credential-manager github list
-> see all logged in accounts
git credential-manager github logout <MyGithubAccountName>
-> logout one of the accounts to avoid
More info about git credential-manager in Windows:
https://github.com/git-ecosystem/git-credential-manager/blob/release/docs/usage.md
Host and deploy Angular web app using Azure and Github
I am using Angular v17 and node v18.
In simple steps;
Goto azure portal.
Create a new resource of type “Static Web App”
I choose Github as Deployment source.
Regarding Angular v17, I had problems with the github deployment build actions:
- Node was configured as v16 but angular v17 needs node v18
- path to index.html for dist build could not be found
After Azure has created the static web app for Github deployment the following file is pushed into the repo:
.github/workflow/azure-static-web-apps-[*].yml
I hade to set the following values correctly:
app_location: "./" # App source code path
output_location: "./dist/gps-tracker/browser" # Built app content directory - optional
The output location should point to where the index.html file is located.
You should change the ‘gps-tracker’ to your application name. To find out exactly run ‘ng build’ locally and look into the created dist folder.
Regarding setting node version to 18: I added the following in the yml file:
env: NODE_VERSION: '18.x'
Print screen of node version setting:
Whimsical – simple diagram tooling for software development
Whimsical combines whiteboards and docs in an all-in-one collaboration hub.
Flow charts, mind maps, wireframes
Good starting template for wireframing applications:
https://whimsical.com/wireframe-parts-kit-Ft4RAtBFHfYFa8da1weDuV
C# .NET – Generate error message when “async void” is used in code
The mentioned AsyncFixer extension and Nuget Package are super useful when dealing with async code. They both package a Roslyn analyzer that detects many async issues and provides an automatic fix for them as well in most cases. Using the .editorconfig in Visual Studio you can configure specific warnings as errors:
[*.cs] # AsyncFixer03: Fire-and-forget async-void methods or delegates dotnet_diagnostic.AsyncFixer03.severity = error
And you can set that straight from the Solution Explorer in case you’ve a
Source: c# – Generate error message when “async void” is used in code – Stack Overflow
MindMup – free mind map tool
Create and share mind maps
Capture ideas at the speed of thought – using a mind map maker designed to help you focus on your ideas and remove all the distractions while mindmapping. Create unlimited mind maps for free, and store them in the cloud.
Source: MindMup
Use .http files in Visual Studio 2022
The Visual Studio 2022
.http
file editor provides a convenient way to test ASP.NET Core projects, especially API apps. The editor provides a UI that:
- Creates and updates
.http
files.- Sends HTTP requests specified in
.http
files.- Displays the responses.
This article contains documentation for:
- The
.http
file syntax.- How to use the
.http
file editor.- How to create requests in
.http
files by using the Visual Studio 2022 Endpoints Explorer.The
.http
file format and editor was inspired by the Visual Studio Code REST Client extension. The Visual Studio 2022.http
editor recognizes.rest
as an alternative file extension for the same file format.
Source: Use .http files in Visual Studio 2022 | Microsoft Learn
Meld – Visual diff and merge tool (free/open-source)
Meld Visual diff and merge tool Meld helps you compare files, directories, and version controlled projects. It provides two- and three-way comparison of both files and directories, and has support for many popular version control systems. Meld helps you review code changes and understand patches. It might even help you to figure out what’s going on in that merge you keep avoiding.
Source: Meld
Load/stress testing .NET API with Apache JMeter
In this article, you’re going to dive into the universe of Apache JMeter, one of the most used agnostic load test tools in the software development community by testing it against a REST application created in ASP.NET.
ClosedXML – .NET library for Excel files
ClosedXML is a .NET library for reading, manipulating and writing Excel 2007+ (.xlsx, .xlsm) files. It aims to provide an intuitive and user-friendly interface to dealing with the underlying OpenXML API.
Source: ClosedXML
License: MIT / Open source project
Doc: https://closedxml.readthedocs.io/en/latest/index.html
Wiki: https://github.com/closedxml/closedxml/wiki
ClosedXML is a wrapper of the offical .NET Open XML SDK:
https://github.com/dotnet/Open-XML-SDK