Tutorial do CSSEdit: Noções básicas
O CSSEdit é, como o nome indica, um editor de CSS para o Mac. Ele veio aos trancos e barrancos na versão mais recente e agora é um dos melhores aplicativos disponíveis no Mac para designers. O CSSEdit é criado pelos grandes delopers do MacRabbit, que também são responsáveis pelo DeskShade.
Um dos recursos mais fortes do CSSEdit é a interface simples, fácil de navegar e bonita. Mesmo as pessoas que não têm experiência em estilizar páginas da web podem encontrar esse caminho incrível e criar algumas páginas da web impressionantes. Neste tutorial, veremos a interface e como tirar o máximo proveito dela.
Explore o Envato Elements
A janela principal
A janela principal possui três seções principais, a primeira seção (à esquerda) é a seção de estilos. Aqui você pode ver todos os estilos que você aplicou ao seu site. A seção do meio é o editor real do aplicativo, aqui você faz toda a codificação do seu arquivo css, todos com o recurso de conclusão de código sempre útil. A seção à direita é uma maneira de estilizar sua página sem codificar nada. Você pode digitar ou selecionar nas caixas suspensas como deseja estilizar um determinado elemento e o código é inserido para você. Esse é um ótimo recurso para qualquer pessoa iniciante no CSS ou para quem não sabe ao certo como codificar uma determinada técnica.
A barra de ferramentas
A barra de ferramentas do CSSEdit possui alguns dos melhores recursos do aplicativo e, portanto, é bastante usada, especialmente em uso mais avançado, percorreremos cada ícone da barra de ferramentas um por um e explicarei o que cada um faz.
No lado esquerdo da barra de ferramentas, existem 5 ferramentas, a primeira é o novo recurso de estilo, que permite adicionar um novo estilo à sua folha de estilo com bastante facilidade. O segundo permite agrupar determinados estilos em uma pasta para facilitar a navegação. A terceira é uma maneira simples de adicionar um comentário à sua folha de estilo sem precisar codificá-lo manualmente. A quarta é uma maneira mais avançada de estilizar elementos, pois permite estilizar um determinado elemento sempre que ele aparece na sua folha de estilo. Com esses quatro recursos, não há necessidade de codificação, o CSSEdit faz tudo por você. O quinto recurso é uma função de pesquisa simples, útil se você tiver uma folha de estilo muito grande.
O lado direito da barra de ferramentas contém alguns dos recursos mais avançados do CSSEdit. O primeiro permite inserir um link para a folha de estilo em um arquivo HTML; isso atribui ao arquivo HTML o arquivo CSS para estilizá-lo. A segunda é uma maneira de visualizar sua página da web sem precisar abrir um navegador externo. O terceiro é chamado Marcos, é uma maneira de salvar seu progresso atual na folha de estilo, permitindo que você reverta se um erro for cometido. A quarta é uma maneira de validar seu CSS e o ícone final permite alterar quais as três colunas da interface principal que você pode ver, o que significa que, se você não puder codificar, poderá editar seu CSS sem precisar de codificação.
Se você não possui este aplicativo, como desenvolvedor da Web, sugiro seriamente ler mais no MacRabbit. É realmente o melhor em criação de folhas de estilo.
