Skip to content

Instantly share code, notes, and snippets.

View JCervantesB's full-sized avatar

Julio Cervantes JCervantesB

View GitHub Profile
@JCervantesB
JCervantesB / package.json
Last active June 30, 2022 18:53
Dependencias actualizadas del proyecto Bienes Raices
{
"name": "bienesraices",
"version": "1.0.0",
"description": "Curso Desarrollo Web Completo",
"main": "gulpfile.js",
"scripts": {
"dev": "gulp"
},
"author": "Juan De La Torre",
"license": "ISC",
@JCervantesB
JCervantesB / styles.css freelancer
Created March 2, 2022 16:34
Gist del CSS del Proyecto Freelancer
:root{
--blanco: #FFFFFF;
--oscuro: #212121;
--primario: #FFC107;
--secundario: #0097A7;
--gris: #757575;
--fuente-principal: 3.8rem;
--grisClado: #DFE9F3;
}
/* Globales */
@JCervantesB
JCervantesB / gulpfile.js bienesraices
Last active April 1, 2022 16:11
gulpfile.js proyecto bienes raices
const { src, dest, watch, series, parallel } = require('gulp');
const sass = require('gulp-sass')(require('sass'));
const autoprefixer = require('autoprefixer');
const postcss = require('gulp-postcss')
const sourcemaps = require('gulp-sourcemaps')
const cssnano = require('cssnano');
const concat = require('gulp-concat');
const terser = require('gulp-terser-js');
const rename = require('gulp-rename');
const imagemin = require('gulp-imagemin'); // Minificar imagenes
/*!
* Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{f
@JCervantesB
JCervantesB / Alternativa a imagemin, gulp-webp y gulp-avif
Created March 10, 2022 15:13
Debido a que tuve algunos incovenientes con imagemin, encontré otra forma con gulp-libsquoosh, hace lo mismo pero solo se requiere esa dependencia para minificar las imagenes asi como para convertirlas en webp y avif.
Instalar
npm install --save-dev gulp-libsquoosh
Variable
const squoosh = require('gulp-libsquoosh');
@JCervantesB
JCervantesB / gulpfile.js
Created March 15, 2022 15:31
FestivalMusica
const { src, dest, watch, parallel } = require('gulp');
// CSS
const sass = require('gulp-sass')(require('sass'));
const plumber = require('gulp-plumber');
const autoprefixer = require('autoprefixer');
const cssnano = require('cssnano');
const postcss = require('gulp-postcss');
const sourcemaps = require('gulp-sourcemaps');
@JCervantesB
JCervantesB / gulpfile.js
Last active July 27, 2022 01:27
FestivalMusica
const { src, dest, watch, parallel } = require('gulp');
// CSS
const sass = require('gulp-sass')(require('sass'));
const plumber = require('gulp-plumber');
const autoprefixer = require('autoprefixer');
const cssnano = require('cssnano');
const postcss = require('gulp-postcss');
const sourcemaps = require('gulp-sourcemaps');
@JCervantesB
JCervantesB / style.css
Created March 15, 2022 20:10
Hoja de estilos proyecto freelance
:root {
--blanco: #ffffff;
--primario: #FFC107;
--secundario: #0097A7;
--gris: #757575;
--oscuro: #212121;
}
html {
box-sizing: border-box;
min-height: 100%;
@JCervantesB
JCervantesB / .htaccess para public
Last active October 13, 2024 07:27
htaccess para proyectos MVC CodigoConJuan
<IfModule mod_negotiation.c>
Options -MultiViews
</IfModule>
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^(.*)$ index.php/$1 [QSA,PT,L]
</IfModule>
@JCervantesB
JCervantesB / gulpfile.js
Last active April 7, 2022 17:34
AppSalon
const { src, dest, watch, series, parallel } = require('gulp');
const sass = require('gulp-sass')(require('sass'));
const autoprefixer = require('autoprefixer');
const postcss = require('gulp-postcss')
const sourcemaps = require('gulp-sourcemaps')
const cssnano = require('cssnano');
const concat = require('gulp-concat');
const terser = require('gulp-terser-js');
const rename = require('gulp-rename');
const imagemin = require('gulp-imagemin'); // Minificar imagenes