Everyone is hyped about CSS in JS - but is it really worth the hype? Or are there already ways to solve the Problems - maybe even in a better way? We are living in a mostly hype-driven world, where many people have the fear of missing out on the latest technologies. Rockstar developers are pitching their favorite cutting edge technologies almost every day. But mostly in a un-balanced way focusing only on the benefits. In my talk i will visit the hype around CSS in JS as an example. I will have a closer look on the reasons why we should use CSS in JS and why not. This will enable the audience to take a better, non-biased decision about the right technology for them and their projects.
ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ β Π½Π΅ΠΎΡΡΠ΅ΠΌΠ»Π΅ΠΌΠ°Ρ ΡΠ°ΡΡΡ Π»ΡΠ±ΠΎΠ³ΠΎ Π½ΡΠ½Π΅ΡΠ½Π΅Π³ΠΎ Π²Π΅Π±-ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°. ΠΠΈΡΠ°Π»ΠΈΠΉ ΠΠ°Π»Π°ΡΠ½ΠΈΠΊΠΎΠ² ΡΠ°ΡΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΠΏΡΠΎ Π°ΠΏΠΏΠ°ΡΠ°ΡΠ½ΠΎΠ΅ ΡΡΠΊΠΎΡΠ΅Π½ΠΈΠ΅ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΉ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²ΡΡΠΈΡΠ»ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΡΠ΅Ρ Π½ΠΈΠΊΡ ΠΏΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ Π²Π΅β¦
In 1985 pop music was mesmerized by the a-ha βTake on meβ music video. Itβs been almost 35 years since then, the world needs new catchy tunes with impressive video animationsβ¦ on the web. In this taβ¦
Π‘ΡΠ°Π²Π½ΠΈΠΌ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄Ρ ΠΊ ΡΠ΅Π°ΠΊΡΠΈΠ²Π½ΠΎΠΌΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ. ΠΡΡΠ°ΡΠΈΠΌ Π½Π° ΠΏΠΎΠ²Π΅ΡΡ Π½ΠΎΡΡΡ ΠΈΡ ΠΏΠΎΠ΄Π²ΠΎΠ΄Π½ΡΠ΅ ΠΊΠ°ΠΌΠ½ΠΈ. Π ΡΠ°Π·Π±Π΅ΡΡΠΌ ΠΊΠ°ΠΊ ΡΠ΅Π°ΠΊΡΠΈΠ²Π½ΠΎΡΡΡ ΡΠ΅ΡΠ°Π΅Ρ ΠΈΠ»ΠΈ Π½Π°ΠΎΠ±ΠΎΡΠΎΡ ΡΡΡΠ³ΡΠ±Π»ΡΠ΅Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ.
ΠΠ°ΠΊ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°Π±ΠΎΡΡ ΡΡΠΎΠ½ΡΠ΅Π½Π΄Π΅ΡΠΎΠ² ΠΈ Π½Π΅ ΡΠΎΠ·Π΄Π°ΡΡ Π΅ΡΡ ΠΎΠ΄ΠΈΠ½ Π±Π΅ΡΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ Π²Π΅Π»ΠΎΡΠΈΠΏΠ΅Π΄? ΠΠ°ΠΆΠ΄ΡΠΉ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡ Π² ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ ΠΌΠΎΠΌΠ΅Π½Ρ Ρ ΠΎΡΠ΅Ρ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ ΡΠ²ΠΎΡ ΡΠ°Π±ΠΎΡΡ ΡΠΊΡΠΈΠΏΡΠ°ΠΌΠΈ. ΠΠ±ΡΡΠ½ΠΎ ΠΈΠ· ΡΡΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΡΡ Π½Π°Π±β¦
User interfaces are highly dynamic and complex, and structuring stylesheets for every possible state of every component can be a challenge. In this talk, we will explore innovative ways of organizingβ¦
Sure we all know about the power of CSS transitions, we use them day in and day out to animate the state of a button or link; but CSS is capable of so much more when it comes to animation, especiallyβ¦
Π‘Π»Π°ΠΉΠ΄Ρ: http://amp.gs/JZNe
How did you learn CSS? The standard way is in a class, online course, or even during an internship - but what if I told you that you can learn it by making a game. Donβt believe me? Well, I conductedβ¦
"ΠΠ°Π΄Π΅Π½ΡΡΠ΅ Π½Π° Ρ Π΅Π»Π»ΠΎΡΠΈΠ½ ΠΊΠΎΡΡΡΠΌ shared mutable state ΠΈ Π²Ρ Π½Π°ΠΏΡΠ³Π°Π΅ΡΠ΅ ΠΊΡΡΡ ΡΡΠΎΠ½ΡΠ΅Π΄Π΅ΡΠΎΠ²!" ΠΠ°ΡΠ΅ΠΌ Π½ΡΠΆΠ½Ρ ΡΡΠ΅ΠΉΡ-ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅ΡΡ Π½Π° ΡΡΠΎΠ½ΡΠ΅Π½Π΄Π΅, ΡΡΠΎ Π·Π° ΡΡΠ΅ΠΉΡ Ρ ΡΠ°Π½ΠΈΡΡΡ Π² Π½ΠΈΡ ΠΈ Π³Π΄Π΅ ΠΌΠ΅ΡΡΠΎ Π±ΠΈΠ·Π½Π΅Ρ- ΠΈ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ Π»ΠΎΠ³ΠΈΠΊΠ΅, ΡΠ°Π·Π±β¦
Π Π°ΡΡΠΊΠ°ΠΆΡ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄ΠΈΠ» Π°Π΄ΠΌΠΈΠ½ΠΊΡ Π³Π»Π°Π²Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ Ρ Π±ΡΡΡΡΡΠ°ΠΏΠ° Π½Π° Π Π΅Π°ΠΊΡ, Π° ΠΏΠΎΡΠΎΠΌ Π½Π° Π‘Π²Π΅Π»Ρ. Π§ΡΠΎ Π΅ΡΡΡ ΡΡ ΠΎΠΆΠ΅Π³ΠΎ, ΠΊΠ°ΠΊΠΈΠ΅ Π²ΡΠΊΡΡΠ»ΠΈΡΡ ΠΏΠ»ΡΡΡ ΠΈ ΠΌΠΈΠ½ΡΡΡ Π² ΡΠ°ΠΌΠΊΠ°Ρ ΡΠ°ΠΊΠΎΠ³ΠΎ ΠΏΠ΅ΡΠ΅ΠΏΠΈΡΡΠ²Π°Π½ΠΈΡ, ΠΈ Π² ΠΊΠ°ΠΊΠΈΠ΅ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΈΡΡ Π²ΡΠ²β¦
ΠΠ°ΠΆΠ΄ΡΠΉ ΠΊΠΎΠ³Π΄Π°-ΡΠΎ ΡΠ»ΡΡΠ°Π», ΡΡΠΎ Π΄Π΅ΡΠΊΡΠΎΠΏΠ½ΡΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ web-ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ. ΠΠΎ ΠΊΠ°ΠΊ? ΠΠ»Ρ ΡΠ΅Π³ΠΎ? ΠΠΌΠ΅Π½Π½ΠΎ Π½Π° ΡΡΠΈ Π²ΠΎΠΏΡΠΎΡΡ Ρ ΠΏΠΎΡΡΠ°ΡΠ°ΡΡΡ Π²Π°ΠΌ ΠΎΡΠ²Π΅ΡΠΈΡΡ ΠΈ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ, Π½Π°ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΌΠΎΡΠ½ΡΠΌ β¦
ΠΠ½ΠΎΠ³ΠΈΠ΅ ΡΡΠΈΡΠ°ΡΡ, ΡΡΠΎ ΠΈΠ·ΠΎΠ»ΡΡΠΈΡ Π² Shadow DOM ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΠΏΠ»ΡΡΠΎΠΌ, ΡΠ°ΠΊ ΠΈ ΠΌΠΈΠ½ΡΡΠΎΠΌ. Π’Π΅ΠΌ Π±ΠΎΠ»Π΅Π΅, ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ Π΄ΠΎΡ ΠΎΠ΄ΠΈΡ Π΄ΠΎ ΡΡΠΈΠ»Π΅ΠΉ. Π ΡΠ²ΠΎΠ΅ΠΌ Π΄ΠΎΠΊΠ»Π°Π΄Π΅ ΡΠ°ΡΡΠΊΠ°ΠΆΡ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊΠΈΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ Π½Π°ΠΌ ΡΠΎΠ²ΡΠ΅ΠΌβ¦
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ βΡΠ΅ΠΊΠΎΠ½ΡΠΈΠ»ΡΡΠΈΡβ Π² React ΠΈ ΠΊΠ°ΠΊΠΎΠΉ ΠΏΡΡΡ ΠΏΡΠΎΡ ΠΎΠ΄ΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ ΠΎΡ ΠΊΠΎΠ΄Π° Π΄ΠΎ ΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ Π½Π° ΡΠΊΡΠ°Π½, ΠΊΠ°ΠΊΠΈΠ΅ ΡΠ΅Π½Π΄Π΅ΡΠ΅ΡΡ ΡΠΆΠ΅ ΡΡΡΠ΅ΡΡΠ²ΡΡΡ ΠΈ ΠΊΠ°ΠΊ Π½Π°ΠΏΠΈΡΠ°ΡΡ ΡΠ²ΠΎΠΉ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΉ Π½Π° ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ React-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Π²β¦
Π ΠΈΠ½Π΄ΡΡΡΡΠΈΠΈ ΡΠΆΠ΅ Π΄Π°Π²Π½ΠΎ ΡΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π½Ρ ΡΡΠ°Π½Π΄Π°ΡΡΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ β ΡΡΠΎ ΠΈΠ½ΠΈΡΠΈΠ°ΡΠΈΠ²Π° Web Vitals. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΡΡΠΎ Π½Π΅ ΡΡΡΠ°Ρ ΡΠ΅Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠΎΠ² ΠΎΡ Π»ΠΎΠΆΠ½ΡΡ ΠΏΡΡΠ΅ΠΉ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ Performance-ΠΌΠ΅ΡΡΠΈΠΊ.β¦
In 1985 pop music was mesmerized by the a-ha βTake on meβ music video. Itβs been almost 35 years since then, the world needs new catchy tunes with impressive video animationsβ¦ on the web. In this taβ¦
Π― ΡΠ°ΡΡΠΊΠ°ΠΆΡ ΠΈΡΡΠΎΡΠΈΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠ³ΠΎ ΠΏΡΠΎΠ΅ΠΊΡΠ° Π½Π° ΡΡΡΠΊΠ΅ UI, UX ΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ. ΠΠ°ΠΊ ΠΌΠ°Π»Π΅Π½ΡΠΊΠ°Ρ ΠΈΠ΄Π΅Ρ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ³Π»ΠΎΡΠΈΡΡ Π΄Π΅ΡΡΡΠΊΠΈ ΡΠ°ΡΠΎΠ² ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΈ ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ΄ΠΎΠ²ΠΎΠ»ΡΡΡΠ²ΠΈΡ ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΈΠ½Π΅ΡΡΠΈ. Π Π°Π·Π±Π΅ΡΠ΅ΠΌ Π²ΡΠ΅ Π±ΠΎΠ»ΠΈ ΡΠ°Π±ΠΎβ¦
Π Π°ΡΡΠΊΠ°ΠΆΡ ΠΏΡΠΎ ΡΠΎ, ΠΊΠ°ΠΊ Π΄Π΅Π»Π°ΡΡ Π²Π΅Π± Π±ΡΡΡΡΡΠΌ, ΠΏΠΎΡΠ΅ΠΌΡ Π½ΡΠΆΠ½ΠΎ Π·Π°Π½ΠΈΠΌΠ°ΡΡΡΡ ΡΠΊΠΎΡΠΎΡΡΡΡ, ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅ΡΡΡΡ ΡΠΊΠΎΡΠΎΡΡΡ ΠΈ ΠΏΠΎΠΊΠ°ΠΆΡ ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΈΠ· ΠΆΠΈΠ·Π½ΠΈ Π½Π°ΡΡΠΎΡΡΠΈΡ ΡΡΠΊΠΎΡΠ΅Π½ΠΈΠΉ.
So you have a product and are planning to ship to a global audience. But youβre still using dun dun dun hard coded English strings! In this talk, youβll learn how to set up the infrastructure for locβ¦
Π‘ΠΊΠΎΡΠ΅Π΅ Π²ΡΠ΅Π³ΠΎ, Π²Ρ ΡΡΠ°Π»ΠΊΠΈΠ²Π°Π»ΠΈΡΡ Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠΎΠΉ, ΠΊΠΎΠ³Π΄Π° Π²Π°Ρ React-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ Π±ΠΎΠ»ΡΡΠΈΠΌ, ΡΠ»ΠΎΠΆΠ½ΡΠΌ ΠΈ Π² Π½Π΅ΠΌ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΠΊΡΡΠ° ΡΡΠ»ΠΎΠ²ΠΈΠΉ. Π‘ΠΎΠ³Π»Π°ΡΠΈΡΠ΅ΡΡ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΡΠ»ΠΎΠΆΠ½ΠΎ ΡΠΈΡΠ°ΡΡ, ΡΠ΅Π²ΡΡΠΈΡΡ ΠΈ Π²ΠΎΠΎΠ±ΡΠ΅ ΠΏΠΎΠ½ΠΈΠΌΠ°β¦