create different ssh key according the article Mac Set-Up Git
$ ssh-keygen -t rsa -C "[email protected]"
norbert norbert-codes
norbert-codes
/ visually-hide-an-element.css
Created
April 20, 2021 23:04
— forked from emmabostian/visually-hide-an-element.css
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .hidden-visually { | |
| position: absolute; | |
| width: 1px; | |
| height: 1px; | |
| margin: -1px; | |
| padding: 0; | |
| border: 0; | |
| overflow: hidden; | |
| clip: rect(0 0 0 0); | |
| } |
norbert-codes
/ styles.css
Created
July 8, 2018 12:54
Removing that ugly :focus ring (and keeping it too) from: https://hackernoon.com/removing-that-ugly-focus-ring-and-keeping-it-too-6c8727fefcd2
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body:not(.user-is-tabbing) { | |
| button:focus, | |
| input:focus, | |
| select:focus, | |
| textarea:focus { | |
| outline: none; | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| // Use IntelliSense to learn about possible attributes. | |
| // Hover to view descriptions of existing attributes. | |
| // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 | |
| "version": "0.2.0", | |
| "configurations": [ | |
| { | |
| "type": "chrome", | |
| "request": "launch", | |
| "name": "Chrome Canary", |
norbert-codes
/ bump-specificity.scss
Created
June 22, 2018 17:53
Bump specificity in CSS with Sass (from: https://www.sassmeister.com/gist/01743ade0575313d44b05ff5ca25c076)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // libsass (v3.5.4) | |
| // ---- | |
| // A sass mixin to produce a specificity bump on a selector by chaining it | |
| @mixin specificity-bump($specificity: 1) { | |
| $selector: "#{&}"; | |
| @for $i from 1 through $specificity { | |
| $selector: $selector + "#{&}"; |
norbert-codes
/ .eslintrc
Last active
June 5, 2018 16:49
Poor mans boilerplate for javascript (React) projects with x0 development server and styled-components to quickly prototype React projects or just components.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "processors": ["stylelint-processor-styled-components"], | |
| "extends": [ | |
| "stylelint-config-standard", | |
| "stylelint-config-styled-components" | |
| ], | |
| "plugins": ["stylelint-order", "stylelint-no-unsupported-browser-features"], | |
| "syntax": "scss", | |
| "rules": { |
norbert-codes
/ fiddle.babel + jsx
Created
March 14, 2018 19:02
— forked from anonymous/fiddle.babel + jsx
RenderOnVisible (source: https://jsfiddle.net/developit/vLbngh73/)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const { h, Component, render } = preact; /** @jsx h */ | |
| let q = []; | |
| function enqueue(fn, delay) { | |
| if (q.push(fn)==1) setTimeout(processQueue, delay); | |
| } | |
| function processQueue() { | |
| let p; | |
| while (p=q.pop()) p(); | |
| } |
norbert-codes
/ atom-tasks.less
Last active
July 31, 2016 14:23
Custom theme for Tasks(taskpaper) package, based on the original Taskpaper3 Mac app colors. Zen package is also used (and styled a bit) to hide UI elements to create a nice, minimalistic style.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // --------------------------------------------- | |
| // Custom styles for TASKS (Taskpaper) | |
| // --------------------------------------------- | |
| // TODO: style notes | |
| // TODO: style bracket matcher | |
| // TODO: bottom-margin for headers | |
| @taskpaper-white: rgb(247, 247, 247); | |
| @taskpaper-black: rgba(0, 0, 0, 0.8); | |
| @taskpaper-gray: rgb(184, 184, 184); |
norbert-codes
/ multiple_ssh_setting.md
Created
May 19, 2016 09:51
— forked from jexchan/multiple_ssh_setting.md
Multiple SSH keys for different github accounts
norbert-codes
/ dont-overthink-grids.scss
Created
May 17, 2016 09:13
Don't overthink it grids based on css-tricks.com article (https://css-tricks.com/dont-overthink-it-grids/).
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| * { | |
| @include box-sizing(border-box); | |
| } | |
| $pad: 20px; | |
| .grid { | |
| background: white; | |
| margin: 0 0 $pad 0; | |
norbert-codes
/ flexbox-grid.scss
Last active
May 13, 2016 22:03
A dead-simple, very basic flexbox based grid, inspired by Glen Madderns talk on CSSConfBP 2016.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //Just for the demo | |
| body { | |
| background: #fafafa; | |
| font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| color: #333; | |
| } | |
| .row { | |
| display: flex; | |
| //min-height set for only the demo |
NewerOlder