Skip to content

Instantly share code, notes, and snippets.

View irvingvjuarez's full-sized avatar
🔥
On fire

Irving Juárez irvingvjuarez

🔥
On fire
View GitHub Profile
@irvingvjuarez
irvingvjuarez / Reset button in css
Last active August 10, 2021 16:36
The code to reset a button's styles in css
/* Copy and paste this code into your main css file and add the class 'resetButton' to any button you want to reset */
/* Afterwards, over write new css code to the button */
.resetButton{
background: transparent;
box-shadow: 0px 0px 0px transparent;
border: 0px solid transparent;
text-shadow: 0px 0px 0px transparent;
}
.resetButton:hover {
@irvingvjuarez
irvingvjuarez / Adding Ellipsis to overflow text in html
Last active August 10, 2021 16:39
The necessary css code to add ellipsis when overflow in html text
.overflow-information{
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
width:150px; //change based on when you want the dots to appear
}
/* width */
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
@irvingvjuarez
irvingvjuarez / skeleton.css
Created March 29, 2022 00:17
Skeleton with pure css
.skeleton {
background: linear-gradient(90deg, rgba(250,250,250,1), rgba(200, 199, 199));
background-size: 400% 400%;
animation: loadingAnimation 3s ease-in-out infinite;
}
@keyframes loadingAnimation {
0%{
background-position: 0% 50%;
}
@irvingvjuarez
irvingvjuarez / manifest.json
Created June 10, 2022 17:32
PWA Web Manifest
{
"short_name": "React App",
"name": "Create React App", //Might be a larger name
"icons": [
{
"src": "icon192.png",
"sizes": "192x192",
"type": "image/png" //png | jpg | svg
},
{
.glassmorphism {
background: rgba( 255, 255, 255, 0.25 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );
}
@irvingvjuarez
irvingvjuarez / legacy-provider.ssh
Created July 31, 2022 20:18
Code when the Node version doesn't match
export NODE_OPTIONS=--openssl-legacy-provider
@irvingvjuarez
irvingvjuarez / fetch-forked-repo.ssh
Created August 27, 2022 22:46
How to fetch the latest version from a forked repo
#Once in your forked repo
$ cd PROJECT_NAME
$ git remote add upstream https://github.com/ORIGINAL_OWNER/ORIGINAL_REPOSITORY.git
#If you already did the above step, just fun the following commands
$ git fetch upstream
$ git merge upstream/master master
@irvingvjuarez
irvingvjuarez / .editorconfig
Created September 7, 2022 03:06
Editor configuration for my personal projects
# Editor configuration
root = true
[*]
charset = utf-8
indent_style = tab
indent_size = 2
insert_final_newline = false
trim_trailing_whitespace = true
@irvingvjuarez
irvingvjuarez / gist:e1ba7dcca2a78642e9f9aebbdcf17fcd
Created November 30, 2022 16:25
When git throws the following error: "error: invalid path"
git config core.protectNTFS false