Scss

Scss смотреть последние обновления за сегодня на .

Learn Sass In 20 Minutes | Sass Crash Course

833685
31004
1393
00:19:42
13.03.2019

Check out my courses here! 🤍 In this mini crash course we are going to learn everything about Sass. What Sass allows us to do is write alot of cool things that we would normally wouldn't be able to do in normal CSS. With Sass we can create variables, use imports and partials to separate our css code into smaller chunks, we can use mixins to create small functions that allow us to reuse css code, nesting allows us to write children elements directly inside the parent element and much more! We will also look at a tool called Live Sass Compiler which is going to take our scss code and convert it to regular css with autoprefixer. If you are interested in learning more about css and sass then take the time to watch this sass crash course covered in 20 minutes! ❤Become a patreon for exclusive videos and more! 🤍 Microphones I Use Audio-Technica AT2020 - 🤍 (Amazon) Deity V-Mic D3 Pro - 🤍 (Amazon) BEHRINGER Audio Interface - 🤍 (Amazon) Camera Gear Fujifilm X-T3 - 🤍 (Amazon) Fujinon XF18-55mmF2.8-4 - 🤍 (Amazon) PC Specs Kingston SQ500S37/480G 480GB - 🤍 (Amazon) Gigabyte GeForce RTX 2070 - 🤍 (Amazon) AMD Ryzen 7 2700X - 🤍 (Amazon) Corsair Vengeance LPX 16GB - 🤍 (Amazon) ASRock B450M PRO4 - 🤍 (Amazon) DeepCool ATX Mid Tower - 🤍 (Amazon) Dell Ultrasharp U2718Q 27-Inch 4K - 🤍 (Amazon) Dell Ultra Sharp LED-Lit Monitor 25 2k - 🤍 (Amazon) Logitech G305 - 🤍 (Amazon) Logitech MX Keys Advanced - 🤍 (Amazon) DISCLAIMERS: I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites. 📕 Things covered in this video: - How to add sass compiler to our project - How to link our sass to html - Sass variables - Mixins - Nesting - Extending - Operators - Partials and Imports 📔 Materials used in this video: VSCode 🛴 Follow me on: Twitter: 🤍 Github: 🤍 🎵 Music: Outro: LAKEY INSPIRED - Me 2 (Feat. Julian Avila) Music By: 🤍 Intro: Dj Quads Track Name: "Every Morning" Music By: Dj Quads 🤍 🤍 Creative Commons — Attribution-ShareAlike 3.0 Unported— CC BY-SA 3.0 🤍

Sass in 100 Seconds

303648
21633
484
00:02:31
27.04.2021

Learn the basics of Sass (SCSS) or syntactically awesome stylesheets. Sass is a language and complier the can make your CSS code more efficient and programmatic 🤍 #css #webdev #100SecondsOfCode 🔗 Resources Sass Docs 🤍 CSS Top 10 Pro Tips 🤍 Bracket Pair Colorizer 🤍 🤓 Install the quiz app iOS 🤍 Android 🤍 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at 🤍 Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Sass Tutorial for Beginners - CSS With Superpowers

670063
15831
486
02:02:59
09.09.2019

In this course, you will learn the basics of Sass. We will start with a brief overview of what Sass is along with what is required to incorporate Sass into your environment. We will also set up a Sass compiler in Visual Studio Code. You will learn about Sass variables, maps, nesting, functions, mixins, extending, and operations. Lastly, we will start from scratch on a real-world project (Portfolio website) using Sass. We will go step-by-step through each part, and at the end, we will deploy the site. 🔗 Project Code: 🤍 🎥 Tutorial from codeSTACKr. Check out their YouTube Channel: 🤍 ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:00:58) What Is Sass? ⌨️ (0:01:24) Requirements ⌨️ (0:02:15) Install/Setup Live Sass Compiler VS Code Extension ⌨️ (0:04:02) Folder Structure / Sass Syntax ⌨️ (0:08:06) Variables ⌨️ (0:10:03) Maps ⌨️ (0:03:00) Nesting ⌨️ (0:16:54) Partials ⌨️ (0:19:40) Functions ⌨️ (0:21:30) Mixin Example 1 ⌨️ (0:24:26) Mixin Example 2 ⌨️ (0:28:00) Mixin Example 3 ⌨️ (0:30:20) Extend ⌨️ (0:32:05) Math Operations ⌨️ (0:33:49) How to Learn More (Documentation) ⌨️ (0:34:02) Real-World Example From Scratch (Portfolio Site) ⌨️ (0:34:38) index.html ⌨️ (0:40:35) Font Awesome Setup ⌨️ (0:41:29) main.scss / _config.scss ⌨️ (0:48:18) _home.scss ⌨️ (0:52:55) Transition Ease Mixin ⌨️ (0:54:24) Text Color Function ⌨️ (0:57:10) _menu.scss ⌨️ (1:02:38) main.js ⌨️ (1:06:08) Menu cont. ⌨️ (1:19:38) about.html ⌨️ (1:23:51) _about.scss ⌨️ (1:30:37) projects.html ⌨️ (1:35:05) _projects.scss ⌨️ (1:43:57) contact.html ⌨️ (1:47:09) _contact.scss ⌨️ (1:49:56) _responsive.scss ⌨️ (2:01:35) Deploy on Github Pages ✔️ codeSTACKr on Twitter: 🤍 ✔️ codeSTACKr on Instagram: 🤍 ✔️ codeSTACKr website: 🤍 Learn to code for free and get a developer job: 🤍 Read hundreds of articles on programming: 🤍

sass vs scss - what's the difference and which should you use?

156698
5054
164
00:08:53
01.02.2019

Sass has two different versions, or syntaxes, Sass, and SCSS. In this video I explore the difference between the two and talk a bit about which one you should use. The biggest difference between the two is Sass (using .sass file extension) uses indentation instead of curly braces and semi-colons. SCSS stands for Sassy CSS, and it keeps all the traditional CSS syntax, but adds in the Sass superpowers. #fiveminutefriday - Come and hangout, ask questions, suggest ideas, and meet some awesome people over in The Community: 🤍 I have a newsletter! 🤍 New to Sass, or want to step up your game with it? I've got a course just for you: 🤍 - My Code Editor: VS Code - 🤍 How my browser refreshes when I save: 🤍 - Support me on Patreon: 🤍 I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Instagram: 🤍 Twitter: 🤍 Codepen: 🤍 Github: 🤍

Sass Crash Course

331768
10334
496
00:48:05
28.02.2020

In this video we will talk about what Sass is and look at its features as well as create a landing page header to display things like variables, nesting, mixins, etc Code: 🤍 💖 Become a Patron: Show support & get perks! 🤍 Website & Udemy Course Links: 🤍 Follow Traversy Media: 🤍 🤍 🤍

Препроцессор SASS/SCSS за 38 минут. Что такое SASS, SCSS. Установка уроки обучение.

594719
24834
1541
00:38:07
08.09.2019

SASS/SCSS это препроцессор для CSS, он значительно расширяет возможности обычных таблиц стилей CSS и делает работу более удобной и быстрой. Установка SASS не требуется, нам просто нужна программка компилятор. В этом выпуске мы познакомимся с такими возможностями как переменные, вложенности, миксины, наследование и другими крутыми штуками. Поехали! Видео по настройке компилятора SASS Prepros: 🤍 Видео по настройке компилятора SASS VS Code: 🤍 Сайт препроцессора SASS 🤍 Архив с файлами урока ищи в телеграм канале 🤍 (🤍 Или качай по ссылке: 🤍 Содержание: 00:00 - Вступление 02:03 - Синтаксис 04:45 - Вложенность 16:35 - Переменные 18:36 - Импорт 22:41 - Шаблоны 29:44 - Миксины 32:41 - Математика 34:59 - Комментирование 🔴 Получить доступ к плюшкам + поддержать канал: 🤍 🔴 Telegram канал: 🤍 (🤍 🔴 Telegram чат по верстке: 🤍 (🤍 🔴 Facebook: 🤍 🔴 Instagram: 🤍 👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: 🤍 🤟 Живи, а работай в свободное время! © #фрилансерпожизни #обучение #верстка

SASS expliqué en 4 minutes (+SCSS).

17791
457
15
00:04:04
12.04.2019

🚀 1 Cours gratuit en t'abonnant à ma newsletter : 🤍 Ma chaine en Anglais (tu as le droit de rigoler en m'écoutant parler) : 🤍 Le Shop pour tes stickers ou autres : 🤍 Abonne-toi à la NewsLetter pour recevoir des tas d'infos sur le développement web : 🤍 Tu peux me retrouver sur Udemy : 🤍 Abonne-toi à ma chaîne : 🤍 Suis-moi sur Twitter : 🤍 Playlist consacrée au JavaScript : 🤍 Playlist consacrée au CSS et à l'HTML : 🤍 Si tu veux que je fasse des vidéos sur certains sujets dis le moi! - Mes cours bradés sur Udemy avec ces liens, jusqu'au 1 septembre : Apprenez à résoudre des algorithmes en JavaScript : 🤍 La visualisation de données avec D3.js : 🤍 Créez des animations javascript avec l'HTML Canvas : 🤍 Materialize CSS : 🤍 React de A à Z (React Hooks inclus) : 🤍 Apprendre à utiliser SASS et SCSS : 🤍 ScrollMagic pour les débutants : 🤍 Bootstrap en partant de Zéro : 🤍 JavaScript : Créez des animations avec GreenSock : 🤍 Maîtrisez CSS GRID ! : 🤍 Gagnez du Temps en Maîtrisant Flexbox ! : 🤍 Créer un Site professionnel et responsive en 2019 : 🤍 Créer un beau site responsive de A à Z avec Bootstrap ! : 🤍 Tu peux aussi suivre mes cours sur le site Tuto.com avec un prix réduit grâce à ce coupon : 3SA62Z Il est valable jusqu'au 1 septembre. À bientôt.

Sass, BEM, & Responsive Design (4 hr beginners course)

123055
4546
312
03:45:10
20.04.2022

🔥 My course: Responsive Design for Beginners! 🤍 💻 Become a full-stack web dev with Zero to Mastery: 🤍 In this video I'll walk you through the basics of Sass, BEM (block-element-modifier), and the principles of responsive design. This is a standalone course in Sass that's taken from my full course, Responsive Design for Beginners. 0:00 - Intro 0:22 - What is Sass? 1:17 - Compiling Sass with VS Code extensions 12:49 - Sass partials 26:17 - Sass variables and CSS custom properties 43:45 - Building the demo responsive website 50:00 - Sass and BEM 57:08 - Building the responsive mobile layout 1:04:30 - Building the desktop layout 1:18:10 - Setting widths 1:36:08 - Sass mixins 2:06:35 - Responsive typography 2:33:24 - Sass functions 3:03:39 - Why I use em units in media queries 3:10:49 - Nesting and BEM 3:35:23 - Helper/Utility classes SUPPORT THE CHANNEL ⭐ Join channel members and get perks: 🤍 👏🏽 Hit the THANKS button in any video! 🎨 Get my VS Code theme: 🤍 WANT TO LEARN WEB DEV? Check out my courses: 🌟 Responsive Design for Beginners: 🤍 🌟 Gulp for Beginners: 🤍 RECOMMENDATIONS ⌨ My keyboard, Vissles V84 🤍 🔥 get 10% off with code THECODERCODER 💻 Other gear 🤍 📚 My Favorite Books 🤍 📺 My Favorite Courses 🤍 🔽 FOLLOW CODER CODER Blog 🤍 Twitter 🤍 Instagram 🤍 #webdevelopment #coding #programming

Write less code with these Sass mixins

44684
1192
43
00:15:10
16.02.2021

Follow me on Twitch: 🤍 Watch the entire session: 🤍 #sass #scss Come hang out with other dev's in my Discord Community 💬 🤍 - Keep up to date with everything I'm up to ✉ 🤍 - Help support my channel 👨‍🎓 Get a course: 🤍 👕 Buy a shirt: 🤍 💖 Support me on Patreon: 🤍 - My editor: VS Code - 🤍 - I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Instagram: 🤍 Twitter: 🤍 Codepen: 🤍 Github: 🤍 - And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

How To Install Sass In Your Visual Studio Code - Beginner SCSS Tutorial

72114
859
102
00:05:28
05.11.2019

This is just a quick tutorial on how you install the live sass compiler on your visual studio. To check the detailed guide with a screenshots, visit my blog at 🤍 Part 2: SCSS Compiler Guide For Visual Studio Code | How To Compile SCSS, CSS And Minified Files Via Savepath - 🤍 Basically, the extension that you need to install is called live sass compiler. If it's already setup on your account then, just click "watch" icon to automatically compile your scss to css. how to install sass how to install scss how to install scss in visual studio live sass compiler visual studio scss visual studio sass compiler

Stop using an extension to compile Sass

87200
2870
261
00:21:39
09.03.2022

🎓 I'm working on a Sass course! - 🤍 🔗 Links ✅ Stephanie's npm script: 🤍 ✅ NodeJS: 🤍 ✅ The working Live Sass Compiler extension: 🤍 ✅ Follow Steph on Twitter: 🤍 ⚡More Sass content: ✅ Stop using 🤍import, use 🤍use and 🤍forward instead: 🤍 ✅ Generate custom props & utility classes with Sass: 🤍 ✅ Get more organized with Sass partials: 🤍 ✅ Write less code with these Sass mixins: 🤍 ⌚ Timestamps 00:00 - Introduction 00:51 - Don't use the old extension 02:17 - Another problem with the older version of Sass 03:27 - The new extension that works 07:09 - The benefits of using other methods 10:02 - Setting up the npm script 17:02 - Modifying the script for assets and to get it working on Windows #css Come hang out with other dev's in my Discord Community 💬 🤍 Keep up to date with everything I'm up to ✉ 🤍 Come hang out with me live every Monday on Twitch! 📺 🤍 - Help support my channel 👨‍🎓 Get a course: 🤍 👕 Buy a shirt: 🤍 💖 Support me on Patreon: 🤍 - My editor: VS Code - 🤍 - I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Twitter: 🤍 Codepen: 🤍 Github: 🤍 - And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

Stop using @import with Sass | @use and @forward explained

186525
7713
526
00:13:13
23.02.2021

Keep up to date with my Sass course: 🤍 The use of 🤍import has been deprecated in Sass for quite a while now, but a *lot* of people still use it. In this video, I take a quick look at the replacements you should be using instead, 🤍use and 🤍forward. I just scratch the surface in this one, but it should be enough to get you started! A quick note, if you are using node-sass, it is out of date and 🤍use and 🤍forward, as well as their entire module system, will not work. If you're using the Watch Sass extension in VS Code, there is no way to update it. If you are using npm or yarn, just switch out the install of node-sass for sass instead. Check out this video for the basics of getting Sass set up using the command line: 🤍 Why Sass changed to Dart: 🤍 // Chapters 00:00 - Introduction 00:56 - Watching files for changes 02:00 - 🤍use basics and namespacing 04:46 - important 🤍import and 🤍use difference 07:46 - namespacing 08:38 - 🤍forward with an index file 12:22 - Outro #sass #scss Come hang out with other dev's in my Discord Community 💬 🤍 - Keep up to date with everything I'm up to ✉ 🤍 - Help support my channel 👨‍🎓 Get a course: 🤍 👕 Buy a shirt: 🤍 💖 Support me on Patreon: 🤍 - My editor: VS Code - 🤍 - I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Instagram: 🤍 Twitter: 🤍 Codepen: 🤍 Github: 🤍 - And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

🔴 Complete SASS & SCSS Tutorial for Beginners in Hindi in 2020

135504
4814
252
00:31:17
16.08.2020

Welcome, to Complete SASS Tutorial for beginners in Hindi in 2020. Sass is a CSS Preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS). CSS on its own can be fun, but stylesheets are getting larger, more complex, and harder to maintain. This is where a preprocessor can help. Sass lets you use features that don't exist in CSS yet like variables, nesting, mixins, inheritance, and other nifty goodies that make writing CSS fun again. What we will cover in this video :) 1: What & Why SASS 2: How to use SASS 3: SCSS VS SASS 4: Operators in SASS 5: Variables in SASS 6: Nesting in SASS. 7: Mixins & Include in SASS. 8: Partials in SASS. 9: Import in SASS * Must Watch Videos For Web Development * ➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: 🤍 ➡️ ReactJS JavaScript Array Map Method in Hindi with Example: 🤍 ➡️ Fat Arrow Function in JavaScript in Hindi 2020: 🤍 ➡️ #23: Array in React JS in Hindi | React JS Project Netflix App #2 in Hindi in 2020 ➡️ Array in JavaScript in Hindi: 🤍 ➡️ #22: React JS Project Netflix App Part #1 in Hindi in 2020: 🤍 ➡️ Install VS Code for ReactJS LINK: 🤍 ➡️ Check Complete Reactjs in One video here 👇 🤍 ➡️ HTML in One Video: 🤍 ➡️ CSS in One video: 🤍 ➡️ CSS FlexBox in 30 Minutes: 🤍 ➡️ JavaScript in One video: 🤍 ➡️ ECMAScript 6 in One Video: 🤍 ➡️ HTML5 in one video: 🤍 ➡️ CSS3 in one video: 🤍 ➡️ Bootstrap4 in One video: 🤍 ➡️ Jquery in One video: 🤍 ➡️ JSON in one video: 🤍 ➡️ ReactJS in one video: 🤍 ➡️ PHP in One Video: 🤍 ➡️ NodeJS in one video: 🤍 ➡️ MySQL in one video: 🤍 * CLICK HERE TO WATCH * ➡️ Fetch API in JavaScript: 🤍 ➡️ AJAX tutorial for beginners in Hindi: 🤍 ➡️ Template literals (Template strings) in ES6 in JavaScript in Hindi: 🤍 ➡️ Async Await in JavaScript in Hindi: 🤍 ➡️ Promises in JavaScript in Hindi: 🤍 ➡️ Callback Hell in JavaScript: 🤍 ➡️ Advanced JavaScript in Hindi Playlist: 🤍 ➡️ ECMAScript Tutorial in Hindi 2020: 🤍 ➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: 🤍 ➡️ JavaScript Game Development Series in 2020: 🤍 ➡️ Source Code Link: 🤍 ➡️ Top 5 Programming Languages in 2020: 🤍 ➡️ Ludo Game JavaScript Link: 🤍 ➡️Plz show some love to My Siter Youtube Channel and Plz Subscribe Link: 🤍 * MUST WATCH VIDEOS ➡️ How to become a Full Stack Developer 2020: 🤍 ➡️ How To Become a Web Developer 2020: 🤍 ➡️ How JavaScript Works: 🤍 ➡️ Follow me on Instagram: 🤍 Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi ➡️ Link: 🤍 Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines. Don't Forget to Follow me on all Social Network, Website Link: 🤍 Instagram Link: 🤍 Facebook Link: 🤍 Twitter Link: 🤍 Facebook ThapaTechnical Page Link: 🤍

How to add SCSS file to HTML (visual studio code)

29629
164
15
00:02:35
14.02.2021

Footage about adding SCSS file to HTML using Visual Studio Code and Live Sass Compiler.

Sass @import is being replaced with @use and @forward

27235
1109
91
00:22:01
23.08.2021

🔥 My course: Responsive Design for Beginners! 🤍 💻 Become a full-stack web dev with Zero to Mastery: 🤍 This video explains the new 🤍use and 🤍forward rules in Sass that are replacing the old 🤍import rule. I'll show you how the old and new rules compare, and how to set up your Sass/SCSS files in your workflow. If you want to see me build a real-world project using the new Sass rules, check out my current series: 🤍 0:00 - Intro 0:43 - ✨ Thank you to GitHub sponsors clint25104, ChideraObi, and Deta ✨ 1:09 - Walkthrough of the demo project 1:58 - Looking at files with "old" way using 🤍import 4:47 - Issues with 🤍import and why 🤍use and 🤍forward were introduced 8:32 - Sass modules explained 10:11 - Updating the old Sass files with the new 🤍use and 🤍forward rules 16:03 - How the new rules fix the issues with 🤍import 19:14 - Updating Gulp config for the new Sass syntax Resources mentioned: Sass Modules by Miriam Suzanne 🤍 Libsass is Deprecated 🤍 Support for 🤍import will be dropped latest Oct 2022 🤍 SUPPORT THE CHANNEL ⭐ Join channel members and get perks: 🤍 👏🏽 Hit the THANKS button in any video! 🎨 Get my VS Code theme: 🤍 WANT TO LEARN WEB DEV? Check out my courses: 🌟 Responsive Design for Beginners: 🤍 🌟 Gulp for Beginners: 🤍 RECOMMENDATIONS ⌨ My keyboard get 10% off with code THECODERCODER 🤍 💻 Other gear 🤍 📚 My Favorite Books 🤍 📺 My Favorite Courses 🤍 🔽 FOLLOW CODER CODER Blog 🤍 Twitter 🤍 Instagram 🤍 #sass #css #coding

Препроцессор SASS / Урок #1 - Что такое SASS, SCSS. Установка

140531
2852
147
00:16:12
01.04.2019

SASS или же SCSS это препроцессор, который служит для быстрого написания стилей на языке CSS. Благодаря SASS вы можете добавить переменные, функции, наследование и многое другое к обычному документу CSS. 1) Курс по CSS: 🤍 2) Официальный сайт: 🤍 3) Курс по SASS на itProger: 🤍 4) Редактор: 🤍 ✔ Сообщество программистов: 🤍 ✔ - Вступай в группу Вк - 🤍 🚀 Группа FaceBook - 🤍 Инстаграм itProger: 🤍 Instagram: 🤍 Telegram: 🤍 Twitter - 🤍 - Уроки от #GoshaDudar 👨🏼‍💻 - Все уроки по хештегу #goshaSass

Understanding CSS, SCSS and SASS

6371
105
8
00:10:46
23.08.2021

#css #scss #sass #interviewquestion #differencebetween Timestamp: Structure of CSS and shortcoming: 0:00 Introduction to SCSS and SASS: 3:10 Difference between SCSS and SASS: 6:40 In this video we will discuss about difference among CSS, SCSS and SASS. For more details: CSS: 🤍 SASS and SCSS are supersets of CSS, which when processed/interpreted spit out CSS. SASS and SCSS are used to make production of CSS more efficient, logical and non-repeatitive.

How to Make a Landing Page using HTML, SCSS, and JavaScript - Full Course

756587
25987
699
05:05:01
13.01.2021

Learn how to build a responsive website from scratch with HTML, CSS, and JavaScript. ✏️ This course was created by Jessica Chan. 🔗 Jessica's YouTube Channel: 🤍 🔗 Jessica's Twitter: 🤍 💻 Starter files from Fontend Mentor: 🤍 💻 Source code on GitHub: 🤍 🔗 Responsive Design for Beginners course: 🤍 ⭐️ Course Contents ⭐️ ⌨️ (0:00) Introduction ⌨️ (0:30) Part 1: Setup and Navigation Bar ⌨️ (49:52) Part 2: Animated Hamburger Menu ⌨️ (1:21:28) Part 3: Animated Mobile Menu ⌨️ (1:43:56) Part 4: Responsive Hero ⌨️ (2:39:24) Part 5: 4-Column Features (flexbox) ⌨️ (3:16:58) Part 6: 4-Column Articles (CSS grid) ⌨️ (4:04:56) Part 7: Footer Learn to code for free and get a developer job: 🤍 Read hundreds of articles on programming: 🤍

Learn Sass in this Free Crash Course - Give your CSS Superpowers!

439985
11504
584
00:46:26
01.08.2018

Today's Question: What other learning resources outside of this channel do you learn from? 🤍 - First 200 get their first 2 months free 🤍 Skillshare! While Sass has been out for quite some time, I wanted to create my own resource for my viewers to learn. Sass enables you to write CSS with features that don't yet exist within CSS itself. In this free crash course, I'm going to show you how to get up and running with Sass while creating a simple responsive landing page from scratch. We're going to cover: 1. Integrating Sass within Visual Studio Code 2. Sass Variables 3. Sass Maps 4. Nesting 5. Mixins 6. Functions 7. Sass & Media Queries Github repo for this course: 🤍 - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS weekly! My site: 🤍 My personal FB account: 🤍 Coursetro FB: 🤍 Coursetro's Twitter: 🤍 Join my Discord! 🤍 ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Coursetro.com. Come to my discord server or add me on social media and say Hi!

1- ما هي لغة SCSS

4861
107
8
00:05:21
11.05.2018

هذا هو الدرس الأول في دورة التعامل مع SCSS 🤍 شركة الخبراء للبرمجة: 🤍 للانضمام إلى مجموعة SCSS: 🤍

Препроцессор SASS/SCSS. Что такое SASS, SCSS. Все, что нужно знать о этих препроцессорах.

8094
439
28
00:13:17
05.08.2021

Всем привет, сегодня мы поговорим про препроцессоры, а именно про SASS и SCSS. SASS/SCSS это препроцессор для CSS. Ссылка на Koala: 🤍 Мой Telegram: 🤍 00:00 - Вступление 00:14 - Для чего нужны препроцессоры 00:28 - Подготовительные работы 02:33 - Вложеность 04:44 - Знак амперсанд 06:11 - Переменные 08:58 - Повторение свойств 11:40 - Отличия между SCSS и SASS

Препроцессоры SCSS/SASS. Все, что нужно знать для старта

82357
4212
177
00:31:23
09.05.2019

Привет, друзья! Это подробное руководство по препроцессорам scss и sass для начинающих. Вы познакомитесь с препроцессорами, узнаете как их подключать к проекту, в чем их преимущество, почему их так важно использовать и почему при устройстве на работу вас о них спрашивают. Ну и конечно же узнаете разницу между scss и sass. Я дам рекомендацию о том какой препроцессор когда нужно использовать. Подпишитесь на канал, если вам понравилось данное видео: 🤍 Ссылка на сайтец scss/sass: 🤍 Видео о сss grid: 🤍 Верстка сайта он начала до завершения: 🤍

Aprende SASS en 15 Minutos 📔

51056
1762
54
00:16:43
01.09.2021

⭐ Aprende todo de SASS y CSS aquí 👉 🤍 🔥 Suscríbete: 🤍 🎓 Cursos online de desarrollo web: 🤍 📰 Blog: 🤍 📧 Newsletter: 🤍 📷 Instagram: 🤍 📑 Facebook: 🤍 🐦 Twitter: 🤍 👨‍💼 LinkedIn: 🤍 🎵 TikTok: 🤍 🧢 Mi gorra: 🤍 💻 Mi PC: 🤍 ⚒️ Mi setup: 🤍 🌐 Hosting que recomiendo 👉 🤍 🖥️ Servidor VPS recomendado 👉 🤍 (Cupón de descuento extra para ambos: VICTORROBLESWEB) 👕 Mi ropa con diseños geek originales 👉 🤍 👕 Aprende lo fundamental de la maquetación web con SASS. El preprocesador CSS más usado, más estándar y más demandado actualmente que dota al lenguaje CSS de funcionalidades típicas de lenguaje de programación y nos permite dar estilos y forma a una web. Te enseñaré como empezar en SASS y como trabajar con variables, mixins, módulos, uses, cálculos, anidación, maquetación y mucho más. Todo en 15 minutos, desde cero y paso a paso. Espero que te guste mucho el vídeo 😄 Aprende más en mi blog: 🤍

CSS-модули, SASS/SCSS и сброс стилей в React-приложении

18246
899
66
00:18:28
22.04.2021

Как работать с CSS Modules в React-приложениях, использовать препроцессор SASS/SCSS вместе с Post-CSS обработкой, а также сбрасывать стили по умолчанию в базовом шаблоне Create-React-App. Всё необходимое идет для нас из коробки, разве что необходимо добавить пакет node-sass, если хотим использовать препроцессинг. 0:00 – Введение и создание проекта 1:47 – Для чего нужны CSS-модули 2:55 – Базовая структура компонента 5:41 – Стилизация React-компонентов 6:07 – Создание CSS-модулей 11:52 – Использование препроцессинга 14:13 – Сброс стилей 16:04 – Постобработка стилей 18:15 – Заключение _ Мои курсы по вебу с купонами: ✅ 🤍 📢 Поддержка канала: 🤍 🤍 🤍

Mini kurs Sass i Scss - czyli preprocesory w akcji

11295
183
24
01:03:52
16.01.2021

Czym jest propresosor Sass? W tym mini przewodniki dowiesz się wszystkiego co w Sass najważniejsze :) #sass #css #preprocesor Zajrzyj na 🤍 i ucz się programowania od podstaw!

Super CSS con SASS #1 - Le Basi Sass vs Scss

12883
212
16
00:09:25
05.04.2017

In questa serie vediamo come creare dei Css con i super poteri grazie a Sass il precompilatore Css per eccellenza ;-) SCARICA TUTTE LE RISORSE FREE e file creati nei video iscriviti alla community: 🤍 Come Installare Sass in Atom: 🤍 - Temi WordPress FREE WLOW: 🤍marchettidesign.net/wlow Fullby: 🤍 Gridby: 🤍 Swipy: 🤍 Fullbase: 🤍 - Twitter: 🤍 Facebook: 🤍 Github: 🤍 Codepen: 🤍 - Music: Soundcloud - Camera - iPhone 6 - Stay Tuned!

Each loops with SCSS - how to loop through lists and maps

24847
844
45
00:10:10
06.02.2019

Anyone who is familiar with JavaScript will know about loops, and one of the cool things with Sass is that it brings in things like loops and if/else statements to CSS. In this video, I explore a couple of simple examples of using 🤍each with SCSS to take a quick look at how it works. Code from this video: 🤍 Some more complex examples: 🤍 🤍 (also has other directives) My Sass Course: 🤍 - Come and hangout, ask questions, suggest ideas, and meet some awesome people over in The Community: 🤍 I have a newsletter! 🤍 - My Code Editor: VS Code - 🤍 How my browser refreshes when I save: 🤍 - Support me on Patreon: 🤍 I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Instagram: 🤍 Twitter: 🤍 Codepen: 🤍 Github: 🤍

Les erreurs de débutant avec SASS/SCSS

15132
573
37
00:15:44
13.10.2020

🚀 1 Cours gratuit en t'abonnant à ma newsletter : 🤍 Le lien du Discord : 🤍 Tu veux apprendre les technologies du web ? C'est par ici : 🤍 Ma chaine en Anglais (tu as le droit de rigoler en m'écoutant parler) : 🤍 Le Shop pour tes stickers ou autres : 🤍 Je suis aussi sur la plateforme Tuto.com : 🤍 Et sur Udemy : 🤍 Abonne-toi à ma chaîne : 🤍 Suis-moi sur Twitter : 🤍 Si tu veux que je fasse des vidéos sur certains sujets dis le moi! -

Верстка сайта лендинга на HTML, SCSS. Практический урок

24105
850
42
03:15:16
05.08.2021

💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения 19 Декабря 2022 года. ↓↓↓ Макет и ссылка на материалы в описании под видео ↓↓↓ Макет в Telegram канале: 🤍 HTML верстка сайта лендинга. Урок для начинающих. Напишем HTML разметку, применим CSS стили с препроцессором SCSS, используем BEM naming. В этой части мы стартовали? написали сброс стилей, экспортировали всю графику, подключили шрифты. заверстали навигацию, шапку и 2 секции лендинга. Продолжим в следующей части. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения: 19 Декабря 2022 года 💻 Курс "JS Frontend разработчик": 🤍 Старт обучения: 12 Декабря 2022 года 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс по верстке сайтов: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: На канале ВебКадеми 🤍 вы найдете много полезных обучающих материалов, а так же сможете поработать со мной лично пройдя мои курсы. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт: 🤍 Вконтакте: 🤍 Telegram канал: 🤍

Урок #1 - Установка SASS / SCSS

7263
155
22
00:04:00
12.01.2022

Привет, это короткое видео создано для того чтобы научить тебя устанавливать SASS / SCSS без дополнительных программ, не забудь поставить лайк и подписаться. Устанавливаем NodeJs - 🤍 Устанавливаем SCSS - 🤍 Мои соц. сети Telegram - 🤍 LinkedIn - 🤍 Twitter - 🤍 Facebook - 🤍 Instagram - 🤍 #SASS #SCSS #CSS #web #ityoutubersru #VladimirShaitan

SASS / SCSS : Deux façons rapides de mettre en place un préprocesseur CSS

18304
329
21
00:05:44
09.01.2020

🚀 1 Cours gratuit en t'abonnant à ma newsletter : 🤍 Discord : 🤍 Tu veux apprendre les technologies du web ? C'est par ici : 🤍 Ma chaine en Anglais (tu as le droit de rigoler en m'écoutant parler) : 🤍 Le Shop pour tes stickers ou autres : 🤍 Je suis aussi sur la plateforme Tuto.com : 🤍 Et sur Udemy : 🤍 Abonne-toi à ma chaîne : 🤍 Suis-moi sur Twitter : 🤍 Si tu veux que je fasse des vidéos sur certains sujets dis le moi! -

2- ما هو الفرق بين SCSS VS SASS

4191
140
15
00:02:43
11.05.2018

هذا هو الدرس الثاني في دورة التعامل مع SCSS 🤍 شركة الخبراء للبرمجة: 🤍 للانضمام إلى مجموعة SCSS: 🤍

CSS auf Steroiden: SCSS und SASS Tutorial #1 - Einleitung

16407
286
48
00:06:46
20.02.2019

In dieser Tutorialserie geht es um Sass und Scss, einer Erweiterung für die Sprache CSS. Damit könnt ihr euren Stylesheets endlich Macht verleihen und Dinge nutzen wie Variablen und ähnlichem. Viel Spaß! ❤❤❤ Früherer Zugang zu Tutorials, Abstimmungen, Live-Events und Downloads ❤❤❤ ❤❤❤ 🤍 ❤❤❤ ❤❤❤ Keinen Bock auf Patreon? ❤❤❤ ❤❤❤ 🤍 ❤❤❤ 🌍 Website 🌍 🤍 ¯\_(ツ)_/¯ Tritt der Community bei ¯\_(ツ)_/¯ 🤍 🤍 ( ͡° ͜ʖ ͡°) Mehr News? Mehr Code? ℱ 🤍 🐦 🤍 🐙 🤍 Du bestellst bei Amazon? Bestell über mich, kostet dich null und du hilfst mir »-(¯`·.·´¯)-» 🤍 Videowünsche? 🎁 🤍 Fragen? Feedback? Schreib mir! ✉ 🤍 ✉ 🤍 ✉ 🤍 oder schreib einfach ein Kommentar :) Playlist: 🤍

CSS БОЛЬШЕ НЕ НУЖЕН! Sass и SCSS. Часть 1

8609
354
17
01:15:13
06.04.2021

Хватит мучиться с громоздкими таблицами стилей! Пошлите CSS подальше и освойте гораздо более мощный и удобный язык Sass! В этой части мы изучим часть основных возможностей языка Sass, а также научимся быстро создавать компактные и динамические таблицы стилей. Для освоения материала достаточно базовых знаний таблиц стилей CSS и HTML (или Pug). ➡️ Следующая часть: 🤍 📂 Материалы ролика: • Основы языка разметки Pug (используется в ролике вместо HTML): 🤍 • Редактор CodePen: 🤍 🔗 Полезные ссылки • Официальный сайт Sass (документация с примерами): 🤍 • Sass на npm: 🤍 • Sass на GitHub: 🤍 • Пипетка для получения цвета с экрана (используется в ролике): 🤍 📜 Содержание: 0:00 Вступление 1:33 Проблемы CSS 2:31 Что такое Sass? 3:00 Редактор CodePen 3:25 Два синтаксиса: Sass и SCSS 5:35 Пример разметки со стилями 6:51 Вложенные правила 10:05 Просмотр готового CSS кода 10:30 Вложенность и комбинаторы 11:11 Вложенность и списки селекторов 11:49 Не злоупотребляйте вложенностью! 12:28 Селектор родителя 14:14 Селекторы ДО текущего 15:13 Особенность селектора родителя 16:09 Добавление суффиксов 18:09 Добавление селекторов 18:34 Ограничение селектора родителя 19:02 Пример: Письма 26:36 Переменные Sass 28:10 Глобальные и локальные переменные 29:54 Разница между Sass и CSS переменными 33:19 Интерполяция в селекторах 35:43 Интерполяция везде 37:30 at-rules 38:19 Условия 41:10 Условие внутри значения свойства 42:27 Цикл for 44:18 Цикл each 45:54 Итерация сложных списков 48:33 Пример: Картинки с настраиваемой шириной 53:59 Миксин без параметров 55:48 Миксин с параметрами 58:18 Миксин: значения по умолчанию 59:24 Миксин: аргументы по имени 1:00:58 Добавление правил в миксин 1:02:13 Пример: Стилизация пользователей 1:14:28 Заключение #sass #scss #css

Build a Responsive Website Using HTML & SASS/SCSS Tutorial

58877
1385
131
00:34:37
25.10.2020

Learn how to build a simple responsive website homepage using HTML and SASS/SCSS. Sass is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. Essentially CSS with superpowers. If you want to follow me along my coding journey, be sure to subscribe :) 🤍 Timeline: 0:00 What we are building 1:06 Creating our Project files 4:40 Adding Navbar Code 7:56 Adding Hero Section Code 9:52 Adding SASS styles 24:58 Adding Hero Section styles Source Code 🤍 HTML, CSS, and Javascript Website Tutorial 🤍 Alternative HTML, CSS and JS Website 🤍 Feel free to refactor my code and let me know any ways to improve it

¿CÓMO FUNCIONA SCSS? | APRENDE A AGREGAR SCSS EN TUS PROYECTOS

1700
43
3
00:22:06
02.12.2021

¡Hola! En este video veremos cómo puedes utilizar scss en un proyecto de desarrollo web, cómo es que funciona y cómo instalarlo en tu computadora.

Препроцессор Sass. Моя организация scss-файлов

5165
283
36
00:09:07
17.07.2020

Привет! Препроцессоры - это по сути CSS на максималках, улучшенный язык. С их помощью можно делать действительно сложные вещи, используя функции, переменные и прочие прелести. В этом цикле видео посмотрим на самое основное, что они умеют, и как с ними работать. Поехали! Данное видео про мою организацию scss-файлов 🤍 - документация на русском языке 🤍 - live sass compiler 🤍 - sass-расширение 🤍 - исходники видео на GitHub Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка. Понравилось? 🤍 Моя страница вконтакте: 🤍 Мой блог: 🤍 Мой сайт: 🤍 Канал в телеграм: 🤍 Чат для верстальщиков: 🤍 #обучение #препроцессоры #sass

Препроцессор Sass/SCSS за 17 минут

717
40
8
00:17:49
31.08.2022

В этом видео вы узнаете основы препроцессора SASS/SCSS, что это такое и как использовать его возможности для быстрого написания стилей. Для компиляции SASS в CSS будем пользоваться плагином Live Sass Compiler . Этот плагин является расширением редактора кода VS Code. –––––––––––––––––––––––––––––– 👍 Рекомендую: Тренажеры для прокачки HTML, CSS и JavaScript ➝ 🤍 Освой профессию Фронтенд-разработчик ➝ 🤍 Самостоятельный курс по фронтенд-разработке ➝ 🤍 Курс по профессиональной верстке ➝ 🤍 Курс по адаптивной верстке ➝ 🤍 Курс по разработке веб-интерфейсов на JavaScript ➝ 🤍 Хостинг, которым пользуюсь сам ➝ 🤍 –––––––––––––––––––––––––––––– 🕒 Таймкоды из видео 0:00 Введение 0:31 Что такое Sass 1:27 Возможности Sass 2:37 Установка Live Sass Compiler 3:57 Настройка Live Sass Compiler 6:06 Импорты 8:46 Переменные 11:47 Вложенности 15:24 Миксины 16:26 Арифметические операции 17:16 Завершение –––––––––––––––––––––––––––––– 📌 Ссылки на источники Статья про Sass на моем сайте: 🤍 –––––––––––––––––––––––––––––– 💙 Поддержать меня и мой канал Yandex деньги ➝ 🤍 Qiwi кошелек ➝ 🤍

Верстка сайта. Верстаю многостраничный сайт, использую GULP, SCSS, БЭМ

206289
6524
709
11:33:41
30.03.2021

В видео верстаю многостраничний сайт. Всего сверстаем 6 страниц, использую GULP сборку, все пишу на SCSS использую БЭМ методолигию Макет: 🤍 Gulp сборка: 🤍 Мой курс по верстке - 🤍 Видос по Gulp: 🤍 Видос по препроцессору: 🤍 Видео по checkbox: 🤍 Гриды: 🤍 Тема в VSC - плагин Material Theme Ссылка на телеграм канал: 🤍 Ссылка на телеграм канал с впн: 🤍 Если это не помогает, просто зайдите в телеграм и в поиске введите from0to1ru или марафон по верстке. Вк канала: 🤍 Подпишитесь на канал, если вам понравилось данное видео: 🤍

Назад
Что ищут прямо сейчас на
scss summer map 홍합 zayed gaming Kalasin FC близнецовые пламена ارقام mersin bonj 魔鏡 maha movie review Genk rika kihira Rerailing M plus live гик мувис CXCY Mongolgerbul НАШЁЛ ИЗБУ ЗАГЛЯНУЛ ВО ВНУТРЬ И ОБАЛДЕЛ