SASS/SCSS- Opsta diskusija

1

SASS/SCSS- Opsta diskusija

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Da li uciti less i sass? Citao sam da je less za pocetnike laksi, da dobro radi na novije internet pregledace, kome je namenjen, pojednostavljuje izradu webstranica. Sta mislite kakva je perspektiva i da li ih uciti ili nesto drugo. Hvala.



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

Ne zamajavaj se sa lessom, odmah predji na sass. Ako dobro znas css, nece biti problema u ucenju, barem ono sto tebi kao pocetniku bude trebalo (nesting na pr).



offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Hvala ti puno, ovo u zagradi neznam staje. Pozdrav

offline
  • Programer
  • Pridružio: 23 Maj 2012
  • Poruke: 4575

dejnik978 ::Hvala ti puno, ovo u zagradi neznam staje.

http://sass-lang.com/guide#topic-3

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Ok to je to, hvala, pozdrav

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Instalacija Sass-a i resenje problema sa instalacijom Json

Prvo sto je potrebno jeste posetiti stranicu

http://sass-lang.com/install

http://rubyinstaller.org

kliknemo na download
http://rubyinstaller.org/downloads/

Biramo verziju u zavisnosti koja nam je verzija windowsa
Ruby 2.2.3
Ruby 2.2.3 (x64)

Instalirati kao na slici sa cekiranim opcijama


Zatim, je potrebno skinuti DEVELOPMENT KIT
za verziju Ruby koju smo skinuli na to obratimo paznju!

Ako skinuli 32 bit verziju ruby skinemo

(For use with Ruby 2.0 ili za verziju 1.7 na to obratimo paznju

DevKit-mingw64-32-4.7.2-20130224-1151-sfx.exe

U particiji C napravimo folder pod nazivom DevKit


zatim odaberemo folder i kliknemo na extract

Zatim, idemo na start pa run pa upisemo cmd da bi dosli do foldera ruby i zatim instalirali sass.

Kucamo sledece komande
cd C:\

kada smo presli u C fodler ulazimo u folder DivKit

cd DevKit

Sada vrsimo instalaciju ruby

Ovde je vazno da smo kod instalacije cekirali ona polja inace nema instalacije

Ako je sve ok instalacija je u zavrsena u sekundi

C:DevKit>ruby dk.rb init

Sada ide instalacija
C:DevKit>ruby dk.rb install

Mozda cete imati problem da instalirate json

Resenje: sa ove adrese
https://rubygems.org/pages/download#formats
skinite zip i rasklopite ga u folder DevKit
Zatim, u cmd prozor ukucajte sledece ruby setup.rb
Sada cekajte da se zavrsi proces. Nastavljamo sa instalacijom
Kucamo
gem install json --platform=ruby

Sada konacno vrsimo instalaciju Sass-a

gem install sass

To je to Extra, sada drugi deo laksi Smile
Instalacija Scout aplikacije

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Sa ove adrese skinite Scout
http://mhs.github.io/scout-app/
i instalirajte aplikaciju





Pre pocetka rada da kazem da ce pojaviti problem pri pokretanju programa zbog neuskladjene putanje java. Potrebno je instalirati najnoviju javu npr sa adrese https://java.com/en/download/ i promeniti putanju




Sada cemo remo resiti tu putanju

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Resenje.
Prvo vidimo putanju gde smo instalirali javu npr
C:\Program Files\Java\jre1.8.0_60\bin
Sada trazimo putanju i fajl koji treba izmeniti
Nadjemo fajl u Scout aplikaciji-programu u putanji C:\Program Files\Scout\javascripts\app
otvorimo fajl process_interaction.js i nadjemo deo gde se nalazi java i samo izmenimo taj deo npr ovako path = air.File.applicationDirectory.resolvePath("C:\\Program Files\\Java\\jre1.8.0_60\\bin\\java.exe");       if(!path.exists){         path = air.File.applicationDirectory.resolvePath("C:\\Program Files (x86)\\Java\\jre1.8.0_60\\bin\\java.exe");         if(!path.exists){           path = air.File.applicationDirectory.resolvePath("C:\\Program Files\\Java\\jre1.8.0_60\\bin\\java.exe");

To je to i program radi sada mozemo da pocnemo da radimo i da usput pitam nesto kad treba Smile





Pozdrav Smile

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Pokrecemo projekat:

U prvom delu na input kliknemo i nadjemo gde se nalazi nas scss folder
U delu output odredimo css folder, dalje odredimo folder za javascript i za slike npr img. Ostalo ne treba za pocetnike dovoljno.
U C particiji napravimo folder npr sajt, u tom folderu kreiramo npr folder mojsajt1 u tom folderu cemo kreirati websajt. Unutar tog foldera kreiramo sledece foldere css, fonts (ako koristimo), img (za slike), js za javascript fajlove, scss folder, index.html i style.scss. Unutar scss foldera kreiramo sledece foldere sa sadrzajem:
1.base
_base.scss (u ovom fajlu kucamo css kodove te iste kodove ce program da proveri i da kovertuje, ako primeti gresku program se izbaciti gresku i greska se mora otkloniti da bi se nastavilo dalje.)
_bootstrap-min.scss
_mixins.scss
_variables.scss (ovde vrsimo import fajlova fontova, odredjujemo default boje za pozadinu, text i sl)

2.layout
ovde odredjujemo header, navbar, jumbotron, footer i sl-ne kucamo sve samo ono sto smo odredili u html-u)
_navbar-default.scss (ovde kucamo podesavanja za navbar)
_jumbotron.scss (ovde kucamo podesavanja za jumbotron)

3.modules
_btn.scss (ovde kucamo podesavanja za button dugmeta)
_typography.scss

Sve sto imamo u klasicnom css podelimo po scss elementima-fajlovima
Ukoliko imamo gresku program ce javiti







Ako sve odlicno odradimo sajt ce izgledati ok

Primer koda bez greski


Konacan izgled websajta




Da li imate neki predlog za ucenje sass-a, gde ste vi ucili da pogledam. Znam za http://sass-lang.com, yt kanale, http://getbootstrap.com/css/#sass. Hvala i pozdrav

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Let's say you have a couple of Sass files, _reset.scss and base.scss. We want to import _reset.scss into base.scss.

1.Da li moram da fajlove nazovem npr base.scss ili moze npr style.scss
2.Da li moze bez reset.scss ja sam stavio bootstrapov bootstrap-min.scss
Hvala, pozdrav

Ko je trenutno na forumu
 

Ukupno su 1013 korisnika na forumu :: 60 registrovanih, 8 sakrivenih i 945 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: 8u47, A.R.Chafee.Jr., airsuba, aleksmajstor, anbeast, Andrija357, Apok, babaroga, Ben Roj, bojankrstc, Boris90, Brana01, ccoogg123, cemix, comi_pfc, darkangel, darkojbn, dekan.m, djboj, DragoslavS, drimer, Frunze, GenZee, Insan, kybonacci, ljuba, Marko Marković, marsovac 2, mercedesamg, Mihajlo, mile23, milenko crazy north, milos.cbr, Mixelotti, nemkea71, panzerwaffe, pedjolino76, pein, procesor, rasok, robertino, royst33, Sančo, sasa87, sasakrajina, Shinobi, Singidunumac, SlaKoj, Srky Boy, Srle993, stankolich, stegonosa, theNedjeljko, Tvrtko I, vathra, vladaa012, W123, zziko, šumar bk2, 125