Banner de perfil
0

Osman Cruz

@osmancruz

Soy un joven que le gusta mucho el diseño web y con un gran sueño de ser experto en Angular e Ionic :)

Guatemala City, Guatemala

Efecto de Carga (Skeleton-text/Placeholders)

Osman Cruz@osmancruz

Que tal compañeros, he estado trabajando en crear un efecto de loading como es la tendencia actualmente. Pero se me ha dificultado un poco encontrar uno bonito, me gusto mucho el que usa EDteam en sus banners, pero no logro recrear el efecto, logre hacer uno pero aún se ve un poco entre cortado el efecto.

1$base-color: #F6F6F6; 2$shine-color: #F0F0F0; 3$animation-duration: 2.0s; 4$gray: #e8e8e8; 5 6@mixin skeleton-text { 7 background: $gray; 8 background-image: linear-gradient(90deg, $base-color 0px, $shine-color 40px, $base-color 80px); 9 background-size: 600px; 10} 11 12@mixin skeleton-avatar($start: 0, $end: 0) { 13 $name: shine-avatar-#{unique-id()}; 14 @keyframes #{$name} { 15 0% { 16 @if $start != 0 { 17 background-position: $start; 18 } @else { 19 background-position: -100px; 20 } 21 22 } 23 40%, 100% { 24 @if $end != 0 { 25 background-position: $end; 26 } @else { 27 background-position: 140px; 28 } 29 } 30 } 31 32 animation: $name $animation-duration infinite ease-out; 33}
1.icon_card { 2 @include skeleton-text(); 3 @include skeleton-avatar(); 4}

Entonces si alguien me podría ayudar a mejorar el rendimiento de esta animación o lograr replicar la del banner de EDteam estaría super ya que en lo personal me gusta mucho ese efecto que le aplicaron.

adjunto imagen del efecto que yo conseguí, y también del efecto que realiza EDteam.


Ayuda ED-grid (Distribución uso de breakpoint)

Osman Cruz@osmancruz

Hola buenas noches, he estado trabajando con EDgrid bastante tiempo, ahora en su documentación en la parte de Distribución se hizo una actualización donde ahora en los helpers (main-center) ahora se le agrega un breakpoint (s-main-center m-main-end) inicie un nuevo proyecto con esta ultima versión de EDgrid pero no me funcionan esas clases, al momento de importar EDgrid (estoy trabajando con Sass) cuando veo la compilación del css final no me aparecen estas clases. Entonces no se si se debe de agregar una variable más para trabajar con esta nueva funcionalidad que la verdad me sería muy útil poder usarlo pero no he tenido éxito (la versión que estoy utilizando de EDgrid es: "ed-grid": "^2.6.0"

Imagen 1: Documentación, las clases que quiero aplicar pero no e podido.

Imagen 2: Importación de EDgrid en mi proyecto.

Imagen 3: Versión de EDgrid utilizada.

De antemano gracias por su ayuda.


Ionic error Build IOS

Osman Cruz@osmancruz

Que tal buenas tardes, quería saber si alguien me podría apoyar con este error que me da al momento que querer generar el build de mi aplicación para IOS.

llevo casí todo el día investigando y pues no logre encontrar la solución, lo más cerca que estuve de poder encontrar "una solución" fue por medio de este foro de ionic pero no me logro solucionar nada.

Link: https://forum.ionicframework.com/t/ios-build-release-error-is-automatically-signed-for-development-but-a-conflicting-code-signing-identity-iphone-distribution-has-been-manually-specified/100633/7

No se si en esta comunidad se encuentre alguien que sepa de ionic, (espero y si) de igual forma le agradezco por su ayuda.