{"pages":{"search":{"query":"Optimistic Web","originalQuery":"Optimistic Web","serpid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","parentReqid":"","serpItems":[{"id":"11808131835707609252-0-0","type":"videoSnippet","props":{"videoId":"11808131835707609252"},"curPage":0},{"id":"2066884157506321243-0-1","type":"videoSnippet","props":{"videoId":"2066884157506321243"},"curPage":0},{"id":"2807291940005481854-0-2","type":"videoSnippet","props":{"videoId":"2807291940005481854"},"curPage":0},{"id":"3879392830947876239-0-3","type":"videoSnippet","props":{"videoId":"3879392830947876239"},"curPage":0},{"id":"R-I-113683-5-0-4","type":"direct","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"","renderTo":"","pageNumber":4,"grab":"dE9wdGltaXN0aWMgV2ViCg==","darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","ui":"desktop","yuid":"2043425801751691429"}}},"isAdult":false,"position":4,"placement":"empty"},"curPage":0},{"id":"17720912430531454894-0-5","type":"videoSnippet","props":{"videoId":"17720912430531454894"},"curPage":0},{"id":"8306176496361632959-0-6","type":"videoSnippet","props":{"videoId":"8306176496361632959"},"curPage":0},{"id":"10759531375158086429-0-7","type":"videoSnippet","props":{"videoId":"10759531375158086429"},"curPage":0},{"id":"17042037564456662164-0-8","type":"videoSnippet","props":{"videoId":"17042037564456662164"},"curPage":0},{"id":"17041586817956279487-0-9","type":"videoSnippet","props":{"videoId":"17041586817956279487"},"curPage":0},{"id":"4808827693411757127-0-10","type":"videoSnippet","props":{"videoId":"4808827693411757127"},"curPage":0},{"id":"R-I-113683-5-0-11","type":"direct","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"","renderTo":"","pageNumber":11,"grab":"dE9wdGltaXN0aWMgV2ViCg==","darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","ui":"desktop","yuid":"2043425801751691429"}}},"isAdult":false,"position":11,"placement":"empty"},"curPage":0},{"id":"1612737405282123976-0-12","type":"videoSnippet","props":{"videoId":"1612737405282123976"},"curPage":0},{"id":"6508706817379451111-0-13","type":"videoSnippet","props":{"videoId":"6508706817379451111"},"curPage":0},{"id":"14138771842582367153-0-14","type":"videoSnippet","props":{"videoId":"14138771842582367153"},"curPage":0},{"id":"13507346874787386759-0-15","type":"videoSnippet","props":{"videoId":"13507346874787386759"},"curPage":0},{"id":"15024168575904707259-0-16","type":"videoSnippet","props":{"videoId":"15024168575904707259"},"curPage":0},{"id":"17805751655830520164-0-17","type":"videoSnippet","props":{"videoId":"17805751655830520164"},"curPage":0},{"id":"14183311497775578225-0-18","type":"videoSnippet","props":{"videoId":"14183311497775578225"},"curPage":0},{"id":"3045479242976447532-0-19","type":"videoSnippet","props":{"videoId":"3045479242976447532"},"curPage":0}],"filters":{},"serpFooter":{"linksGroups":[{"type":"geo","links":[{"label":"Columbus","title":"Columbus","url":"//yandex.com.tr/tune/geo/","logNode":{"name":"region"},"target":"_self","a11yLabel":"Bölgeniz Columbus","needRetpath":true}]},{"type":"help","links":[{"label":"Bize ulaşın","url":"https://yandex.com.tr/support/video/troubleshooting.html","logNode":{"name":"feedback"},"needRetpath":true},{"label":"Yardım","url":"https://yandex.com.tr/support/video/","logNode":{"name":"help"},"needRetpath":true}]},{"type":"settings","links":[{"label":"Ayarlar","url":"https://yandex.com.tr/tune/search/","target":"_self","logNode":{"name":"settings"},"needRetpath":true}]},{"type":"company","links":[{"label":"Şirket hakkında","url":"//yandex.com.tr/company/","logNode":{"name":"about"},"target":"_blank"},{"label":"Kullanım lisansı","url":"//yandex.com.tr/legal/termsofuse/","logNode":{"name":"license"},"target":"_blank"},{"label":"Gizlilik Politikası","url":"//yandex.com.tr/legal/confidential/","logNode":{"name":"confidential"},"target":"_blank"}],"a11yHidden":true}],"hasExtralinks":true},"currentPage":0,"prevPageToLoad":-1,"nextPageToLoad":1,"isTranslationsFilterEnabled":false,"isTranslationsDistributionEnabled":false,"isTranslationsDistributionOnboardingEnabled":false,"isFeedbackModalVisible":false,"viewerData":{},"prevention":{},"hasNextPage":true,"rightSerpItems":[{"type":"direct","id":"search-list-right","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"R-I-8843654-1","renderTo":"search-list-right-0-R-I-8843654-1","pageNumber":0,"grab":"dE9wdGltaXN0aWMgV2ViCg==","darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","ui":"desktop","yuid":"2043425801751691429"}}},"isAdult":false,"position":0,"placement":"search-list-right"},"curPage":0}],"quasarData":{"title":""},"isAdultQuery":false,"errorList":[],"layout":"list","retpath":"https%3A%2F%2Fgs.yandex.com.tr%2Fvideo%2Fsearch%3FchannelId%3Dd3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%253D%253D%26how%3Dtm%26text%3DOptimistic%2BWeb"},"main":{"_isInitial":true,"snippets":[],"serpFooter":{"linksGroups":[]},"isLoggedIn":false}},"internal":{"nonce":"8945848991068796447162","expFlags":{"video_depot_viewer":1,"video_instream_player_yaru_loader":1,"video_skeleton_doc_update":1,"velocity_delay_drawer":1,"video_instream_disable_hosts":"dzen.ru,ok.ru,vk.com,video.mail.ru","video_search_toggle_with_text":1,"video_single_vh_unmute":1,"video_update_d2d_after_clickout":1,"video_viewer_desktop_hide_tabs":1,"velocity_disable_suspense":1,"video_viewer_desktop_smart_layout":1,"dark_theme_desktop":"cookie","distr_splashscreen_on":1,"video_instream_player_config":{"vmapScenarioId":119,"category":2,"impId":7,"partnerId":2216089},"video_font_yandex_sans":1,"video_adv_new_show_rules":1,"video_resource_loader":1,"video_adv_config_desktop":{"before-player":{"regular":{"default":"R-I-2120168-1"}}},"video_nohost_full_filter_onboarding_enable":1,"video_skeleton_direct_under_player_update":1,"video_instream_player_config_porno":{"vmapScenarioId":119,"category":3,"impId":4,"partnerId":1988486},"video_vh_player_js":0,"video_dzc":1,"video_masthead_ratio":"180,4","video_searchdata_scheme":1,"video_adv_serp_right_fixed_screens":3,"video_single_vh_iframe":1,"velocity_delay_metrika":1,"video_viewer_desktop_visible_header":1,"video_partner_label":1,"video_direct_render_in_viewport":1,"video_skeleton_instream_update":1,"video_resource_loader_load_timeout":6000,"int_tr":1,"video_viewer_catch_sandbox_early_inits":1,"int_newstr_header_tab":1,"mmui_extended_escape_scheme":"searchdata.clips.0.authorname","spok":"id","video_search_grid_direct_repeat":6,"video_direct_config_desktop_search":"search-grid-row:R-I-48058-718:R-I-474674-109,search-grid-head:R-I-2120168-7","init_meta":{"enable-yabs-distr":1,"ask-user-purchase-history":1,"use-src-videoquickp":1,"enable-begemot":1,"enable_masthead":1,"use-src-videop":1,"use-src-videoquickp_misspell":1,"enable_blackbox_multisession":1,"begemot-enable-cancelled-misspell-rtmr":1,"enable_video_iron_fetcher":1,"use-related-only":1,"ask-yandex-io-devices":1,"use-images-device-setup":1,"use-src-imagesp":1,"images-apphost-collections-front":1,"enable_aab_apphost":1,"graph-is-video-search":1,"use-src-imagesp_misspell":1,"use-src-imagesultrap":1,"use-video-apphost-pre-templates":1,"use-src-videop_misspell":1,"use-video-apphost-post-templates":1,"use-src-imagesquickp":1,"enable_video_carousels":"1","restrict-max-docs":"1000","use-images-region-setup":1,"use-post-auto2":1,"use-images-settings-setup":1,"use-src-ugc_favorites":1,"video_vitrina_disable":"0","use-images-user-setup":1,"use-video-pre-search-data":1,"begemot-no-suggest-history":1},"video_depot_viewer_masthead_ssr_only":1,"video_skeleton_direct_organic_update":1,"video_blender":1,"video_search_grid_enable":0,"video_depot_viewer_legacy_counters":1,"video_search_grid_direct_start":3,"video_instream_players_yaru_enable":1,"video_adv_new_show_rules_docs_count":1,"beauty_header_futuris_tab":9,"video_redirect_plug":2,"distr_popup_on":1,"video_disable_serp_dzc":1,"video_direct_pos_id":"R-I-48058-73","dark_theme_desktop_default_pref":"system","video_search_toggle_enable":1,"video_viewer_desktop_blocks":1,"velocity_split_hydration":4,"video_duration_counter_new_format":1,"video_force_grid_on_premordie":1,"video_nohost_full_filter":1,"distr_pcode_off":1,"video_baobab_blockstat":1,"video_thumb_poster_full":1,"video_scrollpages":2,"video_serp_desktop_block_design":1,"video_nohost_youtube_filter":0,"video_direct_pos":5,"video_direct_viewport_margin_desktop":700},"slots":["1262687,0,80;1302293,0,93;1307132,0,69;1310135,0,7;1305891,0,69;1298359,0,89;1310445,0,56;1304782,0,25;1288800,0,15;1306126,0,18;1292644,0,46;1305538,0,12;1300861,0,24;123855,0,18;1285843,0,98;1307498,0,7;1307467,0,11;1308839,0,65;1308663,0,33;1299272,0,4;1308361,0,92;1305720,0,18;1298999,0,78;1289138,0,9;1284125,0,24;260563,0,66;90496,0,11;1304748,0,93;1145219,0,7;1300519,0,50;1297233,0,83;332148,0,1;19996,0,7;45972,0,28;151171,0,51;126352,0,1;1230682,0,28;1281084,0,35;287509,0,64;1299586,0,92;1299588,0,36;777793,0,19;1277328,0,61;1288011,0,11;912281,0,39;1311936,0,84"],"isYandexNet":false,"platform":"desktop","isEnLogo":true,"retpath":"https%3A%2F%2Fgs.yandex.com.tr%2Fvideo%2Fsearch%3FchannelId%3Dd3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%253D%253D%26how%3Dtm%26text%3DOptimistic%2BWeb","mordaUrl":"//yandex.com.tr/","videoSearchUrl":"https://gs.yandex.com.tr/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&text=Optimistic+Web","settingsUrl":"https://yandex.com.tr/tune/search/","helpUrl":"https://yandex.com.tr/support/video/","legalUrl":"//legal.yandex.com.tr/termsofuse/","feedbackUrl":"https://yandex.com.tr/support/video/troubleshooting.html","basename":"/video","currentPageName":"search","isYandexApp":false,"isYandexAppAndroid":false,"isYandexAppIos":false,"isAnyYaBro":false,"isAndroid":false,"isHamster":false,"serpid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","backUrl":"//ya.ru","url":"https://gs.yandex.com.tr/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&text=Optimistic+Web","isIntegrationTest":false,"isEndToEndTest":false,"shouldDropLogs":false,"seo":{"title":"Optimistic Web: 206 video Yandex'te bulundu","description":"\"Optimistic Web\" sorgusu için arama sonuçları Yandex'te","shareTitle":"Optimistic Web — Yandex video arama","keywords":"yandex video, video araması, çevrimiçi izle, dizi, film, müzik klipleri","hasPorno":0},"isEmbedded":false,"isPumpkin":false,"quasarCsrfToken":"y731fc2b57e78280b228d89f09fd065ba","reportFeedbackBaseProps":{"initEmail":"","metaFields":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","userTestids":"1262687,1302293,1307132,1310135,1305891,1298359,1310445,1304782,1288800,1306126,1292644,1305538,1300861,123855,1285843,1307498,1307467,1308839,1308663,1299272,1308361,1305720,1298999,1289138,1284125,260563,90496,1304748,1145219,1300519,1297233,332148,19996,45972,151171,126352,1230682,1281084,287509,1299586,1299588,777793,1277328,1288011,912281,1311936","queryText":"Optimistic Web","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","userRegionName":"","userRegionId":"function() {\n return this._region.id;\n }","yandexuid":"2043425801751691429","uid":"0","isChildAccount":false}},"userTestids":"191768,238743,246500,253288,265553,270072,277807,274239,294077,278842,299121,313103,331010,338398,378416,359879,415420,644350,652605,645301,679708,689693,690449,696466,696473,722746,740796,776165,771230,781521,790415,801982,851450,886706,883477,900639,931367,937268,969063,935488,945314,989988,982463,991363,990185,1015567,1011895,1035320,1033956,1035241,1036046,1087297,1089355,1060131,1099741,1071879,1078818,1077703,1116602,1045814,1131637,1144233,1151726,1152703,1156933,1174275,1173000,1167408,1202006,1194718,1221235,1228280,1239596,1227266,1226860,1279793,1279825,1246754,1277457,1281110,1276447,1289213,1288208,1307480,1299604,1262687,1302293,1310135,1298359,1292644,1305538,123855,260563,90496,19996,45972","regionId":20815,"isYaRu":false,"shouldUnmountSearchPageInViewer":false,"videoGlobalContext":{"platform":"desktop","isPumpkin":false,"language":"tr","user_time":{"epoch":"1751691430","tz":"America/Louisville","to_iso":"2025-07-05T00:57:10-0400","__is_plain":1},"isQuasarEnabled":false,"isHermione":false,"shouldStubImages":true,"enableVideoPreviewInHermione":false,"reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","tld":"com.tr","isEmbedded":false,"shouldDailyClickoutDzenInSerp":false,"shouldDailyClickoutDzenInViewer":true,"shouldDisableWebp":false,"removeLinkPrefix":"/video","shouldUseHighresPreview":true,"shouldCutSnippetTitle":true,"shouldShowPlusBadge":true,"reportFeedbackBaseProps":{"initEmail":"","metaFields":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","userTestids":"1262687,1302293,1307132,1310135,1305891,1298359,1310445,1304782,1288800,1306126,1292644,1305538,1300861,123855,1285843,1307498,1307467,1308839,1308663,1299272,1308361,1305720,1298999,1289138,1284125,260563,90496,1304748,1145219,1300519,1297233,332148,19996,45972,151171,126352,1230682,1281084,287509,1299586,1299588,777793,1277328,1288011,912281,1311936","queryText":"Optimistic Web","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","userRegionName":"","userRegionId":"function() {\n return this._region.id;\n }","yandexuid":"2043425801751691429","uid":"0","isChildAccount":false}},"deviceDetect":{"OSFamily":"Unknown","isTV":0,"x64":0,"GoogleToolBarVersion":"","MultiTouch":0,"BrowserBase":"","YandexBarVersion":"","isTablet":0,"YandexBar":0,"hasWebOmni":0,"isTouch":0,"hasYandexCamera":0,"isMobile":0,"DeviceKeyboard":"","device":"desktop","TurboAppPlatformVersion":"","historySupport":0,"BrowserShellVersion":"","DeviceVendor":"","isBrowser":0,"hasFlash":0,"MailRuSputnikVersion":"","isSameSiteSupported":0,"BrowserBaseVersion":"","BrowserVersionRaw":"","hasWebVert":0,"DeviceId":"","error":"","MailRuAgent":0,"ScreenWidth":0,"inAppBrowser":0,"hasHTML5":0,"isEmulator":0,"J2ME":0,"MailRuAgentVersion":"","BrowserEngineVersionRaw":"537.36","isRobot":1,"__is_plain":1,"BrowserEngineVersion":"0537.0036","BrowserName":"Unknown","DeviceModel":"","BrowserEngine":"WebKit","DeviceName":"","OSVersionRaw":"","OSName":"","GoogleToolBar":0,"ScreenSize":"","isTurboApp":0,"MailRuSputnik":0,"YaBuildName":"","isWAP":0,"PreferMobile":0,"DesktopMode":0,"BrowserVersion":"","BitsPerPixel":0,"BrowserShell":"","YaGUI":"","isBeta":0,"OSVersion":"","ScreenHeight":0},"nonce":"8945848991068796447162","disableDoc2DocHostLink":true,"shouldHideChannelLink":true,"enableSlowBufferingAlert":false,"enableSlowBufferingAlertDedup":false,"userConnectionRtt":162,"visibleHeader":true,"hideTabs":true,"animated":false,"isServiceLikeViewer":false,"smartDesktopLayout":true,"isAdvDisabled":false,"shouldShowVideoPlaylistPane":false,"isVideoTranslationSupported":false,"isSummaryDisabled":false,"isPlainHeader":false,"shouldRenderBroSummaryApiContainer":false,"shouldDropLogs":false,"shouldUseBeacon":false,"hasAdBlock":false,"isVerificationMarkDisabled":false,"shouldPlayNonStopForExternal":false,"forceSlowBufferingAlert":false},"shouldShowAdvId":false,"isAdultQuery":false,"classQueryIsPornoWebScore":0.0002368040732,"showSensitive":false,"shouldReplaceHref":false},"user":{"tld":"com.tr","isEuDomain":false,"login":"","passportId":"","isLoggedIn":false,"locationName":"Columbus","isFamily":false,"yandexuid":"2043425801751691429","ugcCsrfToken":"","family":1,"isChild":false},"config":{"skinMode":"system","skin":"light","version":"releases/frontend/video/v1.1622.0#52e8d2b01ed48c280efeeac21795e77ccc6a569d","isGridSupported":false,"advConfig":{"under-player":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"under-player-lite":{"regular":{"default":"R-I-48058-728"},"adult":{"default":"R-I-474674-103"}},"under-player-old":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"video-list":{"regular":{"default":"R-I-48058-708","mail":"R-A-13411721-2"},"adult":{"default":"R-I-474674-101","mail":"R-A-13426421-2"}},"search-list":{"regular":{"default":"R-I-48058-715","mail":"R-A-13411721-3"},"adult":{"default":"R-I-474674-108","mail":"R-A-13426421-3"}},"search-grid-row":{"regular":{"default":"R-I-48058-718","mail":"R-A-13411721-4"},"adult":{"default":"R-I-474674-109","mail":"R-A-13426421-4"}},"search-grid-head":{"regular":{"default":"R-I-2120168-7"}},"search-list-right":{"regular":{"default":"R-I-8843654-1"}},"before-player-old":{"regular":{"default":"R-I-2120168-1"}},"before-player":{"regular":{"default":"R-I-2120168-1"}}},"isSkinInitedOnClient":false},"counters":{"params":{"useBeacon":false,"clickHost":"gs.yandex.com.tr/clck","pid":197},"dict":{"viewer":"2921","user":"538","info":"1275","sources":"1500","select":"775","close":"486","open":"842","source":"186","link":"513","click":"882","tech":"690","player":"1242","change":"719","summary":"3410","init":"1309","item":"22","button":"440","shown":"3780","copy":"1276","text":"232","load":"1724","fallback":"2010","channel":"1345","hide":"1656","serp":"471","pager":"405","down":"601","up":"600","footer":"295","more":"75","page":"143","loaded":"1007","grid":"3223","support":"2458","client":"2989","layout":"54","list":"436","duration":"2136","within":"3247","on":"10","off":"11","host":"3052","supported":"3761","enable":"2396","disable":"2395","full":"318","video":"231","translation":"347","distrib":"316","onboarding":"2045","filters":"618","lang":"1144","advanced":"255","apply":"2461","reset":"3236","short":"142","toggle":"237","snippet":"254","icon":"1167","abuse":"1436","submit":"297","wizard":"358","incut":"1073","feedback":"296","region":"287","help":"177","settings":"1137","recommendations":"2671","home":"1319","soo":"65","youtube":"624","google":"66","bing":"568"}},"clips":{"items":{"11808131835707609252":{"videoId":"11808131835707609252","docid":"34-7-14-Z9534D042B50DDBCA","description":"Most websites miss one key ingredient — accessibility. But what if you could make your UI both stunning and inclusive with just CSS? 👉 CSS Grid 101 • CSS Grid - Create a FULL-Height Responsive...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3359997/93c2f6d7a0dd70bafdd6f5cd02b162b1/564x318_1"},"target":"_self","position":"0","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","isAdultDoc":false,"relatedParams":{"text":"CSS PRO TIPS for Cleaner, Smarter and Accessible Hover Effects","related_orig_text":"Optimistic Web","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Optimistic Web\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=Kd03Y4DgC9M\",\"src\":\"serp\",\"rvb\":\"Eq4DChQxMTgwODEzMTgzNTcwNzYwOTI1MgoTMjA2Njg4NDE1NzUwNjMyMTI0MwoTMjgwNzI5MTk0MDAwNTQ4MTg1NAoTMzg3OTM5MjgzMDk0Nzg3NjIzOQoUMTc3MjA5MTI0MzA1MzE0NTQ4OTQKEzgzMDYxNzY0OTYzNjE2MzI5NTkKFDEwNzU5NTMxMzc1MTU4MDg2NDI5ChQxNzA0MjAzNzU2NDQ1NjY2MjE2NAoUMTcwNDE1ODY4MTc5NTYyNzk0ODcKEzQ4MDg4Mjc2OTM0MTE3NTcxMjcKEzE2MTI3Mzc0MDUyODIxMjM5NzYKEzY1MDg3MDY4MTczNzk0NTExMTEKFDE0MTM4NzcxODQyNTgyMzY3MTUzChQxMzUwNzM0Njg3NDc4NzM4Njc1OQoUMTUwMjQxNjg1NzU5MDQ3MDcyNTkKFDE3ODA1NzUxNjU1ODMwNTIwMTY0ChQxNDE4MzMxMTQ5Nzc3NTU3ODIyNQoTMzA0NTQ3OTI0Mjk3NjQ0NzUzMgoTODU5MzY3ODMwNjY1NTc2MDYzOAoTODAzMzczODQ2OTgxMDMyNzI2OBoWChQxMTgwODEzMTgzNTcwNzYwOTI1MloUMTE4MDgxMzE4MzU3MDc2MDkyNTJq2QISATAYACJFGjEACipoaG5kcHhvZ21ycmpneG9iaGhVQzFEWWd6SFNsN3hibEZpMGQ2aktEZEESAgASKhDCDw8aDz8TkgSCBCQBgAQrKosBEAEaeIH9BAkN_wIA-ggN_PsE_wEhCAgADAIDAOwC_AQAAAAA8vT_AQIAAAAK9fsECAAAAPryA_oD_gAABAT3BwQAAAAIAgAA9AEAAAv4__0AAQAA__z7_wP_AAAE-_72_wAAAP_5CAX8_wAABfEE8AAAAAAMBP37AAAAACAALTju1zs4E0AJSE5QAipzEAAaYAwDAGIv7PTOC1j34-fVGwjb6d_c9TH__Pj_9i3F19j46dhYJ_8a2v_hngAAAE7lPirXAAR7Asn62v4_Ab3M-PksXs0B8eItYBD-IX_t3xop8O8ANwC77wMq_tb_JUnN-SAALXZ7GDs4E0AJSG9QAjAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=Kd03Y4DgC9M","parent-reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["11808131835707609252"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null},"2066884157506321243":{"videoId":"2066884157506321243","docid":"34-1-1-ZD86811BEAA8E1A7E","description":"Ever seen a sticky footer that reveals itself only when you scroll to the bottom? Let’s build that — with just CSS! 👉 CSS Grid 101 • CSS Grid - Create a FULL-Height Responsive... In this CSS...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/2211445/8bafea488700036f6d66aead758819e6/564x318_1"},"target":"_self","position":"1","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","isAdultDoc":false,"relatedParams":{"text":"How to Make a Sticky Footer That Reveals Naturally","related_orig_text":"Optimistic Web","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Optimistic Web\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=58kZh6_ZsA4\",\"src\":\"serp\",\"rvb\":\"Eq4DChQxMTgwODEzMTgzNTcwNzYwOTI1MgoTMjA2Njg4NDE1NzUwNjMyMTI0MwoTMjgwNzI5MTk0MDAwNTQ4MTg1NAoTMzg3OTM5MjgzMDk0Nzg3NjIzOQoUMTc3MjA5MTI0MzA1MzE0NTQ4OTQKEzgzMDYxNzY0OTYzNjE2MzI5NTkKFDEwNzU5NTMxMzc1MTU4MDg2NDI5ChQxNzA0MjAzNzU2NDQ1NjY2MjE2NAoUMTcwNDE1ODY4MTc5NTYyNzk0ODcKEzQ4MDg4Mjc2OTM0MTE3NTcxMjcKEzE2MTI3Mzc0MDUyODIxMjM5NzYKEzY1MDg3MDY4MTczNzk0NTExMTEKFDE0MTM4NzcxODQyNTgyMzY3MTUzChQxMzUwNzM0Njg3NDc4NzM4Njc1OQoUMTUwMjQxNjg1NzU5MDQ3MDcyNTkKFDE3ODA1NzUxNjU1ODMwNTIwMTY0ChQxNDE4MzMxMTQ5Nzc3NTU3ODIyNQoTMzA0NTQ3OTI0Mjk3NjQ0NzUzMgoTODU5MzY3ODMwNjY1NTc2MDYzOAoTODAzMzczODQ2OTgxMDMyNzI2OBoVChMyMDY2ODg0MTU3NTA2MzIxMjQzWhMyMDY2ODg0MTU3NTA2MzIxMjQzatkCEgEwGAAiRRoxAAoqaGhuZHB4b2dtcnJqZ3hvYmhoVUMxRFlnekhTbDd4YmxGaTBkNmpLRGRBEgIAEioQwg8PGg8_E7sCggQkAYAEKyqLARABGniB9vcQCwr0APL4DfT-AQEBHPruBPMCAQDg9AcDCvwCABb87vb_AAAA_hYJDAYAAADpCPzz8wEAABkL_P4FAAAAAvkKBPYAAAD6E_n__gEAAA8F_QYE_wAA-v0EBwAAAAD2C_8K-_8AAPwDDxEAAAAAJgD2BAEBAAAgAC0iN7Y7OBNACUhOUAIqcxAAGmANFgBE8Ojbx7cO6Tn_7xX68kMApc8o_xvkAOwY-Pnz-bXRJD3_Lt4u9qcAAAAcJCw3RADbdBXE8AH43uuB0PwVEn4LAPokVNkL8PUY8BtbIQu_Ix8A4ucCFSftCkZGGgYgAC0dPBo7OBNACUhvUAIwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=58kZh6_ZsA4","parent-reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["2066884157506321243"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null},"2807291940005481854":{"videoId":"2807291940005481854","docid":"34-4-14-ZDF6EFABD417F529A","description":"Want to make your CSS borders stand out in seconds? Try this insane postage stamp cutout effect. 👉 CSS Grid 101 • CSS Grid - Create a FULL-Height Responsive... In this CSS tutorial, we’re...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/906957/4bd392580fa7457e541af8b77f0c962b/564x318_1"},"target":"_self","position":"2","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","isAdultDoc":false,"relatedParams":{"text":"Why the CSS background-repeat Round property is a game-changer","related_orig_text":"Optimistic Web","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Optimistic Web\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=OUMvWEiQq_4\",\"src\":\"serp\",\"rvb\":\"Eq4DChQxMTgwODEzMTgzNTcwNzYwOTI1MgoTMjA2Njg4NDE1NzUwNjMyMTI0MwoTMjgwNzI5MTk0MDAwNTQ4MTg1NAoTMzg3OTM5MjgzMDk0Nzg3NjIzOQoUMTc3MjA5MTI0MzA1MzE0NTQ4OTQKEzgzMDYxNzY0OTYzNjE2MzI5NTkKFDEwNzU5NTMxMzc1MTU4MDg2NDI5ChQxNzA0MjAzNzU2NDQ1NjY2MjE2NAoUMTcwNDE1ODY4MTc5NTYyNzk0ODcKEzQ4MDg4Mjc2OTM0MTE3NTcxMjcKEzE2MTI3Mzc0MDUyODIxMjM5NzYKEzY1MDg3MDY4MTczNzk0NTExMTEKFDE0MTM4NzcxODQyNTgyMzY3MTUzChQxMzUwNzM0Njg3NDc4NzM4Njc1OQoUMTUwMjQxNjg1NzU5MDQ3MDcyNTkKFDE3ODA1NzUxNjU1ODMwNTIwMTY0ChQxNDE4MzMxMTQ5Nzc3NTU3ODIyNQoTMzA0NTQ3OTI0Mjk3NjQ0NzUzMgoTODU5MzY3ODMwNjY1NTc2MDYzOAoTODAzMzczODQ2OTgxMDMyNzI2OBoVChMyODA3MjkxOTQwMDA1NDgxODU0WhMyODA3MjkxOTQwMDA1NDgxODU0atkCEgEwGAAiRRoxAAoqaGhuZHB4b2dtcnJqZ3hvYmhoVUMxRFlnekhTbDd4YmxGaTBkNmpLRGRBEgIAEioQwg8PGg8_E5oEggQkAYAEKyqLARABGniBAwLzA_0DAPUBAwUHBP0BBwMJCfj__wDaCAD-B_gDAAUB-gH3AQAA_vALBQIAAADz-gX7_AAAAAEA_ggDAAAADPsAAAEAAAAQ9v4G_wEAAPX3BwIDAAAAC_b7__8AAAAJ9AD4____AQUM-QMAAAAAC-39CgEAAAAgAC11S947OBNACUhOUAIqcxAAGmDkEQBw0gTm0Qs99APLqP0E2uDErQ81_yQJ__85CzXwIeq4Siv_MsD9FJQAAAAjMBBKvwAaf8zU1BbVMu2TDfwVVXUO2R3ZzR_r9OtmGvsv4AAa9wEAxQgAABqpPVM2-fQgAC2D_ws7OBNACUhvUAIwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=OUMvWEiQq_4","parent-reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["2807291940005481854"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null},"3879392830947876239":{"videoId":"3879392830947876239","docid":"34-7-17-ZBE7BD5BEF83CA40D","description":"Learn how to use the powerful CSS Mask-Composite property to create stunning visual effects and intricate patterns with just a few lines of code! 👉 CSS Grid 101 • CSS Grid - Create a FULL-Height...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/1778943/fdf918014766d8e8538469484eb674c6/564x318_1"},"target":"_self","position":"3","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","isAdultDoc":false,"relatedParams":{"text":"Easy CSS Tricks for Stunning Visuals - CSS Mask-Composite","related_orig_text":"Optimistic Web","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Optimistic Web\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=lbgZ1VOnskQ\",\"src\":\"serp\",\"rvb\":\"Eq4DChQxMTgwODEzMTgzNTcwNzYwOTI1MgoTMjA2Njg4NDE1NzUwNjMyMTI0MwoTMjgwNzI5MTk0MDAwNTQ4MTg1NAoTMzg3OTM5MjgzMDk0Nzg3NjIzOQoUMTc3MjA5MTI0MzA1MzE0NTQ4OTQKEzgzMDYxNzY0OTYzNjE2MzI5NTkKFDEwNzU5NTMxMzc1MTU4MDg2NDI5ChQxNzA0MjAzNzU2NDQ1NjY2MjE2NAoUMTcwNDE1ODY4MTc5NTYyNzk0ODcKEzQ4MDg4Mjc2OTM0MTE3NTcxMjcKEzE2MTI3Mzc0MDUyODIxMjM5NzYKEzY1MDg3MDY4MTczNzk0NTExMTEKFDE0MTM4NzcxODQyNTgyMzY3MTUzChQxMzUwNzM0Njg3NDc4NzM4Njc1OQoUMTUwMjQxNjg1NzU5MDQ3MDcyNTkKFDE3ODA1NzUxNjU1ODMwNTIwMTY0ChQxNDE4MzMxMTQ5Nzc3NTU3ODIyNQoTMzA0NTQ3OTI0Mjk3NjQ0NzUzMgoTODU5MzY3ODMwNjY1NTc2MDYzOAoTODAzMzczODQ2OTgxMDMyNzI2OBoVChMzODc5MzkyODMwOTQ3ODc2MjM5WhMzODc5MzkyODMwOTQ3ODc2MjM5atkCEgEwGAAiRRoxAAoqaGhuZHB4b2dtcnJqZ3hvYmhoVUMxRFlnekhTbDd4YmxGaTBkNmpLRGRBEgIAEioQwg8PGg8_E7EEggQkAYAEKyqLARABGniBAQP9AvsFAPAFCwUQA_0ABwEG-vj__wDjDfYEAvwCAAwA_wMDAAAABPgIBAAAAAD59gr0_P4AAAj_BAMEAAAADf_9BwQAAAAHBv8C_gEAAPkB-vkDAAAAAP8E-v8AAAAA9v_6AwAAABX9CPcAAAAAC-39CgEAAAAgAC13W-M7OBNACUhOUAIqcxAAGmAHEQAgARLm2_kYAwTg-h7t9gzd4_ggAAv7ABge4Oz6_fHpCwsAAt0BDssAAAAdIQES_AD8O-7g-PX6EAq02gIREn_nAAwaFA7s1_YU6Q0z5hQI9woAA_IP_On19TcnFxcgAC3Qd3w7OBNACUhvUAIwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=lbgZ1VOnskQ","parent-reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["3879392830947876239"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null},"17720912430531454894":{"videoId":"17720912430531454894","docid":"34-3-16-Z2D57980FEB8E76E9","description":"Ever wondered how to create eye-catching reveal effects with just CSS? 👉 Learn CSS Grid Layouts • CSS Grid - Create a FULL-Height Responsive... In this video, we’re breaking down the power of...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4595166/36bd1f85734a12fbbeb89a9a947abe71/564x318_1"},"target":"_self","position":"5","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","isAdultDoc":false,"relatedParams":{"text":"Turning CSS Masks into Stunning Reveal Effects","related_orig_text":"Optimistic Web","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Optimistic Web\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=z8cNQ1CnPuw\",\"src\":\"serp\",\"rvb\":\"Eq4DChQxMTgwODEzMTgzNTcwNzYwOTI1MgoTMjA2Njg4NDE1NzUwNjMyMTI0MwoTMjgwNzI5MTk0MDAwNTQ4MTg1NAoTMzg3OTM5MjgzMDk0Nzg3NjIzOQoUMTc3MjA5MTI0MzA1MzE0NTQ4OTQKEzgzMDYxNzY0OTYzNjE2MzI5NTkKFDEwNzU5NTMxMzc1MTU4MDg2NDI5ChQxNzA0MjAzNzU2NDQ1NjY2MjE2NAoUMTcwNDE1ODY4MTc5NTYyNzk0ODcKEzQ4MDg4Mjc2OTM0MTE3NTcxMjcKEzE2MTI3Mzc0MDUyODIxMjM5NzYKEzY1MDg3MDY4MTczNzk0NTExMTEKFDE0MTM4NzcxODQyNTgyMzY3MTUzChQxMzUwNzM0Njg3NDc4NzM4Njc1OQoUMTUwMjQxNjg1NzU5MDQ3MDcyNTkKFDE3ODA1NzUxNjU1ODMwNTIwMTY0ChQxNDE4MzMxMTQ5Nzc3NTU3ODIyNQoTMzA0NTQ3OTI0Mjk3NjQ0NzUzMgoTODU5MzY3ODMwNjY1NTc2MDYzOAoTODAzMzczODQ2OTgxMDMyNzI2OBoWChQxNzcyMDkxMjQzMDUzMTQ1NDg5NFoUMTc3MjA5MTI0MzA1MzE0NTQ4OTRq2QISATAYACJFGjEACipoaG5kcHhvZ21ycmpneG9iaGhVQzFEWWd6SFNsN3hibEZpMGQ2aktEZEESAgASKhDCDw8aDz8TpQSCBCQBgAQrKosBEAEaeIECBQL-_wIA-wMDDgoI-wITAgT59gEBAOEO9gQD_AIAD_8BA_kAAAAC-AcECwAAAP_6_vD__gEABAb6CPkAAAAR8QH8AwAAAA4M_AP-AQAABPf-AgELAAIBCwn5_wAAAP_5CAX8_wAABv0M_wAAAAAU8AcCAAEAACAALTMg1zs4E0AJSE5QAipzEAAaYPD_AFHvHeSvAykICt_2QOPfDL_eFhP_CtL_GjLa5OX6zcAWCf8N3_oFoAAAADsA8QzEAPRv28frG-Ip-a3tFBL2f-X8DRQbFPHI4PWs-VgDLTHsQQDC5w4F8Or0Yjc5JCAALa6bIDs4E0AJSG9QAjAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=z8cNQ1CnPuw","parent-reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["17720912430531454894"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null},"8306176496361632959":{"videoId":"8306176496361632959","docid":"34-5-13-ZA201AAF4FBDDADCE","description":"👉 Watch the full tutorial - • CSS Mask Wipe Effects - The Ultimate CSS A... Simple CSS Wipe Effect for Smooth Mask Animations With just a bit of CSS masking magic, you can create smooth...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/965917/f5429a13123748f6bb0f3859b040b5b1/564x318_1"},"target":"_self","position":"6","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","isAdultDoc":false,"relatedParams":{"text":"CSS Mask Wipe Effect – Can it power a slideshow?","related_orig_text":"Optimistic Web","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Optimistic Web\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=-sGGVFY-wxU\",\"src\":\"serp\",\"rvb\":\"Eq4DChQxMTgwODEzMTgzNTcwNzYwOTI1MgoTMjA2Njg4NDE1NzUwNjMyMTI0MwoTMjgwNzI5MTk0MDAwNTQ4MTg1NAoTMzg3OTM5MjgzMDk0Nzg3NjIzOQoUMTc3MjA5MTI0MzA1MzE0NTQ4OTQKEzgzMDYxNzY0OTYzNjE2MzI5NTkKFDEwNzU5NTMxMzc1MTU4MDg2NDI5ChQxNzA0MjAzNzU2NDQ1NjY2MjE2NAoUMTcwNDE1ODY4MTc5NTYyNzk0ODcKEzQ4MDg4Mjc2OTM0MTE3NTcxMjcKEzE2MTI3Mzc0MDUyODIxMjM5NzYKEzY1MDg3MDY4MTczNzk0NTExMTEKFDE0MTM4NzcxODQyNTgyMzY3MTUzChQxMzUwNzM0Njg3NDc4NzM4Njc1OQoUMTUwMjQxNjg1NzU5MDQ3MDcyNTkKFDE3ODA1NzUxNjU1ODMwNTIwMTY0ChQxNDE4MzMxMTQ5Nzc3NTU3ODIyNQoTMzA0NTQ3OTI0Mjk3NjQ0NzUzMgoTODU5MzY3ODMwNjY1NTc2MDYzOAoTODAzMzczODQ2OTgxMDMyNzI2OBoVChM4MzA2MTc2NDk2MzYxNjMyOTU5WhM4MzA2MTc2NDk2MzYxNjMyOTU5atgCEgEwGAAiRBoxAAoqaGhuZHB4b2dtcnJqZ3hvYmhoVUMxRFlnekhTbDd4YmxGaTBkNmpLRGRBEgIAEioPwg8PGg8_ExqCBCQBgAQrKosBEAEaeIH8CfUB-wUA9QkOCQQF_QEbAvv_AwIDAOUB9_8J_AIABQT8BAEBAAD99fYJBgAAAPX29PL-_wAAC_j3_QMAAAAG9f37BAAAAA0L_AP-AQAAAwIHAQP_AAAFCvwB_wAAAPz9-wH5_gAAA_sF9wAAAAAO-BALAAAAACAALWA94Ts4E0AJSE5QAipzEAAaYO8MACoAIf3eGSb9Hez-I-P1HtDOChj_F-UA7RbX2QEF6-gZEf8g8wzxvAAAACj3Lw_VAAlNDvrSAfwZGq3wBA8Wf-74Hf4bBODk6S3Q2koLKv8I_QC68Qfw4uj1KSUHCyAALTxFUDs4E0AJSG9QAjAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=-sGGVFY-wxU","parent-reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":405,"cheight":720,"cratio":0.5625,"dups":["8306176496361632959"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null},"10759531375158086429":{"videoId":"10759531375158086429","docid":"34-2-17-Z7D8B225DDA977710","description":"A little CSS magic for your next project - CSS mask animations with cool wipe and ripple effects. It’s a lot more fun than you might think. 👉 Take your CSS game to the next level! • CSS Grid...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3690839/cb7dcc18f59bb6176c9cd562cb01b201/564x318_1"},"target":"_self","position":"7","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","isAdultDoc":false,"relatedParams":{"text":"CSS Mask Wipe Effects - The Ultimate CSS Animation Tutorial","related_orig_text":"Optimistic Web","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Optimistic Web\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=7rS62whIXzw\",\"src\":\"serp\",\"rvb\":\"Eq4DChQxMTgwODEzMTgzNTcwNzYwOTI1MgoTMjA2Njg4NDE1NzUwNjMyMTI0MwoTMjgwNzI5MTk0MDAwNTQ4MTg1NAoTMzg3OTM5MjgzMDk0Nzg3NjIzOQoUMTc3MjA5MTI0MzA1MzE0NTQ4OTQKEzgzMDYxNzY0OTYzNjE2MzI5NTkKFDEwNzU5NTMxMzc1MTU4MDg2NDI5ChQxNzA0MjAzNzU2NDQ1NjY2MjE2NAoUMTcwNDE1ODY4MTc5NTYyNzk0ODcKEzQ4MDg4Mjc2OTM0MTE3NTcxMjcKEzE2MTI3Mzc0MDUyODIxMjM5NzYKEzY1MDg3MDY4MTczNzk0NTExMTEKFDE0MTM4NzcxODQyNTgyMzY3MTUzChQxMzUwNzM0Njg3NDc4NzM4Njc1OQoUMTUwMjQxNjg1NzU5MDQ3MDcyNTkKFDE3ODA1NzUxNjU1ODMwNTIwMTY0ChQxNDE4MzMxMTQ5Nzc3NTU3ODIyNQoTMzA0NTQ3OTI0Mjk3NjQ0NzUzMgoTODU5MzY3ODMwNjY1NTc2MDYzOAoTODAzMzczODQ2OTgxMDMyNzI2OBoWChQxMDc1OTUzMTM3NTE1ODA4NjQyOVoUMTA3NTk1MzEzNzUxNTgwODY0Mjlq2QISATAYACJFGjEACipoaG5kcHhvZ21ycmpneG9iaGhVQzFEWWd6SFNsN3hibEZpMGQ2aktEZEESAgASKhDCDw8aDz8T_QOCBCQBgAQrKosBEAEaeIH0CPsH_QMA9AkOCQQF_QES9wH39wEAANcD9AUG-AQACwcA_wEAAAAI-_4GAQAAAPryA_oC_gAABvf1DQIAAAAM__j7BwAAAA0H__r-AQAAAwIHAQP_AAD_Av_0_wAAAAj9AAEBAAAAEgD-_AEAAAAK9QUMAAAAACAALSM_3Ds4E0AJSE5QAipzEAAaYAAIACsYI-bfGhMS_eXvFuzvAc_qCwX_EvQADh3i7AQQ4tgJDgAi4_z2wgAAABTwEwXUAARC2_7mBAQaCbf0AQ0Ff-8F_O0JEvHh7C_gC0DxFvT5CQDw_AME6gjhQzkiKCAALch0Zjs4E0AJSG9QAjAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=7rS62whIXzw","parent-reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["10759531375158086429"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null},"17042037564456662164":{"videoId":"17042037564456662164","docid":"34-2-16-ZF553953942CD5E7E","description":"Want to master CSS mask reveal hover effects that will make your website stand out? Let’s get started! 👉 Take your CSS game to the next level! • CSS Grid - Create a FULL-Height Responsive...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/774846/583b3f41a49fdf1fddcaa9dc7187c730/564x318_1"},"target":"_self","position":"8","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","isAdultDoc":false,"relatedParams":{"text":"How to animate CSS Masks for stunning Hover Effects","related_orig_text":"Optimistic Web","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Optimistic Web\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=0rGwfESLNLg\",\"src\":\"serp\",\"rvb\":\"Eq4DChQxMTgwODEzMTgzNTcwNzYwOTI1MgoTMjA2Njg4NDE1NzUwNjMyMTI0MwoTMjgwNzI5MTk0MDAwNTQ4MTg1NAoTMzg3OTM5MjgzMDk0Nzg3NjIzOQoUMTc3MjA5MTI0MzA1MzE0NTQ4OTQKEzgzMDYxNzY0OTYzNjE2MzI5NTkKFDEwNzU5NTMxMzc1MTU4MDg2NDI5ChQxNzA0MjAzNzU2NDQ1NjY2MjE2NAoUMTcwNDE1ODY4MTc5NTYyNzk0ODcKEzQ4MDg4Mjc2OTM0MTE3NTcxMjcKEzE2MTI3Mzc0MDUyODIxMjM5NzYKEzY1MDg3MDY4MTczNzk0NTExMTEKFDE0MTM4NzcxODQyNTgyMzY3MTUzChQxMzUwNzM0Njg3NDc4NzM4Njc1OQoUMTUwMjQxNjg1NzU5MDQ3MDcyNTkKFDE3ODA1NzUxNjU1ODMwNTIwMTY0ChQxNDE4MzMxMTQ5Nzc3NTU3ODIyNQoTMzA0NTQ3OTI0Mjk3NjQ0NzUzMgoTODU5MzY3ODMwNjY1NTc2MDYzOAoTODAzMzczODQ2OTgxMDMyNzI2OBoWChQxNzA0MjAzNzU2NDQ1NjY2MjE2NFoUMTcwNDIwMzc1NjQ0NTY2NjIxNjRq2QISATAYACJFGjEACipoaG5kcHhvZ21ycmpneG9iaGhVQzFEWWd6SFNsN3hibEZpMGQ2aktEZEESAgASKhDCDw8aDz8T8gKCBCQBgAQrKosBEAEaeIEECP8FAAAA7hYLAPwCAAET9gH39gEAAOEO9gQD_AIA-vwB__8AAAAL-wkKBwAAAAL5Cv_-_QEABALtBgIAAAAE-QUA_gAAAA8D9_7-AQAA9PcHAgMAAAAHAgX4_wAAAAX1BAgAAAAAAwED7gEAAAAEDfcMAP8AACAALQAH1Ts4E0AJSE5QAipzEAAaYAH9AFMJJMy-AioO_9D6M_Pd-rrVGR7_BuH_DCDe2_MJyeQ7H_8Y4uv2oAAAAELtIwX9AO9x8czxA_YzEZ3gCBL7f8nnCg4POffD7izQAWDtFSwJRACz7AcLsu_vS1YrICAALT7sHDs4E0AJSG9QAjAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=0rGwfESLNLg","parent-reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["17042037564456662164"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null},"17041586817956279487":{"videoId":"17041586817956279487","docid":"34-8-15-Z57B40BC993D0816F","description":"Unlock the secrets of CSS Masking and make your website stand out with unique visual effects. Check out this guide to CSS masking and start creating stunning designs today! 👉 Take your CSS game...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/1527926/2ee220790b807e7432b82ad9cc2cb362/564x318_1"},"target":"_self","position":"9","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","isAdultDoc":false,"relatedParams":{"text":"A Complete Guide to Using CSS MASK Like a Pro","related_orig_text":"Optimistic Web","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Optimistic Web\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=E2adTlLOduc\",\"src\":\"serp\",\"rvb\":\"Eq4DChQxMTgwODEzMTgzNTcwNzYwOTI1MgoTMjA2Njg4NDE1NzUwNjMyMTI0MwoTMjgwNzI5MTk0MDAwNTQ4MTg1NAoTMzg3OTM5MjgzMDk0Nzg3NjIzOQoUMTc3MjA5MTI0MzA1MzE0NTQ4OTQKEzgzMDYxNzY0OTYzNjE2MzI5NTkKFDEwNzU5NTMxMzc1MTU4MDg2NDI5ChQxNzA0MjAzNzU2NDQ1NjY2MjE2NAoUMTcwNDE1ODY4MTc5NTYyNzk0ODcKEzQ4MDg4Mjc2OTM0MTE3NTcxMjcKEzE2MTI3Mzc0MDUyODIxMjM5NzYKEzY1MDg3MDY4MTczNzk0NTExMTEKFDE0MTM4NzcxODQyNTgyMzY3MTUzChQxMzUwNzM0Njg3NDc4NzM4Njc1OQoUMTUwMjQxNjg1NzU5MDQ3MDcyNTkKFDE3ODA1NzUxNjU1ODMwNTIwMTY0ChQxNDE4MzMxMTQ5Nzc3NTU3ODIyNQoTMzA0NTQ3OTI0Mjk3NjQ0NzUzMgoTODU5MzY3ODMwNjY1NTc2MDYzOAoTODAzMzczODQ2OTgxMDMyNzI2OBoWChQxNzA0MTU4NjgxNzk1NjI3OTQ4N1oUMTcwNDE1ODY4MTc5NTYyNzk0ODdq2QISATAYACJFGjEACipoaG5kcHhvZ21ycmpneG9iaGhVQzFEWWd6SFNsN3hibEZpMGQ2aktEZEESAgASKhDCDw8aDz8T_QOCBCQBgAQrKosBEAEaeIH2-_v7-wUA9QkOCQQF_QEVBgUC9gICAO8J8QAEAAAAEwn7AQUAAAD6_wEFCAAAAAHz9vgA_QEAAQEDAQQAAAAM__j7BwAAAAcG_wL-AQAA_wX7_wP_AAAFA_r3_wAAAAb6-voBAAAADPgE-gAAAAAK9gUMAAAAACAALVmR4js4E0AJSE5QAipzEAAaYP0MACcRGxPd5xoCBOn_GOYJBs7pBTv_CgcAFRr26fcT5NUCDP8L1grzwwAAABgBCBnuAAJGEvjL_vUpCK3vB_8gf9DtGhER_fLU-Cb0BQ_xGw8KKgDsCP4Gzw8ELTz-PCAALReGXzs4E0AJSG9QAjAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=E2adTlLOduc","parent-reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["17041586817956279487"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null},"4808827693411757127":{"videoId":"4808827693411757127","docid":"34-3-9-Z0B5464E83AAA6D5E","description":"Add some personality to your website with these 5 CSS hover effects. These circular animations will definitely catch some eyes. 👉 Take your CSS game to the next level! • CSS Grid - Create a...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/923911/ea155ead75c2a5ee034a09947d1d7775/564x318_1"},"target":"_self","position":"10","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","isAdultDoc":false,"relatedParams":{"text":"5 Mind-Blowing CSS Hover Effects with Circular Animations","related_orig_text":"Optimistic Web","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Optimistic Web\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=OnOBfoT1zuw\",\"src\":\"serp\",\"rvb\":\"Eq4DChQxMTgwODEzMTgzNTcwNzYwOTI1MgoTMjA2Njg4NDE1NzUwNjMyMTI0MwoTMjgwNzI5MTk0MDAwNTQ4MTg1NAoTMzg3OTM5MjgzMDk0Nzg3NjIzOQoUMTc3MjA5MTI0MzA1MzE0NTQ4OTQKEzgzMDYxNzY0OTYzNjE2MzI5NTkKFDEwNzU5NTMxMzc1MTU4MDg2NDI5ChQxNzA0MjAzNzU2NDQ1NjY2MjE2NAoUMTcwNDE1ODY4MTc5NTYyNzk0ODcKEzQ4MDg4Mjc2OTM0MTE3NTcxMjcKEzE2MTI3Mzc0MDUyODIxMjM5NzYKEzY1MDg3MDY4MTczNzk0NTExMTEKFDE0MTM4NzcxODQyNTgyMzY3MTUzChQxMzUwNzM0Njg3NDc4NzM4Njc1OQoUMTUwMjQxNjg1NzU5MDQ3MDcyNTkKFDE3ODA1NzUxNjU1ODMwNTIwMTY0ChQxNDE4MzMxMTQ5Nzc3NTU3ODIyNQoTMzA0NTQ3OTI0Mjk3NjQ0NzUzMgoTODU5MzY3ODMwNjY1NTc2MDYzOAoTODAzMzczODQ2OTgxMDMyNzI2OBoVChM0ODA4ODI3NjkzNDExNzU3MTI3WhM0ODA4ODI3NjkzNDExNzU3MTI3atkCEgEwGAAiRRoxAAoqaGhuZHB4b2dtcnJqZ3hvYmhoVUMxRFlnekhTbDd4YmxGaTBkNmpLRGRBEgIAEioQwg8PGg8_E_kCggQkAYAEKyqLARABGniB9Aj7B_0DAOkPBP_6AAEADf35AQn-_wDlAPIJAP0BAPP6BwEEAAAAFgAHCgEAAAAC_wgGBf0BAAQG-wf5AAAA__oLAAQAAAAS-gb1_wEAAPH8_AMDAAAABQEA_f8AAAD6-gML_QAAAAMBA-4BAAAADQ33_gAAAAAgAC0jP9w7OBNACUhOUAIqcxAAGmAQCAAu-RIL6jEYAgXX7Cfm3f_g6gcF_xHTAAQQ9v38B8jUKP3_OdzwE7sAAAAi-xsI9QD9TvHw__YEFve_8OUMEH_nA_YS_DD22_gw0g5H5vwQGiUA4eAHCdn9ykhGFfogAC0Crk47OBNACUhvUAIwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=OnOBfoT1zuw","parent-reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["4808827693411757127"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null},"1612737405282123976":{"videoId":"1612737405282123976","docid":"34-6-4-Z2DF0B5457089A5C8","description":"Watch this Gradient TEXT Animation come to life using ONLY CSS and make your website stand out. 👉 Take your CSS game to the next level! • CSS Grid - Create a FULL-Height Responsive... Want to...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3952324/24c875c8796d2647e13886a46647bc5e/564x318_1"},"target":"_self","position":"12","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","isAdultDoc":false,"relatedParams":{"text":"Create stunning Gradient TEXT Animation using only CSS","related_orig_text":"Optimistic Web","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Optimistic Web\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=QHIrp24xf-0\",\"src\":\"serp\",\"rvb\":\"Eq4DChQxMTgwODEzMTgzNTcwNzYwOTI1MgoTMjA2Njg4NDE1NzUwNjMyMTI0MwoTMjgwNzI5MTk0MDAwNTQ4MTg1NAoTMzg3OTM5MjgzMDk0Nzg3NjIzOQoUMTc3MjA5MTI0MzA1MzE0NTQ4OTQKEzgzMDYxNzY0OTYzNjE2MzI5NTkKFDEwNzU5NTMxMzc1MTU4MDg2NDI5ChQxNzA0MjAzNzU2NDQ1NjY2MjE2NAoUMTcwNDE1ODY4MTc5NTYyNzk0ODcKEzQ4MDg4Mjc2OTM0MTE3NTcxMjcKEzE2MTI3Mzc0MDUyODIxMjM5NzYKEzY1MDg3MDY4MTczNzk0NTExMTEKFDE0MTM4NzcxODQyNTgyMzY3MTUzChQxMzUwNzM0Njg3NDc4NzM4Njc1OQoUMTUwMjQxNjg1NzU5MDQ3MDcyNTkKFDE3ODA1NzUxNjU1ODMwNTIwMTY0ChQxNDE4MzMxMTQ5Nzc3NTU3ODIyNQoTMzA0NTQ3OTI0Mjk3NjQ0NzUzMgoTODU5MzY3ODMwNjY1NTc2MDYzOAoTODAzMzczODQ2OTgxMDMyNzI2OBoVChMxNjEyNzM3NDA1MjgyMTIzOTc2WhMxNjEyNzM3NDA1MjgyMTIzOTc2atkCEgEwGAAiRRoxAAoqaGhuZHB4b2dtcnJqZ3hvYmhoVUMxRFlnekhTbDd4YmxGaTBkNmpLRGRBEgIAEioQwg8PGg8_E9YCggQkAYAEKyqLARABGniB8wkHCP8CAP4KBwEEBf4BAfz2_Pj9_QDhDvYEA_wCABX8CPz9AAAAAfz4__8AAAD2-P__8_8BAP_8BBEDAAAAHPwCAwIA_wANB__6_gEAAP33Afn2AgAB-gUF9_8AAAD-CP4AAgEAAAkWBv4AAAAA_fL6BAAAAAAgAC3ZfdY7OBNACUhOUAIqcxAAGmAWCgAt9Bno3yUA_eXO2yQD5vXR6_8a_w77ABAM-eQRH-W-Evr_Je_59r0AAAATIQXvFwAUSxXX7eTnCv6w-g8jHn_V_wYHAhT-2v4--xkG7_UBICIA7vAUDQD_AD8n3xAgAC21v1s7OBNACUhvUAIwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=QHIrp24xf-0","parent-reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["1612737405282123976"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null},"6508706817379451111":{"videoId":"6508706817379451111","docid":"34-7-17-Z937A6EE530D5C452","description":"Want to add a magical CSS snowfall animation to your website? Here's how to do it with just one CSS element! 👉 Take your CSS game to the next level! • CSS Grid - Create a FULL-Height Responsiv...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3490050/5906ce342b0d06b955cd8d59c90f7a0a/564x318_1"},"target":"_self","position":"13","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","isAdultDoc":false,"relatedParams":{"text":"CSS Snowfall Animation that will wow your website visitors","related_orig_text":"Optimistic Web","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Optimistic Web\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=jzQEGuKZ9uY\",\"src\":\"serp\",\"rvb\":\"Eq4DChQxMTgwODEzMTgzNTcwNzYwOTI1MgoTMjA2Njg4NDE1NzUwNjMyMTI0MwoTMjgwNzI5MTk0MDAwNTQ4MTg1NAoTMzg3OTM5MjgzMDk0Nzg3NjIzOQoUMTc3MjA5MTI0MzA1MzE0NTQ4OTQKEzgzMDYxNzY0OTYzNjE2MzI5NTkKFDEwNzU5NTMxMzc1MTU4MDg2NDI5ChQxNzA0MjAzNzU2NDQ1NjY2MjE2NAoUMTcwNDE1ODY4MTc5NTYyNzk0ODcKEzQ4MDg4Mjc2OTM0MTE3NTcxMjcKEzE2MTI3Mzc0MDUyODIxMjM5NzYKEzY1MDg3MDY4MTczNzk0NTExMTEKFDE0MTM4NzcxODQyNTgyMzY3MTUzChQxMzUwNzM0Njg3NDc4NzM4Njc1OQoUMTUwMjQxNjg1NzU5MDQ3MDcyNTkKFDE3ODA1NzUxNjU1ODMwNTIwMTY0ChQxNDE4MzMxMTQ5Nzc3NTU3ODIyNQoTMzA0NTQ3OTI0Mjk3NjQ0NzUzMgoTODU5MzY3ODMwNjY1NTc2MDYzOAoTODAzMzczODQ2OTgxMDMyNzI2OBoVChM2NTA4NzA2ODE3Mzc5NDUxMTExWhM2NTA4NzA2ODE3Mzc5NDUxMTExatkCEgEwGAAiRRoxAAoqaGhuZHB4b2dtcnJqZ3hvYmhoVUMxRFlnekhTbDd4YmxGaTBkNmpLRGRBEgIAEioQwg8PGg8_E5cDggQkAYAEKyqLARABGniB-v_89wH_APQIAf0NAv4ADwMTAfcBAADXBAIL_fgEAAMEEP3-AQAACO4CDAIAAADt9gr_8wABAPz5__8DAAAAF_n7AP8AAAAMBAIJCwABAfX_APz5AQAA_gER-v8AAAD7BAoM_QAAAAQBA_wAAAAA9___C___AAAgAC3LM847OBNACUhOUAIqcxAAGmAxCAAj-g_Z8ggn9wfyygsR4_jy4xQZ_yjnAOYp7O8W7_TJ9gn_NPARALoAAAAMFQEr6AABURXn69Hv9Qa5AA0rHn__6ivpJA4G4sUI8CYp7P0kBB4A_eEL-8333DwyEP4gAC1v_1E7OBNACUhvUAIwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=jzQEGuKZ9uY","parent-reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["6508706817379451111"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null},"14138771842582367153":{"videoId":"14138771842582367153","docid":"34-6-5-ZAC93080C0CA05E79","description":"Want to know the TOP 5 CSS properties I use every day to make websites faster and better? Unlock the power of CSS with these 5 game-changing properties! 👉 Take your CSS game to the next level! •","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/1024306/4c092d8687d618896a6a9d28a108011e/564x318_1"},"target":"_self","position":"14","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","isAdultDoc":false,"relatedParams":{"text":"Learn 5 CSS Properties to level up your web dev skills","related_orig_text":"Optimistic Web","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Optimistic Web\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=KGwbERcZEjw\",\"src\":\"serp\",\"rvb\":\"Eq4DChQxMTgwODEzMTgzNTcwNzYwOTI1MgoTMjA2Njg4NDE1NzUwNjMyMTI0MwoTMjgwNzI5MTk0MDAwNTQ4MTg1NAoTMzg3OTM5MjgzMDk0Nzg3NjIzOQoUMTc3MjA5MTI0MzA1MzE0NTQ4OTQKEzgzMDYxNzY0OTYzNjE2MzI5NTkKFDEwNzU5NTMxMzc1MTU4MDg2NDI5ChQxNzA0MjAzNzU2NDQ1NjY2MjE2NAoUMTcwNDE1ODY4MTc5NTYyNzk0ODcKEzQ4MDg4Mjc2OTM0MTE3NTcxMjcKEzE2MTI3Mzc0MDUyODIxMjM5NzYKEzY1MDg3MDY4MTczNzk0NTExMTEKFDE0MTM4NzcxODQyNTgyMzY3MTUzChQxMzUwNzM0Njg3NDc4NzM4Njc1OQoUMTUwMjQxNjg1NzU5MDQ3MDcyNTkKFDE3ODA1NzUxNjU1ODMwNTIwMTY0ChQxNDE4MzMxMTQ5Nzc3NTU3ODIyNQoTMzA0NTQ3OTI0Mjk3NjQ0NzUzMgoTODU5MzY3ODMwNjY1NTc2MDYzOAoTODAzMzczODQ2OTgxMDMyNzI2OBoWChQxNDEzODc3MTg0MjU4MjM2NzE1M1oUMTQxMzg3NzE4NDI1ODIzNjcxNTNq2QISATAYACJFGjEACipoaG5kcHhvZ21ycmpneG9iaGhVQzFEWWd6SFNsN3hibEZpMGQ2aktEZEESAgASKhDCDw8aDz8TogSCBCQBgAQrKosBEAEaeIEA_gAAAf8A8Qn9ChEE_AEEAAAC-P_-ANcIAP0H-AQAD_8BA_gAAAAMEAoDBAAAAPHuAfj6_wAA8AD8DgMAAAAR6PwH_wAAAAD_Bgz-AQAA9f8A_fkBAAAD7_sG_wAAAAwEAQX7_wAAFAXz-AEAAAAS_u4DAQAAACAALfSY0Ds4E0AJSE5QAipzEAAaYBACACIDGfzhGDf6AwHFFwz4F_jmCiP_OvQAATDtBgb24bAiAf8jy_cDswAAACYt8CQAAARgBwvw0_gg-JDvBQUhf9II27X8GAP6_xHoJSvND-8jOADuAu8DENIdIUbL9iAALTjJOjs4E0AJSG9QAjAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=KGwbERcZEjw","parent-reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["14138771842582367153"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null},"13507346874787386759":{"videoId":"13507346874787386759","docid":"34-7-9-Z10D5CB808276C460","description":"Can CSS Grid handle an insane photo collage? What if I told you it's not only possible but also easier than you think? 👉 Take your CSS game to the next level! • CSS Grid - Create a FULL-Height...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4580066/fea24c7d1f3b64e00843deb045c816d4/564x318_1"},"target":"_self","position":"15","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","isAdultDoc":false,"relatedParams":{"text":"CSS GRID Magic - Build a Stunning Photo Collage with Ease","related_orig_text":"Optimistic Web","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Optimistic Web\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=caGLU5skTug\",\"src\":\"serp\",\"rvb\":\"Eq4DChQxMTgwODEzMTgzNTcwNzYwOTI1MgoTMjA2Njg4NDE1NzUwNjMyMTI0MwoTMjgwNzI5MTk0MDAwNTQ4MTg1NAoTMzg3OTM5MjgzMDk0Nzg3NjIzOQoUMTc3MjA5MTI0MzA1MzE0NTQ4OTQKEzgzMDYxNzY0OTYzNjE2MzI5NTkKFDEwNzU5NTMxMzc1MTU4MDg2NDI5ChQxNzA0MjAzNzU2NDQ1NjY2MjE2NAoUMTcwNDE1ODY4MTc5NTYyNzk0ODcKEzQ4MDg4Mjc2OTM0MTE3NTcxMjcKEzE2MTI3Mzc0MDUyODIxMjM5NzYKEzY1MDg3MDY4MTczNzk0NTExMTEKFDE0MTM4NzcxODQyNTgyMzY3MTUzChQxMzUwNzM0Njg3NDc4NzM4Njc1OQoUMTUwMjQxNjg1NzU5MDQ3MDcyNTkKFDE3ODA1NzUxNjU1ODMwNTIwMTY0ChQxNDE4MzMxMTQ5Nzc3NTU3ODIyNQoTMzA0NTQ3OTI0Mjk3NjQ0NzUzMgoTODU5MzY3ODMwNjY1NTc2MDYzOAoTODAzMzczODQ2OTgxMDMyNzI2OBoWChQxMzUwNzM0Njg3NDc4NzM4Njc1OVoUMTM1MDczNDY4NzQ3ODczODY3NTlq2QISATAYACJFGjEACipoaG5kcHhvZ21ycmpneG9iaGhVQzFEWWd6SFNsN3hibEZpMGQ2aktEZEESAgASKhDCDw8aDz8TggOCBCQBgAQrKosBEAEaeIH6AgsABPwAAwsLDgML-gIe9fwH9QICAN8P9QQD-wIAC_v3AQAAAAD07wj-CAAAAPcG-v3z_wEACfz0_fcAAAAb9fQJ_QAAAP8I_QD-AQAAAvT97AEAAAD4_QcRAAAAAPf9-Pz__wAABAED7AEAAAAQ_gH1AAAAACAALWz4xjs4E0AJSE5QAipzEAAaYAYHADcqBgHmBAsF4urRI-vxF8fD-j__JtoA8RzoFvsI2Lwd9wDq0BXosgAAABUYCg3iAPtX7dbi2P3r-bXGDRQSfyYI_gElMwnMBTzvBBmiAQcTEwD46iMAAMX8Mh4FEiAALcRUPTs4E0AJSG9QAjAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=caGLU5skTug","parent-reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["13507346874787386759"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null},"15024168575904707259":{"videoId":"15024168575904707259","docid":"34-10-15-ZB9C55AECCDF6A353","description":"Unlock the secrets to creating multi-layer CSS background patterns with just a few lines of code. 👉 Take your CSS game to the next level! • CSS Grid - Create a FULL-Height Responsive... Want to...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3215526/7187c59c22d8e2165de915d59b8f9da5/564x318_1"},"target":"_self","position":"16","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","isAdultDoc":false,"relatedParams":{"text":"How to make stunning multi-layer Background Patterns in CSS","related_orig_text":"Optimistic Web","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Optimistic Web\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=QMoKpkE3c6s\",\"src\":\"serp\",\"rvb\":\"Eq4DChQxMTgwODEzMTgzNTcwNzYwOTI1MgoTMjA2Njg4NDE1NzUwNjMyMTI0MwoTMjgwNzI5MTk0MDAwNTQ4MTg1NAoTMzg3OTM5MjgzMDk0Nzg3NjIzOQoUMTc3MjA5MTI0MzA1MzE0NTQ4OTQKEzgzMDYxNzY0OTYzNjE2MzI5NTkKFDEwNzU5NTMxMzc1MTU4MDg2NDI5ChQxNzA0MjAzNzU2NDQ1NjY2MjE2NAoUMTcwNDE1ODY4MTc5NTYyNzk0ODcKEzQ4MDg4Mjc2OTM0MTE3NTcxMjcKEzE2MTI3Mzc0MDUyODIxMjM5NzYKEzY1MDg3MDY4MTczNzk0NTExMTEKFDE0MTM4NzcxODQyNTgyMzY3MTUzChQxMzUwNzM0Njg3NDc4NzM4Njc1OQoUMTUwMjQxNjg1NzU5MDQ3MDcyNTkKFDE3ODA1NzUxNjU1ODMwNTIwMTY0ChQxNDE4MzMxMTQ5Nzc3NTU3ODIyNQoTMzA0NTQ3OTI0Mjk3NjQ0NzUzMgoTODU5MzY3ODMwNjY1NTc2MDYzOAoTODAzMzczODQ2OTgxMDMyNzI2OBoWChQxNTAyNDE2ODU3NTkwNDcwNzI1OVoUMTUwMjQxNjg1NzU5MDQ3MDcyNTlq2QISATAYACJFGjEACipoaG5kcHhvZ21ycmpneG9iaGhVQzFEWWd6SFNsN3hibEZpMGQ2aktEZEESAgASKhDCDw8aDz8TyQKCBCQBgAQrKosBEAEaeIH9_P0O_gIA9BIGBgcE_QEU_f0A9gEBAOMF_QEA_AIACvv4AQAAAAD7-AXyBgAAAPf9_vX6_wAADQL4EAIAAAAS9QMHAgAAAAYB_f7_AQAA-AEK_gIAAAD6BQX3_wAAAP30_gb8_wAADw4KAgEAAAAM9QAFAAAAACAALdOk2js4E0AJSE5QAipzEAAaYP0GAFvUGsvT7QD_E8PaKQniyar02jL_IMoA8BT8MhQQ18cWFf8N7Pv8pwAAAP0e8QceAAxi_cr95P0L_L33HUD6fykU9zkrKR7k9yXsHG4A9xv1JwAo6jfyH9wfOloKCiAALddPJzs4E0AJSG9QAjAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=QMoKpkE3c6s","parent-reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["15024168575904707259"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null},"17805751655830520164":{"videoId":"17805751655830520164","docid":"34-6-16-Z6E98519A24F041B5","description":"If you think CSS Grid is just for basic layouts, think again. This responsive photo gallery will change the way you design websites forever! 👉 Take your CSS game to the next level! • CSS Grid...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/2988700/d0b02987aa792884ce2e04113da64898/564x318_1"},"target":"_self","position":"17","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","isAdultDoc":false,"relatedParams":{"text":"How I Used CSS GRID to Create a Photo Gallery layout in 10 Minutes","related_orig_text":"Optimistic Web","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Optimistic Web\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=VN6l8lit2no\",\"src\":\"serp\",\"rvb\":\"Eq4DChQxMTgwODEzMTgzNTcwNzYwOTI1MgoTMjA2Njg4NDE1NzUwNjMyMTI0MwoTMjgwNzI5MTk0MDAwNTQ4MTg1NAoTMzg3OTM5MjgzMDk0Nzg3NjIzOQoUMTc3MjA5MTI0MzA1MzE0NTQ4OTQKEzgzMDYxNzY0OTYzNjE2MzI5NTkKFDEwNzU5NTMxMzc1MTU4MDg2NDI5ChQxNzA0MjAzNzU2NDQ1NjY2MjE2NAoUMTcwNDE1ODY4MTc5NTYyNzk0ODcKEzQ4MDg4Mjc2OTM0MTE3NTcxMjcKEzE2MTI3Mzc0MDUyODIxMjM5NzYKEzY1MDg3MDY4MTczNzk0NTExMTEKFDE0MTM4NzcxODQyNTgyMzY3MTUzChQxMzUwNzM0Njg3NDc4NzM4Njc1OQoUMTUwMjQxNjg1NzU5MDQ3MDcyNTkKFDE3ODA1NzUxNjU1ODMwNTIwMTY0ChQxNDE4MzMxMTQ5Nzc3NTU3ODIyNQoTMzA0NTQ3OTI0Mjk3NjQ0NzUzMgoTODU5MzY3ODMwNjY1NTc2MDYzOAoTODAzMzczODQ2OTgxMDMyNzI2OBoWChQxNzgwNTc1MTY1NTgzMDUyMDE2NFoUMTc4MDU3NTE2NTU4MzA1MjAxNjRq2QISATAYACJFGjEACipoaG5kcHhvZ21ycmpneG9iaGhVQzFEWWd6SFNsN3hibEZpMGQ2aktEZEESAgASKhDCDw8aDz8T9wSCBCQBgAQrKosBEAEaeIH4CQ8BAAAA_goIAQUF_QEZ-vAE9QEBAOMC8PcD_AIAD_8BA_gAAAD9-vH3BAAAAPID9_r8AAAAChH9DAQAAAAW7_f2_QAAAAT4-vj_AQAA-Qf6-fYCAAEABPr-_wAAAO369PwAAAAADggC_AEAAAAM-vj6AAAAACAALcoA0Ts4E0AJSE5QAipzEAAaYPcMACsA7e_gCPUQ9uXxEvHw8s7NBS__G_AA-iHkHwkD2McZEQD22AzzvwAAAAsd9xTgABND7e776_r3-rfk8wkafxHw5-n_DPjcGCjUBRjCDAEHFwABADAHGc8bIRLOFiAALZeUXzs4E0AJSG9QAjAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=VN6l8lit2no","parent-reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["17805751655830520164"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null},"14183311497775578225":{"videoId":"14183311497775578225","docid":"34-8-9-Z71F008E418C4021F","description":"Unlock the secret to flawless layouts with CSS Subgrid and transform your designs with the Subgrid Magic! 👉 Take your CSS game to the next level! • CSS Grid - Create a FULL-Height Responsive...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3680673/0ddbb8a428ac3e8f77a368102bffb3da/564x318_1"},"target":"_self","position":"18","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","isAdultDoc":false,"relatedParams":{"text":"Simple CSS Subgrid Tricks to Solve Real-Life Layout Challenges","related_orig_text":"Optimistic Web","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Optimistic Web\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=hkdc_qBgXDc\",\"src\":\"serp\",\"rvb\":\"Eq4DChQxMTgwODEzMTgzNTcwNzYwOTI1MgoTMjA2Njg4NDE1NzUwNjMyMTI0MwoTMjgwNzI5MTk0MDAwNTQ4MTg1NAoTMzg3OTM5MjgzMDk0Nzg3NjIzOQoUMTc3MjA5MTI0MzA1MzE0NTQ4OTQKEzgzMDYxNzY0OTYzNjE2MzI5NTkKFDEwNzU5NTMxMzc1MTU4MDg2NDI5ChQxNzA0MjAzNzU2NDQ1NjY2MjE2NAoUMTcwNDE1ODY4MTc5NTYyNzk0ODcKEzQ4MDg4Mjc2OTM0MTE3NTcxMjcKEzE2MTI3Mzc0MDUyODIxMjM5NzYKEzY1MDg3MDY4MTczNzk0NTExMTEKFDE0MTM4NzcxODQyNTgyMzY3MTUzChQxMzUwNzM0Njg3NDc4NzM4Njc1OQoUMTUwMjQxNjg1NzU5MDQ3MDcyNTkKFDE3ODA1NzUxNjU1ODMwNTIwMTY0ChQxNDE4MzMxMTQ5Nzc3NTU3ODIyNQoTMzA0NTQ3OTI0Mjk3NjQ0NzUzMgoTODU5MzY3ODMwNjY1NTc2MDYzOAoTODAzMzczODQ2OTgxMDMyNzI2OBoWChQxNDE4MzMxMTQ5Nzc3NTU3ODIyNVoUMTQxODMzMTE0OTc3NzU1NzgyMjVq2QISATAYACJFGjEACipoaG5kcHhvZ21ycmpneG9iaGhVQzFEWWd6SFNsN3hibEZpMGQ2aktEZEESAgASKhDCDw8aDz8TxASCBCQBgAQrKosBEAEaeIH3DAf8_gMA8Qn9CRAE_AEM_vsI9___AOUA8QkA_QEADwcKAfsAAAAJ-AL4CgAAAO35__T2AAAAAw4FBvgAAAAJ8_cL-wAAAA31_vT_AQAAAwAA_AIAAAAC9gUGAAAAAPX__wb6_wAACQQIAQAAAAAU_AAFAAEAACAALcRC2Ds4E0AJSE5QAipzEAAaYAEQABMAAvPz_fUF7_73CfYA7e3kAB4ADPgAEBf0AxYF7dcX_wAN5AsH2QAAABQQ_xX3AA8nDvP77PXs_9wC_xAHf_366-0CB_vcFAjpCiLuAPgNBQAABR8FCugKEgffDSAALQnYnzs4E0AJSG9QAjAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=hkdc_qBgXDc","parent-reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["14183311497775578225"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null},"3045479242976447532":{"videoId":"3045479242976447532","docid":"34-7-6-ZDA9320FF266982DE","description":"Take a closer look at CSS Grid Auto Placement. Learn how to let CSS do the heavy lifting without manually placing every single item. 👉 Take your CSS game to the next level! •","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/1781433/47896eb5bcd57440ec1b7692be58e3ec/564x318_1"},"target":"_self","position":"19","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","isAdultDoc":false,"relatedParams":{"text":"How CSS GRID AUTO Placement does all the work for you!","related_orig_text":"Optimistic Web","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Optimistic Web\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=b-1bI7x7Zf4\",\"src\":\"serp\",\"rvb\":\"Eq4DChQxMTgwODEzMTgzNTcwNzYwOTI1MgoTMjA2Njg4NDE1NzUwNjMyMTI0MwoTMjgwNzI5MTk0MDAwNTQ4MTg1NAoTMzg3OTM5MjgzMDk0Nzg3NjIzOQoUMTc3MjA5MTI0MzA1MzE0NTQ4OTQKEzgzMDYxNzY0OTYzNjE2MzI5NTkKFDEwNzU5NTMxMzc1MTU4MDg2NDI5ChQxNzA0MjAzNzU2NDQ1NjY2MjE2NAoUMTcwNDE1ODY4MTc5NTYyNzk0ODcKEzQ4MDg4Mjc2OTM0MTE3NTcxMjcKEzE2MTI3Mzc0MDUyODIxMjM5NzYKEzY1MDg3MDY4MTczNzk0NTExMTEKFDE0MTM4NzcxODQyNTgyMzY3MTUzChQxMzUwNzM0Njg3NDc4NzM4Njc1OQoUMTUwMjQxNjg1NzU5MDQ3MDcyNTkKFDE3ODA1NzUxNjU1ODMwNTIwMTY0ChQxNDE4MzMxMTQ5Nzc3NTU3ODIyNQoTMzA0NTQ3OTI0Mjk3NjQ0NzUzMgoTODU5MzY3ODMwNjY1NTc2MDYzOAoTODAzMzczODQ2OTgxMDMyNzI2OBoVChMzMDQ1NDc5MjQyOTc2NDQ3NTMyWhMzMDQ1NDc5MjQyOTc2NDQ3NTMyatkCEgEwGAAiRRoxAAoqaGhuZHB4b2dtcnJqZ3hvYmhoVUMxRFlnekhTbDd4YmxGaTBkNmpLRGRBEgIAEioQwg8PGg8_E-gCggQkAYAEKyqLARABGniB-wr-CQL9APsDAw8LCfoCHvX8B_UCAgDYAfb_-vgEAAD-AQMHAQAAAvcHBAsAAADs-P_z9QAAAPkO-fsEAAAAD_TsAf4AAAAE-Pr4_wEAAP_s9PYC_wAAAAMCAf8AAAD78vP5_wD_ASD___QBAAAAA_j-AwAAAAAgAC3gdcw7OBNACUhOUAIqcxAAGmANEgAMEQjl9wUAB9jnAhAM5vPa3P4RABADABIk__sCDPTnEgkABt8N9NAAAAAKHuAN5AAVMwzo5-nyFOvT7Qv_En_78vPmDAr63_kU9B8Z4fsADR8AFfok_vzVDwkO4RAgAC0WV4o7OBNACUhvUAIwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=b-1bI7x7Zf4","parent-reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["3045479242976447532"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null}},"dups":{"11808131835707609252":{"videoId":"11808131835707609252","title":"CSS PRO TIPS for Cleaner, Smarter and Accessible Hover Effects","cleanTitle":"CSS PRO TIPS for Cleaner, Smarter and Accessible Hover Effects","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=Kd03Y4DgC9M","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/Kd03Y4DgC9M?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ==","name":"Optimistic Web","isVerified":false,"subscribersCount":0,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&text=Optimistic+Web","origUrl":"http://www.youtube.com/@OptimisticWeb","a11yText":"Optimistic Web. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":530,"text":"8:50","a11yText":"Süre 8 dakika 50 saniye"},"views":{"text":"3,6bin","shouldShowInSnippet":true,"a11yText":"3,6 bin izleme"},"date":"10 haz 2025","modifyTime":1749564636000,"isExternal":false,"shouldShowQuasar":false,"player":{"embedUrl":"https://www.youtube.com/embed/Kd03Y4DgC9M?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=Kd03Y4DgC9M","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","duration":530},"parentClipId":"11808131835707609252","href":"/preview/11808131835707609252?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","rawHref":"/video/preview/11808131835707609252?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","isEmbedOnly":false},"2066884157506321243":{"videoId":"2066884157506321243","title":"How to Make a Sticky Footer That Reveals Naturally","cleanTitle":"How to Make a Sticky Footer That Reveals Naturally","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=58kZh6_ZsA4","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/58kZh6_ZsA4?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ==","name":"Optimistic Web","isVerified":false,"subscribersCount":0,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&text=Optimistic+Web","origUrl":"http://www.youtube.com/@OptimisticWeb","a11yText":"Optimistic Web. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":315,"text":"5:15","a11yText":"Süre 5 dakika 15 saniye"},"views":{"text":"2,8bin","shouldShowInSnippet":true,"a11yText":"2,8 bin izleme"},"date":"28 mayıs 2025","modifyTime":1748380967000,"isExternal":false,"shouldShowQuasar":false,"player":{"embedUrl":"https://www.youtube.com/embed/58kZh6_ZsA4?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=58kZh6_ZsA4","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","duration":315},"parentClipId":"2066884157506321243","href":"/preview/2066884157506321243?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","rawHref":"/video/preview/2066884157506321243?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","isEmbedOnly":false},"2807291940005481854":{"videoId":"2807291940005481854","title":"Why the CSS background-repeat Round property is a game-changer","cleanTitle":"Why the CSS background-repeat Round property is a game-changer","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=OUMvWEiQq_4","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/OUMvWEiQq_4?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ==","name":"Optimistic Web","isVerified":false,"subscribersCount":0,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&text=Optimistic+Web","origUrl":"http://www.youtube.com/@OptimisticWeb","a11yText":"Optimistic Web. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":538,"text":"8:58","a11yText":"Süre 8 dakika 58 saniye"},"views":{"text":"1,8bin","shouldShowInSnippet":true,"a11yText":"1,8 bin izleme"},"date":"13 mayıs 2025","modifyTime":1747138341000,"isExternal":false,"shouldShowQuasar":false,"player":{"embedUrl":"https://www.youtube.com/embed/OUMvWEiQq_4?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=OUMvWEiQq_4","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","duration":538},"parentClipId":"2807291940005481854","href":"/preview/2807291940005481854?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","rawHref":"/video/preview/2807291940005481854?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","isEmbedOnly":false},"3879392830947876239":{"videoId":"3879392830947876239","title":"Easy CSS Tricks for Stunning Visuals - CSS Mask-Composite","cleanTitle":"Easy CSS Tricks for Stunning Visuals - CSS Mask-Composite","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=lbgZ1VOnskQ","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/lbgZ1VOnskQ?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ==","name":"Optimistic Web","isVerified":false,"subscribersCount":0,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&text=Optimistic+Web","origUrl":"http://www.youtube.com/@OptimisticWeb","a11yText":"Optimistic Web. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":561,"text":"9:21","a11yText":"Süre 9 dakika 21 saniye"},"views":{"text":"2,2bin","shouldShowInSnippet":true,"a11yText":"2,2 bin izleme"},"date":"29 nis 2025","modifyTime":1745884800000,"isExternal":false,"shouldShowQuasar":false,"player":{"embedUrl":"https://www.youtube.com/embed/lbgZ1VOnskQ?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=lbgZ1VOnskQ","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","duration":561},"parentClipId":"3879392830947876239","href":"/preview/3879392830947876239?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","rawHref":"/video/preview/3879392830947876239?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","isEmbedOnly":false},"17720912430531454894":{"videoId":"17720912430531454894","title":"Turning CSS Masks into Stunning Reveal Effects","cleanTitle":"Turning CSS Masks into Stunning Reveal Effects","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=z8cNQ1CnPuw","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/z8cNQ1CnPuw?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ==","name":"Optimistic Web","isVerified":false,"subscribersCount":0,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&text=Optimistic+Web","origUrl":"http://www.youtube.com/@OptimisticWeb","a11yText":"Optimistic Web. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":549,"text":"9:09","a11yText":"Süre 9 dakika 9 saniye"},"views":{"text":"1,8bin","shouldShowInSnippet":true,"a11yText":"1,8 bin izleme"},"date":"16 nis 2025","modifyTime":1744751387000,"isExternal":false,"shouldShowQuasar":false,"player":{"embedUrl":"https://www.youtube.com/embed/z8cNQ1CnPuw?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=z8cNQ1CnPuw","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","duration":549},"parentClipId":"17720912430531454894","href":"/preview/17720912430531454894?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","rawHref":"/video/preview/17720912430531454894?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","isEmbedOnly":false},"8306176496361632959":{"videoId":"8306176496361632959","title":"CSS Mask Wipe Effect – Can it power a slideshow?","cleanTitle":"CSS Mask Wipe Effect – Can it power a slideshow?","host":{"title":"YouTube","href":"http://www.youtube.com/shorts/-sGGVFY-wxU","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/-sGGVFY-wxU?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ==","name":"Optimistic Web","isVerified":false,"subscribersCount":0,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&text=Optimistic+Web","origUrl":"http://www.youtube.com/@OptimisticWeb","a11yText":"Optimistic Web. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":26,"text":"00:26","a11yText":"Süre 26 saniye"},"views":{"text":"2,1bin","shouldShowInSnippet":true,"a11yText":"2,1 bin izleme"},"date":"1 nis 2025","modifyTime":1743465600000,"isExternal":false,"shouldShowQuasar":false,"player":{"embedUrl":"https://www.youtube.com/embed/-sGGVFY-wxU?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=-sGGVFY-wxU","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","duration":26},"parentClipId":"8306176496361632959","href":"/preview/8306176496361632959?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","rawHref":"/video/preview/8306176496361632959?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","isEmbedOnly":false},"10759531375158086429":{"videoId":"10759531375158086429","title":"CSS Mask Wipe Effects - The Ultimate CSS Animation Tutorial","cleanTitle":"CSS Mask Wipe Effects - The Ultimate CSS Animation Tutorial","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=7rS62whIXzw","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/7rS62whIXzw?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ==","name":"Optimistic Web","isVerified":false,"subscribersCount":0,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&text=Optimistic+Web","origUrl":"http://www.youtube.com/@OptimisticWeb","a11yText":"Optimistic Web. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":509,"text":"8:29","a11yText":"Süre 8 dakika 29 saniye"},"views":{"text":"3,8bin","shouldShowInSnippet":true,"a11yText":"3,8 bin izleme"},"date":"25 mar 2025","modifyTime":1742905815000,"isExternal":false,"shouldShowQuasar":false,"player":{"embedUrl":"https://www.youtube.com/embed/7rS62whIXzw?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=7rS62whIXzw","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","duration":509},"parentClipId":"10759531375158086429","href":"/preview/10759531375158086429?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","rawHref":"/video/preview/10759531375158086429?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","isEmbedOnly":false},"17042037564456662164":{"videoId":"17042037564456662164","title":"How to animate CSS Masks for stunning Hover Effects","cleanTitle":"How to animate CSS Masks for stunning Hover Effects","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=0rGwfESLNLg","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/0rGwfESLNLg?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ==","name":"Optimistic Web","isVerified":false,"subscribersCount":0,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&text=Optimistic+Web","origUrl":"http://www.youtube.com/@OptimisticWeb","a11yText":"Optimistic Web. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":370,"text":"6:10","a11yText":"Süre 6 dakika 10 saniye"},"views":{"text":"5,5bin","shouldShowInSnippet":true,"a11yText":"5,5 bin izleme"},"date":"21 oca 2025","modifyTime":1737476863000,"isExternal":false,"shouldShowQuasar":false,"player":{"embedUrl":"https://www.youtube.com/embed/0rGwfESLNLg?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=0rGwfESLNLg","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","duration":370},"parentClipId":"17042037564456662164","href":"/preview/17042037564456662164?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","rawHref":"/video/preview/17042037564456662164?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","isEmbedOnly":false},"17041586817956279487":{"videoId":"17041586817956279487","title":"A Complete Guide to Using CSS MASK Like a Pro","cleanTitle":"A Complete Guide to Using CSS MASK Like a Pro","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=E2adTlLOduc","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/E2adTlLOduc?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ==","name":"Optimistic Web","isVerified":false,"subscribersCount":0,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&text=Optimistic+Web","origUrl":"http://www.youtube.com/@OptimisticWeb","a11yText":"Optimistic Web. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":509,"text":"8:29","a11yText":"Süre 8 dakika 29 saniye"},"views":{"text":"10,4bin","shouldShowInSnippet":true,"a11yText":"10,4 bin izleme"},"date":"14 oca 2025","modifyTime":1736871652000,"isExternal":false,"shouldShowQuasar":false,"player":{"embedUrl":"https://www.youtube.com/embed/E2adTlLOduc?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=E2adTlLOduc","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","duration":509},"parentClipId":"17041586817956279487","href":"/preview/17041586817956279487?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","rawHref":"/video/preview/17041586817956279487?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","isEmbedOnly":false},"4808827693411757127":{"videoId":"4808827693411757127","title":"5 Mind-Blowing CSS Hover Effects with Circular Animations","cleanTitle":"5 Mind-Blowing CSS Hover Effects with Circular Animations","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=OnOBfoT1zuw","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/OnOBfoT1zuw?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ==","name":"Optimistic Web","isVerified":false,"subscribersCount":0,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&text=Optimistic+Web","origUrl":"http://www.youtube.com/@OptimisticWeb","a11yText":"Optimistic Web. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":377,"text":"6:17","a11yText":"Süre 6 dakika 17 saniye"},"views":{"text":"6,5bin","shouldShowInSnippet":true,"a11yText":"6,5 bin izleme"},"date":"8 oca 2025","modifyTime":1736286558000,"isExternal":false,"shouldShowQuasar":false,"player":{"embedUrl":"https://www.youtube.com/embed/OnOBfoT1zuw?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=OnOBfoT1zuw","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","duration":377},"parentClipId":"4808827693411757127","href":"/preview/4808827693411757127?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","rawHref":"/video/preview/4808827693411757127?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","isEmbedOnly":false},"1612737405282123976":{"videoId":"1612737405282123976","title":"Create stunning Gradient TEXT Animation using only CSS","cleanTitle":"Create stunning Gradient TEXT Animation using only CSS","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=QHIrp24xf-0","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/QHIrp24xf-0?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ==","name":"Optimistic Web","isVerified":false,"subscribersCount":0,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&text=Optimistic+Web","origUrl":"http://www.youtube.com/@OptimisticWeb","a11yText":"Optimistic Web. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":342,"text":"5:42","a11yText":"Süre 5 dakika 42 saniye"},"views":{"text":"3,3bin","shouldShowInSnippet":true,"a11yText":"3,3 bin izleme"},"date":"31 ara 2024","modifyTime":1735603200000,"isExternal":false,"shouldShowQuasar":false,"player":{"embedUrl":"https://www.youtube.com/embed/QHIrp24xf-0?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=QHIrp24xf-0","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","duration":342},"parentClipId":"1612737405282123976","href":"/preview/1612737405282123976?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","rawHref":"/video/preview/1612737405282123976?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","isEmbedOnly":false},"6508706817379451111":{"videoId":"6508706817379451111","title":"CSS Snowfall Animation that will wow your \u0007[website\u0007] visitors","cleanTitle":"CSS Snowfall Animation that will wow your website visitors","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=jzQEGuKZ9uY","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/jzQEGuKZ9uY?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ==","name":"Optimistic Web","isVerified":false,"subscribersCount":0,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&text=Optimistic+Web","origUrl":"http://www.youtube.com/@OptimisticWeb","a11yText":"Optimistic Web. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":407,"text":"6:47","a11yText":"Süre 6 dakika 47 saniye"},"views":{"text":"6,3bin","shouldShowInSnippet":true,"a11yText":"6,3 bin izleme"},"date":"24 ara 2024","modifyTime":1735055876000,"isExternal":false,"shouldShowQuasar":false,"player":{"embedUrl":"https://www.youtube.com/embed/jzQEGuKZ9uY?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=jzQEGuKZ9uY","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","duration":407},"parentClipId":"6508706817379451111","href":"/preview/6508706817379451111?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","rawHref":"/video/preview/6508706817379451111?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","isEmbedOnly":false},"14138771842582367153":{"videoId":"14138771842582367153","title":"Learn 5 CSS Properties to level up your \u0007[web\u0007] dev skills","cleanTitle":"Learn 5 CSS Properties to level up your web dev skills","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=KGwbERcZEjw","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/KGwbERcZEjw?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ==","name":"Optimistic Web","isVerified":false,"subscribersCount":0,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&text=Optimistic+Web","origUrl":"http://www.youtube.com/@OptimisticWeb","a11yText":"Optimistic Web. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":546,"text":"9:06","a11yText":"Süre 9 dakika 6 saniye"},"views":{"text":"4,1bin","shouldShowInSnippet":true,"a11yText":"4,1 bin izleme"},"date":"17 ara 2024","modifyTime":1734393600000,"isExternal":false,"shouldShowQuasar":false,"player":{"embedUrl":"https://www.youtube.com/embed/KGwbERcZEjw?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=KGwbERcZEjw","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","duration":546},"parentClipId":"14138771842582367153","href":"/preview/14138771842582367153?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","rawHref":"/video/preview/14138771842582367153?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","isEmbedOnly":false},"13507346874787386759":{"videoId":"13507346874787386759","title":"CSS GRID Magic - Build a Stunning Photo Collage with Ease","cleanTitle":"CSS GRID Magic - Build a Stunning Photo Collage with Ease","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=caGLU5skTug","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/caGLU5skTug?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ==","name":"Optimistic Web","isVerified":false,"subscribersCount":0,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&text=Optimistic+Web","origUrl":"http://www.youtube.com/@OptimisticWeb","a11yText":"Optimistic Web. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":386,"text":"6:26","a11yText":"Süre 6 dakika 26 saniye"},"views":{"text":"6,4bin","shouldShowInSnippet":true,"a11yText":"6,4 bin izleme"},"date":"10 ara 2024","modifyTime":1733837534000,"isExternal":false,"shouldShowQuasar":false,"player":{"embedUrl":"https://www.youtube.com/embed/caGLU5skTug?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=caGLU5skTug","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","duration":386},"parentClipId":"13507346874787386759","href":"/preview/13507346874787386759?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","rawHref":"/video/preview/13507346874787386759?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","isEmbedOnly":false},"15024168575904707259":{"videoId":"15024168575904707259","title":"How to make stunning multi-layer Background Patterns in CSS","cleanTitle":"How to make stunning multi-layer Background Patterns in CSS","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=QMoKpkE3c6s","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/QMoKpkE3c6s?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ==","name":"Optimistic Web","isVerified":false,"subscribersCount":0,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&text=Optimistic+Web","origUrl":"http://www.youtube.com/@OptimisticWeb","a11yText":"Optimistic Web. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":329,"text":"5:29","a11yText":"Süre 5 dakika 29 saniye"},"views":{"text":"5,2bin","shouldShowInSnippet":true,"a11yText":"5,2 bin izleme"},"date":"3 ara 2024","modifyTime":1733231630000,"isExternal":false,"shouldShowQuasar":false,"player":{"embedUrl":"https://www.youtube.com/embed/QMoKpkE3c6s?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=QMoKpkE3c6s","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","duration":329},"parentClipId":"15024168575904707259","href":"/preview/15024168575904707259?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","rawHref":"/video/preview/15024168575904707259?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","isEmbedOnly":false},"17805751655830520164":{"videoId":"17805751655830520164","title":"How I Used CSS GRID to Create a Photo Gallery layout in 10 Minutes","cleanTitle":"How I Used CSS GRID to Create a Photo Gallery layout in 10 Minutes","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=VN6l8lit2no","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/VN6l8lit2no?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ==","name":"Optimistic Web","isVerified":false,"subscribersCount":0,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&text=Optimistic+Web","origUrl":"http://www.youtube.com/@OptimisticWeb","a11yText":"Optimistic Web. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":631,"text":"10:31","a11yText":"Süre 10 dakika 31 saniye"},"views":{"text":"7,5bin","shouldShowInSnippet":true,"a11yText":"7,5 bin izleme"},"date":"26 kas 2024","modifyTime":1732630565000,"isExternal":false,"shouldShowQuasar":false,"player":{"embedUrl":"https://www.youtube.com/embed/VN6l8lit2no?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=VN6l8lit2no","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","duration":631},"parentClipId":"17805751655830520164","href":"/preview/17805751655830520164?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","rawHref":"/video/preview/17805751655830520164?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","isEmbedOnly":false},"14183311497775578225":{"videoId":"14183311497775578225","title":"Simple CSS Subgrid Tricks to Solve Real-Life Layout Challenges","cleanTitle":"Simple CSS Subgrid Tricks to Solve Real-Life Layout Challenges","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=hkdc_qBgXDc","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/hkdc_qBgXDc?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ==","name":"Optimistic Web","isVerified":false,"subscribersCount":0,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&text=Optimistic+Web","origUrl":"http://www.youtube.com/@OptimisticWeb","a11yText":"Optimistic Web. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":580,"text":"9:40","a11yText":"Süre 9 dakika 40 saniye"},"views":{"text":"9,9bin","shouldShowInSnippet":true,"a11yText":"9,9 bin izleme"},"date":"19 kas 2024","modifyTime":1732047168000,"isExternal":false,"shouldShowQuasar":false,"player":{"embedUrl":"https://www.youtube.com/embed/hkdc_qBgXDc?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=hkdc_qBgXDc","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","duration":580},"parentClipId":"14183311497775578225","href":"/preview/14183311497775578225?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","rawHref":"/video/preview/14183311497775578225?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","isEmbedOnly":false},"3045479242976447532":{"videoId":"3045479242976447532","title":"How CSS GRID AUTO Placement does all the work for you!","cleanTitle":"How CSS GRID AUTO Placement does all the work for you!","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=b-1bI7x7Zf4","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/b-1bI7x7Zf4?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ==","name":"Optimistic Web","isVerified":false,"subscribersCount":0,"url":"/video/search?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&text=Optimistic+Web","origUrl":"http://www.youtube.com/@OptimisticWeb","a11yText":"Optimistic Web. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":360,"text":"6:00","a11yText":"Süre 6 dakika"},"views":{"text":"4,7bin","shouldShowInSnippet":true,"a11yText":"4,7 bin izleme"},"date":"12 kas 2024","modifyTime":1731416780000,"isExternal":false,"shouldShowQuasar":false,"player":{"embedUrl":"https://www.youtube.com/embed/b-1bI7x7Zf4?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=b-1bI7x7Zf4","reqid":"1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL","duration":360},"parentClipId":"3045479242976447532","href":"/preview/3045479242976447532?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","rawHref":"/video/preview/3045479242976447532?channelId=d3d3LnlvdXR1YmUuY29tO1VDMURZZ3pIU2w3eGJsRmkwZDZqS0RkQQ%3D%3D&how=tm&parent-reqid=1751691430143651-17894584899106879644-balancer-l7leveler-kubr-yp-vla-162-BAL&text=Optimistic+Web","isEmbedOnly":false}}},"viewer":{"_isInitial":false,"clips":{"items":{},"dups":{},"loadingStatus":"None"},"internal":{"videoId":"","sandboxEventPrefix":"sandbox:","sandboxVersion":"0x37b97f62901","isHermione":false,"isEmbedded":false,"from":"yavideo","service":"ya-video","hbPeriod":30,"rknWarnHosts":[""],"table":"video_tech","nonce":"8945848991068796447162","errorList":[],"isAdultAdv":false,"isImportantCommonAdv":false,"shouldShowAdvId":false,"advConfig":{"under-player":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"under-player-lite":{"regular":{"default":"R-I-48058-728"},"adult":{"default":"R-I-474674-103"}},"under-player-old":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"video-list":{"regular":{"default":"R-I-48058-708","mail":"R-A-13411721-2"},"adult":{"default":"R-I-474674-101","mail":"R-A-13426421-2"}},"search-list":{"regular":{"default":"R-I-48058-715","mail":"R-A-13411721-3"},"adult":{"default":"R-I-474674-108","mail":"R-A-13426421-3"}},"search-grid-row":{"regular":{"default":"R-I-48058-718","mail":"R-A-13411721-4"},"adult":{"default":"R-I-474674-109","mail":"R-A-13426421-4"}},"search-grid-head":{"regular":{"default":"R-I-2120168-7"}},"search-list-right":{"regular":{"default":"R-I-8843654-1"}},"before-player-old":{"regular":{"default":"R-I-2120168-1"}},"before-player":{"regular":{"default":"R-I-2120168-1"}}},"shouldValidateSandbox":false,"isSSROnlyMastheadEnabled":true,"query":"Optimistic Web","queryUriEscaped":"Optimistic%20Web","filterMode":1,"isUserChild":false},"playbackQueue":{"currentIndex":0,"items":[]},"related":{"items":[],"pages":[],"loadingStatus":"None","nextPageNum":0,"ncrnd":0},"playlist":{"items":{}}}}