What about internationalization? #AskPolymer -- Polycasts #33

Key Takeaways

a speed all right pc33 take one intro marker hey there polycasters Rob here welcome back to ask polymer the show where you send in your hashtag questions and we do our best to answer them okay our first question today comes from Marco who asks what about internationalization do I have to use an external Javascript framework or is there some specific polymer solution for that so that's a really good question and one that I get all the time uh right now we have an element that will help with internationalization uh you can check it out over here it is called I 18in message it's actually written by uh Eric bman one of our team members and used on a few of our sites and basically the way it works is you take your text you wrap the i18 message tag around your text and then you give it a message ID which is synced up with a Json file that loads different language packs so that is one solution that you can use for internationalization today it's not you know the the bulletproof perfect solution for all scenarios but it is something to get you started and we're also currently working on a new set of elements called carbon elements and our hope is that for those elements sets we'll be rolling out some internationalization solutions as well so thank you for that awesome question Marco all right our next question comes from share who asks with the emphasis on mobile can Ripple and other animations be turned off for 3G and does that matter so that's a really cool question uh for something like the paper Ripple animation you actually can turn that off on your elements if you just add a no ink attribute to the element itself it will disable the Ripple so for instance if you add that to paper button it'll turn it off uh now for something like mobile what you can do is you can use an iron media query to set up a Handler to check the screen size and if it's a smaller screen you can then remove that attribute perhaps if it's a larger screen you could add it back so that way you could you know have it on desktop maybe take it away from Mobile to get kind of Maximum performance there as always you want to be measuring your performance if something does seem like a bottleneck then yeah you know use a strategy to try and remove it so thank you share for that really awesome question all right our next question comes from Mark who asks how do you generate documentation for elements and how do you document packages so to document an element what I typically do is I start with this thing called the seed element project you can check that out over here on GitHub and what that's going to do is give you a boilerplate element as well as in the index file this thing called iron component pages and iron component pages is going to read all the comments in your element itself and generate documentation for you now there's special annotations that you have to use and you can check out this style guide over here which explains the different annotations uh but if you basically work with that project as your starting point for your new elements then you're going to get documentation basically for free it's a pretty cool setup so uh definitely check out seed element and see if that meets your needs so uh thank you Mark for sending in that really cool question okay our next question comes from Nicholas who asks how do you use CSS mixins with media queries so that is an interesting question uh right now with the current limitations of the style shimming system in a media query you can consume variables however you can't set new variables or custom properties so what you can do is use an iron media query element to check the different screen sizes and when it's a smaller screen size you can call polymer's update Styles method and actually like pass in new properties that way there's actually a GitHub issue which discusses this and shows an example of how you can work around it so you can check that out over here and you know for for working with Mixon what I can do is I can throw together a little JS bin and add that to the show description so you can see how that works there as well so thank you nickus for sending in that awesome question okay our last question comes from Jonathan who asks uh could you talk a little bit about the difference between paper list box versus paper menu so yeah uh first of all way to have an Eagle Eye Jonathan and I don't even think paper list box is in our catalog yet it is up on GitHub so you're totally on the ball the way that I understand things is paper lists box is kind of like the select element when you add a multi-attribute to it so you get you know multiple things that you could choose from perhaps you want to even choose like one or two items at the same time however the uh paper menu is sort of more of like a traditional drop down menu so that would be the difference between those two uh again thank you so much for sending in that question Jonathan so that's it for today thank you everyone who sent in those awesome questions if you yourself have a question you can ping us on a social network of your choosing at # ask polymer or leave it for us down below in the comments as always thank you so much for watching and I'll see you next time [Music] up