Porque esse tipo de CSS é tudo em uma única linha?

[Bruno Franco Serra 0]

Boa Tarde a todos, sou novo em mexer em Forum, gostaria de saber porque alguns .css não tem quebra de linha e são todos numa linha só?
Exemplo:

/*!
 * Bootstrap Responsive v2.3.2
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-ms-viewport{width:device-width}.hidden{display:none;visibility:hidden}.visible-phone{display:none!important}.visible-tablet{display:none!important}.hidden-desktop{display:none!important}.visible-desktop{display:inherit!important}@media(min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-tablet{display:inherit!important}.hidden-tablet{display:none!important}}@media(max-width:767px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-phone{display:inherit!important}.hidden-phone{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:inherit!important}.hidden-print{display:none!important}}@media(min-width:1200px){.row{;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:30px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px}.span12{width:1170px}.span11{width:1070px}.span10{width:970px}.span9{width:870px}.span8{width:770px}.span7{width:670px}.span6{width:570px}.span5{width:470px}.span4{width:370px}.span3{width:270px}.span2{width:170px}.span1{width:70px}.offset12{margin-left:1230px}.offset11{margin-left:1130px}.offset10{margin-left:1030px}.offset9{margin-left:930px}.offset8{margin-left:830px}.offset7{margin-left:730px}.offset6{margin-left:630px}.offset5{margin-left:530px}.offset4{margin-left:430px}.offset3{margin-left:330px}.offset2{margin-left:230px}.offset1{margin-left:130px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.564102564102564%;*margin-left:2.5109110747408616%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-...

[Vitor RC 11]

Simplesmente porque o programador não quis dar uma quebra de linha entre cada elemento do código.

Voce pode fazer assim em uma unica linha, não muda nada.

[Marlon Pacheco 132]

Buenas tchê.

 

Dizemos que esse arquivo esta minificado. Sem as quebras de linha você tem um arquivo menor para ser requisitado.

No site de download do jQuery (http://jquery.com/download/), por exemplo, você terá 2 opções. Uma de produção e uma de desenvolvimento.

A de produção está minificada (em apenas 1 linha) e tem apenas 82,2 KB.

A versão de desenvolvimento está "aberta", com todas as quebras de linha, comentários, identações e possui 241kb.

Minificar os arquivos é uma boa prática altamente recomendada para questões de performance do seu site.

A grande maioria das IDEs e dos Editores de Código possuem essa função para minificar os arquivos CSS e JS após salvá-lo.

Normalmente ficando script.js para o seu arquivo de desenvolvimento e script.min.js pra o arquivo minificado.

O mesmo vale para os CSS.

O código que você postou, do Bootstrap, está minificado. O arquivo de desenvolvimento tem 6332 linhas. Com certeza os caras não digitaram tudo em uma única linha.

[carvalhobruno 2]

Buenas tchê.

 

Dizemos que esse arquivo esta minificado. Sem as quebras de linha você tem um arquivo menor para ser requisitado.

No site de download do jQuery (http://jquery.com/download/), por exemplo, você terá 2 opções. Uma de produção e uma de desenvolvimento.

A de produção está minificada (em apenas 1 linha) e tem apenas 82,2 KB.

A versão de desenvolvimento está "aberta", com todas as quebras de linha, comentários, identações e possui 241kb.

Minificar os arquivos é uma boa prática altamente recomendada para questões de performance do seu site.

A grande maioria das IDEs e dos Editores de Código possuem essa função para minificar os arquivos CSS e JS após salvá-lo.

Normalmente ficando script.js para o seu arquivo de desenvolvimento e script.min.js pra o arquivo minificado.

O mesmo vale para os CSS.

O código que você postou, do Bootstrap, está minificado. O arquivo de desenvolvimento tem 6332 linhas. Com certeza os caras não digitaram tudo em uma única linha.

 

 

A resposta do Marlon está perfeita. Adicionarei apenas minha opinião pessoal: Apesar de manter o arquivo minimizado linkado em seu site, tenha sempre uma cópia do arquivo inteiro de uma lib, como no caso do bootstrap.

Porque?

 

Essa famosa minificação é feita para reduzir o tamanho do arquivo baixado e aumentar (levemente) a performance do seu site, o que é muito válido. Porém o código fica praticamente ilegível, e caso queira consultar ou até mesmo estudar o código, você vai se sentir totalmente perdido, o que não acontece com o código devidamente iterado, que fica é muito mais fácil de ler.

[Bruno Franco Serra 0]

Buenas tchê.

 

Dizemos que esse arquivo esta minificado. Sem as quebras de linha você tem um arquivo menor para ser requisitado.

No site de download do jQuery (http://jquery.com/download/), por exemplo, você terá 2 opções. Uma de produção e uma de desenvolvimento.

A de produção está minificada (em apenas 1 linha) e tem apenas 82,2 KB.

A versão de desenvolvimento está "aberta", com todas as quebras de linha, comentários, identações e possui 241kb.

Minificar os arquivos é uma boa prática altamente recomendada para questões de performance do seu site.

A grande maioria das IDEs e dos Editores de Código possuem essa função para minificar os arquivos CSS e JS após salvá-lo.

Normalmente ficando script.js para o seu arquivo de desenvolvimento e script.min.js pra o arquivo minificado.

O mesmo vale para os CSS.

O código que você postou, do Bootstrap, está minificado. O arquivo de desenvolvimento tem 6332 linhas. Com certeza os caras não digitaram tudo em uma única linha.

Muito obrigado, e parabéns pela resposta