Skip to content

Instantly share code, notes, and snippets.

View feyaq13's full-sized avatar
Focusing

Ana feyaq13

Focusing
  • Bell Integrator
  • Saint-P
View GitHub Profile
// create a bookmark and use this code as the URL, you can now toggle the css on/off
// thanks+credit: https://dev.to/gajus/my-favorite-css-hack-32g3
javascript: (function() {
var styleEl = document.getElementById('css-layout-hack');
if (styleEl) {
styleEl.remove();
return;
}
styleEl = document.createElement('style');
styleEl.id = 'css-layout-hack';
@scmx
scmx / git-commit-title-first-word.md
Last active October 12, 2025 17:25
Example list of verbs / first word to use in git commit title #git #commit #title

Example list of first words to use in a git commit title

I like writing well-formed git commits that explain the intention behind why a code change was made.

Check out Chris Beams excellent How to Write a Git Commit Message if you haven't read it.

Anyway, for a project I've been working on I've gathered up 900+ commits that hold up a pretty high quality (except for one 😁). Let's look at some trends about these commits!

Most common first words in commit titles of a project

.grid {
box-sizing: border-box;
display: flex;
margin-left: auto;
margin-right: auto;
flex-wrap: wrap;
max-width: 1400px;
width: 88.5714285714%;
}
@media screen and (max-width: 1020px) {
// FLEXBOX CSS GRID
// by Laptev Pavel
// VARiABLES
// desktop grid
$grid-desktop-columns: 12;
$grid-desktop-sideMargin: 80px;
$grid-desktop-gutter: 40px;
$grid-desktop-breakpoint: 1400px;
/* --------------------------------
Typography
-------------------------------- */
:root {
--font-primary: sans-serif;
--font-secondary: serif;
$base-font-size: 1rem;
$base-line-height: 1.25 * $base-font-size;
$text-settings: (
'xs': (
font-size: .75rem, // 12px
line-height: $base-line-height
),
'sm': (
font-size: .875rem, // 14px
$contrast-colors: (
'dark': (
'primary': rgb(255, 255, 255),
'secondary': rgba(255, 255, 255, .70),
'disabled': rgba(255, 255, 255, .5),
'hint': rgba(255, 255, 255, .12)
),
'light': (
'primary': rgba(0, 0, 0, .87),
'secondary': rgba(0, 0, 0, .54),
@zcaceres
zcaceres / Eyeballing-This.md
Last active July 18, 2025 14:52
Understanding Binding and 'this' in Javascript by zach.dev

How to Eyeball Your ‘This’ Context in Javascript

The early programmer struggles with the Javascript keyword this. But understanding your this context is easier than it seems.

This is all about where a function is invoked. Often, early programmers worry about where the function was declared. Perhaps the function was declared in a specific file or a particular object. Surely this changes it's this!

Nope.

@sadikaya
sadikaya / git-bash-in-webstorm.md
Last active November 26, 2024 15:31
git bash inside Webstorm terminal

Go to File -> Settings -> Tools -> Terminal and change Shell path based on the the installed git version.

for 64bit:

"C:\Program Files\Git\bin\sh.exe" --login -i

for 32bit:

"C:\Program Files (x86)\Git\bin\sh.exe" --login -i
@coco-napky
coco-napky / SCSS Flexbox Grid
Last active November 18, 2022 12:24
Scss grid system based on flexbox
//Credits to : http://codepen.io/absolutholz/post/flex-box-grid-with-sass-mixins
//for this awesome port of Kristopher Joseph's
//awesome www.http://flexboxgrid.com/
//Define your break points : xs, sm, md, lg
$viewport-layouts: (
"xs":("min-width": $xs),
"sm":("min-width": $sm),
"md":("min-width": $md),
"lg":("min-width": $lg)