@dandre_coder

👩‍💻 Software engineer | 💛 Javascript - Angular - React | Building things on @RenkuIO @eth✌️ | 🇨🇴 living in🇨🇭 | co-organizer @medellincss 💙

 Zurich - Switzerland
github.com/andre-code
Joined October 2011
  • Tweets897
  • Following419
  • Followers505
71Media
Andre retweeted
Bramus@bramus16 Sep 2023
Replying to @addyosmani @ChromeDevTools
I've got a quick intro post up on my blog: bram.us/2023/08/22/a-quick-i… Longer post coming to DCC soon(ish) 😉

A quick introduction to CSS @scope

An introductory thread to CSS @scope.

bram.us
2
5
30
4,331
Andre retweeted
Bramus@bramus11 May 2023
The past few months have ushered in a golden era for CSS and Web UI. Here are 20 of the most exciting and impactful features that landed recently or are coming soon. Authored by @una, @argyleink, and yours truly. developer.chrome.com/blog/wh…

What's new in CSS and UI: I/O 2023 Edition  |  Blog  |  Chrome for Developers

The top 20 CSS and UI features highlighted at Google I/O 2023 that you don't want to miss.

developer.chrome.com
1
42
3
157
28,123
Juegos para APRENDER a PROGRAMAR: Python → codedex.io JavaScript → warriorjs.com SQL → mystery.knightlab.com Ethereum → cryptozombies.io CSS → flukeout.github.io Git → ohmygit.org
The Legend of Python

ALT The Legend of Python

67
1,344
13
4,648
Con CSS glass podéis generar efectos de vidrio en CSS 👇 css.glass
11
71
1
388
This developer is living in 2050 already
1,138
26,612
2,039
143,185
#css #webanimations #webdev ¿Queréis comenzar con animaciones CSS? Keyframes es un editor con UI para crear visualmente animaciones CSS. La interfaz gráfica genera el código CSS necesario para que podáis utilizar la animación en cualquier proyecto 👇 keyframes.app
7
78
2
358
¿Crear presentaciones con slides escritas en markdown? 🤯 sli.dev
2
55
1
212
Andre retweeted
Bramus@bramus2 Aug 2022
🎉 Shipping with Chrome 104 (released today) are individual CSS properties to do transforms. From now on you can transform elements with the translate, rotate, and scale properties. Supported in all browser engines! 🔗 Read the post here: web.dev/css-individual-trans…
.target { translate: 50% 0; rotate: 30deg; scale: 1.2; }

ALT .target { translate: 50% 0; rotate: 30deg; scale: 1.2; }

18
278
57
1,414
🚨 Shipping in Chrome 105 is the one you've been waiting for... CSS :has() 🙌 The "parent" selector 🤯 But, it can do much more 💪 Check out my latest article on developer.chrome.com to find out how! Including these CSS only form animations 🔥 👉 developer.chrome.com/blog/ha…
13
149
16
834
Cascading CSS Text Effects! ✨ – Animate/transition on scroll 📜 – Powered by CSS custom properties 💪 Kinda dig the "Expanding" one, how about you? 🤓 👉 codepen.io/jh3y/pen/gOeGmRN via @CodePen
26
245
15
1,513
Me ha gustado mucho esta viñeta para entender la diferencia entre “while” y “do while” 😂
Viñeta en la que aparece el correcaminos parado al borde de un precipicio y encima un bocadillo con un bucle while(not edge) {run()} y el coyote que sigue corriendo después de haberse pasado el precipicio, con un bocadillo encima con un bucle do{ run() } while (not edge)

ALT Viñeta en la que aparece el correcaminos parado al borde de un precipicio y encima un bocadillo con un bucle while(not edge) {run()} y el coyote que sigue corriendo después de haberse pasado el precipicio, con un bocadillo encima con un bucle do{ run() } while (not edge)

7
215
8
942
#css #layout #responsive 📢 10 técnicas modernas de CSS con las que podréis crear layouts en una única línea de código 👇 buff.ly/31JGQpL
21
192
2
810
🎬 Colección gratuita de animaciones CSS para que utilicéis en vuestros proyectos 👇 buff.ly/3MHWUfx
11
161
5
675
Design Patterns to write better code
19
1,128
33
5,347
Hola Comunidad 👋 Ya tenemos fecha para nuestro próximo evento 🎉, el tema es: De Medellín a Montreal... aprendiendo a programar en Francés 📅 Sábado 11 Junio 2022 ⏰ 9:30 a.m. GTM-5 🇨🇴 - 3:30 p.m. GMT+2 🇪🇸 📍: Twitter space @medellincss
2
10
2
11
FrontEnd ❌ BackEnd ❌ WeekEnd ✅
5
164
7
1,345
🚀¿Estáis empezando con @figma? 🔁 Sortearé 5 plazas para un taller de iniciación entre todos los RT ⏰ Sorteo en directo mañana a las 21:00 CEST en Twitch twitch.tv/thecosmicred
13
158
2
132
I need to You only save money live once ( •_•) (•_• ) ( ง )ง ୧( ୧ ) /︶\ /︶\
333
68,004
3,471
272,977
Andre retweeted
React
@reactjs8 Apr 2022
There is an automated migration script that you can use to update your application code. It helps fix the most common issues when migrating TypeScript apps to React 18. github.com/eps1lon/types-rea…

GitHub - eps1lon/types-react-codemod: Collection of transforms for jscodeshift related to `@types...

Collection of transforms for jscodeshift related to `@types/react` - eps1lon/types-react-codemod

github.com
2
25
4
112
Andre retweeted
React
@reactjs8 Apr 2022
While any breaking changes to types are unfortunate, the point of using TypeScript is to catch more errors before they get to production. The changes in the React 18 typings go a long way towards catching issues that were previously silently ignored and caused crashes.
1
13
88
Load more