Quantcast
Channel: Pré-processadores – Tableless
Browsing all 18 articles
Browse latest View live

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 Article



SASS: 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 Article

Utilizando 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 Article

Instalando 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 Article

Usando 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 Article


Usando 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 Article

Em 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 Article

Em 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 Article


Workflow 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 Article


Grid 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 Article

Image may be NSFW.
Clik here to view.

Introduçã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 Article

Image may be NSFW.
Clik here to view.

Criando 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 Article

Image may be NSFW.
Clik here to view.

Acelere 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 Article


Image may be NSFW.
Clik here to view.

Bootstrap 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 Article

Instalando 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 Article


Image may be NSFW.
Clik here to view.

Sass 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 Article

Image may be NSFW.
Clik here to view.

Bulma: 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 Article


Image may be NSFW.
Clik here to view.

Analisando 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
Browsing all 18 articles
Browse latest View live


Latest Images