Video reports from FrontTalks
On September 19, a frontend developer community conference was held in Yekaterinburg.
Below are video recording reports.
')
Preprocessor is no surprise now. With their help, css syntax is simplified, variables, conditions and cycles are added. All this is good and wonderful, but often - not enough. Preprocessors will not allow you to change an existing css that you receive from external sources, will not overwrite links to pictures and fonts when moving files to a new folder, do not sort css-properties in the order you need, and do not remove unnecessary rules from files. In all these cases, as well as in many others, postprocessors will help you.
Flexbox is a great technology with one major drawback: for some reason nobody uses it. I will try to break the common stereotypes about flexboxes and share the experience of using them in a real project. There will be some interesting examples, a story about the features of work in different browsers, folbacks for old IE and interaction with other CSS properties.
The abundance of devices with high-resolution screens encourages developers to use icons in vector formats. Font icons have not become a universal tool because of problems with the display. In the report, Vladimir will talk about using SVG for icons: how to build a file with contours, how to add them to the page and how to avoid common problems.
In our work, we constantly use tools designed to make life easier for us. But how well do we actually own them? And why do we neglect their super powers? For example, Chrome DevTools is not just a debugger and HTML inspector. But when we have a hammer in our hands, we see nails all around. Dozens of megabytes and percentages of CPU usage per browser tab are a sure sign that it's time to learn how to use a microscope.
Below are video recording reports.
How to make Instagram in the browser (Dmitry Dudin, xbSoftware)
- advantages and disadvantages of Canvas, WebGl, SVG and CSS filters and shaders;
- the unknown world of SVG filters, its well-thought-out principles, syntax and rules;
- image processing capabilities range from simple black and white images to nonlinear distortion and gradient maps.
Wap. Embed. Mobile development (Alexey Bakhirev, i-Free)
- Who writes why for J2ME-phones. Why WAP is not the same.
- Restriction of functionality and traffic. Rejection of third-party libraries.
- Problems when building web applications for Android. Problems and their solution.
- Televisions and difficulties of interaction with the remote.
- Substitution of input devices.
')
Why are postprocessors for live preprocessors needed (Alexey Ivanov, JetStyle)
Preprocessor is no surprise now. With their help, css syntax is simplified, variables, conditions and cycles are added. All this is good and wonderful, but often - not enough. Preprocessors will not allow you to change an existing css that you receive from external sources, will not overwrite links to pictures and fonts when moving files to a new folder, do not sort css-properties in the order you need, and do not remove unnecessary rules from files. In all these cases, as well as in many others, postprocessors will help you.
Flexible boxes in practice (Arseny Forstreter, Yandex)
Flexbox is a great technology with one major drawback: for some reason nobody uses it. I will try to break the common stereotypes about flexboxes and share the experience of using them in a real project. There will be some interesting examples, a story about the features of work in different browsers, folbacks for old IE and interaction with other CSS properties.
I love SVG (Vladimir Kuznetsov, Engine6)
The abundance of devices with high-resolution screens encourages developers to use icons in vector formats. Font icons have not become a universal tool because of problems with the display. In the report, Vladimir will talk about using SVG for icons: how to build a file with contours, how to add them to the page and how to avoid common problems.
Super powers Chrome DevTools (Roman Salnikov, 2GIS)
In our work, we constantly use tools designed to make life easier for us. But how well do we actually own them? And why do we neglect their super powers? For example, Chrome DevTools is not just a debugger and HTML inspector. But when we have a hammer in our hands, we see nails all around. Dozens of megabytes and percentages of CPU usage per browser tab are a sure sign that it's time to learn how to use a microscope.
Source: https://habr.com/ru/post/239353/
All Articles