volkancakil

Flexing pagination arrows

A Pen by Hakim El Hattab on CodePen.

License.

volkancakil

import { Component } from "React";

export var Enhance = ComposedComponent => class extends Component {
  constructor() {
    this.state = { data: null };
  }
  componentDidMount() {
    this.setState({ data: 'Hello' });
  }
  render() {

volkancakil

# Create 1920x1080 resolution mode
xrandr --newmode '1920x1080'  173.00  1920 2048 2248 2576  1080 1083 1088 1120 -hsync +vsync

# Add new resolution mode to the display
xrandr --addmode Virtual1 1920x1080

# Resize the display to use the new resolution mode
xrandr --output Virtual1 --mode '1920x1080' --rate 60

volkancakil

#Simple MongoDB Security Tutorial

###1 - Start mongod without any "security option"

$ mongod --port 27017

volkancakil

#!/bin/bash
# instGlobal.sh
 
echo "instGlobal.sh ...."
 
echo "install package for GNU global..."
sudo apt-get update
sudo apt-get -y install curl
sudo apt-get -y install wget
sudo apt-get -y install ncurses-dev

volkancakil

if [ -s "$HOME/.nvm/nvm.sh" ] && [ ! "$(type -f __init_nvm)" = function ]; then
	export NVM_DIR="$HOME/.nvm"
	[ -s "$NVM_DIR/bash_completion" ] && . "$NVM_DIR/bash_completion"
	declare -a __node_commands;__node_commands=(nvm `find -L $NVM_DIR/versions/*/*/bin -type f -exec basename {} \; | sort -u`)
	function __init_nvm() {
		for i in "${__node_commands[@]}"; do unalias $i; done
		. "$NVM_DIR"/nvm.sh
		unset __node_commands
		unset -f __init_nvm
	}

volkancakil

Dynamic SVG image placeholders

How it works

1. Loads the Potrace Lib (6KB min+gzip)
2. Starts loading the full res source image
3. Meanwhile...
4. Grabs a low res thumbnail from Cloudinary (~5KB)
5. Uses Potrace to generate an svg from the thumbnail
6. Colours and fades the SVG in as a crisp, full-size placeholder

volkancakil

#!/usr/bin/env bash

# A basic Self Signed SSL Certificate utility
# by Andrea Giammarchi @WebReflection

# https://www.webreflection.co.uk/blog/2015/08/08/bringing-ssl-to-your-private-network

# # to make it executable and use it
# $ chmod +x certificate
# $ ./certificate # to read the how-to

volkancakil

import React from "react";
import { Location } from "@reach/router";

let scrollPositions = {};

class ManageScrollImpl extends React.Component {
  componentDidMount() {
    let storage = sessionStorage.getItem("scrollPositions");
    if (storage) {
      scrollPositions = JSON.parse(storage);

volkancakil

Keybase proof

I hereby claim:

• I am volkancakil on github.
• I am volkancakil (https://keybase.io/volkancakil) on keybase.
• I have a public key ASC8wBeKxqT4Ym_vgE2NWwIzijRwt9tWaf_znrA_0s55Dgo

To claim this, I am signing this object: