Home
Search results “Sass style css”
Rush through SASS for CSS in 7 Minutes
 
07:48
Patreon | https://www.patreon.com/jream Follow on Twitter @ https://twitter.com/jreamdev Very easy to use SASS. There are two types of formats: SASS and SCSS. I am using SCSS since it's the newer version and it's more like CSS. You can use SASS or SCSS syntax, they are similar, but SASS is more like Python with tabs and no semi-colins :)
Views: 139845 JREAM
How to Style a page with CSS & SASS
 
34:37
Get Unlimited Access to Over 20+ courses that will give you the edge you need to get a job as a developer as soon as possible. Use this link to get 50% Off Coupon Code "FROMYOUTUBE" http://bit.ly/2ttURDi IF YOU PREFER TO OWN THE COURSES ON UDEMY USE THIS LINK WILL GIVE YOU A DISCOUNT TO ALL UDEMY COURSES INCLUDING MINES http://bit.ly/2wpHqcj People always ask me what courses I took to become a successful web developer here are all the links to them. I GUARANTEE THEY WORK!!!! Ultimate MYSQL Course http://bit.ly/2ySTAMC Web Developer Bootcamp http://bit.ly/2ieTe8y JavaScript: Understanding the Weird Parts http://bit.ly/2ycQdRi ES6 Javascript http://bit.ly/2zNryPD Learn React http://bit.ly/2xwYVFF Angular 4 the complete guide http://bit.ly/2yYZoUt Please subscribe and give a thumbs up! New tutorials everyday just for you guys. Also visit http://www.codingphase.com where you can find all the files for this tutorial
Views: 8682 CodingPhase
SASS Tutorial
 
45:50
Get the Code Here : http://goo.gl/4oRAxi Install Rails : http://goo.gl/lW48LS Normalize SCSS File : http://goo.gl/4DCjrx Support me on Patreon : https://www.patreon.com/derekbanas?ty=h Why SASS 00:12 Variables 00:33 Cross Browser CSS3 01:49 Nesting 02:20 Install Sass & Compass 03:20 Create Project 04:31 Config.rb 05:06 Partials 07:56 Comments 09:43 Normalize 10:25 Variables 2 10:58 Auto Update CSS 12:20 Importing 12:55 Using CSS 14:19 Base Site Styling : 15:14 Mixins / Functions 15:32 Fixing Overlapping 16:49 Nesting 2 17:34 Color Functions 19:45 Sharing Element Properties 22:24 Adjust Colors 28:27 Compass CSS3 Mixins 31:30 Working with Images 35:17 CSS3 Transforms 36:44 If / Conditionals 39:00 For Loops 40:04 Spriting 41:44 Table Styling 44:01
Views: 303450 Derek Banas
Webpack 2 - Style, CSS and Sass loaders
 
17:16
What you will learn: - How to load css to your Webpack project - How to configure Webpack 2 with Style, CSS and Sass loaders - How to use Extract Text Webpack Plugin to generate css file NOTE 12:32 - disabled in the ExtractTextPlugin should be disable Working files: https://github.com/Ihatetomatoes/webpack-101-starter Hit the like button and if we reach 100 likes in the first 24hrs from publishing, I will upload the next video straight away. No need to wait till next week. You rock! THE BEST OF https://ihatetomatoes.net/the-best-of/ SUBSCRIBE https://www.youtube.com/channel/UC7O6CntQoAI-wYyJxYiqNUg?sub_confirmation=1 LET'S CONNECT! Ihatetomatoes -- https://www.facebook.com/ihatetomatoesblog/ -- http://www.google.com/+ihatetomatoes Petr Tichy -- https://plus.google.com/+PetrTichy -- http://twitter.com/ihatetomatoes -- https://codepen.io/ihatetomatoes
Views: 50162 Ihatetomatoes
Writing Modular CSS With Sass and BEM
 
19:38
Created by Tuts+ in association with .net magazine and Creative Bloq.
Views: 19558 Envato Tuts+
How to convert sass into css - SASS Tutorial #1
 
08:50
In sass tutorial we will learn how to insall sass and convert sass/scss to css with the help of ruby. SASS official Website : http://sass-lang.com/guide Download Ruby installer : http://rubyinstaller.org/ For installing SASS in windows type code in cmd : gem install sass For converting sass into CSS type code in cmd : sass --watch folder name:folder name for example : sass --watch scss:css sass tutorial for beginners sass tutorial for beginners windows sass tutorial windows Learn sass sass tutorial in hindi sass compass Download & Compiling SASS How To Convert SASS/SCSS into CSS What is SASS? sass tutorial 2017 sass basic tutorial sass tutorial español If you find this tutorial helpful please give a like on you-tube and recommend to your friends.
Views: 5109 Rajan Arora
Learn Sass in this Free Crash Course - Give your CSS Superpowers!
 
46:26
Today's Question: What other learning resources outside of this channel do you learn from? https://skl.sh/designcourse - 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: https://github.com/designcourse/sass-crash-course-project - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS weekly! My Patreon: https://www.patreon.com/designcourse My site: https://coursetro.com My personal FB account: http://fb.com/logodesigner Coursetro FB: http://fb.com/coursetro Coursetro's Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-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!
Views: 48634 DesignCourse
Advanced CSS and Sass: Take Your CSS to the Next Level! : Building the Tours Section - Part 1
 
25:29
http://ytwizard.com/r/b9TfVH http://ytwizard.com/r/b9TfVH Advanced CSS and Sass: Take Your CSS to the Next Level! The most advanced and modern CSS course on the internet: master animations, flexbox, responsive design, and so much more
Views: 629 ARAB GEEK
Why you should use a CSS Preprocessor! SASS, LESS are Better than CSS
 
06:43
Learn SASS from Scratch: http://bit.ly/220yzmZ :: Support Me :: https://www.patreon.com/alecaddd http://www.alecaddd.com/support-me/ https://amzn.to/2Hcp5mo Check out Elementor: http://bit.ly/2q10nRo NordVPN: https://go.nordvpn.net/SHqa Earn $10 on DigitalOcean: https://m.do.co/c/688e1659ac84 :: Join the Forum :: https://forum.alecaddd.com/ GitHub Repo: http://bit.ly/2gvDHAJ :: Tutorial Series :: WordPress 101 - Create a theme from scratch: http://bit.ly/1RVHRLj WordPress Premium Theme Development: http://bit.ly/1UM80mR WordPress Mega Menu: http://bit.ly/2ucxSO4 Learn SASS from Scratch: http://bit.ly/220yzmZ Design Factory: http://bit.ly/1X7Csaz Affinity Designer: http://bit.ly/1X7CrDA :: My Website :: http://www.alecaddd.com/ :: Follow me on :: Twitter: https://twitter.com/alecaddd Google+: http://bit.ly/1Y7sunz Facebook: https://www.facebook.com/alecadddpage
Views: 7118 Alessandro Castellani
Sass: Pure CSS Dropdown Navigation Bar (Improved)
 
24:41
Want more? Explore the library at https://www.codecourse.com/lessons Official site https://www.codecourse.com Twitter https://twitter.com/teamcodecourse
Views: 8439 Codecourse
Webpack Tutorial #5 - Loader Sass CSS Style
 
04:09
In diesem webpack Tutorial nutze ich die SASS-, CSS- und STYLE- Loader, um die in SASS geschrieben Styles in unsere Applikation zu integrieren. Ich empfehle dir vorher noch die anderen webpack Tutorials anzuschauen, um ein noch besseres Verständnis zu bekommen. Webpack source-maps: https://youtu.be/EXCCTML25WQ Webpack Plugins: https://youtu.be/TkI-MWDoUNk Webpack Bundler: https://youtu.be/6Ic9aN_v_VI Webpack Grundlagen: https://youtu.be/iN0jV5WljEI Hier kannst du dir das gesamte Projekt auschecken: Bitbucket - https://bitbucket.org/marcobullin/webpack/src
Views: 481 Nerdisch
CSS tutorial: What is Sass and Compass? | lynda.com
 
06:51
Frameworks can help simplify the process of building websites and make writing CSS an easy task. In this tutorial, get an introduction to the Compass framework and learn about Syntactically Awesome Style Sheets, or Sass. Watch more at http://www.lynda.com/CSS-tutorials/Responsive-CSS-Sass-Compass/140777-2.html?utm_campaign=4HrJgXNvpvw&utm_medium=viral&utm_source=youtube. This tutorial is a single movie from the Responsive CSS with Sass and Compass course presented by lynda.com author Ray Villalobos. The complete course is 3 hours and 22 minutes and shows how Compass (powered by Sass) can help you build a responsive layout workflow that is easier, faster, and more compatible than CSS alone. Introduction 1. Getting Started 2. Setting Up a Workflow with Grunt.js 3. Scaffolding Our HTML 4. Sass Principles 5. Styling with Sass and Compass 6. Responsive Layout Grids with Susy Conclusion
Views: 23803 LinkedIn Learning
Installing, Setup and Nesting | Starting with Sass
 
06:54
This series is all about getting up and running with the basics os Sass. In today's episode, we will install Sass, get it up and running in our project, and use basic nesting to make our code DRY. Remember to Subscribe https://goo.gl/6vCw64 Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. In this series we will be covering the basics of Sass: Preprocessing Variables Nesting Partials Import Mixins Inheritance Operators 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. Once you start tinkering with Sass, it will take your preprocessed Sass file and save it as a normal CSS file that you can use in your website. The most direct way to make this happen is in your terminal. Once Sass is installed, you can compile your Sass to CSS using the sass command. You'll need to tell Sass which file to build from, and where to output CSS to. For example, running sass input.sass output.css from your terminal would take a single Sass file, input.scss, and compile that file to output.css. You can also watch individual files or directories with the --watch flag. The watch flag tells Sass to watch your source files for changes, and re-compile CSS each time you save your Sass. If you wanted to watch (instead of manually build) your input.scss file, you'd just add the watch flag to your command, like so: sass --watch input.scss output.css ------------------------------------------------------------------------------------ ////////// Sign up for my Monthly Newsletter http://jesseshowalter.com/newsletter ////////// Website http://www.jesseshowalter.com - ////////// Subscribe: https://goo.gl/6vCw64 - If you want to support the content I make and buy me a cup of coffee https://www.buymeacoffee.com/jessesho... ////////// Social Twitter: http://twitter.com/iamjesseshow Anchor: https://anchor.fm/iamjesseshow Instagram: https://www.instagram.com/iamjesseshow Medium: https://medium.com/@iamjesseshow -
Views: 2688 Jesse Showalter
CSS Flexbox — синтаксис (Sass + Compass)
 
27:11
uWebDesign Обзор #24 — в этом обзоре я рассказал про такой CSS3 модуль как Flexbox и для каких видов верстки его лучше использовать на мой взгляд. Подробности по ссылке: http://uwebdesign.ru/flexbox-css/ Также я показал как с ним работать при помощи Sass фреймворка Compass и попробовал почти все имеющиеся в стандарте свойства. Полезные ссылки: • CSS Flexbox Cheatsheet: http://jonibologna.com/content/images/flexboxsheet.pdf • A Complete Guide to Flexbox: http://css-tricks.com/snippets/css/a-guide-to-flexbox • Compass документация к Flexbox: http://beta.compass-style.org/reference/compass/css3/flexbox Музыка — David Heartbreak - Rose Colored Bass LP: https://soundcloud.com/owslaofficial/sets/david-heartbreak-rose-colored. Все права принадлежат конечно не нам, а OWSLA или кому-то еще. Мы на твиттере: • Александр Гончаров: http://twitter.com/websanya • Никита Тарасов: http://twitter.com/justelementar uWebDesign это: • Сайт: http://uwebdesign.ru • Подкаст в iTunes: https://itunes.apple.com/ru/podcast/uwebdesign-vse-o-veb-razrabotke/id923355344 • Паблик на ВК: http://vk.com/uwebdesign • Лента в Twitter: http://twitter.com/uwebdesgn • Канал на YouTube: https://youtube.com/user/uwebdesign • Страница на Facebook: https://www.facebook.com/uwebdesgn
Views: 8106 uWebDesign
Grunt Tutorial - #7 - Compile Sass To CSS
 
04:27
Did you find this video helpful? If so, why not subscribe!? ► http://bit.ly/CognitiveSurge Build a free website using 33i.co (https://33i.co) - Fast & Simple Website Design | Website Builder The best shared web hosting: https://www.bluehost.com/track/karlhadwen/ https://github.com/gruntjs/grunt-contrib-sass Installing Sass is very simple, just as any plugin is. To install Sass, use the following command: sudo npm install grunt-contrib-sass --save-dev (drop the sudo if you're on Windows) Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript: grunt.loadNpmTasks('grunt-contrib-sass'); To run Sass, just type 'grunt sass' into terminal. Want to stay up to date with commonly asked questions & answers, or how about a monthly digest of useful resources that I've found online? Go ahead and sign up to the Cognitive Surge community mailing list here: http://eepurl.com/bG93vz Like the Cognitive Surge Facebook page https://www.facebook.com/cognitivesurge Follow me on Twitter (Feel free to tweet me questions!) https://twitter.com/karlhadwen Join the Cognitive Surge Subreddit https://www.reddit.com/r/CognitiveSurge Follow me on Instagram https://instagram.com/karlhadwen Follow me on Goodreads https://goodreads.com/karlhadwen
Views: 19233 Karl Hadwen
Converting CSS Into SASS
 
12:43
This is a short tutorial on the basics of converting a CSS file into its scss counterpart. I go over variables, nesting and mixins. Github Repo: https://github.com/wtmenten/sass-tutorial/tree/master http-server: https://www.npmjs.com/package/http-server
Views: 1931 William Menten-Weil
Create a Custom Grid System with CSS Calc() and Sass
 
14:16
A look at the awesomeness of calc() in CSS, and how it can save you a TON of time in creating a grid system. And if you're willing to stick around, I show you how to can use Sass and @for to do the same thing in only 4 lines of code! --- Codepen CSS calc (): http://codepen.io/kevinpowell/pen/LWvbWb Codepen Sass @for: http://codepen.io/kevinpowell/pen/XMLMVE New to Sass, or want to step up your game with it? I've got a course just for you: https://www.kevinpowell.co/learn-sass If you want to know more about @for: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#_10 -- 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: https://www.instagram.com/kevinpowell.co/ Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell/
Views: 6192 Kevin Powell
Sass vs. CSS: Which is Faster!? Let's race them and see.
 
01:36
What if I told you that for every single hour you spent coding, you could have saved 20 minutes by using Sass... Let's extrapolate that: if you are hired for a web design project that takes you 50 hours to style in CSS, you could have finished styling it in 33 hours. That's a 150% improvement! Would you believe me if I told you that was the truth? I did some experiments to see how much more efficient Sass ​really​ was, and if it was even efficient at all!​ Well, the results are in. I've put together a fun little video where I style the exact same landing page in CSS vs. Sass, and I race them side-by-side... Tell me, what would YOU do with a 150% improvement in productivity? Join me and learn Sass in The Sass Course! Use the link below to get $30 off enrollment: http://codecollege.ca/p/learn-sass/?coupon_code=YOUTUBE
Views: 14549 Brad Hussey
Powerful coding with Sass and CSS
 
17:46
In this video you will learn how to code very powerful CSS using SASS. More info about Sass: https://sass-lang.com/ Download Koala: http://koala-app.com/ More apps to compile Sass files: https://www.ostraining.com/blog/coding/compiling-tools/ Music by: Nicolai Heidlas Music - With you https://soundcloud.com/nicolai-heidlas
Views: 1304 iEatWebsites
Building themes with Sass
 
50:31
Join Vaadin Designers Jouni Koivuviita and Marlon Richert for a Webinar on how to leverage Syntactically Awesome Style Sheets, or Sass, for building themes for Vaadin applications. You'll learn what Sass is, both in general as well as specifically in Vaadin's case.
Views: 6792 vaadinofficial
SASS Tutorial #4 - Nesting Styles
 
06:50
Yo ninjas, in this SASS tutorial I'll be showing you how we can nest styles within one another to help organise your CSS rules in a logical way. It also saves a little bit of time when writing out your code! ----- COURSE LINKS: + Repo - https://github.com/iamshaunjp/sass-playlist + Atom editor - https://atom.io/ --------------------------------------------------------------------------------------------- You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage... SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1 ========== JavaScript for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET ============ CSS for Beginners Playlist ============= https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT ============== The Net Ninja ===================== For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk ================== Social Links ================== Twitter - @TheNetNinja - https://twitter.com/thenetninjauk
Views: 21659 The Net Ninja
Webpack Tutorial for Beginners #6 - SASS Loaders
 
04:38
Hey ninjas, in this Webpack tutorial, I'll be showing you how we can turn our SASS into CSS and require it where needed in our application. ----- COURSE LINKS: + Repo - https://github.com/iamshaunjp/webpack-playlist + Atom editor - https://atom.io/ + Download GIT - https://git-scm.com/ CSS Playlist - https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT HTML Playlist - https://www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc NODEJS Playlist - https://www.youtube.com/playlist?list=PL4cUxeGkcC9gcy9lrvMJ75z9maRw4byYp --------------------------------------------------------------------------------------------- You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage... SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1 ========== PSD to WordPress Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9gnow7e45LQFkNVxwQ5BH-W ============ Node.js for Beginners Playlist ============= https://www.youtube.com/playlist?list=PL4cUxeGkcC9gcy9lrvMJ75z9maRw4byYp ============== The Net Ninja ===================== For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk ================== Social Links ================== Twitter - @TheNetNinja - https://twitter.com/thenetninjauk
Views: 24958 The Net Ninja
Why I use SASS vs CSS
 
09:08
★☆★ TREEHOUSE TECHDEGREE DISCOUNT: http://bit.ly/2FtkrPL ★☆★ PATREON: https://www.patreon.com/telmosampaio ★☆★ UNLIMITED WEBSITE HOSTING: http://www.a2hosting.com?aid=telmosampaio Here are 5 reasons why I use SASS instead of regular CSS. Watch this quick SASS Tutorial. CSS preprocessores like SASS can help you maintain your code more readable and also speed up your work flow. BECOME MY STUDENT: [email protected] Best Books to Learn WEB DESIGN and WEB DEVELOPMENT http://amzn.to/2xMagnI http://amzn.to/2yf9vVu http://amzn.to/2fGzdKZ http://amzn.to/2fz8Z9y My Youtube Gear: Canon PowerShot G7 X Mark II: http://amzn.to/2yMHHVN GTX 1080: http://amzn.to/2xMjG2J CORE i7: http://amzn.to/2x2h3L6 NZXT CASE: http://amzn.to/2fxZAPF STEELSERIES SIBERIA V3: http://amzn.to/2xM0v9a WACOM CINTIQ 13HD: http://amzn.to/2x1mgTn My Social Media: Twitter: https://twitter.com/DevTelmo Instagram: https://www.instagram.com/sampaiotravels My affiliates: Amazon, Treehouse, A2Hosting
Views: 349 Telmo Sampaio
Using CSS source maps with SASS (Foundation and Compass)
 
07:04
This is a quick introduction to what CSS source maps are and how you can use them to make it easier to work on sites using SCSS. Although this video uses Foundation (a CSS framework) and Compass (an extension to SASS) the underlying concept of a CSS source map is shown and this can be used on any project where you are using SASS.
Views: 1097 Bob Brown
[#7] Sass Best Practices (Learn Sass)
 
13:21
THE SASS COURSE by Brad Hussey & Code College Thanks for your interest in The Sass Course! This YouTube version is just a sample of the entire course on Code College. If you want to learn more about Sass, discover more frameworks, build more projects, and have access to coding support, join The Sass Course on Code College. [Get $30 off when you join The Sass Course on Code College](http://codecollege.ca/p/learn-sass/?coupon_code=YOUTUBE) Cheers & Happy Coding! Brad — WEBSITES bradhussey.ca codecollege.ca SOCIAL twitter.com/bradhussey facebook.com/bradhussey youtube.com/hussey17
Views: 17230 Brad Hussey
SASS or LESS? What should you use?
 
10:21
Today I want to take a stab at the age-old question: SASS or LESS? This video was sponsored by the DevTips Patron Community - https://www.patreon.com/DevTips You should follow DevTips on Twitter - https://twitter.com/DevTipsShow
Views: 99961 DevTips
Bootstrap 4 Theme Customization (with Sass) | BOOTSTRAP 4 TUTORIAL
 
17:12
Bootstrap 4 makes the customization of themes, colors and sizes easy! Use SASS to adjust the look of your Bootstrap 4 project to exactly the look you need. No expert knowledge is required - just some easy-to-follow steps. ---------- Source Code for the Video: https://github.com/academind/bootstrap4-introduction/tree/06-customize Watch the Series on academind.com: https://academind.com/learn/css/bootstrap-4-tutorial/customization-themes-sass Official Theming Docs: http://getbootstrap.com/docs/4.0/getting-started/theming/ ---------- • You can follow Max on Twitter (@maxedapps). • And you should of course also follow @academind_real. • You can also find us on Facebook.(https://www.facebook.com/academindchannel/) • Or visit our Website (https://www.academind.com) and subscribe to our newsletter! See you in the videos! ---------- Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!
Views: 29698 Academind
Cutting CODE! Ep 3 - Building a SASS to CSS compiler! In C#! TDD style!
 
01:23:00
In this episode of Cutting CODE! David and Rob implement part of a SASS to CSS compiler, working through the kata available here https://github.com/davidwhitney/CodeDojos/tree/master/SassBasics Code available on GitHub: https://github.com/davidwhitney/ScssToCss ----------------------- David (http://www.davidwhitney.co.uk) is the founder of Electric Head Software (http://www.electricheadsoftware.com)
Views: 1280 David Whitney
Supe Up Your Style with Foundation’s Sass Settings
 
12:42
One of Foundation’s benefits is how fast you can produce amazing sites and apps using it. Styling with CSS can be tricky and time consuming. If you use Foundation’s Sass version this gets a lot easier, faster, and more organized with the included Sass Setting file. In this lesson we’ll dive into Foundation Sass settings and show you some best practices to get styling faster. Learn more at: http://zurb.com/university/courses
Views: 7366 ZURB
To BEM or not to BEM? - How can BEM help you? (1/6)
 
05:07
Want more? Explore the library at https://www.codecourse.com/lessons Official site https://www.codecourse.com Twitter https://twitter.com/teamcodecourse
Views: 27606 Codecourse
CSS Preprocessors, LESS, SASS and Stylus
 
10:23
What is CSS Preprocessors and How to Getting Started. About LESS, SASS and Stylus.
Views: 15862 CodigoAdicto
SASS: Install and Basic Command (Convert SASS into CSS)
 
05:28
Front End Developer Basic Skill. SASS. How to install and how to use the basic command that compile .scss / .sass file into .css
Views: 104 Purnama Anaking
HTML to CSS/SASS/LESS Online Converter
 
11:55
http://htmltocss.github.io/ - link to converter http://htmltocss.blogspot.com/2015/07/html-to-csssassless-online-converter.html - post about converter HTML CSS tricks - Speed up and simplify your HTML CSS layout work.
Views: 1753 WebTuts
CSS Variables - Sass to the rescue for fallbacks
 
12:47
CSS Variables and fallbacks are not elegant, as we just saw in the last video. Luckily, we can use Sass to help us out in this. This solution was heavily influenced from this post here: https://vgpena.github.io/winning-with-css-variables/#easier-fallbacks-with-sass CodePen: https://codepen.io/kevinpowell/pen/40864b1265e914cbd9efbbc6f9af7e41?editors=0100 Don't know much (or anything) about Sass and want to learn more? I've got a course just about Sass! kevinpowell.co/learn-sass --- My Code Editor: VS Code - https://code.visualstudio.com/ How my browser refreshes when I save: https://youtu.be/h24noHYsuGc --- Support me on Patreon: https://www.patreon.com/kevinpowell 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: https://www.instagram.com/kevinpowell.co/ Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell
Views: 1675 Kevin Powell
CSS Maintenable avec SASS et Compass - Différence entre SCSS et SASS
 
02:31
Abonnez-vous à Grafikart: http://bit.ly/19nGK3G A propos de ce tutoriel http://grafikart.fr/formation/sass-compass/differences-sass-scss Dans cette nouvelle leçon nous allons voir la différence entre SCSS et SASS. En effet SASS utilise 2 syntaxes : La nouvelle syntaxe principale ''SCSS'' qui est une amélioration de la syntaxe CSS3. Ce qui veut dire qu'un code CSS3 valide est aussi un... Suivez nous sur Facebook: https://www.facebook.com/pages/Grafikart/483920250642?fref=ts Plus de tutoriels : http://www.grafikart.fr - Abonnez-vous à Grafikart: http://bit.ly/19nGK3G Retrouvez un concentré du web autour du monde du développement web et du graphisme... Formez vous et améliorez vos compétences à travers près de 161 heures de formation vidéo... Plus de tutoriels : http://www.grafikart.fr Retrouvez un concentré du web autour du monde du développement web et du graphisme... Formez-vous et améliorez vos compétences à travers près de 161 heures de formation vidéo... Suivez Grafikart sur: Facebook: https://www.facebook.com/pages/Grafikart/483920250642 Twitter: https://twitter.com/grafikart_fr Plus de tutoriels : http://www.grafikart.fr
Views: 18315 Grafikart.fr
Tutoriel SASS - #1 - Installation et fonctionnement [FR]
 
07:12
Dans cette vidéo je vous propose d'apprendre SASS, qui est une alternative efficace pour coder ses feuilles de style. Ce langage vous permet de créer du CSS très rapidement avec de nombreuses méthodes que nous aborderons dans ce chapitre. La playlist HTML/CSS : https://www.youtube.com/playlist?list=PL0TnHYy48T2ycUqt3yYSiaP6u9-aH2upg La playlist Javascript : https://www.youtube.com/playlist?list=PL0TnHYy48T2wg3-BvWklrTdgUkKVjlQPv N'hésitez pas à vous abonner à ma chaîne, d'autres tutoriels à venir notamment sur le javascript et ses frameworks, Wordpress, et PHP. Je me trouve également sur twitter : https://twitter.com/CodeaAndDesignT
Views: 15339 Code & Design
WEBPACK 2 TUTORIAL #2 - Loaders, CSS, SASS, ExtractTextPlugin.
 
17:18
Hi! In this Webpack 2 episode we will see how to install and configure the CSS Loaders, we apply the properties to style our page, we will use the ExtractTextPlugin for make CSS file into our distribution and how to run npm scripts for development and production.
Views: 1019 CodingAndCaffeine
#6 Découverte de symfony 4 : Ajout de sass , css et javascript
 
13:47
Dans cette vidéo , on va ajouter du css et du javascript à notre projet symfony 4 . Les liens utiles : http://symfony.com/doc/current/frontend.html https://yarnpkg.com/ http://sass-lang.com/ Les commandes : composer require encore composer require asset yarn install yarn add sass-loader node-sass --dev yarn run encore dev --watch yarn run encore production
Views: 6251 Web Labs
CSS Variables without Sass?  Learn how to use CSS Variables (Tutorial)
 
11:28
Written tutorial: https://goo.gl/kr4uek Enjoy this? SUBSCRIBE! And check out https://coursetro.com You no longer have to rely on preprocessors like Sass in order to use CSS variables. In this tutorial, I will show you exactly how to start using them. Let's get started! - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS weekly! My Patreon: https://www.patreon.com/designcourse My site: https://coursetro.com My personal FB account: http://fb.com/logodesigner Coursetro FB: http://fb.com/coursetro Coursetro's Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-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!
Views: 5097 DesignCourse
How to convert online css to scss and sass?
 
00:27
This video will provide a helpful website for convert css to scss and sass.
Views: 214 Techno Gyan
9. Styling the Theme with SASS - Create a Portfolio WordPress Theme - Tutorial
 
05:00
The Freelancer HTML template comes with SASS sources for CSS stylesheets. We can edit and compile SASS directly in Pinegrow to create unique design for our theme. This is a part of the tutorial about creating a WordPress theme with Pinegrow, without PHP coding: http://docs.pinegrow.com/v4/wordpress/courses-tutorials/create-a-personal-portfolio-wordpress-theme-tutorial/
Views: 817 Pinegrow
Get Started With Sass on Windows
 
40:43
In this video Ill explain what Sass is and why you should use it in your CSS projects. Sass allows you to use variables, mixins, nested CSS and more. We will also install Ruby on to a Windows machine to run Sass and we will us a program called Scout to compile and generate our CSS.
Views: 82905 Traversy Media
CSS Variables - CSS vs Sass - variables inside media queries
 
06:04
CSS variables are a lot like Sass variables. Sure, they might be harder to write, but because of how they work, they're much more versitile, and can lead to us being able to write A LOT less code, specially with how CSS variables can work inside of media queries. CodePen 1: https://codepen.io/kevinpowell/pen/b3988c73816404c8da79ac7a0a663fa6 CodePen 2: https://codepen.io/kevinpowell/pen/979bb8daa5c3fbdde61e03aa7c0f2385 CodePen 3: https://codepen.io/kevinpowell/pen/RxNKeW --- My Code Editor: VS Code - https://code.visualstudio.com/ How my browser refreshes when I save: https://youtu.be/h24noHYsuGc --- Support me on Patreon: https://www.patreon.com/kevinpowell 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: https://www.instagram.com/kevinpowell.co/ Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell
Views: 2632 Kevin Powell
How to create a Portfolio Website with CSS Grid & Sass | Part 2: Variables and basic styles
 
32:18
Continuing with our portfolio website, in this video I take a look at creating the variables I'm going to use, bringing in normalize.css and setting up the basic styles on our body. This video is all about just getting everything set up, so after this we can really get into the nitty-gritty of styling each section properly. If you'd like to follow along with me, you've got a few options. Here is the active GitHub repo: https://github.com/kevin-powell/portfolio-with-css-grid Here is the GitHub repo from where I start this video off at: https://github.com/kevin-powell/portfolio-with-css-grid-start And lastly, here is the video that explains how to get npm and Gulp running if you want to give that a try: https://youtu.be/Og5tFbF9Yo8 --- New to Sass, or want to step up your game with it? I've got a course just for you: https://www.kevinpowell.co/learn-sass --- Support me on Patreon: https://www.patreon.com/kevinpowell 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: https://www.instagram.com/kevinpowell.co/ Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powellom/KevinJPowell
Views: 10295 Kevin Powell
[#3] How to Install & Compile Sass (Learn Sass)
 
11:18
DOWNLOAD THE FINAL COURSE FILES: https://app.convertkit.com/landing_pages/136231?v=6 THE SASS COURSE by Brad Hussey & Code College Thanks for your interest in The Sass Course! This YouTube version is just a sample of the entire course on Code College. If you want to learn more about Sass, discover more frameworks, build more projects, and have access to coding support, join The Sass Course on Code College. [Get $30 off when you join The Sass Course on Code College](http://codecollege.ca/p/learn-sass/?coupon_code=YOUTUBE) Cheers & Happy Coding! Brad — WEBSITES www.bradhussey.ca www.codecollege.ca SOCIAL www.twitter.com/bradhussey www.facebook.com/bradhussey www.youtube.com/hussey17
Views: 25815 Brad Hussey
Sass Beginner Tutorial #2: Sass vs. SCSS
 
04:46
Check out the whole course at https://www.udemy.com/sasscourse/?couponCode=YT15 What the heck is the difference between Sass and SCSS you ask? Well, essentially it's just the syntax -- both are equally powerful. Sass is the original syntax without curly braces and semicolons. SCSS was introduced for designers used to CSS to make the transitions easier. This tutorial gives you a quick overview over all the differences between Sass and SCSS and where both languages come from. Let me know what other topics you want to learn about (takes just 1 minute): https://petersommerhoff.typeform.com/to/mTEh94
Views: 5887 Peter Sommerhoff
Custom Bootstrap Theme With Sass
 
01:04:19
In this video we will build a completely custom Twitter Bootstrap theme with the Sass Pre-compiler. We will use other technologies such as... Bootstrap-sass Koala NPM Bower Live-Server Font-Awesome Theme Files - https://github.com/bradtraversy/bizlight_theme
Views: 116281 Traversy Media

Most effective cover letter template
Paper writing service
Recruiter intern cover letter no experience
Sales assistant cover letter template
Civil code of the philippines annotated by paras