Utilizando Mixins em pré-processadores CSS
Entendendo o básico de mixins do SASS. --- Este artigo foi escrito por João Felix. Visite o nosso site para mais posts sobre desenvolvimento web! Tableless.
View ArticleSASS: Mixin ou Placeholder?
Você utiliza pré-processadores de CSS? Sabe a diferença entre um mixin e um placeholder? Entenda a diferença entre os dois e saiba quando utilizá-los. --- Este artigo foi escrito por Raphael Fabeni....
View ArticleUtilizando Map Structure do Sass
Estruturando variáveis de forma inteligente com o Maps do SASS. --- Este artigo foi escrito por Diego Eis. Visite o nosso site para mais posts sobre desenvolvimento web! Tableless.
View ArticleInstalando SASS na máquina – video
Quer usar SASS em seus projetos? Instale SASS na sua máquina e saia usando. --- Este artigo foi escrito por Diego Eis. Visite o nosso site para mais posts sobre desenvolvimento web! Tableless.
View ArticleUsando condicionais no Sass – Control Directives
Saiba como funcionam as condicionais if, else, while, for e each no SASS. --- Este artigo foi escrito por Diego Eis. Visite o nosso site para mais posts sobre desenvolvimento web! Tableless.
View ArticleUsando seletores aninhados do SASS com cuidado
Cuidado com o pesadelo das nesting selectors dos pré-processadores. --- Este artigo foi escrito por Diego Eis. Visite o nosso site para mais posts sobre desenvolvimento web! Tableless.
View ArticleEm um relacionamento sério com generators front-end – Parte 1
Essa é uma série que vai abordar generators usados por desenvolvedores front end no mercado. Um post que vai mostrar desde conceitos até a prática, que convém a nós é o que mais interessa. --- Este...
View ArticleEm um relacionamento sério com generators front-end – Parte 2
Na parte 2 de nossa série, vamos falar de Yeoman, um generator que, na minha opinião, é bem completo e atende a grandes necessidades na criação de um projeto. --- Este artigo foi escrito por Pedro...
View ArticleWorkflow Front-end
O desenvolvimento em html, javascript e CSS é uma forma mágica de se construir um mundo novo a cada linha de código. Os mágicos do front-end precisam de cartolas para que retirem seus coelhos. --- Este...
View ArticleGrid simples com SASS
Criando um grid simples com SCSS. --- Este artigo foi escrito por Diego Eis. Visite o nosso site para mais posts sobre desenvolvimento web! Tableless.
View ArticleIntrodução ao SASS – Aula Online
O CSS é algo muito, muito legal. Mas cá entre nós: ele precisa evoluir. Conforme o tempo passa, diversas novidades aparecem e salvam a nossa vida. Mas de vez em quando, as verdadeiras mudanças não...
View ArticleCriando Layouts com Susy Framework
Com a alta demanda e prazos cada vez menores somos obrigados a trabalhar cada vez mais rápido e isso serve de incentivo para que novos frameworks sejam feitos buscando melhorar a qualidade no...
View ArticleAcelere o desenvolvimento front-end com Jade
Certos elementos em nossos sites sempre se repetem, como o menu, o cabeçalho e o rodapé. Replicar o código desses elementos em cada página é uma péssima ideia. Imagine ter um site com mais de 100...
View ArticleBootstrap 4 Alpha
Já faz um tempo que o Bootstrap vem dominando a web. Dificilmente vemos um desenvolvedor que não o conheça, e boa parte da comunidade web já ouviu falar ou já usou o framework. Agora a equipe do...
View ArticleInstalando SASS na máquina – video
Se você quiser usar um pré-processador em seus projetos, aqui vão instruções simples para você começar agora. Darei mais atenção para quem usa Mac porque é o sistema que eu uso. Mas no Windows as...
View ArticleSass vs. LESS vs. Stylus: Batalha dos Pré-processadores
Introdução Pré-processadores CSS3 são linguagens criadas com um único propósito de adicionar funcionalidades legais e criativas para o CSS sem quebrar a compatibilidade entre browsers. Os...
View ArticleBulma: framework CSS baseado em flexbox
“Inspirado pelo Bootstrap, o Bulma visa oferecer a todos a alegria de fazer o design do site, com a simplicidade do flexbox e a elegância de Sass.” – Jeremy Thomas, criador do projeto Bulma.io. Como...
View ArticleAnalisando o código Stylus de um projeto
O que é um pré-processador CSS? Como o nome ja diz, é uma linguagem que precisa ser pré-processada por um parser para assim gerar o arquivo de extensão .css que será renderizado pelo browser....
View Article