Frontend Babel

[...] my previous team used. At one point, I was visited by the ridiculous thought that the code style of the new group was written directly opposite to the code style of the previous group [...]

[...] for JavaScript. Browser support: IE Opera Opera Mini Opera Mobile Chrome Firefox Safari 9+ 9+ 5+ 10+ 4+ 4+ 4+ CSS background The content is not [...]

[...] not possible to foresee all the cases. Probably there would be some JavaScript code changing a CSS class. So, we can use spritePosition($sprite) if an image was already in use. Wrap up I've been [...]

[...] show a PNG fallback according to this CSS: This assumes that your page is marked with .ie8 CSS class which detects the current IE version. For better understanding on how it all works, install the [...]

[...] if a browser supports SVG using Modernizr; browsers which do not understand SVG get .no-svg CSS class. With a piece of CSS you can hide the SVG images for the browsers that do not render them: This [...]

[...] . At Yandex they use special tools to produce HTML markup and styles. If you are using CSS preprocessors to generate your styles, you also do not have to repeat block names again and again. Here I' [...]

[...] the group inherit the given style. Additionally, properties of the group are added to the inner elements, without overwriting their own ones. For example, if an element has a red fill, but the group [...]

[...] is possible to use & symbol instead of container name, which is convenient if describing inner elements and pseudo selectors. CSS: LESS (and now SASS as well) allow to use & within a single [...]

[...] which I believe is suitable for any extension. build and dist folders are generic and contain source code and application for distribution, respectively. css, img, and js hold the source code of the [...]

[...] and its supplements in a very natural way; this will make it easier to find them across the source code. As is the convention, the element modifier must not influence inner elements. Placing it at [...]

[...] Once upon a time my colleagues and I met a need to work up a lot of SVG icons. The prerequisites: over 30 colorless SVG images (the color are defined with CSS later). The [...]

[...] Let me introduce myself. I am an Interface Designer at Yandex, and I've been involved with projects like Yandex.Maps and Search Engine Results [...]

[...] images are lossless when being scaled and look nicer with retina displays; Usually the size of SVG data is less than data size of PNG image with the same picture; The image is defined with XML so that [...]