Skip to content

Instantly share code, notes, and snippets.

View juanfernandes's full-sized avatar
💭
Available for contract / freelance work

Juan Fernandes juanfernandes

💭
Available for contract / freelance work
40 followers · 58 following
View GitHub Profile
@juanfernandes
juanfernandes / a11y-stylish
Created September 28, 2016 10:40
*:focus {
outline: 2px solid rebeccapurple;
box-shadow: 0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rebeccapurple;
}
@juanfernandes
juanfernandes / delete-all-git-branches-except-current.sh
Created October 2, 2017 14:10 — forked from maurobringolf/delete-all-git-branches-except-current.sh
Deletes all local Git branches except the current one.
#!/usr/bin/env bash
git branch | grep -v $(git rev-parse --abbrev-ref HEAD) | xargs git branch -D
@juanfernandes
juanfernandes / change-class-on-scroll.html
Created December 11, 2017 15:43 — forked from ohiosveryown/change-class-on-scroll.html
Vanilla JS – change/add class based on scroll position.
<div id="header"></div>
<style>
#header {
position: fixed;
background: pink;
height: 72px;
width: 100%;
opacity: 0.2;
transition: all 300ms ease;
@juanfernandes
juanfernandes / hide-dock
Created January 28, 2020 11:12
Permanently hide the Mac OS X dock
defaults write com.apple.Dock autohide-delay -float 1000000 && killall Dock
defaults delete com.apple.Dock autohide-delay
@juanfernandes
juanfernandes / element-classes-and-ids.scss
Created September 11, 2020 09:15 — forked from 5t3ph/element-classes-and-ids-vanilla.css
Tag HTML elements with their class names and IDs to visualize page structure
*[class],
*[id] {
position: relative;
outline: 2px dashed red;
&::before,
&::after {
position: absolute;
top: 0;
left: 0;
@juanfernandes
juanfernandes / colorized-list-bullets.css
Created November 10, 2021 16:10 — forked from 5t3ph/colorized-list-bullets.css
3 Quick Modern CSS Examples
/*
OLD hacky way
*/
ul {
list-style: none;
padding: 0;
}
li {
position: relative;