Skip to content

Instantly share code, notes, and snippets.

Avatar

Gustavo Martusewicz gustavom

View GitHub Profile
View settings.json
{
// Define o tema do VSCode
"workbench.colorTheme": "Dracula",
// Configura tamanho e família da fonte
"editor.fontSize": 18,
"editor.lineHeight": 24,
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,
View gist:9915cb1760ff4092353c8e4355911f85
// Place your settings in this file to overwrite the default settings
{
"workbench.startupEditor": "newUntitledFile",
"workbench.colorTheme": "Dracula",
"window.zoomLevel": 0,
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,
"editor.fontSize": 16,
"editor.lineHeight": 24,
"editor.formatOnSave": true,
@gustavom
gustavom / table.html
Created Feb 5, 2019
Tabela de acentos e caracteres especiais em HTML
View table.html
<title>Tabela de acentos e caracteres especiais em HTML</title>
<h3>Tabela de acentos e caracteres especiais em HTML</h3>
<p>
<table border cellpadding=10>
<tr><td>
<center>
&Aacute; .............. &amp;Aacute;<br>
&aacute; ............... &amp;aacute;<br>
&Acirc; ................. &amp;Acirc;<br>
@gustavom
gustavom / SCSS.md
Created Aug 11, 2017 — forked from jareware/SCSS.md
Advanced SCSS, or, 16 cool things you may not have known your stylesheets could do
View SCSS.md

⇐ back to the gist-blog at jrw.fi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

@gustavom
gustavom / config.rb
Created Aug 2, 2017 — forked from nathansmith/config.rb
Example config.rb file for Compass
View config.rb
preferred_syntax = :sass
http_path = '/'
css_dir = 'assets/stylesheets'
sass_dir = 'assets/sass'
images_dir = 'assets/images'
javascripts_dir = 'assets/javascripts'
relative_assets = true
line_comments = true
# output_style = :compressed
View index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script id="jsbin-javascript">
@gustavom
gustavom / server.py
Created Apr 14, 2017
server in pyhton
View server.py
python -m http.server 9001
View array_iteration_thoughts_pt-BR.md

Métodos de iteração de Array

Adaptação do fork: (https://gist.github.com/ljharb/58faf1cfcb4e6808f74aae4ef7944cff)

Ao tentar explicar como o Javascript usa seu métodos para arrays, acabei reunindo esses conceitos. Espero que Seja util. Ficarei feliz com qualquer sugestão.

Introdução

O Objet Array no Javascript tem muitos métodos construidos no seu prototype. Alguns deles modificam o proprio array passado. Felizmente, a maioria não, eles retonar um novo array inteiramente distinto. Uma vez que arrays são conceitualmente uma lista de itens, ajuda na clareza do código e sua manutenção a ponto de ser capas de operar de uma forma mais "funcional" . (Eu insisto em refrenciar um array como uma "Lista" - embora em algumas linguaguens de programação, Lista é um tipo de dado nativo, mais em JS e nesse POST, estou me referindo ao conceito. Em todos os lugares que eu usar a palavra "lista" você pode assumir que eu estou falando de JS Array) Isso siginifica, para a execução de uma simples operação na Lista como um

View SassMeister-input.scss
// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----
$color-state-modifier: 10%;
@mixin state-color-changes($this-color, $properties...) {
@each $prop in $properties {
#{$prop}: $this-color;
View config.rb
# Require any additional compass plugins here.
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "css"
sass_dir = "scss"
images_dir = "imagens"
javascripts_dir = "javascripts"
# You can select your preferred output style here (can be overridden via the command line):
You can’t perform that action at this time.