Skip to content

Instantly share code, notes, and snippets.

View dimitrinicolas's full-sized avatar

Dimitri Nicolas dimitrinicolas

88 followers · 285 following
View GitHub Profile
@dimitrinicolas
dimitrinicolas / responsive-img-source.html
Last active August 5, 2018 17:41
Medium: https://medium.com/@dnicolas/learn-how-to-automate-your-images-optimization-process-with-lepto-ad2cf89e2a31
<img srcset="assets/output/icon.png,
assets/output/icon@2x.png 2x,
assets/output/icon@3x.png 3x"
src="assets/output/icon.png" alt="Icon alt">
@dimitrinicolas
dimitrinicolas / lepto.config.json
Last active August 5, 2018 17:46
Medium: https://medium.com/@dnicolas/learn-how-to-automate-your-images-optimization-process-with-lepto-ad2cf89e2a31
{
"input": "assets",
"output": "assets/output",
"watch": true,
"filters": [
{
"glob": "**/*.*",
"use": [
{
"name": "lepto.jpeg",
@dimitrinicolas
dimitrinicolas / notify.ts
Last active February 6, 2019 18:00
Telegram and SMS notifier module
import fetch from 'node-fetch';
import twilio from 'twilio';
const {
NOTIFICATION_PREFIX,
TELEGRAM_CHAT_ID,
TWILIO_ACCOUNT_SID,
TWILIO_FROM_NUMBER,
TWILIO_TO_NUMBER
} = require('../../../config');
@dimitrinicolas
dimitrinicolas / 001.jpg
Last active May 20, 2019 20:48
Some ordinary resources for lazy tester of Lepto, download them with the Download ZIP button upright. Article: https://dev.to/dimitrinicolas/learn-how-to-automate-your-image-optimization-process-with-lepto-890
001.jpg
@dimitrinicolas
dimitrinicolas / README.md
Last active May 27, 2019 20:30
Express Application with Passport session reading with Socker.io
@dimitrinicolas
dimitrinicolas / page.jsx
Last active November 23, 2019 12:20
How to get reCaptcha on multiple Gatsby pages
import React from 'react';
import { Helmet } from 'react-helmet';
import { REACAPTCHA_PUBLIC } from '../config';
const Page = () => {
return (
<React.Fragment>
<Helmet>
<script src={`https://www.google.com/recaptcha/api.js?r=${Math.random()}`} async defer></script>
@dimitrinicolas
dimitrinicolas / extensions
Created February 28, 2020 12:34
VS Code Settings
2gua.rainbow-brackets
bierner.markdown-preview-github-styles
bpruitt-goddard.mermaid-markdown-syntax-highlighting
bungcip.better-toml
christian-kohler.npm-intellisense
chrmarti.regex
cssho.vscode-svgviewer
DavidAnson.vscode-markdownlint
dbaeumer.vscode-eslint
dimitrinicolas.landmannalaugar
@dimitrinicolas
dimitrinicolas / README.md
Last active April 4, 2021 08:52
My repositories, indexed

My repositories, indexed

Front-end modules

  • skeleton-screens-concept - A Skeleton Screens implementation for SPA first load in CSS
  • overflow-color - Automatically switch css html background color to bring a smooth user experience
  • semantic.css - Classless CSS framework for building quick semantic HTML pages prototypes
  • use-mouse-action - React Hooks to listen to both mouse down or up and click events with a once called function

Node.js modules

@dimitrinicolas
dimitrinicolas / index.js
Created July 22, 2021 10:45
Google Docs Options to download print and copy have been disabled on this file reddit
temp1.textContent.replace(/\u200c/g, '');
@dimitrinicolas
dimitrinicolas / use-effect-not-first.js
Created July 30, 2020 08:39
React useEffect not called on first change
import { useRef, useEffect, EffectCallback, DependencyList } from 'react';
/**
* @param {EffectCallback} effect
* @param {DependencyList} [deps]
*/
export const useEffectNotFirst = (effect, deps) => {
const firstUpdate = useRef(true);
useEffect(() => {