PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Encontre no blog...

19/10/2020

CodeLobster IDE - o seu editor PHP, HTML, CSS, JavaScript / TypeScript gratuito.

image

CodeLobster IDE – o seu editor gratuito

Neste artigo, sugerimos que você se familiarize com o editor gratuito de linguagens da web - CodeLobster IDE. É apresentado no mercado de software há muito tempo e já conquistou muitos fãs.

IDE, ou ambiente de desenvolvimento integrado, é um software que combina ferramentas comuns de desenvolvimento em uma única interface gráfica do usuário (GUI), facilitando o desenvolvimento de aplicações.

CodeLobster IDE permite editar arquivos PHP, HTML, CSS, JavaScript e TypeScript, destaca a sintaxe e dá dicas para tags, funções e seus parâmetros. Este editor lida facilmente com os arquivos que contêm um conteúdo misto.

Se você inserir o código PHP em seu modelo HTML, o editor destaca corretamente as tags HTML e as funções PHP. O mesmo se aplica ao código CSS e JavaScript / TypeScript, que está contido em arquivos HTML.

O programa inclui a função de autocompletar, o que acelera bastante o trabalho do programador e elimina a possibilidade de erros.

clip_image002

CodeLobster IDE fornece ajuda contextual em todas as linguagens de programação suportadas, ele usa a documentação mais atualizada no momento, baixando-a de sites oficiais. Assim, podemos obter rapidamente uma descrição de qualquer tag HTML, atributo CSS, função PHP ou JavaScript / TypeScript pressionando a tecla F1.

O depurador de PHP embutido permite que você execute scripts PHP passo a passo, movendo-se sequencialmente pelas linhas de código. Você pode atribuir pontos de verificação, visualizar o processo de trabalho dos loops e monitorar os valores de todas as variáveis ​​durante a execução do script.

Other useful functions and features of the IDE:

  • Destaque de parênteses e tags - você nunca terá que contar parênteses ou aspas, o editor cuidará disso.
  • Destaque de blocos, seleção e recolhimento de trechos de código, marcadores para facilitar a navegação no arquivo editado, reconhecimento e construção da estrutura completa de projetos PHP - essas funções garantem um trabalho fácil com projetos de qualquer escala.
  • Suporte para 17 idiomas de interface de usuário, entre eles inglês, alemão, russo, espanhol, francês e outros.
  • O programa funciona nos seguintes sistemas operacionais: Windows 7, Windows 8, Windows 10, Mac OS, Linux, Ubuntu, Fedora, Debian.

A versão profissional do CodeLobster IDE fornece ao programador ainda mais recursos.

Por exemplo, você tem a oportunidade de trabalhar com projetos em um servidor remoto com o uso do cliente FTP integrado. Você pode editar os arquivos selecionados, visualizar os resultados e sincronizar as alterações com os arquivos na hospedagem.

Além disso, a versão profissional inclui um amplo conjunto de plug-ins:

  • Suporte totalmente implementado para bibliotecas JavaScript (e TypeScript), como jQuery, Node.js, AngularJS, AngularTS, BackboneJS, EmberJS, VueJS e MeteorJS.
  • Um grande conjunto de extensões que ajudam a trabalhar com frameworks PHP - CakePHP, CodeIgniter, Laravel, Phalcon, Smarty, Symfony, Twig e plug-ins Yii.
  • Plugins para trabalhar com os CMS mais populares - Drupal, Joomla, Magento e WordPress.
  • O IDE CodeLobster também possui um plug-in especial para Bootstrap.

Podemos baixar e instalar qualquer estrutura diretamente do programa sem nos distrairmos das tarefas principais.

O CodeLobster IDE funciona rápido, não trava e nos permite trabalhar mesmo com grandes projetos PHP.

Você pode baixar CodeLobster IDE do site original http://www.codelobster.com/.

14/09/2020

Veja como eram os blogs e sites no passado (inclusive os seus)

Relógio-Máquina-do-tempo.jpg net

Ver templates antigos de blogs e sites

Navegando na internet, encontrei um site com um serviço um tanto diferente. Como uma máquina do tempo virtual, ele trás o seu blog para o passado, mostrando o como era o visual, links publicados, widgets e até posts que ele tinha anteriormente (para blogs e sites desde 1996).

Para acessar esse serviço você deve acessar o site Way Back Machine, que promoverá uma divertida volta ao passado do seus blogs e sites…

Usando a máquina do tempo virtual

  Acesse o site: www.archive.org/web/web.phpimage

Digite o endereço do seu blog no campo http:// . Como exemplo, vamos ver o nosso blog Visual Dicas como era no passado…

Atenção: Se o domínio do seu blog ou site foi alterado, coloque o endereço URL que era utilizado anteriormente. No caso do nosso exemplo Visual Dicas vamos  utilizar o endereço  http://visualdicas.blogspot.com.

Depois de digitado o endereço completo (não esqueça de colocar prefixo http://), clique no botão [Browse History].

image

Aparecendo o calendário, escolha o Mês e o Ano que você deseja ver… As bolinhas azuis indicam os links para você ver o template capturado…

image

Vamos escolher fevereiro do Ano 2010, clicando primeiro no ano de 2010 e depois sobre a bolinha azul que no exemplo indica dia 10…

image

  Legal, veja como era o nosso template em 2010… 

image

Continue navegando no tempo, clicando na setinha azul e revendo templates do passado…

image

Para fechar a barra de navegação do tempo, clique em [ X ].

image

Sites famosos no passado

Você pode ver também como eram os sites famosos (ou qualquer site) antigamente…

Veja o UOL em maio de 1998..

image

E o Globo em agosto de 2000…

image

byALF

01/09/2020

Filmes e séries grátis no Netfix?

image

Filmes e séries grátis?

É isso mesmo. A Netflix acaba de lançar o Netflix Whatch Free, um site bem bacana com alguns filmes completos e episódios de séries populares que podem ser assistidos gratuitamente pela internet.

Isso faz parte de uma estratégia comercial para conquistar novos clientes. Quem ganha com isso também são as pessoas que não possuem o Netflix e que a partir de agora poderá sentir um gostinho também!!!

image

Acessar o Netflix Watch Free

Acesse o site: https://www.netflix.com/br/watch-free

Para assistir os filmes gratuitos não é preciso fazer cadastro nenhum. É super fácil!!!

image

Basta clicar no botão [Assista já] e visualizar a série ou o filme diretamente no PC, Smartphone ou Smart TV. Basta escolher e assistir, simples assim!

image

Segundo a Netflix, a empresa está oferecendo uma seleção de filmes e séries para que todos possam assistir grátis e conhecer o seu catálogo. A seleção atual pode mudar de tempos em tempos. Assista agora!

ByALF

29/07/2020

Série Arduino Básico #62 - Comunicação serial com um display de 7 segmentos

image

Série Arduino Básico

O objetivo deste projeto é montar um display de 7 segmentos para exibir números digitados no teclado do computador. Assim, através da comunicação serial do Arduino, podemos enviar os dados do computador para o display de 7 segmentos. Também neste projeto veremos como utilizar a classe String() e os seus métodos toInt(), length() e substring() para manipular dados na programação.

Comunicação Serial: É a comunicação entre uma placa Arduino e um computador ou outros dispositivos. Todas as placas Arduino possuem pelo menos uma porta serial. No Uno, Nano, Mini, e Mega, pinos 0 e 1 são usados para comunicação com o computador. Também podemos utilizar o Monitor Serial integrado na IDE para a comunicação do computador com uma placa Arduino.

Obs.: Neste projeto, assim como no projeto projeto 46, utilizamos o Monitor Serial para a comunicação do teclado para o componente eletrônico.

http://www.squids.com.br/arduino/templates/jsn_epic_free/images/logo.png

No Squids Arduino você vai poder construir este projeto e aprender como ele funciona. Muito legal!!!

Obs.: Todos projetos foram testados pelo site www.squids.com.br/arduino que traz um tutorial completo para cada montagem com a lista de componentes, código do programa (sketch), simulação online, montagem do circuito e explicação detalhada do projeto.

Para ver todos projetos básicos publicados no Squids, acesse: projetos básicos

Como o projeto deve funcionar

http://www.visualdicas.com.br/images/stories/apply.pngAcesse o link: Projeto 62 - Comunicação serial com um display de 7 segmentos

1. Ao iniciar o programa, o display ficará desligado. Abra o monitor serial do IDE do Arduino.

image

2. Digite um número de 0 a 9 e clique no [Enter] do teclado.

image

3. Se você digitar um número entre 0 e 9, este número aparecerá no display de 7 segmentos e no monitor serial.

image

4. Se você digitar uma letra ou um caractere especial, aparecerá um "E" de "erro" no display.

image

5. Se você digitar um número com mais de um dígito, aparecerá apenas o primeiro número no display com acréscimo do ponto.

image

Obs.: Você poderá digitar quantos números desejar.

Veja abaixo a montagem do circuito:

Montagem com display 7 segmentos (catodo comum) - Simulação

Veja abaixo o vídeo do projeto em ação:

Veja o tutorial completo em: Projeto 62 - Comunicação serial com um display de 7 segmentos

22/07/2020

Como gerar fotos com fundo transparente – Remova o fundo de imagens 100% automático e de graça!

image

Removendo fundo de imagens

Muitas vezes precisamos remover o fundo de uma foto para adicionarmos em alguma nova imagem que desejamos colocar em nosso blog ou até em uma rede pessoal, não é mesmo?

Bem, aí começa a dor de cabeça, pois para obtermos uma imagem com fundo transparente precisamos de um software para fazer a edição da imagem, como o Photoshop ou  o Gimp (Conheça o programa gratuito que substitui o Photoshop), por exemplo.

Depois, para fazer o recorde de uma foto, você com certeza vai ter muito trabalho e demorar muito tempo.

Por isso, neste tutorial, trazemos um aplicativo online e gratuito para fazer este serviço para você em até 5 segundos. Muito bacana mesmo!!!

Fundo transparente para qualquer imagem

“Remova fundos de Imagens: 100% automático, em 5 segundos e com zero cliques”: isto é o que o aplicativo Remove.bg se propõe a fazer tanto no PC como no celular.

O aplicativo funciona com imagens de todo tipo, principalmente com pessoas, produtos, logomarcas, animais e objetos em geral.

Veja a seguir um exemplo que mostramos todos os passos para você remover o fundo de uma imagem com o aplicativo Remove.bg no computador.

Utilizando o Remove.bg

Acesse o site: Remove.bgimage

Clique no botão [Faça upload]. Obs.: O Remov.bg gratuito permite recortes ilimitados para imagens de até 0.25 megapixels (até 625 X 400 pixels).

image

Selecione a imagem que você deseja remover o fundo e clique no botão [Abrir].

image

Aguarde alguns segundos…

image

E, pronto… aí está a sua foto com fundo transparente. Para obtê-la é só clicar no botão [Download].

image

Veja a foto antes e depois:

imageimage

Muito fácil né? Tente aí e conte no Visual Dicas como foi a sua experiência com o aplicativo.

Atenção desenvolvedores: Se você é desenvolvedor web e precisa de recursos via API ou apps para Windows, Mac, Linux ou Adobe Photoshop,  veja os planos no link: https://www.remove.bg/pt-br/pricing

byALF

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Fique mais.... Leia os nossos artigos!!!

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Web Analytics