Skip to content

Instantly share code, notes, and snippets.

View julioest's full-sized avatar

Julio C. Estrada julioest

4 followers · 30 following
  • Miami, FL
  • 17:14 (UTC -04:00)
View GitHub Profile
@KittyGiraudel
KittyGiraudel / main.scss
Last active April 5, 2022 19:11
From: Architecturing a Sass project
// Sass utilities
@import "helpers/variables";
@import "helpers/functions";
@import "helpers/mixins";
@import "helpers/placeholders";
// Vendors and external stylesheets
@import "vendors/bootstrap";
@import "vendors/jquery-ui";
@whizark
whizark / class-naming-convention.md
Last active April 23, 2024 06:25
HTML/CSS Class Naming Convention #html #css #sass
@Khangeldy
Khangeldy / _mixins.scss
Last active January 25, 2017 06:35
Sass
// Box Model
// ==========================================================================
@mixin border-box {
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
@learncodeacademy
learncodeacademy / webpack.config.js
Created January 8, 2016 03:55
Sample Basic Webpack Config
var debug = process.env.NODE_ENV !== "production";
var webpack = require('webpack');
module.exports = {
context: __dirname,
devtool: debug ? "inline-sourcemap" : null,
entry: "./js/scripts.js",
output: {
path: __dirname + "/js",
filename: "scripts.min.js"
@croraf
croraf / gist:ee7017bdda3e3c65881936173df2cbc9
Last active February 24, 2019 01:02
orderme app - backend interfaces description
orderme app backend interfaces with other parts of the app in the following ways:
1. KOA server
a) serves static resources
- single HTML template, which gets managed by React JS - single page application
- webpack-bundled JS which does everything that is done on frontend
- images
b) exposes REST API (endpoints)
REST API is defined by swagger, and can be explored on exposed swagger ui URL (https://order1.herokuapp.com/swagger).
@croraf
croraf / gist:6954b41966452a926400988e45b6543c
Last active February 24, 2019 01:02
orderme app - backend functionalities
Backend, once its interfaces (check https://gist.github.com/croraf/ee7017bdda3e3c65881936173df2cbc9) get initialized on startup (src/index.js file),
is message driven.
Meaning everything that happens is a consequence of receiving a REST message on REST endpoints.
(https://order1.herokuapp.com/swagger)
Therefore, several functionalities can be defined depending on the REST messages received.
As described in interfaces document, each of these messages get processed through 3 layers.
Checking the above swagger URL following functionalities can be seen:
1. CRUD on restaurants
@malarkey
malarkey / custom-properties-boilerplate.css
Created March 14, 2019 20:02
CSS Custom Properties boilerplate
/* CSS Custom Properties */
:root {
--font-family: 'Georgia', serif;
--font-family-alt: 'Helvetica', Arial, sans-serif;
--font-weight: 400;
--font-weight-bold: 700;
--font-weight-black: 900;
/* 3:4 perfect fourth scale */
@JoeyBurzynski
JoeyBurzynski / 55-bytes-of-css.md
Last active July 20, 2024 05:29
58 bytes of css to look great nearly everywhere

58 bytes of CSS to look great nearly everywhere

When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:

main {
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
}
@rafaelrozon
rafaelrozon / react-naming-conventions.md
Last active February 21, 2024 03:43

Naming conventions

What Format Example
Component MyComponentName Button, LoginModal
Action Type [VERB]_[NOUN] TOGGLE_TODO
Action Creator [verb][Noun] toggleTodo
Reducer set[PathToStateKey] setTodosFilter
Selector get/is[PathToStateKey] getTodosById, isTodoCompleted
Story [Feature]Stories TodoStories
@Harry2101
Harry2101 / ChatGPT.md
Last active August 9, 2023 03:39
Description: This Gist contains a curated collection of popular and effective prompts designed for OpenAI's GPT-4 language model, ChatGPT. The prompts are crafted to optimize the model's performance and help you get the best results possible across various domains.