Como criar uma função complexa no Stylus
Tenho experimentado muito a Stylus recentemente e cada vez que a uso aprendo mais e mais truques. A seguir, mostrarei como criar a função calc () sem ter que repeti-la …
Continuar lendostylus
Stylus: uma função simples para converter px em%
O designer com quem trabalho sabe o tamanho das fontes em px. Eu quero renderizá-los como% para que eu possa ajustar o tamanho da fonte no elemento do corpo, se …
Continuar lendocodekit / coffeescript / haml / jade / less / livescript / mac / preprocessor / prepros / sass / scss / slim / stylus / windows
Não é pelo Windows que não podemos ter coisas boas
Se você (por escolha própria ou cruel torção do destino) estiver desenvolvendo todas as suas sofisticadas coisas de front-endy pré-processadas no Windows, então Prepros ( http://alphapixels.com/prepros ) pode ser apenas …
Continuar lendoFluxo de trabalho de front-end moderno
Você está dando os primeiros passos no mundo do desenvolvimento web? Em sua busca pela cadeia de ferramentas perfeita para o front-end ? Tenho a chave de fenda certa para …
Continuar lendoStylus é melhor do que LESS e SASS
Atualização: isso foi escrito porque eu era um programador muito ignorante 🙂 É simples. LESS e SASS são ótimos, mas faltam mixins perfeitos. MENOS falta rgba(#HEX, opacity). Dito isso, LESS …
Continuar lendoampersand.js / asp.net / backbone.js / client-side / coffeescript / commonjs / gulp.js / jade / javascript / nodejs / npm / stylus / workflow
Aplicativos avançados do lado do cliente para back-ends ASP.NET
Enquanto Visual Studio é um excelente IDE para escrever código .NET, suas características de desenvolvimento Web são anos atrás do rico ecossistema que cresce em torno Node.js . Não há …
Continuar lendoaspax / backbone.js / bootstrap / coffeescript / express.js / jade / javascript / mongodb / mongoose / nodejs / stylus
A pilha por trás de um aplicativo simples de “fluxo de vendas”
No momento, estou adicionando os últimos retoques a um aplicativo de gerenciamento de fluxo de vendas fácil de usar para a incrível equipe por trás do LeasingSH.ro . Procuramos vários …
Continuar lendoUm pequeno projeto com Node.js, MongoDB, Jade e Stylus
Embora eu goste de me considerar mais um programador do que um designer, estou muito orgulhoso de interiordelight.ro , o último pequeno projeto que consegui montar usando o que estou …
Continuar lendoGerenciando ativos em ASPAX vs Grunt
Algumas semanas atrás, publiquei um protocolo sobre ASPAX – um empacotador de ativos Node.js simples que permite gerenciar seus ativos do lado do cliente com base em um único arquivo …
Continuar lendoGerenciamento de ativos do lado do cliente com ASPAX
E se você pudesse assistir, compilar, concatenar, reduzir, compactar e imprimir digitalmente todos os seus ativos da web usando apenas um arquivo simples escrito em sintaxe YML clara e legível? …
Continuar lendoUma grade CSS muito simples com caneta
Twitter Bootstrap é incrível, mas às vezes mais simples é melhor e usar um sistema completo pode ser um pouco exagero. Você não precisa de um framework CSS flexível e …
Continuar lendoUse grades css responsivas e semânticas!
Semantic.gs [ http://semantic.gs/ ] é um ótimo sistema de grade css com suporte para LESS , SCSS e Stylus Eu prefiro 24 colunas (e SCSS), mas 12 funciona tão bem …
Continuar lendofunção de caneta de toque de texto
Apenas uma pequena função para gerar um traço de texto em css usando text-shadow: stroke(n) text-shadow: -1px -1px 0 n, 1px -1px 0 n, -1px 1px 0 n, 1px 1px …
Continuar lendoSCSS / Stylus – Mixin de cálculo de proporção de aspecto
Dado um elemento com largura xe altura y. Nota escrita na sintaxe SCSS, mas funciona na caneta. Mas pode igualmente representado em atrevimento. @mixin aspect-ratio($width, $height) { position: relative; height: …
Continuar lendoDestaque de sintaxe para Jade e Stylus em Texto Sublime
CD no diretório de pacotes sublimes Sublime Text 2 (MAC OSX) cd ~/Library/Application Support/Sublime Text 2/Packages Sublime Text 3 (MAC OSX) cd ~/Library/Application Support/Sublime Text 3/Packages Jade git clone https://github.com/miksago/jade-tmbundle.git …
Continuar lendoStylus com Google Web Fonts
Aunque CSS es código (stylus) [ http://learnboost.github.io/stylus/docs/ ] válido algunas (fuentes de Google) [ https://www.google.com/fonts ], específicamente la que tienen nombres compuestos como Droid Sans , não funcionan. Google nos …
Continuar lendo