Skip to content

Instantly share code, notes, and snippets.

View dferrandizmont's full-sized avatar
🏠
Working from home

Daniel Mont Ferrandiz dferrandizmont

🏠
Working from home
  • Terrassa, Barcelona.
  • 04:15 (UTC +02:00)
View GitHub Profile
@dferrandizmont
dferrandizmont / csscheatsheet.md
Created December 16, 2018 10:42
[CSS cheatsheet] #css

/* RGBA Color Specification */

background-color: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.3);

/* Box Shadow Attributes // (Inset or No, Horiz. (px), Vert. (px), Blur Radius, Spread, Shadow Color) */

/* Box Shadow - Standard */ box-shadow: 0px 0px 5px 1px #444;

@dferrandizmont
dferrandizmont / css-selector.md
Created December 16, 2018 10:43
[CSS selector] #css

CSS Selectors Cheatsheet

Element selectors

Element -- selects all h2 elements on the page

h2 {
    foo: bar;
@dferrandizmont
dferrandizmont / sass-cheatsheet.md
Created December 16, 2018 10:44
[SASS cheatsheet] #css #sass

//Single line comments are removed when Sass is compiled to CSS.

/* Multi line comments are preserved. */

/* Variables

@dferrandizmont
dferrandizmont / angular-cheat-reactive-forms.md
Last active December 17, 2018 14:38
[Angular reactive forms] #angular

Reactive Forms

A quick reference guide on how to setup.

How to setup

import ReactiveFormsModule

import { ReactiveFormsModule } from '@angular/forms';
@NgModule ({
@dferrandizmont
dferrandizmont / java-8-cheatsheet.md
Last active December 17, 2018 14:38
[Java 8] Java 8 cheatsheet #java

JAVA 8 - Chuleta

Expresión Lambda

(int a) -> a * 2; // Calcula el doble de a
a -> a * 2; // o simplemente sin tipo
(a, b) -> a + b; // Suma 2 parametros
@dferrandizmont
dferrandizmont / regex-cheatsheet.md
Last active November 12, 2023 02:54
[Regex cheatsheet] #regex

Regular Expressions

Basic Syntax

  • /.../: Start and end regex delimiters
  • |: Alternation
  • (): Grouping
@dferrandizmont
dferrandizmont / markdown-cheatsheet.md
Last active February 26, 2019 14:15
[HTML cheatsheet] #html
@dferrandizmont
dferrandizmont / css-media-queries-cheat-sheet.css
Last active September 20, 2022 18:51
[CSS media queries] #css
/*------------------------------------------
Responsive Grid Media Queries - 1280, 1024, 768, 480
1280-1024 - desktop (default grid)
1024-768 - tablet landscape
768-480 - tablet
480-less - phone landscape & smaller
--------------------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) { }
@media all and (min-width: 768px) and (max-width: 1024px) { }