tudo sobre desenvolvimento web - Blog sobre desenvolvimento mobile e Web

Local Web Server | Usando o Chrome como servidor web local | Alternativa 2 | SW9

Tags: build a local web server, chrome local web server, chrome web server, chrome web server extension, chrome web server not working, como usar o chrome como servidor web local, create local web server, local web server, servidor web local com google chrome, sw9, tudo sobre desenvolvimento web|

O objetivo nesta AULA é explicar passo a passo como podemos configurar e usar uma extensão disponível para o navegador Google Chrome, que tem como função transformá-lo em um poderoso servidor web local (Local Web Server). Com este servidor web local instalado e configurado, será possível hospedar e publicar nossos projetos desenvolvidos em HTML, CSS e JS. As perguntas a seguir serão respondidas nesta AULA: É possível criar um servidor web local de forma simples e rápida? Quais as formas de ativar um servidor web local usando o Google Chrome? Quais os principais recursos que esta extensão possui?

Local Web Server | Usando o Chrome como servidor web local | Alternativa 1 | SW9

Tags: build a local web server, chrome local web server, chrome web server, chrome web server extension, chrome web server not working, como usar o chrome como servidor web local, create local web server, local web server, servidor web local com google chrome, sw9, tudo sobre desenvolvimento web|

O objetivo nesta AULA é explicar passo a passo como podemos configurar e usar um recurso nativo do navegador Google Chrome para transformá-lo em um poderoso servidor web local (Local Web Server), com a proposta de hospedar nossos projetos desenvolvidos em HTML, CSS e JS. As perguntas a seguir serão respondidas nesta AULA: É possível criar um servidor web local de forma simples e rápida? Quais as formas de ativar um servidor web local usando o Google Chrome? Quais as principais características do recurso nativo do Google Chrome possui?

Drag & Drop Com HTML5 | Aula 8 – Arrastando do Desktop Para o Navegador | Série HTML5 | SW9

Tags: all of web development, Arrastando do Dektop Para um Navegador, drag & drop com html5, drag and drop com html5, drag and drop html5 builder, drag and drop html5 tutorial, drag and drop soltando elementos, drag e drop com html5, html5 drag, html5 drag and drop, html5 drag and drop image, html5 drag and drop list items, os eventos da api drag e drop, sw9, tudo sobre desenvolvimento web, web development articles|

O objetivo é concluirmos o projeto iniciado na AULA passada. Como soltar os arquivos que foram arrastados do Desktop para dentro de nossa área de soltura chamada file zone? Como recuperar e exibir informações básicas de cada arquivo arrastado? Estas são perguntas que serão respondidas nesta última AULA.

Drag & Drop Com HTML5 | Aula 7 – Arrastando do Desktop Para o Navegador | Série HTML5 | SW9

Tags: all of web development, Arrastando do Dektop Para um Navegador, drag & drop com html5, drag and drop com html5, drag and drop html5 builder, drag and drop html5 tutorial, drag and drop soltando elementos, drag e drop com html5, html5 drag, html5 drag and drop, html5 drag and drop image, html5 drag and drop list items, os eventos da api drag e drop, sw9, tudo sobre desenvolvimento web, web development articles|

Ainda aproveitando a onda sobre o uso do recurso de drag e drop (DND) de forma nativa usando a API Drag e Drop e HTML5, decidi compartilhar com vocês como podemos arrastar arquivos do desktop para o navegador. O objetivo é implementar uma área de arquivos dentro da própria página onde o kanban simples for implementado. Dividi este projeto em duas AULAS e hoje daremos início a mais este desafio.

Drag & Drop Com HTML5 | Aula 6 – Como definir uma imagem de arraste? | Série HTML5 | SW9

Tags: all of web development, como definir uma imagem de arraste, definido uma imagem de arraste, drag & drop com html5, drag and drop com html5, drag and drop html5 builder, drag and drop html5 tutorial, drag and drop soltando elementos, drag e drop com html5, evento drop, evento ondragover, html5 drag, html5 drag and drop, html5 drag and drop image, html5 drag and drop list items, os eventos da api drag e drop, sw9, tudo sobre desenvolvimento web, web development articles|

Hoje eu vou mostrar para vocês um recurso bem interessante, e que faz parte da API Drag & Drop. Estou falando na possibilidade de definir uma imagem que será exibida durante a ação de arrastar um elemento. É mais comum chamarmos esta imagem de: imagem de arraste.