Skip to content

Instantly share code, notes, and snippets.

View JuanMaRuiz's full-sized avatar
💭
📚Learning

JuanMa Ruiz JuanMaRuiz

💭
📚Learning
View GitHub Profile
[alias]
co = checkout
pd = push origin develop
st = -p status
cm = commit
w = whatchanged
last = cat-file commit HEAD
lg = log --color --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit
ls = show --pretty="format:" --name-only
alias = ! git config --get-regexp ^alias\\. | sed -e s/^alias\\.// -e s/\\ /\\ =\\ /
@JuanMaRuiz
JuanMaRuiz / media-query-dpi.css
Last active May 1, 2021 14:17
Retina Display Media Query for high DPI aware devices. (1.3dpr, 1.5dpr, 2dpr, 3dpr)
/* Device pixel densities based on: */
/* - Test for CSS by @marcedwards from @bjango */
/* (http://bjango.com/articles/min-device-pixel-ratio/) */
/* - Retina Display Media Query */
/* (https://css-tricks.com/snippets/css/retina-display-media-query/)*/
/* 1.25 dpr */
@media
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi){
@JuanMaRuiz
JuanMaRuiz / learning_resources.md
Last active May 9, 2018 19:15 — forked from nathansmith/web-design-development-learning-resources.md
Resources for learning web design & front-end development
@JuanMaRuiz
JuanMaRuiz / front-end-curriculum.md
Created January 22, 2016 20:06 — forked from stevekinney/front-end-curriculum.md
Front-end Curriculum Draft

Module 1

  • Semantic markup
  • HTML standards mode and quirks mode
  • HTML fundamentals
    • Classes and IDs
  • CSS fundamentals
    • Selectors
    • Resets and normalizers
    • The box model
// The path for our ionicons font files, relative to the built CSS in www/css
$ionicons-font-path: "../lib/ionic/fonts" !default;
src:url("#{$ionicons-font-path}/ionicons.eot?v=#{$ionicons-version}");
@JuanMaRuiz
JuanMaRuiz / server.js
Last active June 6, 2016 21:54
How to initialize a simple node server with express.
/* First all you need too install express as a dependency
* $ npm i express --save
* For more information about express visit http://expressjs.com/
*/
var express = require('express');
var app = express();
// __dirname + '/' refers to the folder you have created index.html
app.use('/', express.static(__dirname + '/'));