Тёмный

Less CSS Pre-Processor Tutorial 

Traversy Media
Подписаться 2,3 млн
Просмотров 132 тыс.
50% 1

Опубликовано:

 

17 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 113   
@anasben2013
@anasben2013 7 лет назад
"New from Traversy Media" is one of the best notifications that I see everyday .. thank you Brad for all your tutos and keep going .. big thanks from Morocco
@TraversyMedia
@TraversyMedia 7 лет назад
That's awesome. You are very welcome
@ilducedimas
@ilducedimas 6 лет назад
Couldn't agree more. Thanks for all your hard work!
@Braga1411
@Braga1411 4 года назад
I'm a software developer and I wanna learn more skills on Web development. This video is very well explained and useful. Thank u man.
@suspendedhatch
@suspendedhatch 5 лет назад
Thanks a ton for this! Your pacing and real-world demos are perfect. I found it very relatable. Instead of feeling intimidated by this chore I would have to learn, I feel excited to jump in and start using this. No fluff, no lecturing w/out a demonstration. I rarely ever find the need to subscribe to a channel but I have here.
@combinio9533
@combinio9533 7 лет назад
Your free YT courses are even better than any premium classes. it's a great way for someone to have a start-point in a life of web-dev. thank You for a GREAT peace of the highest quality work. You're the Boss! ;)
@neelindap
@neelindap 7 лет назад
Brad, I can't thank you enough for your content! I've learned more from you than I am from learning at University. If only I would've stumbled upon your channel sooner! :D God bless you!
@TraversyMedia
@TraversyMedia 7 лет назад
You're very welcome. Yeah unfortunately many college courses do not focus on a lot of the technologies you need to know in web dev. Atleast in my opinion. Thank you for watching
@josemarino4270
@josemarino4270 6 лет назад
Nice intro!! To the point and it got me started. The compiled CSS is what I used to write by hand... why did I ever do that!!!! Only the nesting bit of less is so important! now I do not have to be "copy-paste" so much when styling nested elements. Thanks!
@D3FKONMusik123
@D3FKONMusik123 7 лет назад
Omfg, your channel is better then any course that​ any website can ever offer
@TraversyMedia
@TraversyMedia 7 лет назад
Thanks, I appreciate that
@Geedimensions
@Geedimensions 7 лет назад
Whaaaa I always use grunt or gulp to compile my less. I didn't even know you could do that on the command line. You are awesome!!!
@whasuklee
@whasuklee 5 лет назад
I'm always astounded by how amazing Brad is... You literally provide everything I need... Great thanks from South Korea!
@omarshishani5899
@omarshishani5899 3 года назад
Thanks for this tutorial, I like how you are to the point and move quickly through the main points of the material. Very helpful to learn Less basics in 30 mins!!
@majik895
@majik895 5 лет назад
Outstanding Brad. Tomorrows lecture is on Less and I will be way ahead. This was very easy to follow and I feel I have a good handle on this thanks to you.
@peterkhalko6626
@peterkhalko6626 2 года назад
I was watching with 100% concentration then suddenly @6:39 i was like.... wait wait ..WHAT!.😂. Rewind Rewind
@kl2873
@kl2873 4 года назад
FYI, according to lesscss.org, not using parenthesis in mixin calls is deprecated. Be sure to use the () going forward. (ie, ".bordered" in the h1,h3 {} ruleset at 18:03 should be ".bordered()" )
@umslopogaas
@umslopogaas 3 года назад
Thanks for the info.
@wendellhbusiness
@wendellhbusiness 10 месяцев назад
thank you
@SilvioZd
@SilvioZd 6 лет назад
Great overview of setting up and using LESS
@salamkottayam490
@salamkottayam490 6 лет назад
well .. nicely explained. I would never thought that it is such a simple thing and was using traditional .css way to write stylesheets. I will start using less. Really wonderfull. expecting more videos
@jeremybrews2521
@jeremybrews2521 7 лет назад
man that was awesome. I have always wanted a sneak peek at less and this was a perfect bit size. keep up the good work.
@raviverma8904
@raviverma8904 7 лет назад
brad , really thankful to you , for this amazing content , learning lots of things just from your channel. 😃
@vritantbhardwaj
@vritantbhardwaj 7 лет назад
Awesome tutorial I've been meaning to get to learning a pre-compiler for CSS, but this video finally got me through to it.
@albertgalvez2556
@albertgalvez2556 7 лет назад
Cool, now we can experiment more with your tutorial on Semantic U.I. Thank you.
@swiffty1
@swiffty1 7 лет назад
KOALA is imo the best compiler GUI wise for this. Easy to set up and use and compiles SASS and LESS. No messing with shells for watching files.
@TraversyMedia
@TraversyMedia 7 лет назад
I like Koala, actually that's what I used in my Sass Bootstrap video.
@swiffty1
@swiffty1 7 лет назад
Traversy Media oh I wasn't aware you already used it in a video.
@ef702
@ef702 6 лет назад
Thank you for this video. I feel like I am able to use less just by watching your 1 video.
@Devtoheeb
@Devtoheeb 2 года назад
This is really an amazing course
@fullbodyrelaxation2947
@fullbodyrelaxation2947 6 лет назад
wanted to ask if you could possibly do a short video on Parametric Mixins with less, I'm having a bit of a hard time grasping it and you usually explain things in a way that is easy to comprehend. Appreciate in advance.
@tzCraig
@tzCraig Год назад
@TraversyMedia Did you end up making more videos with {less}? I didn't see any, and I want to make sure I'm not missing any. Thanks!
@jonreyes7271
@jonreyes7271 6 лет назад
Brilliant video! Really helpful and a nice (but comprehensive) introduction to Less.
@Wadhwakaran96
@Wadhwakaran96 7 лет назад
hey how about a video series on building a forum or something? a lot of concepts could be integrated into one series and it'd be a fun thing to watch!
@D3FKONMusik123
@D3FKONMusik123 7 лет назад
Karan Wadhwa +1
@kehindeakinola3241
@kehindeakinola3241 3 года назад
been waiting for something like that...
@SPGeektv
@SPGeektv 6 лет назад
Learnt right from scratch..Awesome feeling.. Thanks buddy.
@bluesandtwos7618
@bluesandtwos7618 Год назад
This still up to date in 2022?
@MaxMining
@MaxMining 2 года назад
Thanks for the great tutorial
@taoo4612
@taoo4612 2 года назад
Thanks,I learned a lot through this video
@darkmift
@darkmift 4 года назад
I love your stuff man,to the point and accurate.
@cynthiamanor6565
@cynthiamanor6565 4 года назад
Thanks for posting!! Great tutorial!
@tyleredge1931
@tyleredge1931 3 года назад
SCSS/SASS I can auto compile prefix etc. I'm not familiar with LESS at all but I see a plugins option in the npm. How do I add autoprefix? Specifically for this less-watch-compiler.
@RichardGlatfelter
@RichardGlatfelter 4 года назад
Hi Brad: I am using the .msi Windows installer... won't this (assuming it finishes with errors) do everything I need to do as far as installing node.js and and the watch compiler too?
@dani4uro
@dani4uro 7 лет назад
I just love your videos! Also the intro's with the disclaimer.
@MelnFamily
@MelnFamily 7 лет назад
Just great for newbies like me. Thank you!
@ahmedrajaspeaks
@ahmedrajaspeaks 3 года назад
2021: Easy Less VS Code Extension, you can use it. it's handy!
@cacianobeast
@cacianobeast 7 лет назад
I needed some of this in my life
@tod670
@tod670 3 года назад
Is this good for using bootstrap in only one component? Without modifying global css
@eqrakhattak2267
@eqrakhattak2267 3 года назад
thanks man! your a life saver.
@CodeGoblin
@CodeGoblin 6 лет назад
hmm, having issues with the lightness function at 25:54 seems the docs mention something completely different.. not sure if this has just been changed since the release of this video but I can't seem to get this function to work : (
@Colonel1954Dz
@Colonel1954Dz 7 лет назад
This is cool! xD I'm new to web dev (Embedded software programmer here) and I've been working on this medium sized project lately (mainly Angular). This does all the stuff I wished CSS could do xD Very simple and intuitive too! Thank you for the smooth introduction to LESS ;)
@TraversyMedia
@TraversyMedia 7 лет назад
Yeah it really is great and very easy to learn. Brings logic to CSS
@jakubl3457
@jakubl3457 7 лет назад
You can also try SASS. It's pretty much the same. You just have to use $ instead of @. It's worth to know both, since many frameworks use SASS (for example Bootstrap 3 uses LESS, and Bootstrap 4 uses SASS).
@hasmiksargsyan7581
@hasmiksargsyan7581 6 лет назад
Thank you for the video. That was so useful. But I have question related to real projects. I am a beginner. And I want to know, if the developers transfer to hosting only css file? So if there is need to work at already created project, you should create LESS file from scratch. Is there any easy way to create LESS file for already created css file, which will create variables automatically. Or the developers transfer it with LESS file? TIA
@Pink-ch2kj
@Pink-ch2kj 5 лет назад
finally something useful thanks for the video
@bash740
@bash740 7 лет назад
Great video....Are we going to get more mongodb...front back video
@LMLane
@LMLane 6 лет назад
Thanks, this tutorial is EXTREMELY helpful!!!!
@wrod7
@wrod7 7 лет назад
Brad! Thanks again for your videos. I've learned a lot from them. I'm sure you get dumped with request but have you used Marko before? What are your opinion on it?
@TraversyMedia
@TraversyMedia 7 лет назад
I actually have not used it yet but it's on the list of things I plan to look at and possibly do a video on.
@pillar6programming687
@pillar6programming687 7 лет назад
awesome video! is there anyway you could do a crash course on angular 4?
@ScottMorgan88
@ScottMorgan88 7 лет назад
Thanks, Brad. Great intro!
@Dwesk
@Dwesk 7 лет назад
So does it only work with node.js or php too? I mean it should but I was weirded out why node.js specifically was mentioned at the start?
@TraversyMedia
@TraversyMedia 7 лет назад
It is a front end technology it can be used with Node, PHP, Rails, etc. You do not have to use the less compiler from NPM. Look into Winless or Koala if you don't want to use NPM thats ok. You just need a program to compile Less to CSS
@Dwesk
@Dwesk 7 лет назад
Ah yes, the npm/node.js part is what got me confused, I had a feeling it was probably not the case and it can be used with most other languages, thanks for clearing that up. Either way, great tutorial as usual.
@tsubimekdeinmansubimekdein3898
When where css variables invented in css ?? And does that mean that i dont need to use LESS or SASS for variables since CSS can do i on its own ? I dont mean to not use LESS or SASS at all im asking specifically for variables
@FreakyCoach
@FreakyCoach 7 лет назад
Hi Brad! I'm using SASS, do you suggest me to move on Less or SASS is better?
@TraversyMedia
@TraversyMedia 7 лет назад
It's all user preference. There is no reason to move to Less. I actually prefer Sass but I didn't have any Less videos on my channel.
@FreakyCoach
@FreakyCoach 7 лет назад
Thanks a lot Brad. Since I have learned a lot from you and you owe me to return. Can you suggest me if I can do something for your channel promotion or your website promotion? or maybe I can help you in something?
@TraversyMedia
@TraversyMedia 7 лет назад
You guys watching without adblock, liking and sharing is showing huge support to me.
@FreakyCoach
@FreakyCoach 7 лет назад
Yeah I do watch boring ad by wix.com
@milindkhadse556
@milindkhadse556 Год назад
Thank you to share this
@НереальнаяАвстралия
thank you thank you thank you!!!
@venkateshammireddy6842
@venkateshammireddy6842 5 лет назад
Excellent tutorial...Just Subscribed your channel :)
@ericcoffman8078
@ericcoffman8078 6 лет назад
Well done! Thanks for this.
@sumatoken
@sumatoken 7 лет назад
can u do a symfony 3 course. there is no tutorial of it in RU-vid. btw u r my favorite
@zephenex4203
@zephenex4203 4 года назад
is LESS in any aspect better then SASS (SCSS)?
@prshendra
@prshendra 6 лет назад
Nice video, bro!
@fractureGamIng1
@fractureGamIng1 6 лет назад
Thanks sir this is very helpfull tutorial
@muhammedozalp
@muhammedozalp Год назад
Thank you bro
@elilumilay9405
@elilumilay9405 4 года назад
Thank you so much Brad!! :)
@herrflantier3739
@herrflantier3739 6 лет назад
thanks for that turorial!
@bobbytop6109
@bobbytop6109 4 года назад
Can you do less with grunt in magento ?
@novailoveyou
@novailoveyou 5 лет назад
Amazing. Thank you
@shaileshsundram
@shaileshsundram 7 лет назад
Hey! Webpack team announced webpack-cli. I would love to have you make a video on that. TIA
@bank_coder
@bank_coder 7 лет назад
Magic Magic Magic Brad
@srinivasbollaram943
@srinivasbollaram943 7 лет назад
thx sir. it's very useful..
@daniellaerachannel
@daniellaerachannel 7 лет назад
great video
@centrumsaiyan7623
@centrumsaiyan7623 5 лет назад
Skip to 10:20, if you just want to learn less and skip the setup part.
@cookiecutter5162
@cookiecutter5162 7 лет назад
You just mention mixins once at the end? Seems like there should be more on them.
@extraordinaryhuman1806
@extraordinaryhuman1806 6 лет назад
Thanks
@saikrishna-em4nw
@saikrishna-em4nw 7 лет назад
Hey Brad Can You Do Video On Sage 9 Please
@EFRESHINDA
@EFRESHINDA 5 лет назад
We need to Install the Node js to write the LESS Css and Scss
@jeanoffenberg3330
@jeanoffenberg3330 6 лет назад
How to run less from window cmd screen?
@CT-xm8rd
@CT-xm8rd 3 года назад
For easy reference on the less-watch-compiler.config.json file this is what worked for me: { "allowedExtensions":[".less"], "enableJs": true, "minified": false, "sourceMap": true, "plugins": "plugin1,plugin2", "watchFolder": "less", "outputFolder": "css" }
@heshamahmad4101
@heshamahmad4101 4 года назад
BRAD what about @import topics in less... Btw thanks for this
@kalpeshrajpurohit5389
@kalpeshrajpurohit5389 6 лет назад
how to creat source map file in this
@juanbolasotodenicaragua4484
👍#2. 1 k 01:09 09-05-2023
@illarionmedvedev9661
@illarionmedvedev9661 7 лет назад
less or sass?
@gongkangjia
@gongkangjia 6 лет назад
why not 1080p?
@Aimopotis
@Aimopotis 7 лет назад
Is there a Sass tutorial
@jspetsandcrafts9862
@jspetsandcrafts9862 11 месяцев назад
Personal bookmark: 9:44
@learny927
@learny927 4 года назад
your voice likes Mike Pompeo🤣
@anand_-
@anand_- 7 лет назад
Brad Sage 9 Tutorials Please
@musoverda5500
@musoverda5500 7 лет назад
Bootstrap v4 remove support Less. Only Sass. 😊
@musoverda5500
@musoverda5500 7 лет назад
Less is dead, Brad! What you are talking about? 😊
@TraversyMedia
@TraversyMedia 7 лет назад
I want to teach all of the technologies out there. I prefer Sass as well but I have nothing on Less. Some of you guys don't understand that I am not endorsing any tech or saying anything is better or worse. Its a simple tutorial on a web dev tool. That's it. I'm not here to argue with anyone. If it is not something you want to learn then move on to the next thing. It is not too difficult to understand. This tool or the next tool may not be the best or most used but in web dev you run into shit like this so it's good to have some reference.
@musoverda5500
@musoverda5500 7 лет назад
Traversy Media sorry if I offended something. I expressed my point of view. not more than that.
@tilakmadichettitheappdeveloper
Hey traversey
@prekshakarkera9603
@prekshakarkera9603 4 года назад
Okkk
@majik895
@majik895 5 лет назад
Less seems like a pain in the ass compared to Sass.
Далее
Sass Crash Course
48:05
Просмотров 402 тыс.
ROBLOX TRAND AGAIN. Part 7☠️🗿🙋🏻‍♀️
00:16
Gulp JS Crash Course
33:41
Просмотров 179 тыс.
7 ways to deal with CSS
6:23
Просмотров 1,1 млн
Learn Sass In 20 Minutes | Sass Crash Course
19:42
Просмотров 937 тыс.
The secret to mastering CSS layouts
17:11
Просмотров 286 тыс.
JSON Crash Course
24:49
Просмотров 1 млн
A flexbox trick to improve text wrapping
5:02
Просмотров 219 тыс.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
Просмотров 969 тыс.