Skip to content

Instantly share code, notes, and snippets.

View zrobit's full-sized avatar

zrobit ⚡️ zrobit

31 followers · 89 following
View GitHub Profile
@reinvanoyen
reinvanoyen / terminal-prompt-git-branch-zsh.md
Last active May 21, 2025 20:11
Add Git Branch Name to Terminal Prompt (MacOS zsh)

Add Git Branch Name to Terminal Prompt (zsh)

Updated for MacOS with zsh

  • Catalina
  • Big Sur
  • Monterey
  • Ventura
  • Sonoma

screenshot

@DavidKuennen
DavidKuennen / minimal-analytics-snippet.js
Last active March 17, 2025 06:52
Minimal Analytics Snippet
(function (context, trackingId, options) {
const history = context.history;
const doc = document;
const nav = navigator || {};
const storage = localStorage;
const encode = encodeURIComponent;
const pushState = history.pushState;
const typeException = 'exception';
const generateId = () => Math.random().toString(36);
const getId = () => {
@aarongarciah
aarongarciah / ITCSS.md
Last active March 14, 2024 13:52
▽ Managing CSS Projects with ITCSS - Harry Roberts Talk
@gazjoy
gazjoy / css-names.md
Last active June 25, 2022 13:53
Good Wholesome Names Used in CSS
@jansanchez
jansanchez / frontend.md
Last active February 8, 2017 16:42

Desarrollador Front-End

Estamos en busca de un Desarrollador Front-End que tenga:

  • Conocimientos en desarrollo de buenos websites en HTML5, CSS y JS.
  • Criterio profesional y Sentido de la responsabilidad.
  • Que sea Autodidacta.
  • Facilidad para trabajar en equipo.
  • Que nunca se quede conforme con lo que sabe.
@iclanzan
iclanzan / components.md
Last active March 11, 2025 15:47
UI Component Name Ideas

UI component names

As front-end developers we all know the pain of coming up with meaningful component names for CSS classes. I created this gist as a place to collect terms that are suitable as user interface component names.

Please contribute your own ideas!

Interactive components

  • button
@branneman
branneman / better-nodejs-require-paths.md
Last active May 15, 2025 11:17
Better local require() paths for Node.js

Better local require() paths for Node.js

Problem

When the directory structure of your Node.js application (not library!) has some depth, you end up with a lot of annoying relative paths in your require calls like:

const Article = require('../../../../app/models/article');

Those suck for maintenance and they're ugly.

Possible solutions

@motionharvest
motionharvest / gist:6131326
Created August 1, 2013 13:29
Here is a pure javascript asset loader as a Curl.js module. You create a new instance of it each time you want to load assets. Pass it an object with an "assets", "onComplete", and optionally "onProgress" properties. It does the hard work for you.
define(function() {
function BulkLoader(options) {
new LoadingGroup(options.assets);
//Wrap the image loading so we can identify the asset
function ImageLoader(url, id, callback){
var _id = id;
var _url = url;
@dypsilon
dypsilon / frontendDevlopmentBookmarks.md
Last active May 22, 2025 08:10
A badass list of frontend development resources I collected over time.
@hatefulcrawdad
hatefulcrawdad / ie8-grid-foundation-4.css
Last active February 10, 2025 17:32
/* The Grid ---------------------- */
.lt-ie9 .row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.lt-ie9 .row.large-collapse .column,
.lt-ie9 .row.large-collapse .columns { padding: 0; }
.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.lt-ie9 .row .row.large-collapse { margin: 0; }
.lt-ie9 .column, .lt-ie9 .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.lt-ie9 .column.large-centered, .columns.large-centered { float: none; margin: 0 auto; }