SCSS na Folha de Estilos

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Você é a favor ou contra?

88% 88% 
[ 15 ]
12% 12% 
[ 2 ]
 
Total dos votos : 17
  • 0

SCSS na Folha de Estilos

Mensagem por Luiz em 09/11/17, 03:57 pm

Para quem não sabe o que é SCSS, leia este artigo.

---

Da mesma forma como a Folha de Estilos (no modo de melhorar o CSS) minifica os estilos, isto é, transforma isso:
Código:
p {
  font-family: serif;
}

Nisso:
Código:
p{font-family:serif}

Acho que seria interessante fazer a transformação de SCSS para CSS.

O que iria acontecer?
Caso a sugestão entrasse em vigor, isso, na sua Folha de Estilos:
Código:
p {
  color: red;

  &:hover {
    color: blue;
  }
}

Seria transformado nisso (ainda com o minificador já existente):
Código:
p{color:red}p:hover{color:blue}

Note que podemos escrever CSS normal sem saber nem o que é SCSS, tendo em vista que o SCSS só adiciona funcionalidades novas ao CSS, e não remove características padrão, como o SASS.

Enfim, é isso. :v

---

Note que isso não afetaria a performance dos fóruns em si, tendo em vista que seria compilado usando PHP do painel de controle (código back-end).
Já existem ferramentas para isso (até mesmo open-source), como aqui.

---

Sim, é possível fazer isso pelo seu computador, mas seria bem mais fácil se o nosso fórum já fizesse isso para a gente. Feliz

#Votem Rindo


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Moderadeiro Global
avatar

Luiz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6250
Pontos Ativos : 7034

Ver perfil do usuário https://github.com/lffg/
  • 0

Re: SCSS na Folha de Estilos

Mensagem por Gaaratsu em 09/11/17, 04:06 pm

A finalidade seria ocupar menos espaço da CSS, correto? Eu concordo! Até porque os códigos
parecem ficar mais organizados, mas como você disse, teria de ser uma conversão automática.

Voto sim!
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6008
Pontos Ativos : 7506

Ver perfil do usuário http://narutongo.forumeiros.com/

Re: SCSS na Folha de Estilos

Mensagem por Luiz em 09/11/17, 04:08 pm

Na verdade, para deixar o código mais leve, é o minificador (que já existe).
A finalidade do SCSS é facilitar e deixar o CSS padrão e chatinho mais legal...

Veja a diferença:

CSS normal:
Código:
.my-class {
  background-color: #39c;
  color: #fff;
}

.my-class:hover {
  background-color: #444;
}

O mesmo código acima, só que com SCSS:
Código:
// Variáveis são suportadas! *-*'
$primary-color: #39c;

.my-class {
  background-color: $primary-color;
  color: #fff;

  &:hover {
    background-color: #444;
  }
}

E o código SCSS é compilado em CSS (tendo em vista que os browsers infelizmente não aceitam SCSS). ;v

---

Mas note que o SCSS aceita código CSS normal também. Logo, se você não souber SCSS, você também pode escrever da forma tradicional!
Em suma, isso ajudaria todo mundo. Piscada

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Moderadeiro Global
avatar

Luiz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6250
Pontos Ativos : 7034

Ver perfil do usuário https://github.com/lffg/

Re: SCSS na Folha de Estilos

Mensagem por Gaaratsu em 09/11/17, 04:16 pm

@Luiz escreveu:Na verdade, para deixar o código mais leve, é o minificador (que já existe).
A finalidade do SCSS é facilitar e deixar o CSS padrão e chatinho mais legal...
E o código SCSS é compilado em CSS (tendo em vista que os browsers infelizmente não aceitam SCSS). ;v
Mas note que o SCSS aceita código CSS normal também. Logo, se você não souber SCSS, você também pode escrever da forma tradicional!
Em suma, isso ajudaria todo mundo. Piscada

Continuo concordando, acredito que com um pouco de tempo pegaram o jeito com o SCSS, mas como você ressaltou, quem não souber ou não conseguir, poderá utilizar da forma tradicional o famoso CSS.
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6008
Pontos Ativos : 7506

Ver perfil do usuário http://narutongo.forumeiros.com/

Re: SCSS na Folha de Estilos

Mensagem por Kyo Panda em 10/11/17, 03:11 pm

Eu votei não. Acho que o Forumeiros deveria corrigir a função de "Melhor seu CSS" antes de adicionarmos mais uma cilada, já que o mesmo quebra vários parâmetros do CSS3.

E como o senhor mesmo disse, podemos fazer isso diretamente pelo computador. Da mesma forma, poderíamos fazer um script que carrega e posta o CSS diretamente no fórum com um pouco de Grunt e algumas chamadas HTML, principalmente agora que está bem mais fácil com a API do Topic'it.
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4637
Pontos Ativos : 5917

Ver perfil do usuário http://ajuda.forumeiros.com

Re: SCSS na Folha de Estilos

Mensagem por Pedxz em 10/11/17, 03:35 pm

Eu voto sim, mas a plataforma forumeiros devia preocupasse com outras coisas como o @kyo Panda citou.
Uma dessas coisas é:
- melhor a função "melhorar o seu CSS";
- a outra séria mais opções no painel, no caso um reset do forum/pontos/entre muitos;
- criar a função de niveis ( já existe ), mas para o painel, já muito discutido pelos usuários e até votado;
- melhorar a rapidez do fórum ( carregamento dos templates );
- adição de mais produtos comprados com o dinheiro fictício: "Créditos";
- entre muitos.... que podem ser discutidos
avatar

Pedxz
Usuário avançado

Masculino
Inscrito dia : 13/01/2017
Mensagens : 457
Pontos Ativos : 630

Ver perfil do usuário http://ajuda.forumeiros.com

Re: SCSS na Folha de Estilos

Mensagem por Luiz em 10/11/17, 04:43 pm

Obrigado pela opinião, pessoal.

Concordo com o fato de que esses problemas como o erro da ferramenta "melhorar seu CSS" devem ser resolvidos antes de uma sugestão, como a pautada neste tópico, ser possivelmente aplicada. Mas ao postar a sugestão, assumi — talvez de forma errônea — de que os problemas relativos à Folha de Estilos já tivessem sido corrigidos. Para que enfim uma nova ferramenta pudesse ser aplicada.

De todo modo, agradeço novamente pela opinião dos senhores. o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Moderadeiro Global
avatar

Luiz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6250
Pontos Ativos : 7034

Ver perfil do usuário https://github.com/lffg/
  • 0

Re: SCSS na Folha de Estilos

Mensagem por MateusAnjosV em 20/11/17, 05:19 pm

Novas possibilidades para os desenvolvedores mais peculiares do mundo devem ser aplicadas, afinal, por que nos limitarmos ao CSS, podendo facilitar com o SCSS? É como ainda utilizar javascript puro, tendo jQuery. A menos que você queira "ostentar o seu conhecimento nato em javascript", não faz sentido algum.

Observação: não acredito que é correto votar não em uma sugestão, porque a Forumeiros tem X falhas em Y lugares. Partimos do pressuposto que o que ela implantou, já é otimizado e sem bugs.
Eu votei sim.
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1451
Pontos Ativos : 2032

Ver perfil do usuário http://ajuda.forumeiros.com/
  • 0

Re: SCSS na Folha de Estilos

Mensagem por Dr. em 20/11/17, 07:39 pm

Olá!

Naturalmente tem meu voto positivo. Piscada

Crd.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Dr. — Admineiro
avatar

Dr.
Admineiro
Admineiro

Masculino
Inscrito dia : 04/02/2013
Mensagens : 3020
Pontos Ativos : 3334

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/MatheusAndreazzi https://twitter.com/nevesandreazzi

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum