Skip to content

Instantly share code, notes, and snippets.

View miladd3's full-sized avatar
🥒

Milad Dehghan miladd3

🥒
View GitHub Profile
@rleroi
rleroi / .zshrc
Last active May 11, 2022 14:29
Aliases [Mac OS]
#####################################
# Some useful aliases for sharing. #
# Some by me, some found on the web #
#####################################
# Laravel Artisan
alias starthorizon='./artisan horizon'
alias stophorizon="kill \$(ps aux | grep 'php ./artisan horizon' | grep -v grep | head -n1 | awk '{print \$2}') 2> /dev/null && echo 'Horizon stopped'"
alias horizon='stophorizon; starthorizon;'
@jaydenseric
jaydenseric / RouteIndicator.js
Last active November 29, 2023 11:34
A route change indicator for Next.js using React hooks.
import classNameProp from 'class-name-prop';
import { useRouter } from 'next/router';
import React from 'react';
import styles from './RouteIndicator.module.css';
const DONE_DURATION = 250;
export default function RouteIndicator() {
const router = useRouter();
@jofftiquez
jofftiquez / mock-http.js
Last active February 27, 2024 02:23
Mock HTTP request in javascript using promise and timeout.
const mock = (success, timeout = 1000) => {
return new Promise((resolve, reject) => {
setTimeout(() => {
if(success) {
resolve();
} else {
reject({message: 'Error'});
}
}, timeout);
});
@elvism16
elvism16 / rem-calc.scss
Last active August 1, 2023 21:28
sass-function to convert px to rem or em / extracted from the foundation-framework
// This is the default html and body font-size for the base rem value.
$rem-base: 16px !default;
// STRIP UNIT
// It strips the unit of measure and returns it
@function strip-unit($num) {
@return $num / ($num * 0 + 1);
}
// CONVERT TO REM

Why I hate TypeScript

Warning: These views are highly oppinated and might have some slightly incorrect facts. My experience with typescript was about 2 weeks in Node and a week in angular2.

Not Standard

TypeScript is implementing their own take on JavaScript. Some of the things they are writing will likely never make it in an official ES* spec either.

Technologies that have competing spec / community driven development have a history of failing; take: Flash, SilverLight, CoffeeScript, the list goes on. If you have a large code base, picking TypeScript is something your going to be living with for a long time. I can take a bet in 3 years JavaScript will still be around without a doubt.

Its also worth noting that they have built some things like module system and as soon as the spec came out they ditched it and started using that. Have fun updating!

@leymannx
leymannx / gulpfile.js
Last active July 13, 2023 15:29
Gulp Sass with autoprefixer and minify.
var gulp = require('gulp'),
sass = require('gulp-sass'),
rename = require('gulp-rename'),
cssmin = require('gulp-cssnano'),
prefix = require('gulp-autoprefixer'),
plumber = require('gulp-plumber'),
notify = require('gulp-notify'),
sassLint = require('gulp-sass-lint'),
sourcemaps = require('gulp-sourcemaps');
// Temporary solution until gulp 4
@SleepWalker
SleepWalker / swipe.js
Created September 30, 2015 04:59
A simple swipe detection on vanilla js
var touchstartX = 0;
var touchstartY = 0;
var touchendX = 0;
var touchendY = 0;
var gesuredZone = document.getElementById('gesuredZone');
gesuredZone.addEventListener('touchstart', function(event) {
touchstartX = event.screenX;
touchstartY = event.screenY;
@katrinkerber
katrinkerber / Colors.xml
Created May 30, 2011 12:34
Dark Dreamweaver theme based on 'minimal Theme' for TextMate (http://minimaldesign.net/downloads/tools/textmate-theme). Optimised for HTML, CSS, JS and PHP. For installation see http://is.gd/Add9mq. Set background color to #25221C.
<codeColors>
<colorGroup>
<syntaxColor id="CodeColor_HTMLEntity" text="#AECD9D" bold="true" />
<syntaxColor id="CodeColor_JavascriptNative" text="#FCFFE7" />
<syntaxColor id="CodeColor_JavascriptNumber" text="#FBAA21" />
<syntaxColor id="CodeColor_JavascriptClient" text="#FCF296" />
<syntaxColor id="CodeColor_JavascriptSpryKeywords" text="#FF6208" />
<syntaxColor id="CodeColor_JavascriptSpryClasses" text="#FF6208" />
<syntaxColor id="CodeColor_TemplateText" text="#999999" />
<syntaxColor id="CodeColor_TemplateCommentText" text="#82806F" />