ChanMenglin

using System;
using System.Runtime.dll;

namespace DataStructures_Algorithms
{
  class LinkedList<T> where T : class
  {
    public LinkedListNode<T> head { get; set; }
    public LinkedListNode<T> tail { get; set; }

ChanMenglin

Regular Colors

Value	Color
\e[0;30m	Black
\e[0;31m	Red
\e[0;32m	Green
\e[0;33m	Yellow
\e[0;34m	Blue
\e[0;35m	Purple

ChanMenglin

CSS Selectors Cheatsheet

Element selectors

Element -- selects all h2 elements on the page

h2 {
    foo: bar;

ChanMenglin

CSS Grid: Periodic Table

My very first CSS Grid Experiment!

So I can't actually group them together in a cluster like an actual periodic table or it wouldn't make sense or would look too forced 😔

One of my fondest memories of 2018 is when I found the resolve to deactivate Facebook, only to have my team lead tell me I'm in charge of Facebook ads a week later. No escape from Zuckerberg!

A Pen by Menglin Chen on CodePen.

ChanMenglin

<div id="app">
	<div 
		:class="{'poke-classic': classic}"
		class="container"
	>
		<transition name="animate-section">
			<section 
				v-if="!isPlaying && !isDone" 
				class="poke-section"
			>

ChanMenglin

Border playground

It's first iteration of small border editor to play with. Made with Vue

A Pen by Menglin Chen on CodePen.

License.

ChanMenglin

Blockquote Styles

Different styles for showing quotes. Some have gentle animations.

A Pen by Menglin Chen on CodePen.

License.

ChanMenglin

Codevember 6 :: (Dark) Web

Simple lil' hover animation to redact text

A Pen by Menglin Chen on CodePen.

License.

ChanMenglin

<script id="custom-vertex" type="x-shader/x-vertex">
  //
  // GLSL textureless classic 3D noise "cnoise",
  // with an RSL-style periodic variant "pnoise".
  // Author:  Stefan Gustavson ([email protected])
  // Version: 2011-10-11
  //
  // Many thanks to Ian McEwan of Ashima Arts for the
  // ideas for permutation and gradient selection.
  //

ChanMenglin

.page
  .text__container Scroll for cascading text effects!
  .text__container
    .slots(data-splitting='').
      slots

  .text__container
    .roulette(data-splitting='').
      roulette