Skip to content

Instantly share code, notes, and snippets.

View felipefialho's full-sized avatar
:octocat:
working at @juntossomosmais and @frontendbr 🚀

Felipe Fialho felipefialho

:octocat:
working at @juntossomosmais and @frontendbr 🚀
View GitHub Profile
@benatkin
benatkin / Global.sublime-settings
Created July 20, 2011 04:26
excluding node_modules from Sublime Text 2
// Place user-specific overrides in this file, to ensure they're preserved
// when upgrading
{
"folder_exclude_patterns": [".svn", ".git", ".hg", "CVS", "node_modules"]
}
@andersonaguiar
andersonaguiar / how-to-install-sass-on-windows
Created April 16, 2012 18:03
How to install SASS on Windows 7
How to install SASS on Windows 7
1 - Download the ruby http://rubyinstaller.org/downloads/
2 - Click install and select the option to create environment variables
(
If you forgot to schedule go to:
My Computer> Properties> Advanced Options> Environment Variables
Look for path and put in the path of the ruby bin installed, eg: C:\Ruby193\bin;
)
3 - Open cmd and download the gem of the SASS, typing: gem install sass
@zenorocha
zenorocha / Foca no código
Created August 27, 2012 14:42
Foca no código
/* Véi, foca no código
.---.
/o o\
__(= " =)__
//\'-=-'/\\
) (_
/ `"=-._
/ \ ``"=.
@Warry
Warry / Article.md
Created December 11, 2012 00:11
How to make faster scroll effects?

How to make faster scroll effects?

  • Avoid too many reflows (the browser to recalculate everything)
  • Use advanced CSS3 for graphic card rendering
  • Precalculate sizes and positions

Beware of reflows

The reflow appens as many times as there are frames per seconds. It recalculate all positions that change in order to diplay them. Basically, when you scroll you execute a function where you move things between two reflows. But there are functions that triggers reflows such as jQuery offset, scroll... So there are two things to take care about when you dynamically change objects in javascript to avoid too many reflows:

@austinpray
austinpray / zepto.smoothScroll.js
Last active October 22, 2021 20:27
Zepto.js smooth vertical scrolling method. Implementing this code turns all anchor links with the class "scrollTo" into smooth scrolling anchor links. Rework of the foundation.js library method.
function smoothScroll(el, to, duration) {
if (duration < 0) {
return;
}
var difference = to - $(window).scrollTop();
var perTick = difference / duration * 10;
this.scrollToTimerCache = setTimeout(function() {
if (!isNaN(parseInt(perTick, 10))) {
window.scrollTo(0, $(window).scrollTop() + perTick);
smoothScroll(el, to, duration - 10);
@benjamincharity
benjamincharity / zepto.smoothScroll.js
Last active October 4, 2019 15:21 — forked from austinpray/zepto.smoothScroll.js
Smooth scrolling with Zepto.js
function smoothScroll(el, to, duration) {
if (duration < 0) {
return;
}
var difference = to - $(window).scrollTop();
var perTick = difference / duration * 10;
this.scrollToTimerCache = setTimeout(function() {
if (!isNaN(parseInt(perTick, 10))) {
window.scrollTo(0, $(window).scrollTop() + perTick);
smoothScroll(el, to, duration - 10);
@vitorbritto
vitorbritto / responsive-test.md
Last active December 20, 2015 17:39
Teste para projetos responsivos - Método para capturar telas utilizando o PhantomJS.

Teste para projetos responsivos

Problema

Testar/verificar a disposição dos elementos de uma determinada página em determinadas resoluções de tela.

Solução

Executar captura de telas de acordo com os viewports definidos em um script, com a ajuda do PhantomJS.

Necessário ter o NodeJS instalado.

@diogomoretti
diogomoretti / fonts.styl
Last active November 20, 2019 06:37
Stylus mixin @font-face
// Fonts mixin
font-url(file)
return '../fonts/' + file
webfont(family, file, hack-chrome-windows = false, weight = 'normal')
@font-face
font-family family
src url(font-url(file + '.eot'))
src url(font-url(file + '.eot?#iefix')) format('embedded-opentype'),
url(font-url(file + '.woff')) format('woff'),
@danielfilho
danielfilho / vaga-zofe-trampos.md
Last active February 9, 2018 07:00
formato de publicação de vaga para o ZOFE trampos -- http://zofe.com.br/trampos

desenvolvedor front-end jr

nome da empresa

(região da av. paulista, são paulo - sp || remoto)

  • regime: CLT
  • escolaridade: segundo grau completo
  • conhecimento necessário:
    • html (5)
  • css (5)
@hugooliveirad
hugooliveirad / git-sync-fork.sh
Created February 21, 2014 21:33
Sync Fork On GitHub
# Sync fork with original repository
#
# Requires an "upstream" remote, pointing to original repo
# e.g. `git remote add upstream [email protected]:user/repo.git`
alias git-sync-fork="git fetch upstream; git checkout master; git merge upstream/master"