Bernardo Martín Viudez bermartinv

🏠

Working from home

bermartinv / gulpfile.js

Last active June 18, 2018 19:08

My workflow2

	var gulp = require('gulp'); // instalar gulp
	var sass = require('gulp-sass'); // convertir de sass a css
	var autoprefixer = require('gulp-autoprefixer'); // autoprefixer para nuestro codigo css
	var browserSync = require('browser-sync').create(); // conectamos a servidor
	var htmlmin = require('gulp-htmlmin'); // comprime el html
	var imagemin = require('gulp-imagemin'); // comprime imagenes
	var uglify = require('gulp-uglify'); // comprime el js
	var babel = require('gulp-babel'); // transpile js
	var sourcemaps = require('gulp-sourcemaps'); // sourcemaps para js y css, el navegador hace referencia a su linea aunque estén comprimidos
	// var jasmine = require('gulp-jasmine-phantom');

bermartinv / head.html

Last active November 17, 2018 11:54

	<!DOCTYPE>
	<!-- Es importante para los buscadores indicar en que idioma creamos la web -->
	<html lang="en">
	<head>
	<title>Titulo de la web y página en concreto</title>
	<link rel=”shortcut icon” type=”image/png” href=”/favicon.png”/>
	<!-- indica al servidor que el contenido de la página es HTML y codificación de caracteres es UTF-8 -->
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<!-- Indica que codificación usa esta web -->
	<meta charset = "UTF-8" />

bermartinv / reset.css

Last active November 7, 2018 14:36

	html{
	font-size: 14px;
	}


	html, body {
	width: 100%;
	height: 100%;
	font-family: "Open Sans", sans-serif;
	background-color: #fafafa;

bermartinv / @media and viewport .css

Created October 10, 2017 08:06

	/* Definimos todos los tamaños de pantalla */
	@media screen and (max-width:320px){}
	@media screen and (min-width:320px and max-width:480px){}
	@media screen and (min-width:480px and max-width:768){}
	@media screen and (min-width:768px and max-width:1024px){}
	@media screen and (min-width:1024px and max-width:1200px){}

	/* Definimos orientacion del dispositivo */
	@media (orientation:landscape){} // posicion horizontal dispositivo
	@media (orientation:portrait){} // posicion vertical dispositivo

bermartinv / style.css

Last active February 20, 2018 14:59

archivo inicial css

	html,body{
	width: 100%;
	height: 100%;
	font-family: 'Open Sans', sans-serif
	}

	, :after, *:before{
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;

bermartinv / packaje.json

Last active September 5, 2017 11:32

package.json de mi workflow

	{
	"name": "pruebas",
	"version": "1.0.0",
	"description": "",
	"main": "index.js",
	"scripts": {
	"test": "\u001b[A\u001b[A\u001b[A\u001b[A\u001b[C\u001b[B\u001b[B\u001b[D\u001b[Dprueba de gulp\u001b[B\u001b[D\u001b[D\u001b[D\u001b[D\u001bhtml\u001b[D\u001b[D\u001b[D\u001b[D\u001b[D\u001b[D\u001b[D\u001b[D\u001b[D\u001b[\u001b[B\u001b[C"
	},
	"author": "Bernardo Martin",
	"license": "UNLICENSED",

bermartinv / gulpfile.js

Last active September 5, 2017 11:28

my workflow

	var gulp = require('gulp');
	var sass = require('gulp-sass');
	var uglify = require('gulp-uglify');
	var cssnano = require('gulp-cssnano');
	var imagemin = require('gulp-imagemin');
	var autoprefixer = require('gulp-autoprefixer');
	var htmlmin = require('gulp-htmlmin');
	var browserSync = require('browser-sync').create();

	gulp.task('default', ['css','javascript'], function() {

bermartinv / key bindings

Created August 30, 2017 23:08

Caracteriticas de mi sublime

	[
	{ "keys": ["ctrl+shift+n"], "command": "new_window" },
	{ "keys": ["ctrl+shift+w"], "command": "close_window" },
	{ "keys": ["ctrl+o"], "command": "prompt_open_file" },
	{ "keys": ["ctrl+shift+t"], "command": "reopen_last_file" },
	{ "keys": ["alt+o"], "command": "switch_file", "args": {"extensions": ["cpp", "cxx", "cc", "c", "hpp", "hxx", "hh", "h", "ipp", "inl", "m", "mm"]} },
	{ "keys": ["ctrl+n"], "command": "new_file" },
	{ "keys": ["ctrl+s"], "command": "save" },
	{ "keys": ["ctrl+shift+s"], "command": "prompt_save_as" },
	{ "keys": ["ctrl+f4"], "command": "close_file" },