{"id":10114,"date":"2026-08-10T10:15:08","date_gmt":"2026-08-10T10:15:08","guid":{"rendered":"https:\/\/nokobox.com\/index.php\/item\/linkedin-modern-css-techniques-without-javascript-2025-4\/"},"modified":"2026-08-10T10:15:08","modified_gmt":"2026-08-10T10:15:08","slug":"linkedin-modern-css-techniques-without-javascript-2025-4","status":"publish","type":"digital_item","link":"https:\/\/nokobox.com\/index.php\/item\/linkedin-modern-css-techniques-without-javascript-2025-4\/","title":{"rendered":"LinkedIn \u2013 Modern CSS Techniques without JavaScript 2025-4"},"content":{"rendered":"<div class=\"w-post-elm post_content\">\n<h2 dir=\"ltr\">Description<\/h2>\n<p dir=\"ltr\">Modern CSS Techniques without JavaScript is a course on using the full potential of CSS published by LinkedIn Online Academy. This is a practical and forward-thinking course designed for front-end developers and designers who want to use the full potential of CSS without relying on JavaScript. This course explores how modern CSS capabilities can create interactive, responsive, and visually appealing web components\u2014through styling techniques alone. Learners will master advanced CSS features to build efficient, accessible, and maintainable user interfaces while reducing their reliance on scripting.<\/p>\n<p dir=\"ltr\">This course teaches advanced selectors, pseudo-classes, and pseudo-elements; explores CSS Grid and Flexbox for complex layouts; uses transitions, keyframe animations, and scrolling effects without JavaScript; implements resizable components like accordions and modals using only CSS; It shows state management via :checked and :target. In this course, learn CSS-only techniques for creating accordion panels, modal windows, hamburger menus, and light\/dark color schemes. Currently, these techniques all require some level of JavaScript. However, with improved HTML elements, CSS properties, and browser support, these techniques no longer require JavaScript. Join instructor Jen Kramer in this course to get up to speed on these advanced techniques.<\/p>\n<h3 dir=\"ltr\">What you will learn in Modern CSS Techniques without JavaScript:<\/h3>\n<ul dir=\"ltr\">\n<li>Create Accordions Without JavaScript<\/li>\n<li>Create Modal Windows Without JavaScript<\/li>\n<li>Create Light\/Dark Color Schemes Without JavaScript<\/li>\n<li>And\u2026<\/li>\n<\/ul>\n<h3 dir=\"ltr\">Course specifications<\/h3>\n<p dir=\"ltr\">Publisher: <a href=\"https:\/\/href.li\/?https:\/\/www.linkedin.com\/learning\/modern-css-techniques-without-javascript\" target=\"_blank\" rel=\"noopener\"> LinkedIn <\/a><br \/>Instructors: Jen Kramer<br \/>Language: English<br \/>Level: Advanced<br \/>Number of Lessons: 25<br \/>Duration: 1h 41m<\/p>\n<h3 dir=\"ltr\">Course topics<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-981748\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/05\/Modern-CSS-Techniques-without-JavaScript-Co.png\" alt=\"Modern CSS Techniques without JavaScript Content\" width=\"415\" height=\"733\"><\/p>\n<h3 dir=\"ltr\">Modern CSS Techniques without JavaScript Prerequisites<\/h3>\n<p dir=\"ltr\">1 exercise file<br \/>Access on tablet and phone<\/p>\n<h3 dir=\"ltr\">Pictures<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-981747\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/05\/Modern-CSS-Techniques-without-JavaScript.png\" alt=\"Modern CSS Techniques without JavaScript\" width=\"711\" height=\"225\"><\/p>\n<h3 dir=\"ltr\">Modern CSS Techniques without JavaScript introduction video<\/h3>\n<div style=\"width: 640px;\" class=\"wp-video\"><span class=\"mejs-offscreen\">Video Player<\/span><\/p>\n<div id=\"mep_0\" class=\"mejs-container mejs-container-keyboard-inactive wp-video-shortcode mejs-video\" tabindex=\"0\" role=\"application\" aria-label=\"Video Player\" style=\"width: 640px; height: 360px; min-width: 217px;\">\n<div class=\"mejs-inner\">\n<div class=\"mejs-mediaelement\"><mediaelementwrapper id=\"video-163945-1\"><video class=\"wp-video-shortcode\" id=\"video-163945-1_html5\" width=\"640\" height=\"360\" preload=\"metadata\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Modern_CSS_Techniques_without_JavaScript_Downloadly.ir.mp4?_=1\" style=\"width: 640px; height: 360px;\"><source type=\"video\/mp4\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Modern_CSS_Techniques_without_JavaScript_Downloadly.ir.mp4?_=1\"><a href=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Modern_CSS_Techniques_without_JavaScript_Downloadly.ir.mp4?nocache=1786137138682\">https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Modern_CSS_Techniques_without_JavaScript_Downloadly.ir.mp4<\/a><\/video><\/mediaelementwrapper><\/div>\n<div class=\"mejs-layers\">\n<div class=\"mejs-poster mejs-layer\" style=\"display: none; width: 100%; height: 100%;\"><\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-loading\"><span class=\"mejs-overlay-loading-bg-img\"><\/span><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-error\"><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer mejs-overlay-play\" style=\"width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-button\" role=\"button\" tabindex=\"0\" aria-label=\"Play\" aria-pressed=\"false\"><\/div>\n<\/div>\n<\/div>\n<div class=\"mejs-controls\">\n<div class=\"mejs-button mejs-playpause-button mejs-play\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Play\" aria-label=\"Play\" tabindex=\"0\"><\/button><\/div>\n<div class=\"mejs-time mejs-currenttime-container\" role=\"timer\" aria-live=\"off\"><span class=\"mejs-currenttime\">00:00<\/span><\/div>\n<div class=\"mejs-time-rail\"><span class=\"mejs-time-total mejs-time-slider\" role=\"slider\" tabindex=\"0\" aria-label=\"Time Slider\" aria-valuemin=\"0\" aria-valuemax=\"0\" aria-valuenow=\"0\" aria-valuetext=\"00:00\"><span class=\"mejs-time-buffering\" style=\"display: none;\"><\/span><span class=\"mejs-time-loaded\"><\/span><span class=\"mejs-time-current\"><\/span><span class=\"mejs-time-hovered no-hover\"><\/span><span class=\"mejs-time-handle\"><span class=\"mejs-time-handle-content\"><\/span><\/span><span class=\"mejs-time-float\"><span class=\"mejs-time-float-current\">00:00<\/span><span class=\"mejs-time-float-corner\"><\/span><\/span><\/span><\/div>\n<div class=\"mejs-time mejs-duration-container\"><span class=\"mejs-duration\">00:00<\/span><\/div>\n<div class=\"mejs-button mejs-volume-button mejs-mute\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Mute\" aria-label=\"Mute\" tabindex=\"0\"><\/button><a href=\"javascript:void(0);\" class=\"mejs-volume-slider\" aria-label=\"Volume Slider\" aria-valuemin=\"0\" aria-valuemax=\"100\" role=\"slider\" aria-orientation=\"vertical\"><span class=\"mejs-offscreen\">Use Up\/Down Arrow keys to increase or decrease volume.<\/span><\/p>\n<div class=\"mejs-volume-total\">\n<div class=\"mejs-volume-current\" style=\"bottom: 0px; height: 100%;\"><\/div>\n<div class=\"mejs-volume-handle\" style=\"bottom: 100%; margin-bottom: -3px;\"><\/div>\n<\/div>\n<p><\/a><\/div>\n<div class=\"mejs-button mejs-fullscreen-button\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Fullscreen\" aria-label=\"Fullscreen\" tabindex=\"0\"><\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h3 dir=\"ltr\"><span class=\"notranslate\">Installation guide<\/span><\/h3>\n<p dir=\"ltr\">After Extract, watch with your favorite Player.<\/p>\n<p dir=\"ltr\">English subtitle<\/p>\n<p dir=\"ltr\">Quality: 720p<\/p>\n<h3 dir=\"ltr\">Download link<\/h3>\n<p dir=\"ltr\"><a href=\"https:\/\/dl3.downloadly.ir\/Files\/Elearning\/LinkedIn_Modern_CSS_Techniques_without_JavaScript_2025-4_Downloadly.ir.rar?nocache=1786137137\">Download \u2013 275 MB<\/a><\/p>\n<h5 dir=\"ltr\">File password (s): <a>www.downloadly.ir<\/a><\/h5>\n<h3 dir=\"ltr\">Size<\/h3>\n<p dir=\"ltr\">275 MB<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Description Modern CSS Techniques without JavaScript is a course on using the full potential of CSS published by LinkedIn Online Academy. This is a practical an<\/p>\n","protected":false},"author":1,"template":"","dgi_category":[10458],"dgi_tag":[33638,86063,86064,86065,86066,86067,86068,86069,86070],"class_list":["post-10114","digital_item","type-digital_item","status-publish","has-post-thumbnail","hentry","dgi_category-video-tutorials","dgi_tag-jen-kramer","dgi_tag-linkedin-modern-css-techniques-without-javascript","dgi_tag-linkedin-modern-css-techniques-without-javascript-download","dgi_tag-linkedin-modern-css-techniques-without-javascript-free","dgi_tag-linkedin-modern-css-techniques-without-javascript-free-download","dgi_tag-modern-css-techniques-without-javascript","dgi_tag-modern-css-techniques-without-javascript-download","dgi_tag-modern-css-techniques-without-javascript-free","dgi_tag-modern-css-techniques-without-javascript-free-download"],"_links":{"self":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/10114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item"}],"about":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/types\/digital_item"}],"author":[{"embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/10114\/revisions"}],"wp:attachment":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/media?parent=10114"}],"wp:term":[{"taxonomy":"dgi_category","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_category?post=10114"},{"taxonomy":"dgi_tag","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_tag?post=10114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}