Muy bueno esos resumenes de codigos que dejas debajo del video, estaria bueno lo implementen en todos los otros cursos de platzi, ayuda mucho a fijar los conceptos.
Hola, al parecer la forma de llamar el paquete NPM cambió:
npm install --save-dev postcss-lost
npm ERR! 404 Registry returned 404 for GET on
Lo solucioné de la siguiente manera:
npm install --save-dev gulp gulp-postcss gulp-sourcemaps autoprefixer lost
Si tienen problemas al instalar ‘postcss-lost’ es porque ahora lo encuentras de forma diferente en NPM. Simplemente como0 ‘lost’.
npm install --save-dev lost```
Lost
Nos permite crear un sistema de Grids como en Bootstrap y Foundation
npm i --save-dev lost
lost-center ya incluye el clearfix. no hay que utilizar lost-utility: clearfix con esta variable;
Tengo este error al tratar de implementar lost con los media query
Node#moveTo was deprecated.UseContainer#append.Your current PostCSS version is 6.0.1, but lost uses 5.2.17.Perhapsthis is the source of the error below.events.js:160
Sin el media query funciona bien.
.u-Grid{background: lightgray; lost-center: 800px; lost-utility: clearfix;&-colum{ background-color: pink; lost-column:1/5;/* Con las siguientes dos lineas se cierra el proceso y lanza el error*/ @media(--tablet){ lost-column:1/1;}}}```
Alguna idea de como solucionarlo?
Prueba a actualizar la versión de lost ya que la versión que tienes es compatible con postcss 5.2.17 pero tienes instalada postcss 6.0.1
increible me enamore de postCss
Hola…cual creen que seria la mejor mejor opcion para reemplazar jqgrid y highcharts
hola ayuda cuando escribo la media querie en la clases &-column el proceso se para y me saca error a que se debe?
Comparte el error para poderte ayudar, así es muy difícil ayudarte.
Porque no es aconsejable usar float?
Es mejor usar flexbox, float era la forma anterior de poder maquetar los diseño, pero en algunos tipos de distribución pueden tener comportamiento extraños y no es sencillo hacer cosas responsive usando float, lo mejor es usar flexbox.
tengo este error al tratar de usar
lost-column:1/3; en el media query.
throw er;// Unhandled 'error' event
TypeError:Cannot read property 'split'of undefine
Revisaste el orden del array processors?
Alguien me podria ayudar, con respecto a los @media de el
&-column. Debido a que lo realize tal cual pero no me funciono, incluso coloque mis @custom-media dentro del archivo invie.css de la carpeta src, ya que los tenia en el archivo variables.src. Alguien me podria ayudar este es mi codigo:
Alguien me podria ayudar, con respecto a los @media de el
&-column. Debido a que lo realize tal cual pero no me funciono, incluso coloque mis @custom-media dentro del archivo invie.css de la carpeta src, ya que los tenia en el archivo variables.src. Alguien me podria ayudar este es mi codigo:
Prueba a reordenar los plugins en al array del gulpfile. En el vídeo añade lost(), encima de cssnested y a mí también me daba error, pero en el código bajo el vídeo está debajo de cssnested y me solucionó el problema.
primero que todo, excelente curso, muy buena clase.
ahora les comparto un poco mi experiencia en este caso.
al intentar instalar lost recibia el mensaje de actualizacion del paquete graceful-fs,una dependencia de ese paquete no me permitia instalar lost.
no sirvio simplemente intentar actualizar el paquete, habia que revisar que version de graceful-fs estaba funcionando para cada dependencia, con: npm ls graceful-fs
ahi se observa con cual version de graceful-fs esta trabajando gulp
y esa version en especifica es la que debe actualizarse.
usamos npm install (la version de graceful-fs actual) y luego la version que necesitamos.
ya despues pude instalar lost con normalidad.
quizas es algo tonto, pero no tengo tanta experiencia ni conocimientos, asi que, espero que no le suceda a ninguno, peeeero de ocurrir, asi pude resolverlo.
espero les ayude!
A mi me funcionó la instalación con npm install --save-dev gulp gulp-postcss gulp-sourcemaps autoprefixer lost
Por favor alguien que me diga si es correcto así
Si tienen problemas al instalar ‘postcss-lost’ es porque ahora lo encuentras de forma diferente en NPM. Simplemente como0 ‘lost’.
npm install --save-dev lost
Hacer el layout de una webapp siempre me hizo renegar y perder mucho tiempo para lograr la forma deseada, muchas veces teniéndome que conformar con “lo que sale” en el navegador…
¿Cuál es la verdad de la milanesa?
CSS Flexbox, CSS Grid o Lost? ¿Cuál se recomienda? ¿Que libro definitivo podría revisar?
