SASS/SCSS- Opsta diskusija

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

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.

• 1Ovo se svidja korisniku: dejnik978
  
  Registruj se da bi pohvalio/la poruku!

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).

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Hvala ti puno, ovo u zagradi neznam staje. Pozdrav

• 1Ovo se svidja korisniku: dejnik978
  
  Registruj se da bi pohvalio/la poruku!

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

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

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ok to je to, hvala, pozdrav

• 1Ovo se svidja korisniku: Tamtitam
  
  Registruj se da bi pohvalio/la poruku!

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
Instalacija Scout aplikacije

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

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

• 1Ovo se svidja korisniku: voja64
  
  Registruj se da bi pohvalio/la poruku!

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





Pozdrav

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

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

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

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