An Interactive Guide to #CSS #Container_Queries
▻https://ishadeed.com/article/css-container-query-guide
CSS container queries help us to write a truly #fluid #components that change based on their container size. In the next few years, we’ll see less media queries and more container queries. Of course, using media queries will still be useful for general layout stuff.
Home | The Component Gallery
▻https://component.gallery
Designed to be a reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of #interface #components based on examples from the world of #design_systems
Front End Refactored — #components with Vue
▻https://hackernoon.com/front-end-refactored-components-with-vue-907a08a3630?source=rss----3a814
The more I learn about coding, the more inspired I get about how creative and revolutionary some of these ideas are. From the readability of Ruby, to a world of hashes in #javascript, these ideas keep renewing the way we think and evolve the tech world all the time.“No Logic/Coding in Front End”This was a common stereotype that I noticed was common among up and coming developers at Makers Academy, when consulting them over their job prospects and interests.Front End gets a bad reputation for being ‘uninteresting’ because of how people think there is very little codingIn our company we have found it very difficult to find a mid and senior level front end developer to join our team. It does me think about whether this attitude is something that contributes towards developers not wanting commit (...)
The 3 essential rules of really-reusable #javascript #components
▻https://hackernoon.com/the-3-essential-rules-of-really-reusable-javascript-components-123a54d09
How can I reuse this supposedly reusable component in the page I’m building?So you’re using a components-based framework such as #react JS, Vue JS, or the latest Angular? React popularized the idea of components a few years ago as a way to reuse code and build web apps more efficiently.“That’s great in theory, but in my experience these fancy “reusable” things are never reused”, said my skeptical 43 year-old coworker, as I introduced the team to VueJS.As the project went on, it turned out he was mostly right. The emergence of this new paradigm of component-based interfaces has left many questions unanswered:How do you define the scope of a component? How do you decide what should be included in one component, and what should be left to a separate component ?Where do you put the styles?At what (...)