{"id":6247,"date":"2024-08-29T20:54:57","date_gmt":"2024-08-29T20:54:57","guid":{"rendered":"https:\/\/zmnd.wordpresslab.ru\/webhero\/?page_id=6247"},"modified":"2024-12-21T15:57:32","modified_gmt":"2024-12-21T15:57:32","slug":"mixed-large-and-small","status":"publish","type":"page","link":"https:\/\/zmnd.wordpresslab.ru\/webhero\/stories\/mixed-large-and-small\/","title":{"rendered":"\u0421\u043c\u0435\u0448\u0430\u043d\u043d\u044b\u0435 \u0411\u043b\u043e\u043a\u0438"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6247\" class=\"elementor elementor-6247\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b90aca0 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b90aca0\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b72613a\" data-id=\"b72613a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-395af66 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"395af66\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-bd469e6\" data-id=\"bd469e6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7986a7f elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-templines-hero-title\" data-id=\"7986a7f\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"templines-hero-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"hero-title-wrapper\">\n            <div class=\"hero-title use-icon-off icon- text_animation_disable hero-title-8238 \">\n                <h2 class=\"hero-title-content \" id=\"\">\n                    <span>\u042d\u043a\u0441\u043f\u0435\u0440\u0442 <img class=\"hero-inline-img\"  decoding=\"async\" src=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-content\/uploads\/2024\/09\/paper-clip.svg\"> \u0441\u0442\u0430\u0442\u044c\u0438 <\/span>\n                <\/h2>\n                <div class=\"hero-title-ico\">\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n                \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89e1c69 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-templines-hero-text\" data-id=\"89e1c69\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"templines-hero-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n   \n      <div   class=\"hero-title hero-title-after-text  text_animation_disable       hero-title-3676   hero-title-icon-added    \">\n           <div class=\"hero-title-ico\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"35\" viewBox=\"0 0 32 35\" fill=\"none\"><path d=\"M15.0212 1.67518C15.2432 0.615069 16.7568 0.615068 16.9788 1.67518L18.4709 8.80246C18.6169 9.49961 19.4241 9.82501 20.0128 9.42397L25.7669 5.5035C26.6482 4.90308 27.7317 5.91471 27.193 6.83503L23.3831 13.3447C23.045 13.9225 23.359 14.6629 24.0094 14.8214L31.0136 16.5284C32.0312 16.7764 32.0312 18.2236 31.0136 18.4716L24.0094 20.1786C23.359 20.3371 23.045 21.0775 23.3831 21.6553L27.193 28.165C27.7317 29.0853 26.6482 30.0969 25.7669 29.4965L20.0128 25.576C19.4241 25.175 18.6169 25.5004 18.4709 26.1975L16.9788 33.3248C16.7568 34.3849 15.2432 34.3849 15.0212 33.3248L13.5291 26.1975C13.3831 25.5004 12.5759 25.175 11.9872 25.576L6.23309 29.4965C5.35183 30.0969 4.26834 29.0853 4.80698 28.165L8.61689 21.6553C8.95504 21.0775 8.64104 20.3371 7.99063 20.1786L0.986423 18.4716C-0.0311954 18.2236 -0.0311933 16.7764 0.986425 16.5284L7.99063 14.8214C8.64104 14.6629 8.95504 13.9225 8.61689 13.3447L4.80698 6.83504C4.26834 5.91471 5.35183 4.90308 6.23309 5.5035L11.9872 9.42397C12.5759 9.82501 13.3831 9.49961 13.5291 8.80246L15.0212 1.67518Z\" fill=\"#2D2D2D\"><\/path><\/svg>                  <\/div>\n          \n      <p>\u0412\u044b \u0443\u0437\u043d\u0430\u0435\u0442\u0435 \u043e \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0445 \u0442\u0435\u043d\u0434\u0435\u043d\u0446\u0438\u044f\u0445, \u043f\u043e\u0434\u0435\u043b\u0438\u0442\u0435\u0441\u044c \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439 \u043e\u0431 \u043e\u0442\u0440\u0430\u0441\u043b\u0438 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0441\u043e\u0432\u0435\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043c\u043e\u0433\u0443\u0442 \u0432\u0430\u043c \u0441\u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u043c\u0435\u043d\u044f\u044e\u0449\u0435\u043c\u0441\u044f \u0446\u0438\u0444\u0440\u043e\u0432\u043e\u043c \u043b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u0435.<\/p> \n     \n          \n            \n          \n       \n\n     <\/div>\n\n\n  \n\n\n\n\n  \n    \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5f3a0a6 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5f3a0a6\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-35ae90c\" data-id=\"35ae90c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-891e8d6 elementor-widget elementor-widget-templines-post-list\" data-id=\"891e8d6\" data-element_type=\"widget\" data-widget_type=\"templines-post-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n        <div class=\"page-builder-post-listing\">\n            \n            <div data-link_text=\"\u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u044c\u0448\u0435\" data-per-page=\"24\" data-attr=\"\" id=\"loop-mixed\" \n                 \n                 class=\"ajax_main_block style-title-two     loop-container loop-container--mixed loop-container--mixed-v1  \">\n                \n                \n                \n                \n                \n                <div id=\"widget-891e8d6\" class=\"ajax_list  grid\">   \n            \n                                \n                                     \n \n\n                                \n   \n                    \n                    \n                    \n                    <div class=\"grid__item\" >\n\t\t\t\t\t<article class=\"post-card has-post-card-thumbnail\">\n\t\t\t\t\t\t\t\t\t\n                        <div class=\"regard-wrapper\">\n                         <div class=\"regards-effect regards-effect-5\">\n                     <div class=\"regard-bg\"><\/div>\n                    <div class=\"regard-entry-content\" >\n        <figure class=\"post-card__thumbnail\">\n            <a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/designing-a-dark-mode-is-harder-than-it-looks\/\" aria-hidden=\"true\" tabindex=\"-1\" style=\"padding-top: 66.71875%\" class=\"link--js\">\n                \n            \n            <img decoding=\"async\" fetchpriority=\"high\"  src=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-content\/uploads\/2024\/08\/da7a724b22b4e750cd5fd7fb320393d1.jpg\" alt=\" \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0445\u043e\u0440\u043e\u0448\u0438\u0439 \u0432\u0435\u0431\u0441\u0430\u0439\u0442 \u0441\u043b\u043e\u0436\u043d\u0435\u0435, \u0447\u0435\u043c \u043a\u0430\u0436\u0435\u0442\u0441\u044f\" >\n            \n            \n            <\/a>\n        <\/figure>\n                        \n                          <a class=\"btn-arrow-w btn-arrow-small link--js\" href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/designing-a-dark-mode-is-harder-than-it-looks\/\" rel=\"bookmark\"><div class=\"btn-arrow-f\"><\/div><\/a>\n                        \n                        \n                        \n                             <\/div><\/div>\n                    \n                    \t\t\t\t\n                        <div class=\"post-card__meta\">\n                            <span class=\"cat-links\"><span class=\"screen-reader-text\">Category <\/span>\n              \n                                                                                                                                                        \n                           \u0412\u0434\u043e\u0445\u043d\u043e\u0432\u0435\u043d\u0438\u0435                                       \n                                                                                                                                            \n                                \n                                \n                            <\/span>\n                            <span class=\"posted-on\"><span class=\"screen-reader-text\">\n                                Posted on <\/span>\n                           \n                                    <time class=\"entry__date published\" datetime=\"22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020\">   22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020<\/time>\n                                   \n                            <\/span>\n                        <\/div><!--post-card__meta-->\n                            <\/div>\n\t\t\t\t\t\t<div class=\"post-card__body\">\n\n                            \n                           <h2 class=\"post-card__title\" >\n                            <span><a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/designing-a-dark-mode-is-harder-than-it-looks\/\" rel=\"bookmark\" class=\"link--js\">\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0445\u043e\u0440\u043e\u0448\u0438\u0439 \u0432\u0435\u0431\u0441\u0430\u0439\u0442 \u0441\u043b\u043e\u0436\u043d\u0435\u0435, \u0447\u0435\u043c \u043a\u0430\u0436\u0435\u0442\u0441\u044f<\/a><\/span>\n                            <\/h2>\t\t\t\t\t\n                        \n                        \n                        \n                        <\/div>\n                        \n\t\t\t\t\t<\/article><!-- .post-card -->\n\t\t\t\t<\/div>\n                    \n                    \n                    \n                                        \n                    \n \n            \n             \n\n                    \n                                     \n \n\n                                \n   \n                    \n                    \n                    \n                    <div class=\"grid__item\" >\n\t\t\t\t\t<article class=\"post-card has-post-card-thumbnail\">\n\t\t\t\t\t\t\t\t\t\n                        <div class=\"regard-wrapper\">\n                         <div class=\"regards-effect regards-effect-5\">\n                     <div class=\"regard-bg\"><\/div>\n                    <div class=\"regard-entry-content\" >\n        <figure class=\"post-card__thumbnail\">\n            <a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/why-doesnt-my-css-work-the-way-it-should\/\" aria-hidden=\"true\" tabindex=\"-1\" style=\"padding-top: 66.71875%\" class=\"link--js\">\n                \n            \n            <img decoding=\"async\" fetchpriority=\"high\"  src=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-content\/uploads\/2024\/08\/6cdd69142a2a6a015dbffa1d993e7839.jpg\" alt=\" \u041f\u043e\u0447\u0435\u043c\u0443 \u043c\u043e\u0439 CSS \u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0442\u0430\u043a, \u043a\u0430\u043a \u0434\u043e\u043b\u0436\u0435\u043d?\" >\n            \n            \n            <\/a>\n        <\/figure>\n                        \n                          <a class=\"btn-arrow-w btn-arrow-small link--js\" href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/why-doesnt-my-css-work-the-way-it-should\/\" rel=\"bookmark\"><div class=\"btn-arrow-f\"><\/div><\/a>\n                        \n                        \n                        \n                             <\/div><\/div>\n                    \n                    \t\t\t\t\n                        <div class=\"post-card__meta\">\n                            <span class=\"cat-links\"><span class=\"screen-reader-text\">Category <\/span>\n              \n                                                                                                                                                        \n                           \u0412\u0434\u043e\u0445\u043d\u043e\u0432\u0435\u043d\u0438\u0435                                       \n                                                                                                                                            \n                                \n                                \n                            <\/span>\n                            <span class=\"posted-on\"><span class=\"screen-reader-text\">\n                                Posted on <\/span>\n                           \n                                    <time class=\"entry__date published\" datetime=\"22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020\">   22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020<\/time>\n                                   \n                            <\/span>\n                        <\/div><!--post-card__meta-->\n                            <\/div>\n\t\t\t\t\t\t<div class=\"post-card__body\">\n\n                            \n                           <h2 class=\"post-card__title\" >\n                            <span><a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/why-doesnt-my-css-work-the-way-it-should\/\" rel=\"bookmark\" class=\"link--js\">\u041f\u043e\u0447\u0435\u043c\u0443 \u043c\u043e\u0439 CSS \u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0442\u0430\u043a, \u043a\u0430\u043a \u0434\u043e\u043b\u0436\u0435\u043d?<\/a><\/span>\n                            <\/h2>\t\t\t\t\t\n                        \n                        \n                        \n                        <\/div>\n                        \n\t\t\t\t\t<\/article><!-- .post-card -->\n\t\t\t\t<\/div>\n                    \n                    \n                    \n                                        \n                    \n \n            \n             \n\n                    \n                                     \n \n\n                                \n   \n                    \n                    \n                    \n                    <div class=\"grid__item\" >\n\t\t\t\t\t<article class=\"post-card has-post-card-thumbnail\">\n\t\t\t\t\t\t\t\t\t\n                        <div class=\"regard-wrapper\">\n                         <div class=\"regards-effect regards-effect-5\">\n                     <div class=\"regard-bg\"><\/div>\n                    <div class=\"regard-entry-content\" >\n        <figure class=\"post-card__thumbnail\">\n            <a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/how-to-add-to-an-array-in-react-state-using-hooks\/\" aria-hidden=\"true\" tabindex=\"-1\" style=\"padding-top: 66.71875%\" class=\"link--js\">\n                \n            \n            <img decoding=\"async\" fetchpriority=\"high\"  src=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-content\/uploads\/2024\/08\/0ab55e61c2fedd32feaf08ebd2ced826.jpg\" alt=\" \u041a\u0430\u043a \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432 \u043c\u0430\u0441\u0441\u0438\u0432 \u0432 React State \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0445\u0443\u043a\u043e\u0432\" >\n            \n            \n            <\/a>\n        <\/figure>\n                        \n                          <a class=\"btn-arrow-w btn-arrow-small link--js\" href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/how-to-add-to-an-array-in-react-state-using-hooks\/\" rel=\"bookmark\"><div class=\"btn-arrow-f\"><\/div><\/a>\n                        \n                        \n                        \n                             <\/div><\/div>\n                    \n                    \t\t\t\t\n                        <div class=\"post-card__meta\">\n                            <span class=\"cat-links\"><span class=\"screen-reader-text\">Category <\/span>\n              \n                                                                                                                                                        \n                           \u0414\u0438\u0437\u0430\u0439\u043d                                       \n                                                                                                                                            \n                                \n                                \n                            <\/span>\n                            <span class=\"posted-on\"><span class=\"screen-reader-text\">\n                                Posted on <\/span>\n                           \n                                    <time class=\"entry__date published\" datetime=\"22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020\">   22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020<\/time>\n                                   \n                            <\/span>\n                        <\/div><!--post-card__meta-->\n                            <\/div>\n\t\t\t\t\t\t<div class=\"post-card__body\">\n\n                            \n                           <h2 class=\"post-card__title\" >\n                            <span><a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/how-to-add-to-an-array-in-react-state-using-hooks\/\" rel=\"bookmark\" class=\"link--js\">\u041a\u0430\u043a \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432 \u043c\u0430\u0441\u0441\u0438\u0432 \u0432 React State \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0445\u0443\u043a\u043e\u0432<\/a><\/span>\n                            <\/h2>\t\t\t\t\t\n                        \n                        \n                        \n                        <\/div>\n                        \n\t\t\t\t\t<\/article><!-- .post-card -->\n\t\t\t\t<\/div>\n                    \n                    \n                    \n                                        \n                    \n \n            \n             \n\n                    \n                                     \n \n\n                                \n   \n                    \n                    \n                    \n                    <div class=\"grid__item\" >\n\t\t\t\t\t<article class=\"post-card has-post-card-thumbnail\">\n\t\t\t\t\t\t\t\t\t\n                        <div class=\"regard-wrapper\">\n                         <div class=\"regards-effect regards-effect-5\">\n                     <div class=\"regard-bg\"><\/div>\n                    <div class=\"regard-entry-content\" >\n        <figure class=\"post-card__thumbnail\">\n            <a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/creating-and-drawing-on-an-html5-canvas-using-javascript\/\" aria-hidden=\"true\" tabindex=\"-1\" style=\"padding-top: 66.71875%\" class=\"link--js\">\n                \n            \n            <img decoding=\"async\" fetchpriority=\"high\"  src=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-content\/uploads\/2024\/08\/b2d244339973e34093fa3bbd8d2cd314.jpg\" alt=\" \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0438 \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0430 \u0445\u043e\u043b\u0441\u0442\u0435 HTML5 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e JavaScript\" >\n            \n            \n            <\/a>\n        <\/figure>\n                        \n                          <a class=\"btn-arrow-w btn-arrow-small link--js\" href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/creating-and-drawing-on-an-html5-canvas-using-javascript\/\" rel=\"bookmark\"><div class=\"btn-arrow-f\"><\/div><\/a>\n                        \n                        \n                        \n                             <\/div><\/div>\n                    \n                    \t\t\t\t\n                        <div class=\"post-card__meta\">\n                            <span class=\"cat-links\"><span class=\"screen-reader-text\">Category <\/span>\n              \n                                                                                                                                                        \n                           \u041a\u0440\u0435\u0430\u0442\u0438\u0432                                       \n                                                                                                                                            \n                                \n                                \n                            <\/span>\n                            <span class=\"posted-on\"><span class=\"screen-reader-text\">\n                                Posted on <\/span>\n                           \n                                    <time class=\"entry__date published\" datetime=\"22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020\">   22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020<\/time>\n                                   \n                            <\/span>\n                        <\/div><!--post-card__meta-->\n                            <\/div>\n\t\t\t\t\t\t<div class=\"post-card__body\">\n\n                            \n                           <h2 class=\"post-card__title\" >\n                            <span><a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/creating-and-drawing-on-an-html5-canvas-using-javascript\/\" rel=\"bookmark\" class=\"link--js\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0438 \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0430 \u0445\u043e\u043b\u0441\u0442\u0435 HTML5 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e JavaScript<\/a><\/span>\n                            <\/h2>\t\t\t\t\t\n                        \n                        \n                        \n                        <\/div>\n                        \n\t\t\t\t\t<\/article><!-- .post-card -->\n\t\t\t\t<\/div>\n                    \n                    \n                    \n                                        \n                    \n \n            \n             \n\n                    \n                                     \n \n\n                                \n   \n                    \n                    \n                    \n                    <div class=\"grid__item\" >\n\t\t\t\t\t<article class=\"post-card has-post-card-thumbnail\">\n\t\t\t\t\t\t\t\t\t\n                        <div class=\"regard-wrapper\">\n                         <div class=\"regards-effect regards-effect-5\">\n                     <div class=\"regard-bg\"><\/div>\n                    <div class=\"regard-entry-content\" >\n        <figure class=\"post-card__thumbnail\">\n            <a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/how-to-name-containers-and-wrappers-in-bem\/\" aria-hidden=\"true\" tabindex=\"-1\" style=\"padding-top: 66.71875%\" class=\"link--js\">\n                \n            \n            <img decoding=\"async\" fetchpriority=\"high\"  src=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-content\/uploads\/2024\/08\/0784c2851d46455e0b7f21f6308100be.jpg\" alt=\" \u041a\u0430\u043a \u0438\u043c\u0435\u043d\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u044b \u0438 \u043e\u0431\u0435\u0440\u0442\u043a\u0438 \u0432 BEM\" >\n            \n            \n            <\/a>\n        <\/figure>\n                        \n                          <a class=\"btn-arrow-w btn-arrow-small link--js\" href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/how-to-name-containers-and-wrappers-in-bem\/\" rel=\"bookmark\"><div class=\"btn-arrow-f\"><\/div><\/a>\n                        \n                        \n                        \n                             <\/div><\/div>\n                    \n                    \t\t\t\t\n                        <div class=\"post-card__meta\">\n                            <span class=\"cat-links\"><span class=\"screen-reader-text\">Category <\/span>\n              \n                                                                                                                                                        \n                           \u041a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f                                       \n                                                                                                                                            \n                                \n                                \n                            <\/span>\n                            <span class=\"posted-on\"><span class=\"screen-reader-text\">\n                                Posted on <\/span>\n                           \n                                    <time class=\"entry__date published\" datetime=\"22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020\">   22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020<\/time>\n                                   \n                            <\/span>\n                        <\/div><!--post-card__meta-->\n                            <\/div>\n\t\t\t\t\t\t<div class=\"post-card__body\">\n\n                            \n                           <h2 class=\"post-card__title\" >\n                            <span><a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/how-to-name-containers-and-wrappers-in-bem\/\" rel=\"bookmark\" class=\"link--js\">\u041a\u0430\u043a \u0438\u043c\u0435\u043d\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u044b \u0438 \u043e\u0431\u0435\u0440\u0442\u043a\u0438 \u0432 BEM<\/a><\/span>\n                            <\/h2>\t\t\t\t\t\n                        \n                        \n                        \n                        <\/div>\n                        \n\t\t\t\t\t<\/article><!-- .post-card -->\n\t\t\t\t<\/div>\n                    \n                    \n                    \n                                        \n                    \n \n            \n             \n\n                    \n                                     \n \n\n                                \n   \n                    \n                    \n                    \n                    <div class=\"grid__item\" >\n\t\t\t\t\t<article class=\"post-card has-post-card-thumbnail\">\n\t\t\t\t\t\t\t\t\t\n                        <div class=\"regard-wrapper\">\n                         <div class=\"regards-effect regards-effect-5\">\n                     <div class=\"regard-bg\"><\/div>\n                    <div class=\"regard-entry-content\" >\n        <figure class=\"post-card__thumbnail\">\n            <a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/10-extraordinary-github-repos-for-all-developers\/\" aria-hidden=\"true\" tabindex=\"-1\" style=\"padding-top: 66.71875%\" class=\"link--js\">\n                \n            \n            <img decoding=\"async\" fetchpriority=\"high\"  src=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-content\/uploads\/2024\/08\/54834a08fe48ed10ce3eb965a0e087b2.jpg\" alt=\" 10 \u043d\u0435\u043e\u0431\u044b\u0447\u043d\u044b\u0445 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0435\u0432 GitHub \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432\" >\n            \n            \n            <\/a>\n        <\/figure>\n                        \n                          <a class=\"btn-arrow-w btn-arrow-small link--js\" href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/10-extraordinary-github-repos-for-all-developers\/\" rel=\"bookmark\"><div class=\"btn-arrow-f\"><\/div><\/a>\n                        \n                        \n                        \n                             <\/div><\/div>\n                    \n                    \t\t\t\t\n                        <div class=\"post-card__meta\">\n                            <span class=\"cat-links\"><span class=\"screen-reader-text\">Category <\/span>\n              \n                                                                                                                                                        \n                           \u0411\u0438\u0437\u043d\u0435\u0441                                       \n                                                                                                                                            \n                                \n                                \n                            <\/span>\n                            <span class=\"posted-on\"><span class=\"screen-reader-text\">\n                                Posted on <\/span>\n                           \n                                    <time class=\"entry__date published\" datetime=\"22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020\">   22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020<\/time>\n                                   \n                            <\/span>\n                        <\/div><!--post-card__meta-->\n                            <\/div>\n\t\t\t\t\t\t<div class=\"post-card__body\">\n\n                            \n                           <h2 class=\"post-card__title\" >\n                            <span><a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/10-extraordinary-github-repos-for-all-developers\/\" rel=\"bookmark\" class=\"link--js\">10 \u043d\u0435\u043e\u0431\u044b\u0447\u043d\u044b\u0445 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0435\u0432 GitHub \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432<\/a><\/span>\n                            <\/h2>\t\t\t\t\t\n                        \n                        \n                        \n                        <\/div>\n                        \n\t\t\t\t\t<\/article><!-- .post-card -->\n\t\t\t\t<\/div>\n                    \n                    \n                    \n                                        \n                    \n \n            \n             \n\n                    \n                                     \n \n\n                                \n   \n                    \n                    \n                    \n                    <div class=\"grid__item\" >\n\t\t\t\t\t<article class=\"post-card has-post-card-thumbnail\">\n\t\t\t\t\t\t\t\t\t\n                        <div class=\"regard-wrapper\">\n                         <div class=\"regards-effect regards-effect-5\">\n                     <div class=\"regard-bg\"><\/div>\n                    <div class=\"regard-entry-content\" >\n        <figure class=\"post-card__thumbnail\">\n            <a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/how-to-create-a-simple-web-app-using-javascript\/\" aria-hidden=\"true\" tabindex=\"-1\" style=\"padding-top: 66.71875%\" class=\"link--js\">\n                \n            \n            <img decoding=\"async\" fetchpriority=\"high\"  src=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-content\/uploads\/2024\/08\/563614da346b23ad74c20e170da85c52.jpg\" alt=\" \u041a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u043e\u0435 \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e JavaScript\" >\n            \n            \n            <\/a>\n        <\/figure>\n                        \n                          <a class=\"btn-arrow-w btn-arrow-small link--js\" href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/how-to-create-a-simple-web-app-using-javascript\/\" rel=\"bookmark\"><div class=\"btn-arrow-f\"><\/div><\/a>\n                        \n                        \n                        \n                             <\/div><\/div>\n                    \n                    \t\t\t\t\n                        <div class=\"post-card__meta\">\n                            <span class=\"cat-links\"><span class=\"screen-reader-text\">Category <\/span>\n              \n                                                                                                                                                        \n                           \u0412\u0434\u043e\u0445\u043d\u043e\u0432\u0435\u043d\u0438\u0435                                       \n                                                                                                                                            \n                                \n                                \n                            <\/span>\n                            <span class=\"posted-on\"><span class=\"screen-reader-text\">\n                                Posted on <\/span>\n                           \n                                    <time class=\"entry__date published\" datetime=\"22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020\">   22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020<\/time>\n                                   \n                            <\/span>\n                        <\/div><!--post-card__meta-->\n                            <\/div>\n\t\t\t\t\t\t<div class=\"post-card__body\">\n\n                            \n                           <h2 class=\"post-card__title\" >\n                            <span><a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/how-to-create-a-simple-web-app-using-javascript\/\" rel=\"bookmark\" class=\"link--js\">\u041a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u043e\u0435 \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e JavaScript<\/a><\/span>\n                            <\/h2>\t\t\t\t\t\n                        \n                        \n                        \n                        <\/div>\n                        \n\t\t\t\t\t<\/article><!-- .post-card -->\n\t\t\t\t<\/div>\n                    \n                    \n                    \n                                        \n                    \n \n            \n             \n\n                    \n                                     \n \n\n                                \n   \n                    \n                    \n                    \n                    <div class=\"grid__item\" >\n\t\t\t\t\t<article class=\"post-card has-post-card-thumbnail\">\n\t\t\t\t\t\t\t\t\t\n                        <div class=\"regard-wrapper\">\n                         <div class=\"regards-effect regards-effect-5\">\n                     <div class=\"regard-bg\"><\/div>\n                    <div class=\"regard-entry-content\" >\n        <figure class=\"post-card__thumbnail\">\n            <a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/53-python-interview-questions-and-answers\/\" aria-hidden=\"true\" tabindex=\"-1\" style=\"padding-top: 66.71875%\" class=\"link--js\">\n                \n            \n            <img decoding=\"async\" fetchpriority=\"high\"  src=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-content\/uploads\/2024\/08\/b2d244339973e34093fa3bbd8d2cd314.jpg\" alt=\" 53 \u0432\u043e\u043f\u0440\u043e\u0441\u0430 \u0438 \u043e\u0442\u0432\u0435\u0442\u0430 \u043d\u0430 \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0438 \u043f\u043e Python\" >\n            \n            \n            <\/a>\n        <\/figure>\n                        \n                          <a class=\"btn-arrow-w btn-arrow-small link--js\" href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/53-python-interview-questions-and-answers\/\" rel=\"bookmark\"><div class=\"btn-arrow-f\"><\/div><\/a>\n                        \n                        \n                        \n                             <\/div><\/div>\n                    \n                    \t\t\t\t\n                        <div class=\"post-card__meta\">\n                            <span class=\"cat-links\"><span class=\"screen-reader-text\">Category <\/span>\n              \n                                                                                                                                                        \n                           \u0414\u0438\u0437\u0430\u0439\u043d                                       \n                                                                                                                                            \n                                \n                                \n                            <\/span>\n                            <span class=\"posted-on\"><span class=\"screen-reader-text\">\n                                Posted on <\/span>\n                           \n                                    <time class=\"entry__date published\" datetime=\"22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020\">   22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020<\/time>\n                                   \n                            <\/span>\n                        <\/div><!--post-card__meta-->\n                            <\/div>\n\t\t\t\t\t\t<div class=\"post-card__body\">\n\n                            \n                           <h2 class=\"post-card__title\" >\n                            <span><a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/53-python-interview-questions-and-answers\/\" rel=\"bookmark\" class=\"link--js\">53 \u0432\u043e\u043f\u0440\u043e\u0441\u0430 \u0438 \u043e\u0442\u0432\u0435\u0442\u0430 \u043d\u0430 \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0438 \u043f\u043e Python<\/a><\/span>\n                            <\/h2>\t\t\t\t\t\n                        \n                        \n                        \n                        <\/div>\n                        \n\t\t\t\t\t<\/article><!-- .post-card -->\n\t\t\t\t<\/div>\n                    \n                    \n                    \n                                        \n                    \n \n            \n             \n\n                    \n                                     \n \n\n                                \n   \n                    \n                    \n                    \n                    <div class=\"grid__item\" >\n\t\t\t\t\t<article class=\"post-card has-post-card-thumbnail\">\n\t\t\t\t\t\t\t\t\t\n                        <div class=\"regard-wrapper\">\n                         <div class=\"regards-effect regards-effect-5\">\n                     <div class=\"regard-bg\"><\/div>\n                    <div class=\"regard-entry-content\" >\n        <figure class=\"post-card__thumbnail\">\n            <a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/create-stylish-links-with-css\/\" aria-hidden=\"true\" tabindex=\"-1\" style=\"padding-top: 66.71875%\" class=\"link--js\">\n                \n            \n            <img decoding=\"async\" fetchpriority=\"high\"  src=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-content\/uploads\/2024\/08\/b51b33451b17d0416e1c77022bdb0868.jpg\" alt=\" \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0441\u0442\u0438\u043b\u044c\u043d\u044b\u0445 \u0441\u0441\u044b\u043b\u043e\u043a \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e CSS\" >\n            \n            \n            <\/a>\n        <\/figure>\n                        \n                          <a class=\"btn-arrow-w btn-arrow-small link--js\" href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/create-stylish-links-with-css\/\" rel=\"bookmark\"><div class=\"btn-arrow-f\"><\/div><\/a>\n                        \n                        \n                        \n                             <\/div><\/div>\n                    \n                    \t\t\t\t\n                        <div class=\"post-card__meta\">\n                            <span class=\"cat-links\"><span class=\"screen-reader-text\">Category <\/span>\n              \n                                                                                                                                                        \n                           \u041a\u0440\u0435\u0430\u0442\u0438\u0432                                       \n                                                                                                                                            \n                                \n                                \n                            <\/span>\n                            <span class=\"posted-on\"><span class=\"screen-reader-text\">\n                                Posted on <\/span>\n                           \n                                    <time class=\"entry__date published\" datetime=\"22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020\">   22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020<\/time>\n                                   \n                            <\/span>\n                        <\/div><!--post-card__meta-->\n                            <\/div>\n\t\t\t\t\t\t<div class=\"post-card__body\">\n\n                            \n                           <h2 class=\"post-card__title\" >\n                            <span><a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/create-stylish-links-with-css\/\" rel=\"bookmark\" class=\"link--js\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0441\u0442\u0438\u043b\u044c\u043d\u044b\u0445 \u0441\u0441\u044b\u043b\u043e\u043a \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e CSS<\/a><\/span>\n                            <\/h2>\t\t\t\t\t\n                        \n                        \n                        \n                        <\/div>\n                        \n\t\t\t\t\t<\/article><!-- .post-card -->\n\t\t\t\t<\/div>\n                    \n                    \n                    \n                                        \n                    \n \n            \n             \n\n                    \n                                     \n \n\n                                \n   \n                    \n                    \n                    \n                    <div class=\"grid__item\" >\n\t\t\t\t\t<article class=\"post-card has-post-card-thumbnail\">\n\t\t\t\t\t\t\t\t\t\n                        <div class=\"regard-wrapper\">\n                         <div class=\"regards-effect regards-effect-5\">\n                     <div class=\"regard-bg\"><\/div>\n                    <div class=\"regard-entry-content\" >\n        <figure class=\"post-card__thumbnail\">\n            <a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/a-simple-progressive-web-app-tutorial\/\" aria-hidden=\"true\" tabindex=\"-1\" style=\"padding-top: 66.71875%\" class=\"link--js\">\n                \n            \n            <img decoding=\"async\" fetchpriority=\"high\"  src=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-content\/uploads\/2024\/08\/b6460065e6c881730baf141977ce8abf.jpg\" alt=\" \u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u0443\u0447\u0435\u0431\u043d\u0438\u043a \u043f\u043e \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u0438\u0432\u043d\u044b\u043c \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u043c\" >\n            \n            \n            <\/a>\n        <\/figure>\n                        \n                          <a class=\"btn-arrow-w btn-arrow-small link--js\" href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/a-simple-progressive-web-app-tutorial\/\" rel=\"bookmark\"><div class=\"btn-arrow-f\"><\/div><\/a>\n                        \n                        \n                        \n                             <\/div><\/div>\n                    \n                    \t\t\t\t\n                        <div class=\"post-card__meta\">\n                            <span class=\"cat-links\"><span class=\"screen-reader-text\">Category <\/span>\n              \n                                                                                                                                                        \n                           \u041a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f                                       \n                                                                                                                                            \n                                \n                                \n                            <\/span>\n                            <span class=\"posted-on\"><span class=\"screen-reader-text\">\n                                Posted on <\/span>\n                           \n                                    <time class=\"entry__date published\" datetime=\"22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020\">   22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020<\/time>\n                                   \n                            <\/span>\n                        <\/div><!--post-card__meta-->\n                            <\/div>\n\t\t\t\t\t\t<div class=\"post-card__body\">\n\n                            \n                           <h2 class=\"post-card__title\" >\n                            <span><a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/a-simple-progressive-web-app-tutorial\/\" rel=\"bookmark\" class=\"link--js\">\u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u0443\u0447\u0435\u0431\u043d\u0438\u043a \u043f\u043e \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u0438\u0432\u043d\u044b\u043c \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u043c<\/a><\/span>\n                            <\/h2>\t\t\t\t\t\n                        \n                        \n                        \n                        <\/div>\n                        \n\t\t\t\t\t<\/article><!-- .post-card -->\n\t\t\t\t<\/div>\n                    \n                    \n                    \n                                        \n                    \n \n            \n             \n\n                    \n                                     \n \n\n                                \n   \n                    \n                    \n                    \n                    <div class=\"grid__item\" >\n\t\t\t\t\t<article class=\"post-card has-post-card-thumbnail\">\n\t\t\t\t\t\t\t\t\t\n                        <div class=\"regard-wrapper\">\n                         <div class=\"regards-effect regards-effect-5\">\n                     <div class=\"regard-bg\"><\/div>\n                    <div class=\"regard-entry-content\" >\n        <figure class=\"post-card__thumbnail\">\n            <a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/its-never-too-late-to-become-a-programmer\/\" aria-hidden=\"true\" tabindex=\"-1\" style=\"padding-top: 66.71875%\" class=\"link--js\">\n                \n            \n            <img decoding=\"async\" fetchpriority=\"high\"  src=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-content\/uploads\/2024\/08\/d6c208b427ad6648a9d560507569f59a.jpg\" alt=\" \u0421\u0442\u0430\u0442\u044c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u043e\u043c \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043d\u0435 \u043f\u043e\u0437\u0434\u043d\u043e\" >\n            \n            \n            <\/a>\n        <\/figure>\n                        \n                          <a class=\"btn-arrow-w btn-arrow-small link--js\" href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/its-never-too-late-to-become-a-programmer\/\" rel=\"bookmark\"><div class=\"btn-arrow-f\"><\/div><\/a>\n                        \n                        \n                        \n                             <\/div><\/div>\n                    \n                    \t\t\t\t\n                        <div class=\"post-card__meta\">\n                            <span class=\"cat-links\"><span class=\"screen-reader-text\">Category <\/span>\n              \n                                                                                                                                                        \n                           \u0411\u0438\u0437\u043d\u0435\u0441                                       \n                                                                                                                                            \n                                \n                                \n                            <\/span>\n                            <span class=\"posted-on\"><span class=\"screen-reader-text\">\n                                Posted on <\/span>\n                           \n                                    <time class=\"entry__date published\" datetime=\"22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020\">   22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020<\/time>\n                                   \n                            <\/span>\n                        <\/div><!--post-card__meta-->\n                            <\/div>\n\t\t\t\t\t\t<div class=\"post-card__body\">\n\n                            \n                           <h2 class=\"post-card__title\" >\n                            <span><a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/its-never-too-late-to-become-a-programmer\/\" rel=\"bookmark\" class=\"link--js\">\u0421\u0442\u0430\u0442\u044c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u043e\u043c \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043d\u0435 \u043f\u043e\u0437\u0434\u043d\u043e<\/a><\/span>\n                            <\/h2>\t\t\t\t\t\n                        \n                        \n                        \n                        <\/div>\n                        \n\t\t\t\t\t<\/article><!-- .post-card -->\n\t\t\t\t<\/div>\n                    \n                    \n                    \n                                        \n                    \n \n            \n             \n\n                    \n                                     \n \n\n                                \n   \n                    \n                    \n                    \n                    <div class=\"grid__item\" >\n\t\t\t\t\t<article class=\"post-card has-post-card-thumbnail\">\n\t\t\t\t\t\t\t\t\t\n                        <div class=\"regard-wrapper\">\n                         <div class=\"regards-effect regards-effect-5\">\n                     <div class=\"regard-bg\"><\/div>\n                    <div class=\"regard-entry-content\" >\n        <figure class=\"post-card__thumbnail\">\n            <a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/how-to-become-a-better-developer\/\" aria-hidden=\"true\" tabindex=\"-1\" style=\"padding-top: 66.71875%\" class=\"link--js\">\n                \n            \n            <img decoding=\"async\" fetchpriority=\"high\"  src=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-content\/uploads\/2024\/08\/d056d5f27006ce0dba79f35bd4cb51d1.jpg\" alt=\" \u041a\u0430\u043a \u0441\u0442\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0438\u043c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u043c\" >\n            \n            \n            <\/a>\n        <\/figure>\n                        \n                          <a class=\"btn-arrow-w btn-arrow-small link--js\" href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/how-to-become-a-better-developer\/\" rel=\"bookmark\"><div class=\"btn-arrow-f\"><\/div><\/a>\n                        \n                        \n                        \n                             <\/div><\/div>\n                    \n                    \t\t\t\t\n                        <div class=\"post-card__meta\">\n                            <span class=\"cat-links\"><span class=\"screen-reader-text\">Category <\/span>\n              \n                                                                                                                                                        \n                           \u0412\u0434\u043e\u0445\u043d\u043e\u0432\u0435\u043d\u0438\u0435                                       \n                                                                                                                                            \n                                \n                                \n                            <\/span>\n                            <span class=\"posted-on\"><span class=\"screen-reader-text\">\n                                Posted on <\/span>\n                           \n                                    <time class=\"entry__date published\" datetime=\"22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020\">   22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020<\/time>\n                                   \n                            <\/span>\n                        <\/div><!--post-card__meta-->\n                            <\/div>\n\t\t\t\t\t\t<div class=\"post-card__body\">\n\n                            \n                           <h2 class=\"post-card__title\" >\n                            <span><a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/how-to-become-a-better-developer\/\" rel=\"bookmark\" class=\"link--js\">\u041a\u0430\u043a \u0441\u0442\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0438\u043c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u043c<\/a><\/span>\n                            <\/h2>\t\t\t\t\t\n                        \n                        \n                        \n                        <\/div>\n                        \n\t\t\t\t\t<\/article><!-- .post-card -->\n\t\t\t\t<\/div>\n                    \n                    \n                    \n                                        \n                    \n \n            \n             \n\n                    \n                                     \n \n\n                                \n   \n                    \n                    \n                    \n                    <div class=\"grid__item\" >\n\t\t\t\t\t<article class=\"post-card has-post-card-thumbnail\">\n\t\t\t\t\t\t\t\t\t\n                        <div class=\"regard-wrapper\">\n                         <div class=\"regards-effect regards-effect-5\">\n                     <div class=\"regard-bg\"><\/div>\n                    <div class=\"regard-entry-content\" >\n        <figure class=\"post-card__thumbnail\">\n            <a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/ux-design-glossary-how-to-use-affordances-in-user-interfaces\/\" aria-hidden=\"true\" tabindex=\"-1\" style=\"padding-top: 66.71875%\" class=\"link--js\">\n                \n            \n            <img decoding=\"async\" fetchpriority=\"high\"  src=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-content\/uploads\/2024\/08\/da7a724b22b4e750cd5fd7fb320393d1.jpg\" alt=\" \u0413\u043b\u043e\u0441\u0441\u0430\u0440\u0438\u0439 UX-\u0434\u0438\u0437\u0430\u0439\u043d\u0430: \u041a\u0430\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0432 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0445 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430\u0445\" >\n            \n            \n            <\/a>\n        <\/figure>\n                        \n                          <a class=\"btn-arrow-w btn-arrow-small link--js\" href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/ux-design-glossary-how-to-use-affordances-in-user-interfaces\/\" rel=\"bookmark\"><div class=\"btn-arrow-f\"><\/div><\/a>\n                        \n                        \n                        \n                             <\/div><\/div>\n                    \n                    \t\t\t\t\n                        <div class=\"post-card__meta\">\n                            <span class=\"cat-links\"><span class=\"screen-reader-text\">Category <\/span>\n              \n                                                                                                                                                        \n                           \u0414\u0438\u0437\u0430\u0439\u043d                                       \n                                                                                                                                            \n                                \n                                \n                            <\/span>\n                            <span class=\"posted-on\"><span class=\"screen-reader-text\">\n                                Posted on <\/span>\n                           \n                                    <time class=\"entry__date published\" datetime=\"22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020\">   22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020<\/time>\n                                   \n                            <\/span>\n                        <\/div><!--post-card__meta-->\n                            <\/div>\n\t\t\t\t\t\t<div class=\"post-card__body\">\n\n                            \n                           <h2 class=\"post-card__title\" >\n                            <span><a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/ux-design-glossary-how-to-use-affordances-in-user-interfaces\/\" rel=\"bookmark\" class=\"link--js\">\u0413\u043b\u043e\u0441\u0441\u0430\u0440\u0438\u0439 UX-\u0434\u0438\u0437\u0430\u0439\u043d\u0430: \u041a\u0430\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0432 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0445 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430\u0445<\/a><\/span>\n                            <\/h2>\t\t\t\t\t\n                        \n                        \n                        \n                        <\/div>\n                        \n\t\t\t\t\t<\/article><!-- .post-card -->\n\t\t\t\t<\/div>\n                    \n                    \n                    \n                                        \n                    \n \n            \n             \n\n                    \n                                     \n \n\n                                \n   \n                    \n                    \n                    \n                    <div class=\"grid__item\" >\n\t\t\t\t\t<article class=\"post-card has-post-card-thumbnail\">\n\t\t\t\t\t\t\t\t\t\n                        <div class=\"regard-wrapper\">\n                         <div class=\"regards-effect regards-effect-5\">\n                     <div class=\"regard-bg\"><\/div>\n                    <div class=\"regard-entry-content\" >\n        <figure class=\"post-card__thumbnail\">\n            <a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/choosing-the-right-javascript-bundler-in-2020\/\" aria-hidden=\"true\" tabindex=\"-1\" style=\"padding-top: 66.71875%\" class=\"link--js\">\n                \n            \n            <img decoding=\"async\" fetchpriority=\"high\"  src=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-content\/uploads\/2024\/08\/ef4d94fadc76ef0a7692000efc3ceff9.jpg\" alt=\" \u0412\u044b\u0431\u043e\u0440 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0433\u043e JavaScript Bundler \u0432 2024 \u0433\u043e\u0434\u0443\" >\n            \n            \n            <\/a>\n        <\/figure>\n                        \n                          <a class=\"btn-arrow-w btn-arrow-small link--js\" href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/choosing-the-right-javascript-bundler-in-2020\/\" rel=\"bookmark\"><div class=\"btn-arrow-f\"><\/div><\/a>\n                        \n                        \n                        \n                             <\/div><\/div>\n                    \n                    \t\t\t\t\n                        <div class=\"post-card__meta\">\n                            <span class=\"cat-links\"><span class=\"screen-reader-text\">Category <\/span>\n              \n                                                                                                                                                        \n                           \u041a\u0440\u0435\u0430\u0442\u0438\u0432                                       \n                                                                                                                                            \n                                \n                                \n                            <\/span>\n                            <span class=\"posted-on\"><span class=\"screen-reader-text\">\n                                Posted on <\/span>\n                           \n                                    <time class=\"entry__date published\" datetime=\"22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020\">   22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020<\/time>\n                                   \n                            <\/span>\n                        <\/div><!--post-card__meta-->\n                            <\/div>\n\t\t\t\t\t\t<div class=\"post-card__body\">\n\n                            \n                           <h2 class=\"post-card__title\" >\n                            <span><a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/choosing-the-right-javascript-bundler-in-2020\/\" rel=\"bookmark\" class=\"link--js\">\u0412\u044b\u0431\u043e\u0440 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0433\u043e JavaScript Bundler \u0432 2024 \u0433\u043e\u0434\u0443<\/a><\/span>\n                            <\/h2>\t\t\t\t\t\n                        \n                        \n                        \n                        <\/div>\n                        \n\t\t\t\t\t<\/article><!-- .post-card -->\n\t\t\t\t<\/div>\n                    \n                    \n                    \n                                        \n                    \n \n            \n             \n\n                    \n                                     \n \n\n                                \n   \n                    \n                    \n                    \n                    <div class=\"grid__item\" >\n\t\t\t\t\t<article class=\"post-card has-post-card-thumbnail\">\n\t\t\t\t\t\t\t\t\t\n                        <div class=\"regard-wrapper\">\n                         <div class=\"regards-effect regards-effect-5\">\n                     <div class=\"regard-bg\"><\/div>\n                    <div class=\"regard-entry-content\" >\n        <figure class=\"post-card__thumbnail\">\n            <a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/2-common-problems-with-css-positioning\/\" aria-hidden=\"true\" tabindex=\"-1\" style=\"padding-top: 66.71875%\" class=\"link--js\">\n                \n            \n            <img decoding=\"async\" fetchpriority=\"high\"  src=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-content\/uploads\/2024\/08\/f4acb7237960b0513b105dd62c3af00e.jpg\" alt=\" \u0420\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0441 \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0432 CSS\" >\n            \n            \n            <\/a>\n        <\/figure>\n                        \n                          <a class=\"btn-arrow-w btn-arrow-small link--js\" href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/2-common-problems-with-css-positioning\/\" rel=\"bookmark\"><div class=\"btn-arrow-f\"><\/div><\/a>\n                        \n                        \n                        \n                             <\/div><\/div>\n                    \n                    \t\t\t\t\n                        <div class=\"post-card__meta\">\n                            <span class=\"cat-links\"><span class=\"screen-reader-text\">Category <\/span>\n              \n                                                                                                                                                        \n                           \u041a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f                                       \n                                                                                                                                            \n                                \n                                \n                            <\/span>\n                            <span class=\"posted-on\"><span class=\"screen-reader-text\">\n                                Posted on <\/span>\n                           \n                                    <time class=\"entry__date published\" datetime=\"22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020\">   22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020<\/time>\n                                   \n                            <\/span>\n                        <\/div><!--post-card__meta-->\n                            <\/div>\n\t\t\t\t\t\t<div class=\"post-card__body\">\n\n                            \n                           <h2 class=\"post-card__title\" >\n                            <span><a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/2-common-problems-with-css-positioning\/\" rel=\"bookmark\" class=\"link--js\">\u0420\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0441 \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0432 CSS<\/a><\/span>\n                            <\/h2>\t\t\t\t\t\n                        \n                        \n                        \n                        <\/div>\n                        \n\t\t\t\t\t<\/article><!-- .post-card -->\n\t\t\t\t<\/div>\n                    \n                    \n                    \n                                        \n                    \n \n            \n             \n\n                    \n                                     \n \n\n                                \n   \n                    \n                    \n                    \n                    <div class=\"grid__item\" >\n\t\t\t\t\t<article class=\"post-card has-post-card-thumbnail\">\n\t\t\t\t\t\t\t\t\t\n                        <div class=\"regard-wrapper\">\n                         <div class=\"regards-effect regards-effect-5\">\n                     <div class=\"regard-bg\"><\/div>\n                    <div class=\"regard-entry-content\" >\n        <figure class=\"post-card__thumbnail\">\n            <a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/what-does-an-entry-level-programmer-need-to-know-exactly\/\" aria-hidden=\"true\" tabindex=\"-1\" style=\"padding-top: 66.71875%\" class=\"link--js\">\n                \n            \n            <img decoding=\"async\" fetchpriority=\"high\"  src=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-content\/uploads\/2024\/08\/f171796318bf3a0f73b0158e5591c577.jpg\" alt=\" \u0427\u0442\u043e \u0438\u043c\u0435\u043d\u043d\u043e \u0434\u043e\u043b\u0436\u0435\u043d \u0437\u043d\u0430\u0442\u044c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f?\" >\n            \n            \n            <\/a>\n        <\/figure>\n                        \n                          <a class=\"btn-arrow-w btn-arrow-small link--js\" href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/what-does-an-entry-level-programmer-need-to-know-exactly\/\" rel=\"bookmark\"><div class=\"btn-arrow-f\"><\/div><\/a>\n                        \n                        \n                        \n                             <\/div><\/div>\n                    \n                    \t\t\t\t\n                        <div class=\"post-card__meta\">\n                            <span class=\"cat-links\"><span class=\"screen-reader-text\">Category <\/span>\n              \n                                                                                                                                                        \n                           \u0411\u0438\u0437\u043d\u0435\u0441                                       \n                                                                                                                                            \n                                \n                                \n                            <\/span>\n                            <span class=\"posted-on\"><span class=\"screen-reader-text\">\n                                Posted on <\/span>\n                           \n                                    <time class=\"entry__date published\" datetime=\"22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020\">   22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020<\/time>\n                                   \n                            <\/span>\n                        <\/div><!--post-card__meta-->\n                            <\/div>\n\t\t\t\t\t\t<div class=\"post-card__body\">\n\n                            \n                           <h2 class=\"post-card__title\" >\n                            <span><a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/what-does-an-entry-level-programmer-need-to-know-exactly\/\" rel=\"bookmark\" class=\"link--js\">\u0427\u0442\u043e \u0438\u043c\u0435\u043d\u043d\u043e \u0434\u043e\u043b\u0436\u0435\u043d \u0437\u043d\u0430\u0442\u044c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f?<\/a><\/span>\n                            <\/h2>\t\t\t\t\t\n                        \n                        \n                        \n                        <\/div>\n                        \n\t\t\t\t\t<\/article><!-- .post-card -->\n\t\t\t\t<\/div>\n                    \n                    \n                    \n                                        \n                    \n \n            \n             \n\n<\/div><\/div>\n        <\/div>\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u042d\u043a\u0441\u043f\u0435\u0440\u0442 \u0441\u0442\u0430\u0442\u044c\u0438 \u0412\u044b \u0443\u0437\u043d\u0430\u0435\u0442\u0435 \u043e \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0445 \u0442\u0435\u043d\u0434\u0435\u043d\u0446\u0438\u044f\u0445, \u043f\u043e\u0434\u0435\u043b\u0438\u0442\u0435\u0441\u044c \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439 \u043e\u0431 \u043e\u0442\u0440\u0430\u0441\u043b\u0438 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0441\u043e\u0432\u0435\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043c\u043e\u0433\u0443\u0442 \u0432\u0430\u043c \u0441\u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u043c\u0435\u043d\u044f\u044e\u0449\u0435\u043c\u0441\u044f \u0446\u0438\u0444\u0440\u043e\u0432\u043e\u043c \u043b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u0435. Category Inspiration Posted on 22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020 \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0445\u043e\u0440\u043e\u0448\u0438\u0439 \u0432\u0435\u0431\u0441\u0430\u0439\u0442 \u0441\u043b\u043e\u0436\u043d\u0435\u0435, \u0447\u0435\u043c \u043a\u0430\u0436\u0435\u0442\u0441\u044f Category Design Posted on 22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020 \u042d\u0432\u043e\u043b\u044e\u0446\u0438\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 UX-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 Category Creative Posted on 22 \u0430\u043f\u0440\u0435\u043b\u044f, 2020 \u041a\u0430\u043a &hellip; <\/p>\n<p><a href=\"https:\/\/zmnd.wordpresslab.ru\/webhero\/what-does-an-entry-level-programmer-need-to-know-exactly\/\" class=\"more-link\">\u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u0435\u0435<span class=\"screen-reader-text\"> &#171;\u0427\u0442\u043e \u0438\u043c\u0435\u043d\u043d\u043e \u0434\u043e\u043b\u0436\u0435\u043d \u0437\u043d\u0430\u0442\u044c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f?&#187;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":245,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6247","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-json\/wp\/v2\/pages\/6247","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-json\/wp\/v2\/comments?post=6247"}],"version-history":[{"count":1,"href":"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-json\/wp\/v2\/pages\/6247\/revisions"}],"predecessor-version":[{"id":12889,"href":"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-json\/wp\/v2\/pages\/6247\/revisions\/12889"}],"up":[{"embeddable":true,"href":"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-json\/wp\/v2\/pages\/245"}],"wp:attachment":[{"href":"https:\/\/zmnd.wordpresslab.ru\/webhero\/wp-json\/wp\/v2\/media?parent=6247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}