SCSS na Folha de Estilos
+3
Kyo Panda
Konai
Luiz
7 participantes
Fórum dos Fóruns :: Miscelânea :: Sugestões e melhorias :: Sugestões para Forumeiros :: Sugestões em estudo
Página 1 de 1 • Compartilhe
Você é a favor ou contra?
SCSS na Folha de Estilos
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:
Nisso:
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:
Seria transformado nisso (ainda com o minificador já existente):
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.
#Votem
---
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.
#Votem
Re: SCSS na Folha de Estilos
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!
parecem ficar mais organizados, mas como você disse, teria de ser uma conversão automática.
Voto sim!
Re: SCSS na Folha de Estilos
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 echatinho mais legal...
Veja a diferença:
CSS normal:
O mesmo código acima, só que com SCSS:
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.
o/
A finalidade do SCSS é facilitar e deixar o CSS padrão e
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.
o/
Re: SCSS na Folha de Estilos
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 echatinhomais 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.
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.
Re: SCSS na Folha de Estilos
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.
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.
Re: SCSS na Folha de Estilos
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
- 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
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225
Re: SCSS na Folha de Estilos
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/
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/
Re: SCSS na Folha de Estilos
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.
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.
Re: SCSS na Folha de Estilos
Olá!
Naturalmente tem meu voto positivo.
Crd.
Naturalmente tem meu voto positivo.
Crd.
Re: SCSS na Folha de Estilos
Sugestão em estudoSugestão em estudo e movida para "Sugestões em Estudo". |
Tópicos semelhantes
» Erro na folha de estilos CSS
» Gerir folha de estilos CSS
» Folha de estilos css e uma duvidazinha
» Tamanho máximo da folha de estilos css
» onde fica a folha de estilos ?
» Gerir folha de estilos CSS
» Folha de estilos css e uma duvidazinha
» Tamanho máximo da folha de estilos css
» onde fica a folha de estilos ?
Fórum dos Fóruns :: Miscelânea :: Sugestões e melhorias :: Sugestões para Forumeiros :: Sugestões em estudo
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos