Skip to content

Instantly share code, notes, and snippets.

View annymosse's full-sized avatar
🇵🇸
I'm busy ,Slow to respond.

Abdelkarim Ben Hamida annymosse

🇵🇸
I'm busy ,Slow to respond.
View GitHub Profile

CSS3 toggle buttons

CSS3 toggle buttons that could be plugged into radio buttons. Using Bootstrap Glyphicons but if your font of choice has symbols can include them instead

A Pen by Michael Watts on CodePen.

License.

CSS Gears

I made these for my new portfolio site. You might be able to use this as a loading animation or something like that. I had this demo up here before but I think codepen ate it. They do look pretty tasty.

A Pen by Alex Tebbs on CodePen.

License.

@annymosse
annymosse / collection-of-animated-loaders.markdown
Created July 11, 2019 18:17
Collection of animated loaders

Collection of animated loaders

Inspired by this article, except I've tried to create one element (no cheating with pseudos) versions. Not meant to reproduce the loaders in the article exactly and may have poorer browser support.

A Pen by Ana Tudor on CodePen.

License.

@annymosse
annymosse / main.go
Created October 22, 2019 19:37 — forked from Pagliacii/main.go
Golang version of the base62 algorithm. Details: https://gist.github.com/bhelx/778542
package main
import (
"fmt"
"log"
"math"
"os"
"regexp"
"strconv"
@annymosse
annymosse / v-cloak.md
Last active March 13, 2020 17:24 — forked from adamwathan/v-cloak.md
Useful CSS utilities for Vue.js cloaking

Handy helpers for controlling visibility of elements until Vue has compiled.

Use like:

<div v-cloak>
  <h1>
    <span class="v-cloak--inline">Loading...</span> <!-- Only displayed before compiling -->
    <span class="v-cloak--hidden">{{ post.title }}</span> <!-- Hidden until compiling is finished -->
 
@annymosse
annymosse / updateCountry_fetch.js
Created March 29, 2020 02:26 — forked from yusinto/updateCountry_fetch.js
Graphql mutation with fetch
const updateCountryFetch = async (countryId, happinessFactor, population) => {
const query = JSON.stringify({
query: `mutation {
updateCountry(
id: "${countryId}"
happinessFactor: ${happinessFactor}
population: ${population}) { id }
}
`
});
@annymosse
annymosse / Knex-Migrations-Seeding.md
Created April 12, 2020 23:49 — forked from NigelEarle/Knex-Migrations-Seeding.md
Migration and seeding instructions using Knex.js!

Migrations & Seeding

What are migrations??

Migrations are a way to make database changes or updates, like creating or dropping tables, as well as updating a table with new columns with constraints via generated scripts. We can build these scripts via the command line using knex command line tool.

To learn more about migrations, check out this article on the different types of database migrations!

Creating/Dropping Tables

1. Clone your fork:

git clone git@github.com:YOUR-USERNAME/YOUR-FORKED-REPO.git

2. Add remote from original repository in your forked repository:

cd into/cloned/fork-repo
git remote add upstream git://github.com/ORIGINAL-DEV-USERNAME/REPO-YOU-FORKED-FROM.git
git fetch upstream
@annymosse
annymosse / cinfo.vbs
Last active May 31, 2020 05:57 — forked from cornfred/cinfo.vbs
VBScript to gather windows computer information via WMI. Can take a Run it with:cscript cinfo.vbs COMPUTERNAMEORcscript cinfo.vbs
if Wscript.Arguments.count > 0 then
strComputer = Wscript.Arguments(0)
else
Wscript.StdOut.Write "Please enter a computer name: "
strComputer = Wscript.StdIn.ReadLine
end if
Set objWMIService = GetObject("winmgmts:" _
& "{impersonationLevel=impersonate}!\\" _
& strComputer & "\root\cimv2")