Links de tools para webdevelopers

[I-NOZex]

Deixem aqui os links uteis para quem programa na web, mas nao so!

PasteHTML (quase como o conhecido pastebin, da para colar texto, ou html, e poder assim visualizar logo html como pagina e nao codigo, possibilidade de ter conta, ou entao em anonimo):

http://pastehtml.com

JsFiddle (Util para colar/partilhar codigo JS[suporta varias bibliotecas como jquery e mootools], podendo testar logo o codigo):

http://jsfiddle.net

JS Beautifier (Serve para identar[Formatar o codigo com os avanços] de forma automatica codigo JS e HTML):

http://jsbeautifier.org/

PasteBin (Para quem nao conhece, um dos melhores sites para colar codigo, suporta varias linguagens, nao so web mas como de desktop):

http://pastebin.com/

Privnote (Serve para partilhar notas/pequenos textos de forma segura e privada, uma vez que mal o link de partilha seja acedido[lido], ele se destroi ;] )

https://privnote.com/

Um json decoder:

http://json.parser.online.fr/

Converter palavra em MD5:

http://md5.gromweb.com/

Base64 Decoder

http://base64decode.org/

Base64 Encoder

http://www.base64encode.org/

Url Encode/Decode

http://meyerweb.com/eric/tools/dencoder/

Multi Salted Hash Generator

http://www.larkrisewebservices.co.uk/hasher.php

MD5 Decoder

http://ptsec.info/wp/hash/

Password/Security Salt Generator

http://www.sethcardoza.com/tools/random_password_generator

TextReverse

http://textop.us/Text-tools/Reverse-Text

Descompressor / Desfucador de CSS

http://cssbeautify.com/

Minify/Compress JS

http://minifyjs.com/javascript-compressor/

Minify/Compress CSS

http://www.minifycss.com/css-compressor/

Analise de website (SEO e Performance)

http://www.woorank.com/pt

HTML, JS e CSS beautifier

http://dirtymarkup.com/

PHP array beautifier

http://phillihp.com/toolz/php-array-beautifier/

Conversor de timestramp unix

http://unixtimestamp.50x.eu/

CSS Image Sprite Generator

http://csssprites.com/

Validatores de markup, de SEO, de performance e muito mais

http://www.jonasjohn.de/test-tool/

Cria codigo CSS de todas as id's e classes usadas

http://www.primercss.com/index.php

Testes de SEO

http://www.woorank.com/pt

Testes de velocidade de carregamento

https://www.pingdom.com/

PHP code beautifier

http://beta.phpformatter.com/

Geradores de Sitemap's para Google e outros motores de busca

http://www.auditmypc.com/xml-sitemap.asp

http://rapid.searchmetrics.com/seo-tools/extras/sitemap-generator,25.html

http://www.xml-sitemaps.com

Gerador de ficheiros robots.txt

http://tools.seobook.com/robots-txt/generator/

Gerador de menu dropdown vertical/horizontal em css3 puro

http://cssmenumaker.com/

Frameworks/Estruturas CSS/HTML/JS

http://www.initializr.com/

http://stuffandnonsense.co.uk/projects/320andup/

http://www.getskeleton.com/#forms

http://978.gs/

http://foundation.zurb.com/

http://twitter.github.com/bootstrap/

Debugger's online de JS

http://tinkerbin.com/

http://jsbin.com/

Debugger's online de CSS/HTML

http://dabblet.com/

http://cssdesk.com/

Editores/Debuggers de varias linguagens online (java, php, c++, etc...)

http://ideone.com/

https://compilr.com/

Criar grelhas:

http://grid.mindplay.dk

Desenhar:

http://drawter.com/

Criar Layouts:

http://builder.yaml.de/

Formatar

http://www.lonniebest.com/FormatCSS/

Ver Aspecto do Tipo de Letra:

http://www.csstypeset.com/

Limpar e optimizar css:

http://www.cleancss.com/

Comparar tipos de letra:

http://www.typetester.org/

Passar código xhtml a css:

http://lab.xms.pl/css-generator/

Validar css pela w3c:

http://jigsaw.w3.org/css-validator/

portas abertas:

http://www.yougetsignal.com/tools/open-ports/

css sprites (sao diferentes!):

http://wearekiss.com/spritepad

http://spritepad.wearekiss.com/

isto é qqr coisa para ganhar visitas ou ranking seo...

http://www.findthiss.com/

identar codigo:

http://ctrlq.org/beautifier/

http://tools.arantius.com/tabifier

imagens em base64 (para incorporar em css por exemplo):

http://www.base64-image.de/

webfonts:

http://www.fontsquirrel.com/tools/webfont-generator

http://www.font-face-generator.com

geradores de css3

http://www.css3maker.com/

http://css3please.com/

http://www.css3world.com/

previsualizar ficheiros html no github:

http://htmlpreview.github.io/

otimizador de codigo js:

http://closure-compiler.appspot.com/home

crossBrowser tester:

http://www.modern.ie/

tutoriais de PS, flash, 3d...

http://www.pixel2life.com/

icon packs:

http://icomoon.io/

gerador de padroes de cores para twitter bootstrap:

http://www.lavishbootstrap.com/

http://www.stylebootstrap.info

css3 compressor (minify):

http://devilo.us/#

biblioteca de expressoes regulares (REGEX)

http://regexlib.com/?AspxAutoDetectCookieSupport=1

site que junta os docs das apis de varias tecnologias (html5, css3,jquery, php...)

http://devdocs.io/

testar em diferentes resoluçoes (mobile, tablet...)

http://mobiletest.me/

Ajudem la este post pessoal, ponham ai as vossas webreliquias de ajuda a webdevelopers... 👍

[JakeBass]

Dokploy - Alternativa open-source ao Vercel. https://dokploy.com/