Let There Be Peace On CSS
1 like502 views
Cristiano Rastelli presents at a London CSS meetup, discussing the ongoing 'war' within the CSS community, highlighting the conflicts, challenges, and evolution of web standards and technologies. He emphasizes the need for understanding the reasons behind these disputes and advocates for a truce in the community, calling for pragmatism and curiosity rather than dogmatism. The talk reflects on the transformation of CSS into a more professional discipline, akin to the earlier evolution of JavaScript.
Let There Be Peace On CSS
- 1. Cristiano Rastelli – London CSS meetup Let There Be Peace on CSS
- 2. Photo Credits All the photos used in this presentation are from the tv series “War & Peace”, broadcasted on BBC One in 2016. You can see the full photo-gallery here: http://www.bbc.co.uk/programmes/p039wcdk/galleries
- 4. Cristiano Rastelli Front-End / CSS Developer didoo.net / @areaweb MOBILE WEB TEAM
- 5. I am going to tell you a story. A story of war and –hopefully– peace. It’s a war of words, so I won’t use mines, but those of the protagonists.
- 8. The War Declaration CHAPTER ONE - THE WAR
- 9. https://speakerdeck.com/vjeux/react-css-in-js Christopher “Vjeux” Chedeau- React: CSS in JS, 2014
- 10. The Battle CHAPTER ONE - THE WAR
- 11. http://www.zeldman.com/2016/01/05/13913/ Jeffrey Zeldman - Of Patterns and Power: Web Standards Then & Now
- 16. https://medium.com/@bitwiselover/functional-css-with-special-characters-643f25d653c7
- 26. The matter in dispute CHAPTER ONE - THE WAR
- 27. Separation of concerns CSS has inherent problems CSS global scope People use this tech because they don’t know CSS CSS doesn't scale and was never meant for that You’re breaking the web Excessive tooling Cascading and Inheritance
- 28. I don’t want to take a position: I see good reasons and valid points on both “sides” of the contention. What I want to do is to understand the reasons behind this war and do my part to stop it. This talk is about this.
- 29. Been there, seen that CHAPTER ONE - THE WAR
- 30. CHAPTER ONE - THE WAR 2000-2005
- 32. http://www.digital-web.com/articles/separating_behavior_and_structure_2/ JS vs HTML I hope this will convince moderate anti-JavaScripters that JavaScript is on the move towards integration in accessible XHTML/CSS pages, and that there is no fundamental reason to avoid it. Peter-Paul Koch - Separating behavior and structure
- 33. CHAPTER ONE - THE WAR 2006-2010
- 36. CHAPTER ONE - THE WAR 2011-2015
- 37. The 1st JavaScript War https://www.quora.com/What-makes-jQuery-win-the-JavaScript-libraries-wars-instead-of-Dojo-etc https://www.quora.com/Why-did-jQuery-win
- 39. www.softfinity.com/blog/the-battle-of-modern-javascript-frameworks-conclusion-which-one-to-choose/ The 2nd JavaScript War ANGULAR.JS BACKBONE.JS
- 40. https://www.webdirections.org/blog/not-real-programming/ JS vs “Real Programming” There has been another, even longer running constant regarding the web for the last 20 years—working with web technologies is not “programming”, not “real coding”.
- 41. CHAPTER ONE - THE WAR 2015-2017
- 42. https://medium.com/tastejs-blog/yet-another-framework-syndrome-yafs-cf5f694ee070#.1x0cum4l7 Yet Another Framework Syndrome Almost every day, we see new libraries, frameworks and tools being released in the JavaScript community — many of which simply reinvent the wheel.
- 45. INTERLUDE Why
- 46. Recently I have started to ask myself why this war, what is causing it. Because if you understand the causes, you can try to find a solution, (or at least find a truce).
- 47. The Main Causes CHAPTER TWO - THE PEACE
- 48. https://markdalgleish.github.io/presentation-first-class-styles/#11 Mark Dalgleish
- 50. Separation of Concerns Separation of Concerns (only, from a different point of view) JS CSS HTML BUTTON DATEPICKER MODAL LIST LIST-ITEM MEDIA
- 51. https://en.wikipedia.org/wiki/Separation_of_concerns Separation of concerns, not necessarily of technologies
- 52. My understanding CHAPTER TWO - THE PEACE
- 53. CSS is a “young” community "Standard" patterns and architectures started to appear, and developers somehow stopped to fight one against the other for the "best" JS framework to use. The world of the CSS development is undergoing a metamorphosis that the JavaScript world has seen a few years ago, when it was completely transformed by the appearance of web-based applications. JavaScript became a professional language, with its own dignity and business relevance.
- 54. CSS is a “young” community Nowadays you have “CSS developer” as a specific role in a team. As a community we have started to discuss of CSS Architectures and how to use CSS in the specific context of web applications. So maybe we are simply a too young community in that sense, and we never had the necessary discussion about who we are and what we do. Well, maybe that's what is happening to CSS too.
- 55. Non-partisans CHAPTER TWO - THE PEACE
- 57. https://twitter.com/markdalgleish/status/819289589911146496 Mark Dalgleish - @markdalgleish
- 58. http://evolution.berkeley.edu/evolibrary/article/evograms_07 Evolution is not linear
- 60. https://twitter.com/StuRobson/status/757684093329039364 Stuart “Stu” Robson - @StuRobson
- 61. http://adamonishi.com/2016/06/how-to-make-a-chilli/ Adam Onishi - @onishiweb “How to make a Chilli”
- 62. https://benfrain.com/holier-than-thou/ Ben Frain - @benfrain Every few months somebody commits a cardinal sin of web development. They openly discuss or document a technology choice they have made that is contrary to the received wisdom of the ‘web community’. You know what happens next. Other web developers, brave behind their avatars (even those of great standing), use social media to pour scorn on said developer and denounce them for their practice/proclamation. “Holier Than Thou”
- 63. https://css-tricks.com/increasing-wariness-dogmatism/ Chris Coyier - @chriscoyier It's certainly wordier to avoid dogma when you're trying to make a point. But it's more honest. It's more clear. It's showing empathy for people out there doing things different. It makes it easier for others to empathize with you. “My Increasing Wariness of Dogmatism”
- 64. Call for a truce CHAPTER TWO - THE PEACE
- 65. Embrace the ever changing nature of the web. Be careful with your words: they can hurt. Be pragmatic, non dogmatic. But most of all, be curious.
- 66. FINALE The End
- 67. “The two most powerful warriors are patience and time.” – Leo Tolstoy
- 68. Cristiano Rastelli MOBILE WEB TEAM