Skip to content

Instantly share code, notes, and snippets.

View vinicius-stutz's full-sized avatar
🐢
I may be slow to respond.

Vinícius Stutz vinicius-stutz

🐢
I may be slow to respond.
View GitHub Profile
@vinicius-stutz
vinicius-stutz / bookmarklet.js
Created October 14, 2026 14:35
Overlay Remover (Javascript Bookmarklet)
javascript:(function(){[document.documentElement,document.body].forEach(e=>{if(!e)return;e.style.setProperty('overflow','auto','important');e.style.setProperty('position','static','important');e.style.setProperty('filter','none','important');});const%20vp=window.innerWidth*window.innerHeight;document.querySelectorAll('body%20*').forEach(e=>{const%20s=window.getComputedStyle(e);const%20z=parseInt(s.zIndex,10);if((s.position==='fixed'||s.position==='absolute')&&(z>100||isNaN(z))){const%20r=e.getBoundingClientRect();if((r.width*r.height)>(vp*0.4)){e.remove();}}if(s.filter&&s.filter.includes('blur')){e.style.setProperty('filter','none','important');}});})();
@vinicius-stutz
vinicius-stutz / basic-git-commands.md
Last active October 3, 2026 19:24
Basic Git commands
@vinicius-stutz
vinicius-stutz / padrao-de-nomenclaturas-em-css.md
Last active October 3, 2026 19:27
Padrão de Nomenclaturas em CSS (pt-br)

Padrão de Nomenclaturas em CSS (pt-br)

Segundo Douglas Crockford, todos os padrões descritos em javascript.crockford.com/code.html são os mesmos utilizados em Java.

Nomeando arquivos

Os arquivos, tanto .js quanto .css devem ter seus nomes desta forma: nome-do-arquivo.css. Caso o arquivo faça referência a um framework ou biblioteca use por exemplo: bootstrap-nome-do-arquivos.css ou jquery-nome-do-arquivos.css. Se o arquivo estiver minificado use por exemplo nome-do-arquivos.min.css.

Id

É o identificador válido único de um elemento HTML que será usado no CSS para determinar qual elemento receberá o estilo. Também é usado no Javascript para manipulação do DOM. Ex.: nomeElemento ou NomeElemento.

Class

@vinicius-stutz
vinicius-stutz / Padrão de Nomenclaturas em Javascript.md
Last active October 1, 2026 02:07
Padrão de Nomenclaturas em Javascript (pt-br)

Padrão de Nomenclaturas em Javascript

Artigo em PT-BR.

Segundo Douglas Crockford, todos os padrões descritos em javascript.crockford.com/code.html são os mesmos utilizados em Java. Os padrões devem permanecer, apesar de não ser o mesmo adotado em outras linguagens, como o C#, por exemplo.

Nomeando arquivos

Os arquivos, tanto .js quanto .css devem ter seus nomes desta forma: nome-do-arquivos.css ou apenas nome-do-arquivos.js. Caso o arquivo faça referência a um framework ou biblioteca use por exemplo: bootstrap-nome-do-arquivos.js ou jquery-nome-do-arquivos.js. Se o arquivo estiver minificado use por exemplo nome-do-arquivos.min.js.

Funções

O que seriam os métodos no C# são as funções no Javascript. Mas diferente do C#, devem começar com letra minúscula e para cada palavra, a primeira letra deve ser maiúscula (lowerCamelCase).

@vinicius-stutz
vinicius-stutz / Padrões de Nomenclatura em CSharp.md
Last active October 3, 2026 19:33
Padrões de Nomenclatura em C# (pt-br)
@vinicius-stutz
vinicius-stutz / Google Chrome Favicons For Bookmarklets.md
Last active October 1, 2026 02:04
Google Chrome Favicons For Bookmarklets

Google Chrome Favicons For Bookmarklets

The traditional and happy way

  1. Open the Bookmark Manager and export your bookmarks;
  2. Open the exported html file in your favorite editor and look for the bookmarklet you want a favicon applied to;
  3. Convert the 16x16 px (or greater) favicon you want to use into the BASE64 format (I used Base64 Image Encoder);
  4. Now you can add the favicon via adding the ICON="data:image/insert-your-base64-image-code-here" attribute in the link;
  5. Save the file and import it in the bookmark manager.

Done!

@vinicius-stutz
vinicius-stutz / how-to-mascara-telefones-com-8-9-digitos.md
Last active October 3, 2026 22:28
Máscara p/ telefones com 8 ou 9 dígitos (jquery.mask.js)